/***************************************************************
******** CSS for Frontline Worker Leadership Capability Feedback Tool  ********
****************************************************************/

/************************
******** Default ********
************************/
html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #333333;
    background-color: #f7f7f7;
}

hr {
    width: 100%;
    border: none;
    height: 3px;
    margin: 0 0 30px 0;
    background: #e2e2e2;
}

.no-margin {
    margin: 0!important;
    padding: 0!important;
}

a {
    color: #604676;
}

.mobileLogo { display: none; }

/* Warning notice if browser is below IE 10 */
.warning-bar {
    display: none;
}

/* Warning notice if browser is below IE 10 */
.ie8 .warning-bar {
    width: 100%; 
    height: auto; 
    background: #0072bc;
    padding: 10px 10px 0 10px; 
    text-align: center;
    color: #fff;
    font-family: "Open Sans",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: bold;
    display: inline-block;
}

/* Warning notice if browser is below IE 10 */
.ie9 .warning-bar {
    width: 100%; 
    height: auto; 
    background: #0072bc;
    padding: 10px 10px 0 10px; 
    text-align: center;
    color: #fff;
    font-family: "Open Sans",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: bold;
    display: inline-block;
}

/*********************************************
******** Background images/containers ********
**********************************************/
.welcome-bg { 
    background: #fff url("../images/circle-lines-bg.png") right bottom no-repeat;
    /*background-size: 45%;*/
    position: relative;
    height: 100%;
    min-height: 500px;
    padding: 20px;
    -webkit-box-shadow: 0 0 6px 3px #eeeeee;
    -moz-box-shadow: 0 0 6px 3px #eeeeee;
    box-shadow: 0 0 6px 3px #eeeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(content/pie/PIE.htc);
}

.pages-bg { 
    background: #fff;
    /*background-size: 45%;*/
    position: relative;
    height: 100%;
    min-height: 500px;
    padding: 20px;
    -webkit-box-shadow: 0 0 6px 3px #eeeeee;
    -moz-box-shadow: 0 0 6px 3px #eeeeee;
    box-shadow: 0 0 6px 3px #eeeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(content/pie/PIE.htc);
}

/*****************************
******** Font Colours ********
*****************************/
/*.blue-color {
    color: #35adc9;
}

.green-color {
    color: #00aba0;
}*/

/* Overwrite these colours to black */
.blue-color, .green-color {
    color: #333333;
}

/*******************************************
******** Titles/Headings/Paragraphs ********
*******************************************/
h2 {
    font-weight: bold;
    color: #333333;
    margin: 0;
    padding: 10px 0;
}

h4 {
    color: #C22576;
    font-weight: bold;
}

.page-title {
    color: #333333;
    margin-bottom: 12px;
}

.page-title span {
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
}

.title-icon {
    height: 35px;
    width: 35px;
    margin-right: 5px;
}

/* Title icons for Vision, Self-Leadership, Motivating & Inspiring Others, 
Empowering, Collaborating & Influencing and Creativity & Innovation */

.vision-i { 
    background: url("../images/vision-icon.png") no-repeat scroll 0 0;
    background-size: 35px;
    /* Fix background -size in IE8 */
    -ms-behavior: url(content/backgroundsize.min.htc);
	behavior: url(content/backgroundsize.min.htc);
}
.leadership-i { 
    background: url("../images/leadership-icon.png") no-repeat scroll 0 0 / 35px auto; 
    background-size: 35px;
    /* Fix background -size in IE8 */
    -ms-behavior: url(content/backgroundsize.min.htc);
	behavior: url(content/backgroundsize.min.htc);
}

.motivating-i { 
    background: url("../images/motivating-icon.png") no-repeat scroll 0 0 / 35px auto; 
    background-size: 35px;
    /* Fix background -size in IE8 */
    -ms-behavior: url(content/backgroundsize.min.htc);
	behavior: url(content/backgroundsize.min.htc);
}

.empowering-i { 
    background: url("../images/empowering-icon.png") no-repeat scroll 0 0 / 35px auto;
    background-size: 35px;
    /* Fix background -size in IE8 */
    -ms-behavior: url(content/backgroundsize.min.htc);
	behavior: url(content/backgroundsize.min.htc);
}

.collaborating-i { 
    background: url("../images/collaborating-icon.png") no-repeat scroll 0 0 / 35px auto; 
    background-size: 35px;
    /* Fix background -size in IE8 */
    -ms-behavior: url(content/backgroundsize.min.htc);
	behavior: url(content/backgroundsize.min.htc);
}

.creativity-i { 
    background: url("../images/creativity-icon.png") no-repeat scroll 0 0 / 35px auto; 
    background-size: 35px;
    /* Fix background -size in IE8 */
    -ms-behavior: url(content/backgroundsize.min.htc);
	behavior: url(content/backgroundsize.min.htc);
}

.sub-para { padding-bottom: 10px;  }

/* Check icon for visited states */
.checked-i { 
    background: url("../images/check-icon.png") no-repeat;
    height: 24px;
    width: 24px;
    background-size: 24px;
    margin-left: 5px;
    /* Fix background -size in IE8 */
    -ms-behavior: url(content/backgroundsize.min.htc);
	behavior: url(content/backgroundsize.min.htc);
}

.checked-light-i { 
    background: url("../images/check-light-icon.png") no-repeat;
    height: 24px;
    width: 24px;
    background-size: 24px;
    /* Fix background -size in IE8 */
    -ms-behavior: url(content/backgroundsize.min.htc);
	behavior: url(content/backgroundsize.min.htc);
}

.ind-title {
    color: #2E8DCF;
    font-weight: bold;
}

.ind-block-para {
    padding: 0 10px;
}

.ind-text {
    border-right: solid 1px black;
    border-left: solid 1px black;
}

.comment-title {
    display: block;
    color: #333;
    font-weight: bold;
    margin-bottom: 5px; 
}

/* Comment icon */
.comment-icon {
    background: url("../images/comment-icon.png") no-repeat;
    height: 40px;
    width: 40px;
    background-size: 40px;
    margin: 0 15px 10px 15px;
    /* Fix background -size in IE8 */
    -ms-behavior: url(content/backgroundsize.min.htc);
	behavior: url(content/backgroundsize.min.htc);
}

/* Smiley face icon for feedback bar */
.smiley-face { 
    background: url("../images/smiley-face.png") no-repeat;
    background-size: 28px;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    width: 30px;
    margin-right: 5px;
    /* Fix background -size in IE8 */
    -ms-behavior: url(content/backgroundsize.min.htc);
	behavior: url(content/backgroundsize.min.htc);
}

/* Titles in Grid Layout (Used on Feedback page) */
.block-title {
    display: block;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}

/* Email icon */
.email-icon {
    display: inline-block;
    background: url("../images/email-icon.png") no-repeat;
    background-size: 20px;
    width: 32px;
    height: 32px;
    vertical-align: bottom;
    /* Fix background -size in IE8 */
    -ms-behavior: url(content/backgroundsize.min.htc);
    behavior: url(content/backgroundsize.min.htc);
}


/***********************
******** Navbar ********
***********************/

.navbar-inverse {
    background-color: #604676;
}

.page-header h1 {
    display: inline-block;
}

.theme-default #main-navbar .navbar-collapse {
    background-color: #604676 !important;
}

.theme-default #main-navbar .navbar-nav > li > a {
    color: #fff !important;
    font-weight: 400;
    opacity: 0.8;
    padding-left: 15px;
    font-weight: bold;
}

.theme-default #main-navbar .navbar-nav .page-active {
    background-color: #7D5B99;
    border-bottom: none;
    border-top: medium none !important;
    color: #ffffff;
    opacity: 1;
    border-radius: 10px;
}

.theme-default #main-navbar .navbar-nav > li.active > a, .theme-default #main-navbar .navbar-nav > li.dropdown.open > a, .theme-default #main-navbar .navbar-nav > li > a:hover {
    background-color: #7D5B99;
    border-bottom: none;
    border-top: medium none !important;
    color: #ffffff;
    opacity: 1;
    border-radius: 10px;
}

.page-header .page-header-top a {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.top-menu .user-image {
    background-color: #bbb;
    width: 3em;
    display: inline-block;
    margin-right: 10px;
}


.drop-apps { left: -310px !important; }
.drop-user { left: -40px !important; }

/* Dropdown arrow */
.arrow_box:after { 
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: -6px;
    right: 28px;
    z-index: -1;
    /*box-shadow: 0 0 12px rgba(0, 0, 0, 0.175);*/
    behavior: url(content/pie/PIE.htc);
    
    display: none\9
}

.arrow_box:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 20px;
    background: #fff;
    top: 0;
    right: 0;
    z-index: 0;
    behavior: url(content/pie/PIE.htc);
}

.drop-user:after {
    right: 23px;
}

.drop-apps > li > a { position: relative; color: #37474f !important; z-index: 1;}
.drop-apps > li > a:hover { color: #007a74 !important; }
.drop-apps li a:hover {
    background-color: transparent !important;
    box-shadow: none!important;
    color: #007a74 !important;
}

.drop-user-text > li > a { color: #37474f !important; }
.drop-user-text > li > a:hover { color: #007a74 !important; }


.nav.navbar-nav.pull-right {
    float: right;
    margin-right: 0;
    width: auto;
}

/* 
******** Hide line spacing in nav bar ********
.nav-line { 
    display: block;
    padding: 10px;
    color: #fff;
    opacity: 0.6;
}
*/

.nav-line { padding: 0; color: transparent; }

/*.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #00aca2 !important;
    border-color: #4083a9;
}*/

.Mobile-Menu > ul > li > ul > li {
    font-size: 16px;
    padding: 0;
    border-bottom: 1px solid #ddd;
}

.navbar-nav .open .dropdown-menu > li > a {
    line-height: 18px;
    padding: 20px;
}

.Mobile-Menu > ul > li > ul > li:hover, .Mobile-Menu > ul > li > ul > a:hover {
    background-color: #00aca2!important;
    color: #fff !important;
}

.theme-default .dropdown-menu > li.active > a, .theme-default .dropdown-menu > li > a:hover, .theme-default .nav-pills > li.active > a, .theme-default .nav-pills > li.active > a:focus, .theme-default .nav-pills > li.active > a:hover {
    background: #00aca2;
    color: #fff;
}

a:focus,
a:hover.accordion-toggle {
    text-decoration: none;
    background: transparent;
    color: #777;
}

.nav > li.dropdown-login-register {
	padding-top: 28px;
}
.nav > li.dropdown-login-register > a {
	display: inline;
}
.nav > li.dropdown-login-register > a.login-link {
	padding-right: 5px;
}
.nav > li.dropdown-login-register > a.register-link {
	padding-left: 5px;
}
.nav > li.dropdown-login-register > span {
	color: #4dc8e9;
}

/*********************
******** tcon ********
**********************/

.tcon-menu__lines, .tcon-menu__lines::after, .tcon-menu__lines::before {
    background-color: #00aca2;
}


/***************************
******** DIV shadow ********
****************************/
.tool-title {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 10px 0;
    -webkit-box-shadow: 0 6px 6px 0 #dddddd;
    -moz-box-shadow: 0 6px 6px 0 #dddddd;
    box-shadow: 0 6px 6px 0 #dddddd;
    /*behavior: url(content/pie/PIE.htc);*/
}

download 

/************************
******** Buttons ********
*************************/
.scroll-to-top {
    background-color: #7D5B99;
}

/* Hamburger menu */
.fa-bars:before { color: #fff; }

.card { border: medium none; }

/* Arrow icon */
.card-block {
    background: url("../images/arrow.png") 95% bottom no-repeat;
    color: #fff;
    font-weight: 600;
    min-height: 140px;
    padding: 5px 5px 5px 20px;
    text-align: left;
    transition: 0.5 ease;
    -webkit-transition: 0.5 ease;
}

.block-charcoal { background-color: #384850; }
.block-red { background-color: #e57473; }
.block-green { background-color: #00aca2; }


.block-pink { background-color: #C22576; }
.block-blue { background-color: #2E8DCF; }
.block-green { background-color: #B2BC1B; }


.card-block:hover {  background-position: 100% bottom; opacity: 0.8; }

.full-width-btn {
    display: block;
    width: auto;
    padding: 0;
    height: 60px;
    margin: 20px 0 !important;
    background: #C22576!important;
    border: none !important;
    line-height: 60px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    margin-bottom: 20px;
    color: #fff;
}

/* Hover state for button above */
.theme-default .full-width-btn:hover {
    text-decoration: none;
    background: #A30657!important;
    color: #fff;
}
/* ============================ */

.submit-btn {
    margin: 0!important;
}

/* Set of inline buttons wrapper */ 
.button-set {
    position: relative;
    text-align: right;
    padding: 30px 0 0 0;
}

.button-set a {
    display: inline-block;
    padding: 0 40px;
    margin-left: 20px!important;
}

/****************************
******** Page Header ********
*****************************/
.page-header .page-header-top {
    background-color: #604676;
    color: #fff;
    min-height: 99px;
    z-index: 1040;
}

.page-header .page-header-top .page-logo img {
    margin-right: 0;
    width: auto;
}

.top-menu .dropdown-toggle {
    background: none !important;
    color: #fff !important;
}



/************************************
******** Containers/wrappers ********
*************************************/
.page-content {
    background-color: #ededed;
    padding-bottom: 200px;
}

.note.note-info {
    border-color: #4dc8e9;
    background: #fff;
}

.inner-wrapper {
    position: relative;
    width: auto;
    height: auto;
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 6px 3px #eeeeee;
    -moz-box-shadow: 0 0 6px 3px #eeeeee;
    box-shadow: 0 0 6px 3px #eeeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(content/pie/PIE.htc);
}

.indicator-block {
    position: relative;
    width: 100%;
    height: auto;
    padding: 20px 0;
    background: #fff;
    -webkit-box-shadow: 0 0 12px 2px #eeeeee;
    -moz-box-shadow: 0 0 12px 2px #eeeeee;
    box-shadow: 0 0 12px 2px #eeeeee;
    margin: 0 auto 30px auto;
    behavior: url(content/pie/PIE.htc);
}

.leadership-tools {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
    -webkit-box-shadow: 0 0 6px 3px #eeeeee;
    -moz-box-shadow: 0 0 6px 3px #eeeeee;
    box-shadow: 0 0 6px 3px #eeeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 0 5px 0;
    border: none;
    behavior: url(content/pie/PIE.htc);
}

/* Admin Reports Icons */
.create-date-report {
    background: #384850 url("../images/calendar-icon.png") no-repeat center center;
    height: 160px;
}

.open-30days-report {
    background: #384850 url("../images/hourglass-icon.png") no-repeat center center;
    height: 160px;
}

/*Self assessment icons */
.vision-capability {
    background: #2E8DCF url("../images/vision-capability-icon.png") no-repeat center center;
    height: 160px;
}

.vision-capability-small {
    margin: 0px;
    display: inline-block;
    background: #2E8DCF url("../images/vision-capability-icon-small.png") no-repeat center center;
    height: 40px;
    width: 40px;
}

.self-leadership-capability {
    background: #2E8DCF url("../images/self-leadership-capability-icon.png") no-repeat center center;
    height: 160px;
}

.self-leadership-capability-small {
    margin: 0px;
    display: inline-block;
    background: #2E8DCF url("../images/self-leadership-capability-icon-small.png") no-repeat center center;
    height: 40px;
    width: 40px;
}

.motivating-capability {
    background: #2E8DCF url("../images/motivating-capability-icon.png") no-repeat center center;
    height: 160px;
}

.motivating-capability-small {
    margin: 0px;
    display: inline-block;
    background: #2E8DCF url("../images/motivating-capability-icon-small.png") no-repeat center center;
    height: 40px;
    width: 40px;
}

.empowering-capability {
    background: #2E8DCF url("../images/empowering-capability-icon.png") no-repeat center center;
    height: 160px;
}

.empowering-capability-small {
    margin: 0px;
    display: inline-block;
    background: #2E8DCF url("../images/empowering-capability-icon-small.png") no-repeat center center;
    height: 40px;
    width: 40px;
}

.collaborating-capability {
    background: #2E8DCF url("../images/collaborating-capability-icon.png") no-repeat center center;
    height: 160px;
}

.collaborating-capability-small {
    display: inline-block;
    background: #2E8DCF url("../images/collaborating-capability-icon-small.png") no-repeat center center;
    height: 40px;
    width: 40px;
}

.creativity-capability {
    background: #2E8DCF url("../images/creativity-capability-icon.png") no-repeat center center;
    height: 160px;
}

.creativity-capability-small {
    display: inline-block;
    background: #2E8DCF url("../images/creativity-capability-icon-small.png") no-repeat center center;
    height: 40px;
    width: 40px;
}

.capability-active {
    background-color: #1C6470;
}

.vision-capability:hover, .self-leadership-capability:hover,
.motivating-capability:hover, .empowering-capability:hover,
.collaborating-capability:hover, .creativity-capability:hover {
    background-color: #1C6470;
}

.leadership-tools .caption {
    color: #37474f;
    padding: 0 10px;
}

.leadership-tools .caption h4 {
    color: #333;
    font-weight: bold;
}

.feedback-bar {
    background: #b2bc1b;
    text-align: center;
    color: #333;
    padding: 10px 0;
}

.feedback-bar p { display: inline; }

.downloads {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
    -webkit-box-shadow: 0 0 6px 3px #eeeeee;
    -moz-box-shadow: 0 0 6px 3px #eeeeee;
    box-shadow: 0 0 6px 3px #eeeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 0 5px 0;
    border: none;
    behavior: url(content/pie/PIE.htc);
}

.download-date {
    background: #2e8dcf;
    height: 160px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 65px 0;
    font-size: 20px;
}

.download-date-new {
    background: #1c6472;
    height: 160px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 65px 0;
    font-size: 20px;
}

.date-text { opacity: 0.6; }

.download-date:hover {
    background-color: #1c6472;
}

.downloads .caption {
    color: #333;
    padding: 0 10px;
}

.downloads .caption h4 {
    color: #333;
    font-weight: bold;
}

/* Download icon */
.download-i { 
    background: url("../images/download-icon.png") no-repeat;
    height: 24px;
    width: 24px;
    background-size: 24px;
    /* Fix background -size in IE8 */
    -ms-behavior: url(content/backgroundsize.min.htc);
	behavior: url(content/backgroundsize.min.htc);
}

/* Download icon active state */
.download-i-active { 
    background: url("../images/download-icon-active.png") no-repeat;
    height: 24px;
    width: 24px;
    background-size: 24px;
    /* Fix background -size in IE8 */
    -ms-behavior: url(content/backgroundsize.min.htc);
	behavior: url(content/backgroundsize.min.htc);
}

/* Grid (Used on Feedback page) */
.block-outer {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.block-shadow {
    position: relative;
    height: auto;
    min-height: 400px; 
    padding: 25px;
    background: #fff;
    -webkit-box-shadow: 0 0 12px 2px #eeeeee;
    -moz-box-shadow: 0 0 12px 2px #eeeeee;
    box-shadow: 0 0 12px 2px #eeeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    behavior: url(content/pie/PIE.htc);
}

.group-content {
    position: relative;
    margin-bottom: 30px;
}


/****************************
******** List styles ********
*****************************/
.list-inline {
    margin-top: 8px;
}




/****************************
******** Form styles ********
*****************************/
.ind-sel { text-align: center; }

/* Select arrow for dropdown box */
.cus-sel {
    width: 100%;
    height: 32px;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../images/select-arrow.png) no-repeat center right;
}

.ind-sel select option { margin: 0 5px; }

.comments-textarea {
    resize: none;
    border: none;
    border-bottom: solid 3px #333;
}

.comments-textarea:focus { background: #f7f7f7; }

.email-label {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    text-indent: 32px;
    margin-top: 10px;
}

.new-account .email-label { text-indent: 0; }

.email-input {
    display: inline-block;
    width: 85%;
    height: 40px;
    line-height: 40px;
    border: none;
    border-bottom: solid 2px #333333;
}

.new-account .email-input { width: 100%; }

.search-label {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.block-shadow select {
    height: 32px;
    margin: 25px 0;
}

table.editable-table tr {
    height: 56px;
}

table.editable-table input {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: none;
    border-bottom: solid 3px #00aba0;
    background: transparent;
}

table.editable-table select {
    width: 100%;
    height: 32px;
    padding: 5px 10px;
    margin: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url(../images/select-arrow.png) no-repeat center right;
}

/******************************
******** Table Styles ********
*******************************/
.table-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    max-height: 350px;
    overflow-x: hidden;
}

.fixed-thead {
    min-width: 1%!important;
    margin-bottom: 5px!important;
}

.table>thead>tr>th {
    border: none;
    padding: 0 8px 8px 8px;
}
.table {
    border: none;
    min-width: 450px!important;
}

.table-overflow {
    position: relative;
    width: 100%;
    height: auto;
    max-height: 280px;
    overflow-y: auto;
    overflow-x: auto;
}

.main-table {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 10px 0;
}

.main-table thead tr th {
    position: relative;
    color: #2E8DCF;
    background: #fff;
    font-weight: bold;
    /*word-break:break-all;*/
} 

/*.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th {
    background: #eceff1!important;
    behavior: url(content/pie/PIE.htc);
}*/

.table-striped>tbody>tr.odd>td {
    background: #eceff1 !important;
}

.table>tbody>tr>td {
    border: none;
    /*word-break:break-all;*/
}

.main-table tr {
    border: none;
}

.main-table td {
    padding: 10px 0;
}   

.main-table td.bold {
    font-weight: bold;
}

.main-table .checked-i {
    margin: 0 auto;
}

.table-striped > tbody > tr.highlight-red > td {
    background: #A30A43!important;
    color: #fff;
}

.table-striped > tbody > tr.highlight-green > td {
    background: #b2bc1b!important;
    color: #fff;
}

.main-table tr.highlight-red .checked-i {
    background-image: url(../images/check-white-icon.png);
}

.main-table tr.highlight-green .checked-i {
    background-image: url(../images/check-white-icon.png);
}



/***************************************
******** Mobile Side Navigation ********
****************************************/
.navmenu, .navbar-offcanvas {
    background: #4d4d4d;
}

.Mobile-Menu .navbar-nav > li > a {
    color: #fff;
    padding: 20px;
    border-bottom: 1px solid #676565;
}

.Mobile-Menu .navbar-nav > li > a:hover {
    color: #fff;
    background: #7D5B99;
}

.signout-i:before { 
    font-family: FontAwesome;
    content:'\f08b';
}

.Mobile-Menu .page-active {
    background: #7D5B99;
    border-bottom: none;
}


/******************************
******** Footer Styles ********
*******************************/
.NESfooter {
    background-color: #604676;
    /* Position footer at bottom of screen */
    position: absolute;
    bottom: 0;
    width: 100%;
}

.NESfooter a:hover, .NESfooter a:focus {
        opacity: 0.6;
        text-decoration: none;
        color: #fff;
    } 

.footer-logos { 
    padding: 0 15px; 
    height: 65px; 
    display: inline;
}

.NESfooter .application-version {
    color: #A49BBA;
    font-size: 85%;
}


/******************** Custom Changes ********************/
.reportSearchFormWrapper, .adminReportsWrapper {
    width:30%;
	margin:auto;
	text-align:center;
}
.searchFormTitle, .adminReportsTitle{
    color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom: solid 2px #fff;
    background-color: #00aca2;
    height: 65px;
    line-height: 65px;
    font-weight: bold;
    text-align:center;
}

.reportSearchForm{
        background-color: #4dc8e9;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
    text-align: left;
    padding:30px 60px;
}

.reportSearchForm input{
    width: 100%;
    margin-bottom: 8px;
    border-radius: 10px;
    padding: 4px 10px;
    color:#000;
}

.reportSearchForm label{
    margin-bottom:2px;
}

.reportSearchForm .btn-form-submit{
    height: 35px;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 10px;
    background-color: #4681a8;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    margin-top: 20 px;
}
.reportSearchForm .btn-form-submit:hover{
    text-decoration:none;
    color:#ccc;
}
.searchResultsTable{
    width: 100%;
    border: solid 1px #999;
}   
.searchResultsTable th{
    border-bottom: solid 1px #999;
    background-color: aliceblue;
}
.searchResultsTable tr:hover {
    background-color: cadetblue;
    cursor: pointer;
}
.standardButton{
        height: 24px;
    -webkit-appearance: none;
    border-radius: 10px;
    background-color: #4681a8;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    line-height: 24px;
    width: 100%;
}
.standardButton:hover {
    cursor: pointer;
    background-color: #caebe4;
    color: #00aca0;
}

.reportDetailWrapper{
    margin: auto;
    text-align: center;
    padding-top: 30px;
    width:100%;
}
.reportDetailsLeft, .reportDetailsRight {
    float: left;
    width: 45%;
    text-align: left;
    padding: 20px;
}
.reportDetailsInnerWrapper, .adminReportsInnerWrapper {
    border: solid 1px #555;
    background-color:#fff;
}
.feedbackProvidersInner{
    text-align:center;
}
.feedbackProvderTypeHeading {
    font-size:18px;
    font-weight:bold;
    text-decoration:underline;
}
.feedbackProvidersTable, .adminReportsTable{
	margin:auto;
	width:80%;
}
.feedbackProvidersTable .standardButton{
    font-size:14px;
}
.feedbackProvidersTable th, .feedbackProvidersTable td, .adminReportsTable th, .adminReportsTable td{
	text-align:center;
}
.feedbackProvidersTable th, .adminReportsTable th{
	background-color:aliceblue;
	border:solid 1px #555;
}
.adminReportsWrapper {
    width: 70%;
}
.adminReportsInnerWrapper a{
text-decoration:none;
color:#000;
    width: 48%;
    float: left;
	font-size:12px;
}
.adminReportsInnerWrapper a:hover{
text-decoration:none;
color:#999;
}
.adminReportsSearchInnerWrapper, .adminReportsResultsInnerWrapper{
    background-color: #4dc8e9;
}
.dateSelector{
    padding:15px;
    text-align:left;
    width:30%;
    margin:auto;
}
.dateSelector label{
    width:100%;
    margin-bottom:2px;
}
.dateSelector input{
    width:100%;
    margin-bottom:5px;
}
.dateSelector .btn-primary{
            height: 40px;
    -webkit-appearance: none;
    border-radius: 10px;
    background-color: #4681a8;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    line-height: 24px;
    width: 100%;
}
.dateSelector .btn-primary:hover {
    cursor: pointer;
    background-color: #caebe4 !important;
    background-image:none !important;
    color: #00aca0;
}

.homeButton1, .homeButton2{
    height:120px;
    color:#fff;
    font-size:18px;
    text-align:center;
    line-height:120px;
    font-weight:bold;
}

.homeButton1:hover, .homeButton2:hover {
    cursor:pointer;
    text-decoration:underline;
}

.homeButton1{
    background-color:cadetblue;
}

.homeButton2{
    background-color:tomato;
}

.deleteBox textarea{
    width:100%;
}

@media (max-width: 768px){
    .feedbackProvidersTable{
        width:100%;
    }
}