a {color: #81a3d7;}
a.tooltiper {padding-left: 10px;}
.accordion .panel {margin-bottom: 0px; border-bottom: 1px solid #ffffff;}
.accordion .panel-heading {background: #EBF0F2; border-radius:0px;}
.alert-danger {background-color: #ec5858;}

.accordion.guidance .panel-heading {background-color:#AAB199;padding: 10px 23px; margin-top: 10px; margin-bottom: 10px; color:inherit;}
.accordion.guidance .panel-body {padding:10px 10px 10px 23px; margin-bottom:10px; background-color:#fff;}
.accordion.guidance .panel-heading:before {
  font-family: "Glyphicons Halflings";
  content: "\e080";
  float: right;
  transition: all 0.5s;
}
.accordion.guidance .panel-heading.collapsed:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

.bookmark {top: 0px !important; font-size: 12px !important; padding-top: 12px !important;}
.box-outline {border: 2px solid #4e4e4e; margin: 0px;}
.btn {margin: 0px;}
.btn:
, .btn:focus, .btn.focus, .btn.btn-app:hover {background: #ebbd10;}
.btn-primary, .btn-primary:focus, .btn-primary.focus {background-color: #020813; border-color:#020813;}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {background-color: #ebbd10;}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {background-color: #ebbd10;}

.footer-text {color: #484d50;}
.close2 {border: #ffffff thin solid !important; color: #ffffff !important; background-color: #00538d;}
.col-xs-1 header_column_group {width: fit-content;}
.col-xs-10, .col-xs-11 {width: 100%;}
.content_title {border-bottom: none;}

div.text.inline {color: #484d50;}

.fa-save, .btn.btn-app:hover .fa-save {background: none;}
.fa-power-off, .fa-universal-access {color: #484d50 !important;}
.ff {background-color: #f7f7f7;}
.form-control_dropdown {border: 1px solid #cacaca; color: #484d50;}
.form-control.text.text-T[style] {height: 34px; resize: vertical; margin: 5px 0px 0px 0px;}

.h2, h2, .htitle2, .htitle {color: #000000;}
.h3, h3 {font-size: 20px; color: white;}
.h4, h4 {font-size: 13px; margin-top: 8px; margin-bottom: 8px}
.h5, h5 {font-size: 12px; color: #484d51;}
.question.level-2 > div > span.h4{font-weight:bold;}
.header_column_group {background: #3f6c78; border-radius: 0px; margin: 0px; border: 0px solid white;}
.headercol {background-color: #005392;}
.htitle {margin-top: 0px; margin-left: 20px;}

.login_content h1 {color: #000;}
.logo {margin: 10px 0px;}
.link-color {color: #81a3d7 !important;}

@media screen and (min-width: 769px) {
	.htitle2 {margin-top: 15px;}
	.nav_menu2 {background-color: #020813 !important;padding:10px 0;}
	.logo3 {margin: 0px; padding: 0px;}
}

@media screen and (max-width: 768px) {
	.nav_menu2 {background-color: #020813 !important;padding:10px 0;}
	.logo3 {margin: 0px; padding: 0px;}
	.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {max-width: 145%;}
}

.modal-header {background-color: #3ba9ba !important; border-bottom: 0px solid !important; padding: 2px 2px 0px 19px !important;}
.modal-open {color: #484d50;}

.nav-md .container.body .fa {color: #ffffff;}
.nav-md .container.body .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {border-bottom: #ffffff thin solid;}
.nav-md .container.body .nav_menu {padding-top: 0px !important; padding-bottom: 0px !important; height: 58px; background-color: white !important;}
.nav-md .container.body .nav_menu2 {background-color:  #020813 !important;border-bottom: 1px solid black !important;}
.x_title.left-align, .nav-md .container.body .table > thead > tr > th {border-bottom: 2px solid #00518d;}
.nav_menu {margin-bottom: 0px; background:#AAB3CB;}
.nav-sm modal-open {color: #4e4e4e;}
.number {max-width: 8em; text-align: right; display: inline;}

.orange_table {border: #00518d 0px solid; margin-top: 5px;}
.orange_table_bg .Status_mandatory {background-color: #fff; border-radius: 50%; border: 2px solid #ee9b30; padding: 3px 11px; color: #ee9b30 !important; cursor: pointer; margin-left: 2px;}
.orange_table_bg.table-responsive {margin-top: 2px;}
.orange_table td {border: none; padding: 0px 2px 3px 6px !important; border-bottom: none !important;}
.orange_table tr:first-child th {background: #ecf5fb; color: #484d50; border-left: none; text-align:center}
.orange_table th {border-left: none;}
.orange_table_bg td {background-color: transparent; color: #484d51;}
.orange_table th:first-child { text-align: left;}

.panel-title-status {color: #484D4F;}
.popover-header {background-color: #2eb692;}
.popupbdr {border: #869bc2 thin solid;}

.row {margin-right: 0px; margin-left: 0px;}
.row-eq-height {margin-top: 0px;}

.separator {color: #484d51;}
.Status_completed {background-color: #AAB199;}
.Status_inprogress {background-color: #AAB3CB;}
.Status_notstarted {background-color: #cdcdcd;}
.Status_Download {background-color: #353C52; color: #ffffff;}
.Status_flag {background-color: #F0CD7F;}
.Status_PDF {background-color: #00528d; color: #fff;}
.survey_progress_overview_percent {height: 100px !important; width: 240px !important;}

table {border-collapse: inherit;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {padding: 5px;}
td, .td {padding: 0px;}
.td_border {border-right: #dddddd thin solid !important;}
.text.inline {padding: 7px;}
th[style] {border: none !important;}
tr.row{border-bottom:1px #d9d9d9 solid;}

ul.bar_tabs > li.active {border-right: 6px solid #81a3d7;}

.x_title {border-bottom: 2px solid #81a3d7;}
.x_panel {margin-top: 9px; border: 0px solid #fff;}
.x_panel_mandatory {border-left: 1px solid #ec5858;}
.x_panel4 {background: #020813; border: 0px solid #fff; padding: 15.6px 17px;}
.x_panel3 {background: #CED4E5; border: 0px solid #fff; padding: 24.5px 17px;}
.panelPOPUP 
{padding: 14px 20px 13px 20px; border: 0px solid;
background:#CED4E5 !important;
background-color: #020813 !important;
}
.q-score {float: right;}

.prefill {border: 1px #2eb692 solid !important;}

.login_content h1:before {    
    width: 12%;
    left: -25px;
}
.login_content h1:after{
    width: 12%;
    right: -25px;
}
footer{
padding: 0px;
}
.left_cols{
    background: #CED4E5;
    min-height: 100%;
    width: 70px;
    padding: 0;
    z-index: 9999;
    position: fixed;
    background-color: #3ba9ba;
	color: white;

}

.Status_mandatory {
    background-color: #2eb692;
	padding: 3px 9px;
	font-size: 10px;
}
.popover-content{
	color:#000;
}

.highlight{
  text-decoration: underline;
  text-decoration-color: #696969; 
 }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]
{
	margin-left:2px;
	width:7px;
}

.browse{background-color:#020813;border-color:#020813;}

/*.highlight_msg {
  background-color:#ce5454;
  padding: 10px;
  color: white;
}

.highlight_msg p {
    color: white;
}*/

.center.footer-text{
padding-top:100px;
padding-right:190px;
padding-left:190px;

}
.border>tbody>tr>td 
{
 border:none;
}

span.txtbox {
    line-height: normal;
    padding-left: 8px;
}



.toggle.btn{
padding:0px;
margin:0px;
}

.toggle .btn{
padding:0px;
margin:0px;
text-transform: capitalize !important;
}

.toggle-off.btn {
padding-left: 0px !important;
}

.toggle-on.btn {
padding-right: 0px !important;
text-align: center !important;
}

.center_disclosure{
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 34px;
border-radius: 3px;
padding-left:8px;
}

.orange_table td .sol-container {
text-align: left;
}

.prefill{
border: 2px solid #f7941d;
}

.toggle.btn{
padding:0px;
margin:0px;
}

.toggle .btn{
padding:0px;
margin:0px;
text-transform: capitalize !important;
}

.toggle-off.btn {
padding-left: 0px !important;
}

.toggle-on.btn {
padding-right: 0px !important;
text-align: center !important;
}

.center_disclosure{
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 34px;
border-radius: 3px;
padding-left:8px;
}

label.btn.btn-success.toggle-on
{
letter-spacing :0px !important;
font-weight:500;
}

.flagthispage , .flagicon{
    position: absolute !important;
}
.word-count
{
 color:#484d4f;

}

#surveyNodesLoading
{
	border: 5px solid #879bc3 !important;
}

#loader-2 span {
  background-color: #879bc3 !important;
}

.conversation_display, .conversation_display pre{
	background-color: #f6eecd !important
}

.highlightdefinitionicon{
	display:none;
}

span.h4{font-weight:bold;}

.nav-md .container.body .toggle {
    float: left !important;
    margin: 0 !important;
    padding-top: 16px !important;
    width: 45% !important;
}

.nav-md .container.body .top_nav .navbar-right {
  margin: 0 !important;
  width: 55% !important;
  float: right !important;
  font-size:14px;
  color: #808080 !important;
}

.nav-sm .container.body .top_nav .navbar-right {
	font-size:14px;
}

.checkboxlist{
	width:48%;
}

.htitle2, .htitle{
    font-size: 18px;
	text-transform: inherit;
}

.btn-yellow{
  background: #F0CD7F !important;
  color:black !important;
}

.login_content{
	padding: 0px !important;
}

.text-align-right{
	text-align:right;
}

body{
	background:#F6F5EF !important;
	color: #000000 !important;
}

.logout-btn{
    background-color:#ebbd10;
	color: black !important;
}

.table-survey>thead>tr{
	background:#EBF0F2;
}

.nav-sm .navbar.nav_title {
    background:#CED4E5;
	background-color: #3ba9ba;
}

.x_panel_readonly{
	background: #EBF0F2 !important;
}

.btn-group>a:hover{
	background: #F0CD7F !important;
}
.btn-group>div[onclick=" RemoveSurveyPageResponse(event);"]:hover{
   background: #F0CD7F !important;
}

.x_title3 {background-color: #3ba9ba;}

#sidebar-switch-button .fa {
    font-size: 20px !important;
}

.x_content, .nav.navbar-nav > li > a, ul, .btn-3, #btn-container, .btn.btn-app, .fa-save, .htitle2, .x_title3, .header_column, 
.header_column_group, .panelPOPUP.headercol >h3, .nav.side-menu > li > a, .btn.btn-app > .fa, .btn-group>a > .fa2,
.panelPOPUP, .panel-heading, .panel-title, .questionLink>b>a, .panel-title-status, .orange_table td
{
	color: inherit ;
}
 
.nav.navbar-nav > li > a , .htitle , .htitle2{
color : black !important;
}

.header_column {background: #ecf6f8; border-radius: 0px; border: 0px solid white;}

.btn-3, #btn-container {background: #AAB3CB;}
.btn.btn-app, .fa-save {background: #020813; min-width: 190px !important;}

.text.popupinput{
	display:inline-flex !important;
}

.col_md #PrimaryContent .x_panel {
    margin-left: 15px;
    width: 98%;
    border-radius: 20px;
    padding: 16px 15px;
}

.nav-sm #PrimaryContent .x_panel,.nav-sm #PrimaryContent .x_panel_mandatory:not(.modal) {
    margin-left: 5px;
    width: 99%;
    border-radius: 20px;
    padding: 5px 10px;
}

.x_panel_mandatory:not(.modal){

	margin-bottom:0px !important;

}

.nav-sm #PrimaryContent .x_panel_readonly {
    border-radius: 20px;
}

.nav-sm #PrimaryContent .guidance {
    width: 99%;
    border-radius: 20px;
    padding: 5px 10px;
}

#PrimaryContent .x_title3 {
	border-radius: 0px;
	width: 98%;
}

.sidebar{
	border-radius: 20px;
    border-top-left-radius: 0px;
}

.sidebar .x_panel {
    margin-left: 10px;
    width: 98%;
    border-radius: 20px;
    padding: 16px 10px;
}

.page_status{
	padding-left:1px;
}



.question_title{
	padding: 7px 0px;
    border-radius: 10px;
}

.main_container{
	background-color:#3ba9ba;
}

.SectionFlagStatus label{
	font-weight:normal;
}

/*.nav-sm .container.body .right_col{
	padding: 10px 0px !important;
    margin-left: 60px !important;
   
}*/

.question .que-choose__flex h5{
	display: block !important;
}
.flag{
display: flex; align-items: center;
}

#digitalscorecard-container > .btn-group a[tag_name="digitalscorecardlink"]{
	margin-top:0px !important;
	margin-bottom:30px;
}

#digitalscorecard-container > .btn-group .btn.btn-app{
	background-color:#AAB199;
}

.type_I >.form-group > div > a > img {
    max-width: 5%;
    margin-bottom: 1%;
}
.sorting_1:has(.toggle-group) .toggle-group {
    position: absolute !important;
}
#dependentPagesMessageModalLabel{
margin: 0px !important;
}
.modal-header .close {
    padding: 4px 0px !important;
}

.disclosure_T,.disclosure_TB,.disclosure_B,.disclosure_M{
    background-color:#CED4E5;
    border-radius: 10px;
    text-align: center;
}

.purpose_I{
    background-color:#16A085;
 	border-radius: 0px;
   text-align: center;
}

.purpose_S{
   background-color: #ebbd10;
   border-radius: 0px;
   text-align: center;
	color:black !important;
}

.disclosure_S{
   background-color: #E3AF7D;
   border-radius: 10px;
   text-align: center;
}

.purpose_M{
    background-color:#CED4E5;
    border-radius: 0px;
    text-align: center;
}

.child_question .text textarea {
    margin-left: 2% !important;
}

.choose_evidence {
    white-space: nowrap !important;
}

.sectionDownloadDocumentIcon {
   margin: 0% !important;
    padding-right: 10% !important;
}

.child_question .word-count {
    margin-left: 2% !important;
}

.child_question .maxlength-feedback{
    margin-left: 2% !important;
}

.sol-selection-container{
height:13% !important;
}

.sol-selection{
max-height:65% !important;
}

.x_panel4{
     padding:15.6px 17px !important;
}
#btn-container,.btn,.btn-app,.fa-save , .btn:hover , .btn:focus {
background-color: #020813;
color: white;
}

.Page_Header{
    color: white !important;
}
.nav_menu {
    background-color: white !important;
}
.nav-sm .container.body .top_nav .navbar-right {
    color: #808080 !important;
}

.colremovespace {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.SectionFlagStatus{
    margin-left: -3.5%;
}
.panel-heading .row {
  display: flex;
  flex-wrap: wrap; /* allows wrapping if truly needed */
  align-items: center;

}

.panel-title-status,
 .sectionLevelDocumentDownload {
  white-space: nowrap; 
}


.title-alignment{
margin-left:-2% !important;
}

 .sidebar-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  color: white;
  padding: 12px 0;          
  text-align: center;
}

.icon-circle {
  background-color: white;
  border-radius: 50%;
  width: 44px;               
  height: 44px;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
   margin-left:7px;
}

.icon-circle img {
  width: 20px;               
  height: 20px;
}

.sidebar-tile span {
  margin-top: 6px;           
  font-size: 13px;
  line-height: 2.2;
  color: white;
  font-weight: 500;
}

.download-button-wrapper {
  display: flex;
  flex-direction: row;         
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 1px;
}

.download-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background-color: #020813;
  color: white;
  padding: 8px 16px;
  font-weight: 500;
  font-size: 13px;
  border-radius: 0;
  white-space: nowrap;
}
.download-split-button {
  display: inline-flex !important;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 2px;
  overflow: hidden;
  height: 36px;
  font-family: sans-serif;
  font-size: 13px;
}



.download-label {
  background-color: white;
  color: #999;
  padding: 0 14px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.download-icon {
  background-color: #0b0d14;
  padding: 0 12px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.download-icon img {
  width: 18px;
  height: 18px;
}

.shareLink {
  flex-shrink: 0;
}
.download-hover:hover {
  text-decoration: underline;
}

.pageDownloadDocumentIcon:hover .download-label {
  text-decoration: underline;
}
[class*="section_score_"] {
      font-weight: normal;
    font-size: 14px;
}
.header_column_group{

color:white !important;

}
.btn-primary:hover{
background-color: #ebbd10;
border-color: #ebbd10;
}

.nav-md .container.body .login_wrapper {
    max-width: 520px !important;
}
.login_content h1 {
    line-height: 30px;
}
.login_content form input[type="text"], .login_content form input[type="email"], .login_content form input[type="password"]
 {
    margin: 0px 10px 20px;
    width: 85%;
}
.login_content form #signin input[type="text"], .login_content form input[type="email"], .login_content form input[type="password"] {
    margin: 0px 35px 20px;
    width: 85%;
}

.login_content form #signin > div > label {
  margin-left: 7%;
}
#signin h1:before, #signin h1:after {
    display:none;
}
.ForgotPasswordInfo {
    padding-left: 3%;
}
#usernameErrorMessage,#EmailAddressErrorMessage,#EmailAddressConfirmErrorMessage{
margin-left:7%;
}
#ErrorMessage,#NewPasswordErrorMessage,#PasswordCriteriaInfo,#newpasswordErrorMessage,#confirmpasswordErrorMessage{
margin-left:7%;
}
#CompanyCodeErrorMessage{
margin: 11% 2%;
}

#registrationForm #usernameErrorMessage{
display: table-cell;
padding: inherit;
}
.btn-default {
    background-color: #fff !important;
}
.openStatus , .newStatus , .submittedStatus, .expiredStatus{
  color : black !important;
}
.nav-md .container.body .fa {
    color: #515356 !important;
}