/*******************************************************************************
 * Copyright (c) 2018 or the year of first publication, if earlier, HighQ Solutions Limited or its licensors
 *******************************************************************************/
 body			{font-family: 'Roboto', sans-serif, Arial; font-weight:400; font-size: 14px; line-height:20px; -webkit-font-smoothing: subpixel-antialiased; -ms-overflow-style:scrollbar !important; background:#FCFCFC; color:#404040;}
body, html		{height:100%}/*COL-32340*/
/*==================
Other common css
====================*/
/*.siteDropdown .dropdown-menu, .mainMenu li.hideshow .dropdown-menu{max-height: calc(100vh - 160px);}*/

/* Bootstrap Overwrite */
.caret {border-top: 4px solid;}
.dropdown-header {font-size:14px; color: #707070;}
.dropdown-menu.dropdownMaxWidth {max-width:280px;}
.dropdown-menu li a{display: block; text-decoration: none; color:#404040;}
.dropdown-menu li a:hover, .dropdown-menu li a[aria-selected=true], .dropdown-menu li a:focus, .dropdown-menu li a.selected, .fileLeftPanelmenu li a:hover, .fileLeftPanelmenu li a.selected, .dataSearchResult li a:hover, .dataSearchResult li a.selected, .globalSearchDrop li a:hover, .listHover li a:hover { background-color:#F3F3F3; color:#404040;}
select, select.form-control {-webkit-appearance: none; -moz-appearance: none; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-user-select: none; background-image: url("../../images/select-arrow.png"), -webkit-linear-gradient(#fff, #fff 40%, #e3e3e3) !important; background-position: right center !important; background-repeat: no-repeat !important;	border: 1px solid #949494;	margin: 0;	overflow: hidden; padding: 6px 9px 6px 6px; text-overflow: ellipsis; white-space: nowrap; /*outline: none !important; (removed to fix COL-59167)*/ line-height: initial !important; -webkit-padding-end: 22px;}
/*.form-control:focus, .selectDrop.dropdown button:focus, .bootstrap-select button:focus {border-color:#FA6400; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 100, 0, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 100, 0, .6);}*/
::selection {color:#fff;background:#404040;}
::-moz-selection {color:#fff;background:#404040;}
.crossNone::-ms-clear, input::-ms-clear {display: none;}
select[disabled] {background-image: url("../../images/select-arrow.png"), -webkit-linear-gradient(#eee, #eee 40%, #ededed) !important; }
option[disabled] {color: #999;}
pre, .PreFormat{background: none repeat scroll 0 0 transparent; border: 0 none; margin: 0; padding: 0; font-family:inherit !important; line-height:22px; word-break: inherit; *word-break: keep-all; white-space: pre-wrap; overflow: hidden; font-size:14px; color:#404040;}
.TruncateTxt, .TruncateLink{display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap !important; word-wrap:normal;}
.TruncateTxt.documentLink {white-space:normal !important}
blockquote{ font-style:italic; border:#e3e3e3 solid 1px; font-size: inherit; border-left:#28323d solid 7px; color:#888; padding:25px 30px; margin:25px 0;}
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0;}
.alert {position: relative; min-height:40px; padding: 9px 16px 7px 16px; text-align:left;}
.modal-body .alert{margin-bottom: 15px;}
.alert .alert-link, .alert-link:hover, .alert-link:focus {text-decoration: underline; font-weight:normal;}
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #ffffff;}
.table-striped tbody tr:nth-child(even) td, .table-striped tbody tr:nth-child(even) th { background-color: #f3f3f3;}
.modal-sm{width:400px;}/* change as per Inherit permission modal*/
button.close, .close{opacity:0.5; filter: alpha(opacity=50); font-size: 26px;}
.close:hover, .close:focus{opacity:1; filter: alpha(opacity=100); }
.input-group.date .input-group-addon span, .bootstrap-datetimepicker-widget td span{color:inherit;}
.pagination > li > a, .pagination > li > span {color:#be1e2d;} 
/*Tooltip css overwrite - tooltip zindex conflict with modal zindex */
.tooltip{z-index: 10099; font-family: 'Roboto', sans-serif, Arial;}
.tooltip.top, .tooltip.bottom {margin-top:0;}
.tooltip.right, .tooltip.left {margin-left:0;}
.badge{background-color: #404040}
.sr-only{left: -9999px; top: -9999px;} /*Added to solve horizontal scroll issue*/

/*TR theme integration css*/
/* .commentMeta .ckcommentpara{color: #949494} */

.bootstrap-select.btn-group .dropdown-menu .notify, .bootstrap-select.btn-group .no-results, div.dhxcombolist_dhx_skyblue div.dhxcombo_option.dhxcombo_option_selected, 
.bootstrap-datetimepicker-widget td span:hover, .bootstrap-datetimepicker-widget thead tr:first-child th:hover
{background: #f3f3f3;}

/*Tr theme integration bootstrap overwrite*/
.list-group-item{background-color: #f3f3f3; border: 1px solid #e3e3e3;}
.ckContentArea .list-group-item{background-color: #ffffff; border: 1px solid #dddddd;}/*UID-2225*/
.table-bordered{border: 1px solid #d0d0d0;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-top: 1px solid #e3e3e3;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{border: 1px solid #d0d0d0}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-top: 1px solid #e3e3e3;}
.well{background-color: #f3f3f3}
.dropdown-menu .divider{background-color: #e3e3e3;}
.dropdown-header{padding: 3px 14px}
.dropdown-header:hover{cursor: not-allowed}
.form-control{border: 1px solid #949494;}
.input-group-addon{border: 1px solid #949494; background-color: #f3f3f3; color: #666666}
button:disabled.input-group-addon{color: #afafaf;}
.btn.disabled, .btn[disabled], fieldset[disabled] {border-color: #afafaf !important; color: #707070 !important}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color: #e3e3e3; border-color: #AFAFAF; }

.form-control::-moz-placeholder {
  color: #404040;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #404040;
}
.form-control::-webkit-input-placeholder {
  color: #404040;
}
 .form-control::placeholder, input::placeholder, input[type=text]::placeholder, input::placeholder, input[type=password]::placeholder,
.tokenfield .token-input::placeholder, .inlineCK .greyFont
 {
  color: #404040;
}  

/*bootstrap alert overwrite acc*/

.alert {border-radius: 8px; padding-left: 50px;}
.alert a{color: #006FC4; text-decoration: underline;}
.alert a:hover,.alert a:focus{color: #006FC4; text-decoration: none;}
.alert-success {color: #1F1F1F; background-color: #EAFFE5; border-color: #387C2B;}
.alert-success .alert-link {color: #006FC4; font-weight:500; text-decoration: none;}
.alert-info {color: #1F1F1F; background-color: #E5F4FF; border-color: #004070;}
.alert-info .alert-link {color: #006FC4; font-weight:500; text-decoration: none;}
.alert-warning {color: #1F1F1F; background-color: #FFF8E5; border-color: #B23000;}
.alert-warning .alert-link {color: #006FC4; font-weight:500; text-decoration: none;}
.alert-warning .alert-link:hover {text-decoration: underline;}
.alert-danger {color: #1F1F1F; background-color: #FFEDED; border-color: #DC0A0A;}
.alert-danger .alert-link {color: #006FC4; font-weight:500; text-decoration: none;}

/*.alert-success a.delete,
.alert-info a.delete,
.alert-warning a.delete,
.alert-danger a.delete {top:2px;}*/
.alert-success a.delete span,
.alert-info a.delete span,
.alert-warning a.delete span,
.alert-danger a.delete span {color:#404040;}
.alert .icon-remove, .alert a.icon-remove, .alert a.icon-remove:hover {color:#404040;}

/*Saffron alert icon alignments*/

.alert::before{ display: block; height: 20px; margin-left: -34px; position: absolute; width: 20px;}
 
.alert .icon-remove::before, .alert .icon-cross::before {
	content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8536 0.146447C12.0488 0.341709 12.0488 0.658291 11.8536 0.853553L0.853553 11.8536C0.658291 12.0488 0.341709 12.0488 0.146447 11.8536C-0.0488155 11.6583 -0.0488155 11.3417 0.146447 11.1464L11.1464 0.146447C11.3417 -0.0488155 11.6583 -0.0488155 11.8536 0.146447Z' fill='%231F1F1F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.146447 0.146447C0.341709 -0.0488155 0.658291 -0.0488155 0.853553 0.146447L11.8536 11.1464C12.0488 11.3417 12.0488 11.6583 11.8536 11.8536C11.6583 12.0488 11.3417 12.0488 11.1464 11.8536L0.146447 0.853553C-0.0488155 0.658291 -0.0488155 0.341709 0.146447 0.146447Z' fill='%231F1F1F'/%3E%3C/svg%3E%0A");
}

 .alert-success::before {
 	content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM8.75 14.25L4.5 10L6.25 8.25L8.75 10.75L13.75 5.75L15.5 7.5L8.75 14.25Z' fill='%23387C2B'/%3E%3C/svg%3E%0A");
} 

 .alert-info::before {
 	content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.475 0 0 4.475 0 10C0 15.525 4.475 20 10 20C15.525 20 20 15.525 20 10C19.9875 4.4875 15.5125 0.0125 10 0ZM10.625 16.25H9.375C9.025 16.25 8.75 15.975 8.75 15.625V9.375C8.75 9.025 9.025 8.75 9.375 8.75H10.625C10.975 8.75 11.25 9.025 11.25 9.375V15.625C11.25 15.975 10.975 16.25 10.625 16.25ZM10 6.25C9.35 6.2875 8.7875 5.7875 8.75 5.1375C8.75 5.0875 8.75 5.0375 8.75 5C8.7125 4.35 9.2125 3.7875 9.8625 3.75C9.9125 3.75 9.9625 3.75 10 3.75C10.65 3.7125 11.2125 4.2125 11.25 4.8625C11.25 4.9125 11.25 4.9625 11.25 5C11.2875 5.65 10.7875 6.2125 10.1375 6.25C10.0875 6.25 10.0375 6.25 10 6.25Z' fill='%23004070'/%3E%3C/svg%3E%0A");
}

 .alert-warning::before {
 	content: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.7502 15.6576L11.854 1.10008C11.6592 0.738908 11.3622 0.443229 11.0002 0.250078C10.5084 -0.0131337 9.93248 -0.0714971 9.39783 0.0876819C8.86317 0.246861 8.41299 0.610706 8.14521 1.10008L0.250206 15.6576C0.0775719 15.9779 -0.00874458 16.3377 -0.000261517 16.7015C0.00822155 17.0653 0.111212 17.4207 0.29859 17.7326C0.485968 18.0446 0.751287 18.3024 1.06847 18.4808C1.38566 18.6592 1.7438 18.752 2.10771 18.7501H17.8927C18.2415 18.7501 18.5849 18.6642 18.8927 18.5001C19.1365 18.3707 19.3523 18.1942 19.5276 17.981C19.703 17.7678 19.8343 17.5219 19.9141 17.2577C19.994 16.9934 20.0207 16.716 19.9928 16.4414C19.9649 16.1667 19.8828 15.9004 19.7515 15.6576H19.7502ZM10.0002 16.2501C9.75298 16.2501 9.5113 16.1768 9.30574 16.0394C9.10018 15.9021 8.93997 15.7068 8.84536 15.4784C8.75075 15.25 8.72599 14.9987 8.77422 14.7562C8.82246 14.5137 8.94151 14.291 9.11632 14.1162C9.29114 13.9414 9.51387 13.8223 9.75634 13.7741C9.99882 13.7259 10.2502 13.7506 10.4786 13.8452C10.707 13.9398 10.9022 14.1001 11.0395 14.3056C11.1769 14.5112 11.2502 14.7529 11.2502 15.0001C11.2502 15.3316 11.1185 15.6495 10.8841 15.884C10.6497 16.1184 10.3317 16.2501 10.0002 16.2501ZM11.2502 11.8751C11.2502 12.0408 11.1844 12.1998 11.0671 12.317C10.9499 12.4342 10.791 12.5001 10.6252 12.5001H9.37521C9.20945 12.5001 9.05048 12.4342 8.93326 12.317C8.81605 12.1998 8.75021 12.0408 8.75021 11.8751V6.87508C8.75021 6.70932 8.81605 6.55035 8.93326 6.43314C9.05048 6.31593 9.20945 6.25008 9.37521 6.25008H10.6252C10.791 6.25008 10.9499 6.31593 11.0671 6.43314C11.1844 6.55035 11.2502 6.70932 11.2502 6.87508V11.8751Z' fill='%23B23000'/%3E%3C/svg%3E%0A");
}

.warnIcon .iconWarn::after {
    display:none;
}
.warnIcon .iconWarn::after {
    float: right;
    margin: 10px 15px;
    display: block;
 	content: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.7502 15.6576L11.854 1.10008C11.6592 0.738908 11.3622 0.443229 11.0002 0.250078C10.5084 -0.0131337 9.93248 -0.0714971 9.39783 0.0876819C8.86317 0.246861 8.41299 0.610706 8.14521 1.10008L0.250206 15.6576C0.0775719 15.9779 -0.00874458 16.3377 -0.000261517 16.7015C0.00822155 17.0653 0.111212 17.4207 0.29859 17.7326C0.485968 18.0446 0.751287 18.3024 1.06847 18.4808C1.38566 18.6592 1.7438 18.752 2.10771 18.7501H17.8927C18.2415 18.7501 18.5849 18.6642 18.8927 18.5001C19.1365 18.3707 19.3523 18.1942 19.5276 17.981C19.703 17.7678 19.8343 17.5219 19.9141 17.2577C19.994 16.9934 20.0207 16.716 19.9928 16.4414C19.9649 16.1667 19.8828 15.9004 19.7515 15.6576H19.7502ZM10.0002 16.2501C9.75298 16.2501 9.5113 16.1768 9.30574 16.0394C9.10018 15.9021 8.93997 15.7068 8.84536 15.4784C8.75075 15.25 8.72599 14.9987 8.77422 14.7562C8.82246 14.5137 8.94151 14.291 9.11632 14.1162C9.29114 13.9414 9.51387 13.8223 9.75634 13.7741C9.99882 13.7259 10.2502 13.7506 10.4786 13.8452C10.707 13.9398 10.9022 14.1001 11.0395 14.3056C11.1769 14.5112 11.2502 14.7529 11.2502 15.0001C11.2502 15.3316 11.1185 15.6495 10.8841 15.884C10.6497 16.1184 10.3317 16.2501 10.0002 16.2501ZM11.2502 11.8751C11.2502 12.0408 11.1844 12.1998 11.0671 12.317C10.9499 12.4342 10.791 12.5001 10.6252 12.5001H9.37521C9.20945 12.5001 9.05048 12.4342 8.93326 12.317C8.81605 12.1998 8.75021 12.0408 8.75021 11.8751V6.87508C8.75021 6.70932 8.81605 6.55035 8.93326 6.43314C9.05048 6.31593 9.20945 6.25008 9.37521 6.25008H10.6252C10.791 6.25008 10.9499 6.31593 11.0671 6.43314C11.1844 6.55035 11.2502 6.70932 11.2502 6.87508V11.8751Z' fill='%23B23000'/%3E%3C/svg%3E%0A");
}

 .alert-danger::before {
 	content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1425 0H5.8575L0 5.8575V14.1425L5.8575 20H14.1425L20 14.1425V5.8575L14.1425 0ZM10 15C9.83323 15.01 9.66624 14.9846 9.51004 14.9253C9.35384 14.866 9.21199 14.7743 9.09385 14.6561C8.97572 14.538 8.88399 14.3962 8.82471 14.24C8.76544 14.0838 8.73998 13.9168 8.75 13.75C8.73998 13.5832 8.76544 13.4162 8.82471 13.26C8.88399 13.1038 8.97572 12.962 9.09385 12.8439C9.21199 12.7257 9.35384 12.634 9.51004 12.5747C9.66624 12.5154 9.83323 12.49 10 12.5C10.1668 12.49 10.3338 12.5154 10.49 12.5747C10.6462 12.634 10.788 12.7257 10.9061 12.8439C11.0243 12.962 11.116 13.1038 11.1753 13.26C11.2346 13.4162 11.26 13.5832 11.25 13.75C11.26 13.9168 11.2346 14.0838 11.1753 14.24C11.116 14.3962 11.0243 14.538 10.9061 14.6561C10.788 14.7743 10.6462 14.866 10.49 14.9253C10.3338 14.9846 10.1668 15.01 10 15ZM11.25 11.25H8.75V5H11.25V11.25Z' fill='%23DC0A0A'/%3E%3C/svg%3E%0A");
}

 .errorMsgIcon{
    position: relative;
    text-indent: 20px;
}

 .errorMsgIcon::before {
   display: block;
   height: 14px;
   margin-left: -20px;
   position: absolute;
   width:14px;
   padding:4px 0 0 0;
   content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.53125 8.125C0.125 7.4375 0.125 6.59375 0.53125 5.875L3.28125 1.125C3.6875 0.40625 4.4375 0 5.21875 0H10.75C11.5625 0 12.2812 0.40625 12.6875 1.125L15.4375 5.875C15.8438 6.59375 15.8438 7.4375 15.4375 8.125L12.6875 12.9062C12.2812 13.625 11.5625 14.0312 10.75 14.0312H5.21875C4.4375 14.0312 3.6875 13.625 3.28125 12.9062L0.53125 8.125ZM8 3C7.5625 3 7.25 3.34375 7.25 3.75V7.25C7.25 7.6875 7.5625 8 8 8C8.40625 8 8.75 7.6875 8.75 7.25V3.75C8.75 3.34375 8.40625 3 8 3ZM9 10C9 9.46875 8.53125 9 8 9C7.4375 9 7 9.46875 7 10C7 10.5625 7.4375 11 8 11C8.53125 11 9 10.5625 9 10Z' fill='%23DC0A0A'/%3E%3C/svg%3E%0A");
}

/*bootstrap label overwrite acc*/
.label-default {
  background-color: #404040;
}

.label-primary {
  background-color: #005DA2;
}

.label-success {
  background-color: #387C2B;
}

.label-info {
  background-color: #B5DAF7;
  color: #404040;
}

.label-warning {
  background-color: #FFB280;
  color: #404040;
}

.label-danger {
  background-color: #DC0A0A;
}

.label-gray {
background-color: #E3E3E3; color:#555555; padding:3px 5px; border-radius: 2px; font-size:11px; font-weight: 500;
}

/*tr theme dhtmlxscheduler css overwrite */
.dhx_scale_hour{color: #707070;}
/* .dhx_scale_bar{border-left: 1px solid #d0d0d0;}
.dhx_cal_header, .dhx_scale_holder, .dhx_scale_holder_now{border-right: 1px solid #d0d0d0;}
#highqscheduler.dhx_cal_container, .dhx_cal_header{border: 1px solid #d0d0d0;} */

/* .dhx_cal_date,.dhx_cal_next_button,.dhx_cal_prev_button,.dhx_cal_tab,.dhx_cal_today_button{border:1px solid #d0d0d0} */
.dhx_month_head{color: #404040}
/* .dhx_month_body{border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0;} */

/*.dhx_grid_v_border{border-right-color:#d0d0d0}


 .dhx_cal_data, .dhx_cal_light, .dhtmlXTooltip.tooltip, .dhx_wa_scale_bar
{border-top: 1px solid #d0d0d0;} 

.dhx_multi_day_icon,.dhx_multi_day_icon_small, 
.dhx_month_head, .dhx_month_body, .dhx_matrix_cell,.dhx_matrix_scell, .dhx_agenda_line div,.dhx_v_border, .dhx_scale_bar_last,
.dhx_scale_bar .dhx_cal_prev_button, .dhx_map_line .headline_date
{border-right: 1px solid #d0d0d0;}

.dhx_multi_day_icon,.dhx_multi_day_icon_small, .dhx_month_body, .dhx_cal_light_wide .dhx_wrap_section, .dhx_cal_ltitle, .dhx_mini_calendar .dhx_year_week, 
.dhx_matrix_cell,.dhx_matrix_scell, .dhx_second_scale_bar, .dhx_wa_scale_bar, .dhx_wa_ev_body
{border-bottom: 1px solid #d0d0d0;}

.dhx_cal_header div div, .dhx_repeat_divider, .dhx_year_body, .dhx_scale_bar .dhx_cal_next_button, .dhtmlXTooltip.tooltip, .dhx_wa_column_last .dhx_wa_day_cont, 
.dhx_month_body_border,.dhx_month_head_border,.dhx_scale_bar_border,.dhx_scale_hour_border
			{border-left: 1px solid #d0d0d0;}*/



/* warning text color overwrite*/
.text-warning, .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, 
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label, 
.has-warning .input-group-addon, .has-warning .form-control-feedback, .list-group-item-warning, a.list-group-item-warning, a.list-group-item-warning:hover, 
a.list-group-item-warning:focus, .panel-warning > .panel-heading{color:#c39c5a;}
.alert-warning .icon-remove{color:#8a6d3b;}

/* Label style */
.form-horizontal .form-group .control-label {text-align: left;}
.label{padding:.2em .4em; font-weight:normal;}
.files .tblContainer .label, .myFiles .tblContainer .label, .attachmentContainer .label, .tblContainer.clusterTbl .label{padding:.1em .4em;}
label{font-weight: 500;}
/*.label-default{font-size:10px;}*/
/* .label-primary {background-color: #009cde;} */
.form-control, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline, .selectDrop > .btn{font-weight: normal; color:#404040;}
.label{vertical-align: 1px}
.form-control {padding-left:8px; padding-right:8px;}

/* Bootstrap Datetimepicker Overwrite */
.bootstrap-datetimepicker-widget a[data-action] {padding: 0px 0;}
.bootstrap-datetimepicker-widget td.today:before{border-bottom-color:#404040;}

/* Input button group over-ride */
.input-group .input-group-btn .btn {border: 1px solid #949494; font-size: 14px; background:#ffffff; line-height:20px;}
.input-group .input-group-btn .btn .caret {border-top-color:#343434;}
.input-group-btn > .btn:hover, .input-group-btn.open > .dropdown-toggle, .input-group-btn > .btn:active {background-color: #404040; border-color:#404040;}
.input-group-btn > .btn:hover span.caret, .input-group-btn.open > .btn span.caret, .input-group-btn > .btn span:active {border-top-color: #ffffff;}
.modal-footer .btn-group .btn + .btn {margin-left: -2px;}

.skipToLink{position: absolute; left:50%; top:-40px; padding:5px 10px; margin-left: -75px; border-radius: 0 0 3px 3px; color:#0d0d0d; background-color: #be1e2d; transition: top 1s ease-out; z-index:1035;}
.skipToLink:focus{ top: 0px; outline-color: transparent; -webkit-transition: top .1s ease-in;    transition: top .1s ease-in;  color:#0d0d0d;}

/* Outer structure */
.container{width:auto; max-width:1400px;}
.fullContainer {width:100%; float:left;}
.mainSection .container, .mainSection .container-fluid{padding:25px 15px;}
.dropContainer {position:relative;}

/* Common Top-bar Navigation */
.topHeader {height:60px; position:fixed; z-index:1030; right:0; top:0; left:0; /*-webkit-backface-visibility:hidden;*/ box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1); background:#FFFFFF; border-bottom:1px solid #e3e3e3;}
.showHead .topHeader {background:#FFFFFF; background:rgba(255,255,255,0.8); box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1);}
.logo{line-height:60px;}
.logo img, img.logo{ max-height:35px;}
.topHeader .headRight{margin-top:10px;}
.topHeader .headRight > ul > li {float:left; margin-left:10px;}
.topHeader .headRight > ul > li > .btn, .tabletMenuTitle .btn{background:#be1e2d; padding:6px 8px; height: 40px; border-color:#be1e2d;}
.topHeader .headRight > ul > li > .btn:hover, .topHeader .headRight > ul > li.open > .btn, .tabletMenuTitle .btn:hover, .tabletMenuTitle .btn:active, .tabletMenuTitle .btn:focus{background:#0d0d0d; border-color:#0d0d0d;}
.topHeader .headRight > ul > li > .btn .icon, .tabletMenuTitle .btn .icon{color:#1F1F1F;}
.topHeader .headRight > ul > li > .btn:hover .icon, .topHeader .headRight > ul > li.open > .btn .icon, .tabletMenuTitle .btn:hover .icon{color:#ffffff;}
.topHeader .headRight > ul > li .input-group-btn > .btn, .topHeader .headRight > ul > li .input-group .form-control, .mobileSearch .input-group .form-control, .mobileSearch .input-group-btn > .btn{border-color:#be1e2d;}
.topHeader .headRight > ul > li .input-group-btn > .btn:hover,  .topHeader .headRight > ul > li .input-group-btn.open > .btn, .topHeader .headRight > ul > li .input-group-btn > .btn:active,
.mobileSearch .input-group-btn > .btn:hover, .mobileSearch .input-group-btn > .btn:focus, .mobileSearch .input-group-btn > .btn:active{background-color:#0d0d0d; border-color:#0d0d0d;}
.topHeader .headRight > ul > li > .btn.userAvtar, .tabletMenuTitle .btn.userAvtar {padding:0;}
.topHeader .headRight > ul > li .input-group-btn > .btn:hover .caret, .topHeader .headRight > ul > li .input-group-btn.open > .btn .caret{border-top-color:#ffffff;}
.tabletMenuBtn, .mobileMenuBtn{display:none;}
.headRight > .btn.btn-default, .printHeader .btn-default{background-color:#0d0d0d; border-color:#0d0d0d; color:#ffffff;}
.headRight > .btn.btn-default:hover, .headRight > .btn.btn-default:focus, .printHeader .btn-default:hover, .printHeader .btn-default:focus{background:#be1e2d; border-color:#be1e2d; color:#1F1F1F;}
.printHeader .btn-cancel, .printHeader .btn-cancel:hover, .printHeader .btn-cancel:focus{color:#ffffff;}

.topHeader .badge.btn-danger, .topHeader .badge.btn-warning{position:absolute; font-size:10px; padding:3px 5px;}
.topHeader .badge.btn-info{position:absolute; font-size:10px; padding:3px 5px; background-color: #005DA2; z-index: 1; left: 13px; top: -10px; border-radius: 2px;}
.topHeader .badge.btn-danger{background-color:#c9302c; top:-5px; right:-5px; color: #FFF;}
.topHeader .badge.btn-warning{background-color:#f0ad4e; bottom:-4px; top:auto; right:-5px; }
.topHeader .headRight .userAvtar > img {width:40px;}
.topHeader .globalSearchBtn {display: none; max-width: 270px}
.topHeader .globalSearchBtn .form-control, .topHeader .globalSearchBtn .input-group-btn .btn{height: 40px;}
.topHeader .globalSearchBtn .input-group .btn.searchClose{height: 35px;}
.globalSearchOuter{max-width: 300px; padding: 5px 0 0; top: 39px; width: 300px;}
.globalSearchDrop li a{padding: 3px 10px 4px 10px;}
.globalSearchDrop li{margin-bottom: 5px;}
.globalSearchDrop li.dropdown-header{margin-bottom:0; padding:3px 10px;}
.globalSearchDrop {max-height:300px; overflow-y: auto }
.hitEnterSearch {padding: 5px 5px 5px 10px; background: #f4f4f4}
.navSection{padding-top:60px;}

/* For custom text entered from ASP admin > "Top bar content" */
.topbarContent {padding: 3px 20px;}
.topbarContent a{padding: 3px 20px; margin: 0 -20px;}

/* Global action message */
.globaSuccessMsg, .globalInfoMsg{padding: 9px 16px 7px 50px;}
.globaSuccessMsg a.icon-remove {color: #c60000;}
.globaSuccessMsg .alert-link{text-decoration:none;}
.globaSuccessMsg .dropdown-menu{max-width: 250px; max-height: 150px; overflow-y: auto;}

.uplodedFiles .icon-cloud-upload{display:none;}
.uplodedFiles .icon-cloud-upload:hover{color:#2b542c;}
.uplodedFiles span.icon-exclamation-circle{position:absolute; top:-6px; left:-6px;}

/* Alert icon small upload alert icon overide*/
.uplodedFiles span.icon-exclamation-circle::before,
.globalInfoMsg .redTitle.icon-exclamation-circle::before,
.bannerTopExclamation.icon-exclamation-circle::before{
	content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1425 0H5.8575L0 5.8575V14.1425L5.8575 20H14.1425L20 14.1425V5.8575L14.1425 0ZM10 15C9.83323 15.01 9.66624 14.9846 9.51004 14.9253C9.35384 14.866 9.21199 14.7743 9.09385 14.6561C8.97572 14.538 8.88399 14.3962 8.82471 14.24C8.76544 14.0838 8.73998 13.9168 8.75 13.75C8.73998 13.5832 8.76544 13.4162 8.82471 13.26C8.88399 13.1038 8.97572 12.962 9.09385 12.8439C9.21199 12.7257 9.35384 12.634 9.51004 12.5747C9.66624 12.5154 9.83323 12.49 10 12.5C10.1668 12.49 10.3338 12.5154 10.49 12.5747C10.6462 12.634 10.788 12.7257 10.9061 12.8439C11.0243 12.962 11.116 13.1038 11.1753 13.26C11.2346 13.4162 11.26 13.5832 11.25 13.75C11.26 13.9168 11.2346 14.0838 11.1753 14.24C11.116 14.3962 11.0243 14.538 10.9061 14.6561C10.788 14.7743 10.6462 14.866 10.49 14.9253C10.3338 14.9846 10.1668 15.01 10 15ZM11.25 11.25H8.75V5H11.25V11.25Z' fill='%23DC0A0A'/%3E%3C/svg%3E%0A");
 	background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 7C14 10.866 10.866 14 7 14C3.13401 14 0 10.866 0 7C0 3.13401 3.13401 0 7 0C10.866 0 14 3.13401 14 7Z' fill='white'/%3E%3C/svg%3E%0A");}

.bannerTopExclamation.icon-exclamation-triangle::before{
	content: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.7502 15.6576L11.854 1.10008C11.6592 0.738908 11.3622 0.443229 11.0002 0.250078C10.5084 -0.0131337 9.93248 -0.0714971 9.39783 0.0876819C8.86317 0.246861 8.41299 0.610706 8.14521 1.10008L0.250206 15.6576C0.0775719 15.9779 -0.00874458 16.3377 -0.000261517 16.7015C0.00822155 17.0653 0.111212 17.4207 0.29859 17.7326C0.485968 18.0446 0.751287 18.3024 1.06847 18.4808C1.38566 18.6592 1.7438 18.752 2.10771 18.7501H17.8927C18.2415 18.7501 18.5849 18.6642 18.8927 18.5001C19.1365 18.3707 19.3523 18.1942 19.5276 17.981C19.703 17.7678 19.8343 17.5219 19.9141 17.2577C19.994 16.9934 20.0207 16.716 19.9928 16.4414C19.9649 16.1667 19.8828 15.9004 19.7515 15.6576H19.7502ZM10.0002 16.2501C9.75298 16.2501 9.5113 16.1768 9.30574 16.0394C9.10018 15.9021 8.93997 15.7068 8.84536 15.4784C8.75075 15.25 8.72599 14.9987 8.77422 14.7562C8.82246 14.5137 8.94151 14.291 9.11632 14.1162C9.29114 13.9414 9.51387 13.8223 9.75634 13.7741C9.99882 13.7259 10.2502 13.7506 10.4786 13.8452C10.707 13.9398 10.9022 14.1001 11.0395 14.3056C11.1769 14.5112 11.2502 14.7529 11.2502 15.0001C11.2502 15.3316 11.1185 15.6495 10.8841 15.884C10.6497 16.1184 10.3317 16.2501 10.0002 16.2501ZM11.2502 11.8751C11.2502 12.0408 11.1844 12.1998 11.0671 12.317C10.9499 12.4342 10.791 12.5001 10.6252 12.5001H9.37521C9.20945 12.5001 9.05048 12.4342 8.93326 12.317C8.81605 12.1998 8.75021 12.0408 8.75021 11.8751V6.87508C8.75021 6.70932 8.81605 6.55035 8.93326 6.43314C9.05048 6.31593 9.20945 6.25008 9.37521 6.25008H10.6252C10.791 6.25008 10.9499 6.31593 11.0671 6.43314C11.1844 6.55035 11.2502 6.70932 11.2502 6.87508V11.8751Z' fill='%23B23000'/%3E%3C/svg%3E%0A");
	background-image: url("data:image/svg+xml,%3Csvg width='7' height='14' viewBox='0 0 7 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='7' height='14' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 7px 4px;}

/* Custom nav */
.secondaryNav{height:38px; background:#404040;}
.tabletScreenMode .navSection {display:block !important; position:relative; height:0; /*border-bottom:4px solid #404040;*/}
.tabletScreenMode .navSection .secondaryNav, .mobileScreenMode .navSection .secondaryNav {position: absolute; top:-9999px;}
.tabletScreenMode .staticHeader .navSection .blueStrip,
.mobileScreenMode .staticHeader .navSection .blueStrip {display:none;}

.mainNav .mainMenu {margin:0px; height:54px;}
.secondaryMenu, .mainMenu {margin:0px;}
.secondaryMenu > li, .mainMenu > li{ float:left; position: relative;}
.secondaryMenu > li > a{padding:9px 15px; display:block; text-decoration:none; color:#ffffff;}
.secondaryMenu > li > a:hover, .secondaryMenu > li > a:focus, .secondaryMenu > li.active > a{color:#ffffff; background-color:#404040;}
.secondaryMenu > li .dropdown-menu > li > a{padding:3px 15px;}

.mainMenu > li > .dropdown-menu, .secondaryMenu > li > .dropdown-menu{ margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0;}

/*global menu column css */
.secondaryMenu > li .globMenu-col-1 > li, .mainMenu > li .globMenu-col-1 > li{width:100%; float:left; }
.secondaryMenu > li .globMenu-col-2 > li, .mainMenu > li .globMenu-col-2 > li{width:50%; float:left;}
.secondaryMenu > li .globMenu-col-3 > li, .mainMenu > li .globMenu-col-3 > li{width:33.33%; float:left;}
.secondaryMenu > li .globMenu-col-4 > li, .mainMenu > li .globMenu-col-4 > li{width:25%; float:left;}
.secondaryMenu > li .globMenu-col-5 > li, .mainMenu > li .globMenu-col-5 > li{width:20%; float:left;}
.secondaryMenu > li .globMenu-col-6 > li, .mainMenu > li .globMenu-col-6 > li{width:16.66%; float:left;}
.secondaryMenu .siteListTitle, .mainMenu .siteListTitle{padding:3px 15px; display: block; font-weight: 500;}
.sideNavPanel .siteListTitle{padding: 5px 15px 5px 20px; display: block; font-weight: 500;}

.mainMenu li.hideshow .dropdown-menu{width: 200px;}
.mainMenu li.hideshow.dropdown ul .dropdown-menu{width:100% !important; margin: 0; padding: 0;}
.mainMenu .hideshow ul.globalDropdown li{width: 100%;}
.mainMenu .hideshow ul.globalDropdown li a{padding-left: 30px;}
.mainMenu li.hideshow .dropdown:after {clear: both; display: table; content: " ";}

/* Global nav Ck css override */
.sideNavPanel li.ckContentArea{padding: 5px 15px 5px 20px;}
.secondaryMenu li.ckContentArea{padding: 10px 15px;}
.secondaryMenu li.ckContentArea a, .sideNavPanel .navbar-nav li.ckContentArea a {text-decoration:none; white-space: normal; display: initial; color:#be1e2d;}
.secondaryMenu li.ckContentArea a:hover, .sideNavPanel .navbar-nav li.ckContentArea a:hover, .sideNavPanel .navbar-nav li.ckContentArea a:focus {text-decoration:underline; background-color: transparent; color:#be1e2d;}

/* System nav */
.mainNav{height:54px; font-weight:500; border-bottom:1px solid #E3E3E3; background:#f3f3f3;}
.mainNav .icon-right-open-big{color:#939393; font-size:15px; padding-top:18px; display:block; margin: 0px 5px;}
.mainNav .icon.icon-home { margin:16px 5px 0 0;}
/*.navSection.noSecNav{border-bottom:4px solid #404040;}*/

/* Mega menu css */
.globalnav-mega-menu {position:relative;}
.globalnav-mega-menu > li.main-mega-menu {position:static;}
.globalnav-mega-menu > li .sub-mega-menu {max-width:100%; width:100%; /* margin:0 10px;*/}

.siteDropdown{float:left; max-width:250px;}
.siteDropdown > a{ padding:16px 5px 12px 5px; display:block; color:#666666;}
.siteDropdown > a:hover{color:#be1e2d;}
.siteDropdown .dropdown-menu, .mainMenu li.hideshow .dropdown-menu{-webkit-backface-visibility: hidden;}
.siteDropdown ul li .siteFav {position: absolute; right: 15px; cursor: pointer; margin-top: 4px;}
.siteDropdown ul li a{padding: 5px 35px 5px 20px; font-weight: normal;}
.mainMenu li.hideshow a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.mainMenu {overflow:hidden;}
.mainMenu > li{ float:left;}
.mainMenu > li > a {padding:18px 15px 14px 15px; display:block; text-decoration:none; color: #666666;}
.mainMenu > li > a:hover, .mainMenu > li > a:focus, .mainMenu > li.active > a {border-bottom: 2px solid #404040; background:transparent; color:#be1e2d; }
.mainNav .icon.icon-home:hover{color:#be1e2d;}
.mainMenu > li.hideshow  > a{border-bottom:0;}

.secondaryLogo {width:40px; height:40px; margin:5px 0; overflow:hidden;}
.secondaryLogo img{ max-height:40px;}

/*UID-3593 Start - We can use as common class as well */

.mobileViewHide{display: block;}
.mobileViewShow{display: none;}

/*UID-3593 End */

/*Home link separate dropdown*/
.mainMenu li.multiHomePage > a, .mobileModuleNav li.multiHomePage > a, .secondaryMenu li.multiHomePage > a{display:table-cell;}
.mainMenu li.multiHomePage > a:first-child, .secondaryMenu li.multiHomePage > a:first-child{padding-right:0;}
.mainMenu li.multiHomePage > a.dropdown-toggle{padding-left:0;}
.mainMenu li.multiHomePage:hover > a, .mainMenu li.multiHomePage.open > a, 
.mainMenu li.multiHomePage > a:focus + a{border-bottom: 2px solid #404040; background:transparent; color:#be1e2d; }
.secondaryMenu li.multiHomePage:hover > a, .secondaryMenu li.multiHomePage.open > a, 
.secondaryMenu li.multiHomePage > a:focus + a{color:#ffffff; background-color:#404040;}
.secondaryMenu li.multiHomePage > a.dropdown-toggle{padding-left:0;}

/*multi home inside more dropdown*/
.mainMenu li.hideshow.dropdown.open .multiHomePage > a{clear:inherit;}
.mainMenu li.hideshow.dropdown.open .multiHomePage:hover, 
.mainMenu li.hideshow.dropdown.open .multiHomePage.active,
.mainMenu li.hideshow.dropdown.open .multiHomePage.open{background-color:#F3F3F3;}
.mainMenu li.hideshow.dropdown.open .multiHomePage.open li a{padding-left:30px;}
.mainMenu li.hideshow.dropdown.open .multiHomePage .dropdown-toggle{padding-left:2px;}
.mainMenu li.hideshow.dropdown.open .multiHomePage:hover > a,
.mainMenu li.hideshow.dropdown.open .multiHomePage.open > a,
.mainMenu li.hideshow.dropdown.open .multiHomePage > a:focus + a{border-bottom:0; color:inherit;}

/* Slider panel */
.tabletMenuTitle, .mobileSearch, .mobileUserMenuList{display:none;}
.sideNavPanel{-webkit-box-shadow:-4px 0 6px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:-4px 0 6px 1px rgba(0, 0, 0, 0.1); box-shadow:-4px 0 6px 1px rgba(0, 0, 0, 0.1); overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch; border-left:1px solid #CCCCCC; display:none;}
.sideNavPanel{background:#fff; right:0; top:0; position:fixed; height:100%; overflow-y:auto; overflow-x:hidden; z-index:1031; width:200px;}
.sideNavPanel .navbar-nav, .sideNavPanel .navbar-nav li {float:none;}
.sideNavPanel .navbar-nav ul + ul > li{border-top: 1px solid #eee;}
.sideNavPanel .navbar-nav li.dropdown-header{padding:3px 15px;}
.sideNavPanel .navbar-nav li a, .secondaryMenu li a, .mainMenu li a{overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.mainMenu li > ul li a,
.sideNavPanel .navbar-nav ul.globalnav-mega-menu li a{ white-space: normal; word-break: break-word;}
.sideNavPanel .navbar-nav li a{ padding:10px; display:block; text-decoration:none;}
.sideNavPanel .navbar-nav .close .icon.icon-remove{color: inherit;}
.sideNavPanel .navbar-nav li a:hover, .sideNavPanel .navbar-nav li a:focus{background-color: #f3f3f3;}
/* .sideNavPanel .navbar-nav .dropdown-menu li a{color:#009cde;} */
.sideNavPanel .navbar-nav .dropdown-menu {position:static; width:100%; box-shadow: 0 0 0 rgba(0, 0, 0, 0); border:0 none; border-radius:0; padding:1px 0; float: none;}
.sideNavPanel .navbar-nav .open .dropdown-menu > li > a/* , .sideNavPanel .navbar-nav .open .dropdown-menu > li.dropdown-header */{padding:5px 15px 5px 20px;}
/* custom caret/truncate dropdown css */
.sideNavPanel .navbar-nav .NavtextOuter, .secondaryMenu .dropdown-menu .NavtextOuter, .siteDropdown .NavtextOuter, .folderName .dropdown, .mobileModuleNav .NavtextOuter{ position:relative; float:left; max-width:100%;}
.sideNavPanel .navbar-nav .NavtextOuter span , .secondaryMenu .dropdown-menu .NavtextOuter span, .siteDropdown .NavtextOuter span, .mobileModuleNav .NavtextOuter span{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap!important; padding-right:15px; line-height: 24px;}
.sideNavPanel .navbar-nav .NavtextOuter .caret, .secondaryMenu .dropdown-menu .NavtextOuter .caret, .siteDropdown .NavtextOuter .caret, .folderName .caret, .mobileModuleNav .NavtextOuter .caret{position:absolute; right:0; top:11px;}
.secondaryMenu li.dropdown a .caret, .mainMenu li.dropdown a .caret{margin-left:8px;}

/* multi home page dropdown*/
.sideNavPanel .multiHomePage{width:100%;}
.sideNavPanel .multiHomePage > a:first-child{float:left; padding-right:0;}
.sideNavPanel .multiHomePage > a.dropdown-toggle{padding-left:5px;}
.sideNavPanel .multiHomePage:hover > a, 
.sideNavPanel .multiHomePage.active > a,
.sideNavPanel .multiHomePage.open > a{background-color:#F3F3F3;}

/* truncate file name and title name*/
a.fileNameTruncate, a.fileNameTruncate span{max-width:100%; text-decoration: none;}
a.fileNameTruncate:hover span{text-decoration: underline;}
.fileNameTruncate .extension{white-space: nowrap; display: table-cell;}
.fileNameTruncate .fileTitle, .titleAttr{position: relative; overflow: hidden; word-break: break-all; display: table-cell;  /*UID-3570*/  vertical-align: top;}
.fileNameTruncate .fileTitle:after, .titleAttr:after{content: attr(title); overflow: hidden; height: 0; display: block; }
.fileNameTruncate .fileTitle span, .titleAttrTxt{display: block; position: absolute; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.titleResponsive, .tableCell{display: table-cell;}
.titleAttr{overflow: inherit; display: block; min-height:24px;}
.titleAttr .caret{right: -12px; position: absolute; top: 11px;}
.titleResponsive .dropdown-menu{min-width:280px; max-width:100%;}

/* Accordian Drop Arrow */
.dropCollapse .panel{margin: 0px; border: 0px none; padding: 0px; box-shadow: none;}
.dropAccord .dropCollapse{margin: 0px; padding: 0px; list-style: none}
.dropdown .dropAccord{min-width: 280px;}
.DropTitle{color: #707070; padding: 3px 14px; font-size: 13px; cursor: not-allowed}
.dropAccord li a, .dropAccord li a:hover{text-decoration: none; padding: 5px 15px; line-height: 16px;}
/*.dropAccord li a.selected{background: #f5f5f5; font-weight: bold;}*/
.accordArrow{margin-right: 5px;}
/*.collapsed .accordArrow:before { content: "\e04e";}
.accordArrow:before { content: "\e050";}*/
.dropCollapse > a, .dropCollapse > a:focus, .dropCollapse > a:hover, .dropCollapse > a:active{color: #464646; text-decoration: none; display: block; padding: 5px 15px; background:#f3f3f3; line-height: 16px;}
.dropCollapse a.collapsed{background:transparent; display: block; padding: 5px 15px; line-height: 16px; color:#404040;}
.accordScroll{max-height: 185px; overflow-y: auto; padding: 0px 15px;}
.accordScroll hr{margin: 0px; border-color: #e5e5e5;}
.accordScroll .checkbox label, .accordScroll .radio label{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.input-group .accordScroll input[type="text"]{display:block; float:none; border-top-right-radius:4px; border-bottom-right-radius:4px;}/*remove if not required*/

.userDetails{ padding-left: 40px; line-height: 16px; position: relative; display: block; min-height: 32px;}
.userDetails img, .userDetails .icon-usergroup{position: absolute; left: 0px;}
.checkbox .margTop10{margin-top: 10px;}
.dropCollapse a.linkColor{background: transparent;}
/* Footer */
footer{background:#f3f3f3; position: absolute; right:0; bottom:0; left:0; padding:13px 10px; box-shadow:inset 0px 2px 3px 0px #e3e3e3; -moz-box-shadow:inset 0px 2px 3px 0px #e3e3e3; -webkit-box-shadow:inset 0px 2px 3px 0px #e3e3e3;}
.footerLink, .footerLink a {font-size:11px; color:#666666;}

/* Modal */
.modal {-webkit-overflow-scrolling:auto; /* Don't remove, Overwrite of bootstrap scroll issue */ }
.modal-dialog {margin:50px auto;}
.modalBodyScroll {overflow-y:auto; overflow-x:hidden; padding:4px 15px 0 15px; margin:0 -15px -15px -15px; -webkit-overflow-scrolling:touch;}
.modal-body {height:100%; background:#fff; -webkit-overflow-scrolling: touch; /* Don't remove, override from ".modal" */}
.modal-content{background: #f3f3f3; border-width:0;}
.modal-header{ border-bottom:2px solid /*#404040*/;}
.modal-header .close {margin-top: -1px;}
.modal-header .close .icon.icon-remove{color: inherit; font-size: 26px;}
.modal-header, .modal-footer{padding: 8px 15px;}
.modal-footer{ border-top:2px solid /*#404040*/;}
.modalBodyTop {padding:15px 15px 0 15px; margin:-15px -15px 0 -15px;}
.modalBodyBottom {padding:0 15px 0 15px; margin:0 -15px 0 -15px;}
.modal-dialog-center {top:-99999px; left:auto; right:auto; display:block !important; visibility: hidden;}
.modal-dialog-center.in {left:0px; right:0px; visibility: visible; top:0px;}
.modal-dialog-center .modal-dialog,
.modal-dialog-center.in .modal-dialog {position:absolute; top:50%; left:50%; z-index:1000; display:block;}
.ModalLoading {position:absolute; z-index:1; left:0; right:0; top:0; bottom:0; margin-left:-15px; margin-right:-15px; text-align:center; background:rgba(255,255,255,0.8); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#88ffffff,endColorstr=#88ffffff)";}
.dropdown-menu .ModalLoading {margin-left:0; margin-right:0;}
.ModalLoading img {position:absolute; top:40%; text-align: center;}
.modalTable thead tr th, .modalTable thead tr th, .modalTable tbody tr th, .modalTable tfoot tr th, .modalTable thead tr td, .modalTable tbody tr td, .modalTable tfoot tr td{border: none; padding: 8px 10px 8px 15px}
.modal-open > .dropdown-menu, .modal-open > .userinfoDropdown {z-index:1500;}
.modalDragPadd {margin:-15px; padding:15px;}
.modalBodyScroll .fixed-dropdown .dropdown-menu {height: 0px; padding: 0; overflow: hidden;}
.modal-title{font-size: 20px; font-weight: 500; word-break:break-all; display:table-cell;}
.modalheaderSubTitle{font-size:14px; font-weight:normal;}

/* Slide in out Modal css Start */
.slideinmodal-right.modal{right: 0; left: auto}
.slideinmodal-right.modal .modal-dialog {-webkit-transform: translate(100%,0);transform: translate(100%,0); margin: 0px auto ; }
.slideinmodal-right.modal.in .modal-dialog {-webkit-transform: translate(0,0);transform: translate(0,0); flex-flow: column; }
.slideinmodal-right .modal-header{border: 0px;}
.slideinmodal-right .modal-body{max-height: none !important; display: flex; flex-direction: column; }
.slideinmodal-right .modalBodyScroll{height: 100%; }
.slideinmodal-right .modal-content {display: flex; flex-direction: column; background-clip: padding-box; border-radius:0px; height: 100vh; background: #ffffff !important;}
.slideinmodal-right .fixDropdownHeight{min-height: 200px;}

/* Slide in out Modal css END */

/*List Drag and Drop css start*/

.dragdrop .dragdropList{border-radius:4px;}
.dragdropList .dragdropListActionIcons{padding: 10px 8px ;}
.dragdropList .colMoreAction{position: relative; float: right;  width:75px; padding:10px 8px; }
.dragdropList .dragdropListColTitle{float: left; padding: 12px 8px 10px 0;}
.dragdropList:nth-of-type(odd){background-color:#fff;}
.dragdropList:nth-of-type(even){background-color:#f3f3f3;}
.dragdropList .dragdropListColTitle strong{ margin-left: 7px; font-size: 16px;}
#allViews > li:nth-of-type(odd){background-color:#fff; padding: 8px 15px;}
#allViews > li:nth-of-type(even){background-color:#f3f3f3; padding: 8px 15px;}
.customViewWidth{max-width: 75%; float: left}
.dragdropList.selected{background-color: #cccccc !important; font-style: italic;}
.task .dragdropList .colMoreAction{ width:auto;}
.task .dragdropList:nth-of-type(odd){background-color:#f3f3f3;}
.task .dragdropList:nth-of-type(even){background-color:#fff;}

/**/


/* new bootstrap css 3.3.7 related changes */
.btn-default:active:hover, 
.btn-default.active:hover, 
.open > .dropdown-toggle.btn-default:hover, 
.btn-default:active:focus, 
.btn-default.active:focus, 
.open > .dropdown-toggle.btn-default:focus, 
.btn-default:active.focus, 
.btn-default.active.focus, 
.open > .dropdown-toggle.btn-default.focus {color:#004070;/* background-color:#0d0d0d; border-color:#0d0d0d; */}

/* Default button */
.btn-default {padding:6px 10px;}
.btn-default, .btn-default:focus {background-color:#be1e2d; border-color:#be1e2d; color:#FFFFFF;}
.btn-default:hover, .btn-default:active, .btn-default.active:focus, .btn-default.active, .open .dropdown-toggle.btn-default{transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; text-decoration: none; /* outline:0 none; */ color:#004070; background-color:#0d0d0d; border-color:#0d0d0d;}
button, .btn {border-width:2px; border-style:solid; border-radius:3px; font-weight:500; /* outline:none; */transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; text-decoration: none; line-height:normal;}
.btn-default.disabled, .btn-default[disabled], .btn-default.disabled:hover, .btn-default[disabled]:hover,  .btn-default.disabled:focus, .btn-default[disabled]:focus, .btn-default.disabled:active, .btn-default[disabled]:active, .btn-default.disabled.active, .btn-default[disabled].active, .edit-submit[disabled], .edit-submit.disabled{border-color:#afafaf;color:#989999; background: transparent;}
.userAvtar {border-width: 0px; padding: 0;}
.sideNavPanel .userAvtar{margin-right: 10px;}
.btn-lg {border-width:4px;}
.btn-xs {border-width:1px;}
.btn-lg, .btn-group-lg > .btn {border-radius:3px;}
.btn-lg {padding: 10px 20px;}
.btn-sm {font-size:12px; padding: 4px 6px;}
.btn-xs {font-size:11px; padding: 2px 5px;}
.btn-cancel {border: 0 none; background-color:transparent; color:#be1e2d;}
.btn-cancel:hover{color:#be1e2d;}
.loadingbtn.btn-default[disabled], .btn-default.disabled.loadingbtn, .btn-xs.disabled.loadingbtn{background:#FFF url("../../images/ajax-loader.gif") no-repeat center center !important; transition:none; min-width: 53px;}
.loadingbtn.btn-danger[disabled], .btn-danger.disabled.loadingbtn{background-image:url("../../images/ajax-danger_loader.gif") !important; background-repeat: no-repeat; background-position: center center; transition:none; min-width: 53px;}
.btn-xs.disabled.loadingbtn{padding:7px 12px 3px; min-width:28px;}
.edit-submit .icon:hover{color:#fff;}
.edit-submit.disabled .icon:hover, .edit-submit[disabled] .icon:hover{color:#989999;}
.uploadBtn {cursor: pointer; overflow: hidden; position: relative;}
.uploadBtn input {cursor: pointer; font-size: 30px; line-height: normal; opacity: 0; position: absolute; right: 0; top: 0; filter: alpha(opacity=0); visibility: hidden;}
.btn-white{border-color:#fff; color:#fff; background:transparent;}
.btn-white:hover, .btn-white:focus{background:#fff; border-color:#fff; color:#be1e2d;}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {margin-left: -2px;}
.btn-default .badge{background-color:#777;}

/* Danger button color change */
.btn-danger{background-color: #DC0A0A; border-color: #DC0A0A;}
.btn-danger:hover {background-color: #A10707; border-color: #A10707;}

/*Form element error */
.form-group .text-danger, .errormsgbox {display: none;}
.has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {color: #2f2f2f;}
.has-error.has-errorGroup .form-control, .has-error .bootstrap-select .dropdown-toggle {border-color: #cccccc;}
.has-error .bootstrap-select.errorElement .dropdown-toggle, .has-error.has-errorGroup .errorElement, .has-error.has-errorGroup .input-group .input-group-btn .btn.errorElement {border-color: #a94442;color: #a94442;}
.has-error.has-errorGroup .errorElement .cke.cke_reset, .has-error.has-errorGroup .errorElementBorder {border: 1px solid; color: #a94442;}
.has-error.has-errorGroup .tabDropErrorElement {background-color: #f2dede !important; color: #a94442 !important;}
.has-error.has-errorGroup input, .has-error.has-errorGroup select, .has-error.has-errorGroup textarea {color: #2f2f2f !important;}

/* tool tip */
.tooltip-inner{color: #ffffff !important; max-width: none; white-space: nowrap;} /*to stop prevent goes to sencond line when having many words*/
.wrapTooltipTxt .tooltip-inner{max-width:300px; text-align:left; white-space: normal;}

/* dropdown menu */
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .panel-collapse li.active > a, .customTaskmetaList > .active > a{font-weight:500; color:#404040; background-color:#F3F3F3;}
.dropdown-backdrop {position:static;} /*remove fixed postion of this when switching to dropdown*/
.dropdown-menu > li.alert > a:focus {background-color: transparent;}

/* Nav pills */
.nav-pills > li + li{margin-left: 10px;}
/* .nav-pills > li{max-width: 180px;} */
/* update common css due to COL-177243 */
.nav-pills > li > a {border-width: 2px 2px 4px 2px; border-style: solid; outline-offset:0; border-color: transparent; padding: 7px 13px; text-decoration: none; background:transparent; color:#666666;}
.nav-pills > li.open > a {background:#E3E3E3; color:#404040; border-width: 2px 2px 4px 2px; border-style: solid; border-color: #be1e2d; border-radius:  4px 4px 0px 0px;}
.nav-pills > .active > a > .badge, .list-group-item.active > .badge{background-color:#777; color:#fff;}
.nav-pills > li.dropdown > .dropdown-menu{border: 1px solid #737373; color: #1f1f1f}
.nav-pills > li.active > a,
.nav-pills > li.hideshow.active > a,
.nav-pills > li.active > a {padding:7px 13px 7px 13px; background:transparent; color:#404040; border-width: 2px 2px 4px 2px; border-style:solid; border-color:transparent transparent #be1e2d transparent; border-radius: 4px 4px 0px 0px;}
.nav-pills > li > a:hover,
.nav-pills > li.open > a:hover, 
.nav-pills > li.active > a:hover,
.nav-pills > li.hideshow.active > a:hover {padding: 7px 13px 7px 13px; background:#E3E3E3; color:#404040; border-width: 2px 2px 4px 2px; border-style: solid; border-color: #be1e2d; border-radius: 4px 4px 0px 0px;}
.nav-pills > li > a:focus,
.nav-pills > li.hideshow.active > a:focus,  
.nav-pills > li.open > a:focus,
.nav-pills > li.active > a:focus {padding: 7px 13px 7px 13px; background:transparent; color:#404040; border-width: 2px 2px 4px 2px; border-style: solid; border-color: #be1e2d; border-radius: 4px 4px 0px 0px;}

.nav-pills > li.active:after {border-bottom: 4px solid #be1e2d; position: absolute; content: " "; display: block; width: 100%; bottom: 0px;}

/* Nav pills Error*/
.nav-pills > li.error { white-space: nowrap;}
.nav-pills > li.error > a, .nav-pills > li > a.error{color: #c4373d; position: relative; padding-right: 13px;}
.nav-pills > li.error .badge.btn-danger, .nav-pills > li > a.error .badge.btn-danger{background-color: #c4373d;}
.nav-pills > li.warning > a{color: #c39c5a;}
.nav-pills > li.warning .badge.btn-warning{background-color: #c39c5a;}
.nav-pills > li .badge{padding: 3px 6px; font-weight: normal; margin-left: 5px;}
.nav-pills > li.error .TruncateTxt, .nav-pills > li.warning .TruncateTxt {display: inline-block; max-width: 150px; margin-right: 5px; vertical-align: middle;}


/* More pills Dropdown when truncate*/
.moremenu li.hideshow.dropdown ul .dropdown-menu{border:0 none; box-shadow:none; position: static; width:100%;}

/* Common search component - loading gray image inside input field */
.inputToggleDiv .grayloader, .searchComp .grayloader, .tokenfield .grayloader {position:absolute; right:10px; top:10px; z-index: 3;}
.searchClose {background:#fff !important; border:0 none !important; height: 28px; padding:4px 10px 6px 7px; position: absolute; right:2px; top:4px; z-index:3;}
.searchComp{position: relative;}
.searchComp .icon.icon-remove{font-size: 15px; color: #707070;}
.input-group .searchComp input.form-control[type=text] {border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.searchComp > input{padding-right: 30px;}
.inputToggleDiv{display:none; margin-bottom: 20px;}
.searchClose,.searchClose:focus,.searchClose:hover, .iconColor,.iconColor:focus, .inputLink, .inputLink:focus, .mainNav .icon.icon-home{color:#707070; text-decoration:none;}
.inputLink.active, .iconColor:hover, .inputLink:hover{text-decoration:none; color:#be1e2d;}

/*Common dorpdown */
.headerDropScroll, .uploadItems{max-height: 290px; overflow-y: auto}
.headerDropScroll li{ line-height: normal; }
.headerDropScroll > li > a {padding: 10px; }
.dropdown-menu.headerDrop {width:350px;}
.dropdown-menu.headerDrop.uploadItems{max-height:calc(100vh - 60px)!important;}


/*fav drop down*/
.moreTxt{vertical-align: middle; text-align: center; color: #707070;}

/*fav Modal*/
.favModalScroll li{border-bottom: 1px solid #e3e3e3; line-height: normal;}
.favModalScroll > li{padding: 10px;}
.favModalScroll li:hover {color: inherit; text-decoration: none; cursor: pointer; background-color:#F3F3F3;}
.favModalScroll li a{display: block;}
.favModalScroll li a.f-grow {max-width: calc(100% - 67px);}
.favModalScroll li.d-flex img{align-self: flex-start;}
.messModalCont li a.f-grow {max-width: calc(100% - 20px);}

/*Notification drop down*/
.read{border-left: 3px solid transparent;}
.read:hover{border-left: 3px solid #f3f3f3;}
.unread,.unread:hover {color: inherit; text-decoration: none; background-color: #cdeaff; border-left: 3px solid #005da2;}
.notiDrop{max-height: 370px;}
.messDrop{max-height: 410px;}
#approvedBannerID > a {color: #005DA2; display: inline; padding-left: 0 ; padding-right: 0; text-decoration:underline;}
#approvedBannerID > a:hover {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; text-decoration: underline;}
#overduedBannerID {color: #A00000; display: inline; padding-left: 0 ; padding-right: 0; text-decoration: none;}

/*Notification Modal*/
.notiModalCont .day{background: #fcfcfc; padding: 5px 0px 5px 15px;}
.notiModalCont > li > a{padding: 15px 15px 15px 25px;}
.notiModalCont li a:hover { background-color:#F3F3F3;}
.notiModalCont li a{display: block; text-decoration:none;}
.notiModalCont hr{margin: 0}
.messDropFixHeight {max-height: 170px !important;}
/*Message modal*/
.messModalCont > li{line-height: normal; padding: 10px}
.messDropFixHeight {max-height: 170px !important;}
/*.messModalCont li a:hover, .dropdown-menu li a:focus {background-color: #f5f5f5; color: inherit; text-decoration: none; }*/
.messModalCont li a{display: block;}
.messModalCont li:hover {cursor: pointer; background:#F3F3F3;}
.messModalCont hr{margin: 0}

/*Insert link*/
.insertLink li:hover, .insertLink li:focus, .passwordProtectModal li:hover, .passwordProtectModal li:focus {color: inherit; text-decoration: none; background-color:#F3F3F3;}
.insertLink > li, .passwordProtectModal > li{padding: 10px 15px;}
#browseTabSite_filterByOptions{width: 220px;}

/*message conversation*/
.messConvoLeft:after {border-color: transparent #fff; border-style: solid; border-width: 0px 24px 20px 0px; content: ""; display: block; left: -22px; position: absolute; top: 6px; width: 0; z-index: 0;}
.messConvoLeft:before {border-color: transparent #e2e2e2; border-style: solid; border-width: 0px 25px 21px 0; content: ""; display: block; left: -25px; position: absolute; top: 5px; width: 3px; z-index: 0;}
.messConvoLeft { background: none repeat scroll 0 0 #fff; margin-bottom: 15px; margin-left: 65px; padding: 3px 10px; position: relative; vertical-align: top; border:1px solid #e2e2e2; border-radius:3px;}
.messConvoRight:after {border-color: transparent #ebfaff; border-style: solid; border-width: 0 0 21px 25px; content: ""; display: block; right: -22px; position: absolute; top: 6px; width: 0; z-index: 0;}
.messConvoRight:before {border-color: transparent #e2e2e2; border-style: solid; border-width: 0 0 21px 25px; content: ""; display: block; right: -25px; position: absolute; top: 5px; width: 3px; z-index: 0;}
.messConvoRight { background: none repeat scroll 0 0 #ebfaff; margin-bottom: 15px; margin-right: 65px; padding: 3px 10px; position: relative; vertical-align: top; border:1px solid #e2e2e2; border-radius:3px;}
.messConvoScroll .userAvatar{position: absolute;}
.convoLeftOuter .userAvatar{left: 0;}
.convoRightOuter .userAvatar{right: 0;}
.convoRightOuter .postData {background-color: #dcebf0;}
.dragDropFiles{position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; background:rgba(64, 64, 64,0.8);}
.dragDropFilesOuter{display: table; width: 100%; height: 100%}
.dragDropFilesTxt{display: table-cell; text-align: center; vertical-align: middle; color: #ffffff; font-size: 20px; font-weight: 400;}
.dragDropFilesTxt img{max-width: 102px; width: 100%; margin-right: 12px;}
/* .messageComment .as-results.flipUp .as-list{bottom:110px; height:120px!important;} */
.ckQaReply{height:175px;}

/*Post and comment Section */
.linkSep {padding: 0px 5px; font-size: 13px; color: #707070; display:inline-block;}
.postAvtar, .commentAvtar{float:left;}
.commentAvtar{width:32px; height:32px;}
.postAvtar img, .commentAvtar img{border-radius:3px;}
.postMeta{margin: 0 55px 0 60px;}
.postMetaLike{margin: 0 0px 0 60px;}
.commentMeta{margin-left: 40px;}
.commentMeta .postData {background: #fcfcfc none repeat scroll 0 0;}
.postSection{margin-bottom: 30px; border-color: #e3e3e3; word-wrap: break-word;}
.postDropDown{ float: right;}
.postDropDown a.glyphicon, .postDropDown a.glyphicon:hover{color: #8d8d8d; font-size: 20px; text-decoration: none;}
.postDropDown a.glyphicon-star:hover, .postDropDown a.glyphicon-star.selected{color: #f78500;}
.postContent{margin: 10px 0px 10px;}
.commentSec{background: #f3f3f3; border-top: #e3e3e3 solid 1px; word-wrap: break-word;}
.commentBlock{border-bottom: #e3e3e3 solid 1px; padding: 10px;}
.likeSection, .loadMoreSection {font-size:13px;}
.iconMeta{margin: 0px 0px 0px 45px;}
.dialogPrev .iconMeta{max-width: 390px; word-wrap:break-word; white-space: normal;}
.listUserDrops {display:inline-block;}
.listUserDrops .dropdown-menu {max-height: 253px !important; overflow: auto; width:240px;}
.listUserDrops .dropdown-menu li a{overflow: hidden; text-overflow: ellipsis; max-width: 225px; padding: 3px 10px; color:#be1e2d;}
/* userlist common structure for dropdown and modal */
#GroupTaskModalID_BODY .clearfix.marg10 {margin:10px 0;}
#GroupTaskModalID_BODY hr {margin:0 -15px;}
.commentMeta .cke_editable > p, #newPrivateMessageEditor.cke_editable > p, #microblogModal_microblogCkDiv.cke_editable > p, 
#file_module_Site_Share_PrivateMessageEditor.cke_editable > p, #dashboardMiddle_microblogCkDiv.cke_editable > p {white-space: pre-wrap;}
.commentSec .cke_editable_inline, #dashboardMiddle_microblogCkDiv{overflow: inherit;}

.postImg{ margin:0px -10px;}
.postImgSec{display: inline-table; width: 100%; table-layout: fixed; height: 100%; border-spacing:10px 5px; vertical-align: top;}
.postImgSec > a, .postImgSec > span{ display:table-cell; height: 100%; padding:0px; background: #eee; border: #FFF solid 0px; border-radius: 5px; overflow: hidden; vertical-align: middle; text-align: center;}
.postImgSec a img, .postImgSec span img{margin:0px; position: relative; left: 50%; margin-left: -100%;}
.truncateHTML p:last-of-type, .truncateHTML pre:last-of-type{display: inline;}
.commentMeta .truncateHTML{margin-bottom:10px;}

.postTaskStatus{display: inline-block;vertical-align: sub;max-width: 100%;}
.postTaskStatus span.label.label-default{text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;word-wrap: normal;padding-top: 3px;padding-bottom: 3px;}

/* Filter icon in dropdown open */
.input-group-btn > .btn:hover .icon-filter, .input-group-btn.open > .btn .icon-filter{color: #ffffff;}

/*IE9 only hack */
@media screen and (min-width:0\0){
  .postImgSec > a, .postImgSec > span, .postImgSec.attchSection > span span.attachImg{text-align: left;}
  .postImgSec a img, .postImgSec span img, .postImgSec.attchSection > span span.attachImg img{margin: 0px; -ms-transform:translate(-50%,0);}
}
.postImgSec.multiFour a{width: 25%;}
.postImgSec.multiFour a img{max-height: 115px;}
.postImgSec.multiThree a, .postImgSec.multiThree span{width: 33.3%;}
.postImgSec.multiThree a img{max-height: 155px;}
.postImgSec.multiThree span img{max-height: 80px;}
.postImgSec.multiTwo a{width: 50%;}
.postImgSec.multiTwo a img{max-height: 236px;}
.postImgSec.single a{background: transparent; border-radius:0px; text-align: left; display: inline;}
.postImgSec.single a img{max-height: 480px; border-radius: 5px; max-width: 100%; position: static; left: auto; transform:none; -ms-transform:none; margin: 0px;}
.postImgSec a.blank, .postImgSec span.blank{background: transparent; cursor: none; visibility: hidden; border: 0px none;}
.tableCaps, .hideDesk, .upDataDialog button.hideDesk{display: none;}
.favModalScroll .postImg{width: 60%;} 

.singleGrid a{float: left; width: 122px; height: 96px; margin: 0 10px 10px 0; line-height: 96px; vertical-align: middle;}
.singleGrid a img{max-height: 96px;}

.postData{background: #f3f3f3; padding: 12px; margin: 12px 0px; border-radius: 3px;}
.postIcon, .postIcon:hover{background: #FFF; border: #dddddd solid 2px; border-radius: 3px; text-decoration: none; display: inline-block; margin:0px 5px 1px 0px; padding:2px 5px; font-size: 16px; color: #707070;}
.avtarMulti{position: absolute; top: 12px; left: 10px;}

/* Upload Progress bar */
.postUpload{padding: 0px 0px 15px;}
.progressSec{float: right; min-width: 145px;}
.progressSec .icon-information-circle, .progressSec .icon-remove{color: #c60000}
.progressSec .icon-remove::before{content: "\e032";}
.postUpload .progress{ margin: 0px; height: 16px; position: relative; margin: 0 0 0 25px}
.postUpload .progress-bar{line-height: 16px; color: #FFF; line-height: 16px; position: absolute; overflow: hidden;}
.progress .progressbar-back-text{ font-size: 12px; height: 100%; line-height: 16px; position: absolute; text-align: center; width: 100%;}
.progress .progressbar-front-text {  display: block; font-size: 12px; line-height: 16px; text-align: center; width: 100%;}
.progress-bar-success .progressbar-front-text{width: 101px !important;}
a.progressClose, a.progressClose:hover {margin: -2px 0px 0px 5px; text-decoration: none;}
.progressSecIcon{display: block; float: right; }
.dropdown-menu li .progressSecIcon a{display: inline-block;}
.progress-bar{ background-color: #019cde;}
.progress-bar.progress-bar-success{ background-color: #5db85b;}
.progress-bar.progress-bar-danger{ background-color: #b32e2f;}
.postUpload canvas{border-radius:3px;}
.redactedFiles .progress-bar-warning{ background-color: #f0ad4e;}
.progressSec .icon-information-circle.progressInfo{color: #f0ad4e;}

/* Fluid Progress bar */
.fluid-progress .progress{height: 4px;}
.fluid-progress .progress-bar {width: 16%; background-color: #004070;}
.fluid-progress .progress {background: #b3b3b3;}


/* update custom for datepicket css start font-family required for override */
.ui-widget.ui-datepicker {font-family:'open_sansregular', Arial;width:100%; display:block; padding: 0; background: none; border: 0 none; margin-bottom:20px; overflow:hidden;}
.ui-datepicker table {font-size:13px !important; margin-bottom:0;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {font-weight:normal;}
.ui-datepicker .ui-state-hover, .ui-datepicker .ui-widget-content .ui-state-hover, .ui-datepicker .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {background:#eee; border:1px solid #e5e5e5; color:#2f2f2f;}
.ui-datepicker .ui-widget-header /*, .ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus*/ {border-radius:4px 4px 0 0; font-family:'open_sansregular', Arial; font-size:14px; border:1px solid #404040; color:#FFFFFF; background:#404040;}
.ui-datepicker td span, .ui-datepicker td a {text-align:center; padding:0;}
.ui-datepicker .ui-datepicker-title {line-height:24px;}
.ui-datepicker td {padding:0 !important; margin:0 !important; border:1px solid #fff !important; min-height:30px;}
.ui-datepicker-calendar {padding:0; border-radius:0 0 4px 4px; background:#fff; overflow:hidden;}
.ui-datepicker-calendar a.ui-state-default {padding: 2px 0; text-align:center; color:#FFFFFF; background:#404040; border: 1px solid #404040;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: 1; filter: Alpha(Opacity=100); background:#f6f6f6;}
.ui-state-disabled .ui-state-default {border:0 none; background:#f6f6f6; padding: 2px 0; color:#999;}
.ui-widget-header .ui-icon {background-image: url(jquery-1.10.3/images/ui-icons_ffffff_256x240.png) !important/*{iconsHeader}*/;}
.ui-datepicker .ui-datepicker-prev:hover .ui-icon, .ui-datepicker .ui-datepicker-next:hover .ui-icon {background-image: url(jquery-1.10.3/images/ui-icons_222222_256x240.png) !important/*{iconsHeader}*/;}
.disabledDatePicker span.icon-calendar {color: #bbbbbb;}

.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover, 
.bootstrap-datetimepicker-widget td span.active, .bootstrap-datetimepicker-widget td.day:hover, 
.bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, 
.bootstrap-datetimepicker-widget td.second:hover { color: #ffffff; background-color:#404040; }
.datepicker table tr td.day:hover, .input-group-addon{cursor: pointer;}
.input-group-addon{line-height: 0!important;}
.bootstrap-datetimepicker-widget .timepicker-picker a.btn:hover{background: none;}
/*.date a{position:absolute; top:8px; right:50px; z-index: 10;}*//* for "X" icon date/time common component*/

/* edit input and select box with button style */
.edit-area {position: relative;}
.edit-content:after {color:#999898; font-family: "highq50"; content: "\e046"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; font-style: normal; display: inline-block; width:18px; height:18px; cursor:pointer; margin: 0px 0 0 10px; vertical-align: -2px;}
.edit-field-btn{position: absolute; right:0; top:0;}
.edit-field{margin-right:75px;}
.edit-submit{border-width:1px;}
.edit-cancel{background:#f3f3f3; border:1px solid #cccccc; color:#2f2f2f; margin-left:3px;}
.edit-cancel .icon:hover{color:#2f2f2f;}
.edit-submit .icon-check-mark,.edit-cancel .icon-remove, .edit-submit .icon-edit{font-size:16px !important;padding: 0; color:inherit;}
.edit-area.form-inline .form-control {width:100% !important;}
.edit-content.removeIcon:after{content:""; width: 0;}
.mark-grey {color:#707070;}
/* edit Inline component */
.pageTitle { margin-left:-7px;}
.pageTitle .edit-content{padding:6px 8px; position:relative; display: inline-block; max-width: 100%; word-wrap: break-word; }
.pageTitle .edit-content.editableIcon:hover{border:1px solid #d0d0d0; border-radius:4px; padding:5px 60px 5px 7px; display:inline-block;}
.pageTitle .edit-content.editableIcon:focus{border:1px solid #d0d0d0; border-radius:4px; padding:5px 60px 5px 7px; display:inline-block;}
.pageTitle .edit-content:after{content:'';}
.pageTitle .edit-content.editableIcon:focus:after{width:auto; height:auto; background:#dcdcdc; border-left:1px solid #d0d0d0; margin:0; padding:13px 10px; content:"\e0dd"; font-size:20px; position:absolute; right:0; top:0; bottom:0; cursor:pointer;}
.pageTitle .edit-content.editableIcon:hover:after{width:auto; height:auto; background:#dcdcdc; border-left:1px solid #d0d0d0; margin:0; padding:13px 10px; content:"\e0dd"; font-size:20px; position:absolute; right:0; top:0; bottom:0; cursor:pointer;}
.pageTitle .edit-field input, .headPageTitle .input-group-lg input{height:50px; padding:0 7px; font-size:32px; font-weight:400;}
.pageTitle .edit-content.blankTitle{min-width: 100%;}

/* common Tag inline editing */
.tagSection .tagContainer, .categorySection .categoryContainer, .contactSection .contactContainer{border:1px solid #e3e3e3; background:#f3f3f3; padding:13px 15px 0; border-radius:4px; margin-top:10px;}
.tagContainer a, .categoryContainer a, .contactContainer a{margin-right:20px; margin-bottom:11px; display:inline-block; max-width: 200px; vertical-align: middle;}
.tagSection .editTags{margin-top:10px;}

.contactSection .contactContainer{padding: 10px 15px 0; max-width:300px; float:left; margin-right:20px; height:55px;}
.contactSection .contactContainer span.TruncateTxt{max-width:225px;}
.contactSection .contactContainer:last-child{margin-right:0;}
.contactContainer a{margin-right:0;} 

/* Attachment section */
.attachmentContainer{padding:15px; margin-top:10px;  border:1px solid #e3e3e3; border-radius:4px; position:relative; min-height:140px;}
.attachmentContainer .attachListview .fileNameTruncate{display: table-cell; max-width: none;}
.attachDwn{display: table-cell; padding-left: 8px;}
.removeSec{display: block; padding: 5px 10px;}
.dropFiles {z-index:1;}
.dropZone{ text-align: center; min-height: 200px; vertical-align: middle; line-height: 168px; border: #c4c4c4 dashed 2px;}
.dropZone img, .dropZone h4{display: inline-block; color: #c4c4c4; margin: 0px 5px;}
.announcement{max-height:150px; overflow:auto; position:relative;}
.announcement a.delete{position:absolute; right:0; top:0;}

/* Custom select dropdown */
.selectDrop {position: relative;}
/*.selectDrop > .btn:focus {border-color:#FA6400; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 100, 0, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 100, 0, .6);}*/
.selectDrop > .btn {padding:0; width:100%; font-weight:400; text-align:left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background:#f3f3f3; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); background-image: linear-gradient(to bottom,#FFF 40%,#e3e3e3 100%); border: 1px solid #949494;}
.selectDrop > .btn > span.caret {margin:15px 9px 0 0; float: right; border-top: 5px solid; color:#343434;}
.selectDrop.dropup > .btn > span.caret{border-top:0;}
.selectDrop > .btn > span.TruncateTxt {padding: 6px 12px; line-height:20px;}
.selectDrop ul.dropdown-menu{left: 0; right: 0; min-width: inherit; overflow:auto;}
.selectDrop .listData{overflow-y: auto}
.selectDrop li a{padding: 3px 15px;}
.setHeightDrop{max-height: 180px; overflow: auto;}
.modal-open .selectDrop ul.dropdown-menu {max-height:246px;}

/*Bootstrap select overwrite*/
/* UID-3551
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{top: 1px;}
*/
.bootstrap-select.btn-group .dropdown-menu{max-width: 100%; word-wrap:break-word;}
.bootstrap-select.btn-group .dropdown-menu li a{white-space: normal;}
.modal-open .bootstrap-select.btn-group.bs-container .dropdown-menu {z-index: 1500;}
.bootstrap-select.btn-group .dropdown-menu li small{display: block; padding-left: 0} 

/*Bootstrap select custom Multi-Select Checkbox*/
input[type="checkbox"] {margin-top:3px;}
.bootstrap-select.bootstrap-selectMultiDrop .dropdown-menu li a span.check-mark{display: inline-block !important;}
.bootstrap-select.bootstrap-selectMultiDrop .dropdown-menu li a span.check-mark {margin-top: 0px !important; left: 8px; right: auto; border: #CCC solid 1px; border-radius: 3px; width: 18px; height: 18px; font-size: 12px; top: 4px; text-align: center; line-height: 16px; position: absolute;}
.bootstrap-select.bootstrap-selectMultiDrop .dropdown-menu li a span.icon-check-mark:before{display: none;}
.bootstrap-select.bootstrap-selectMultiDrop .dropdown-menu li.selected a span.icon-check-mark:before{display: inline-block; vertical-align: top; margin-top: 2px;}
.bootstrap-select.bootstrap-selectMultiDrop .dropdown-menu li a span.text{margin: 0px 0px 0px 13px !important;}

/* update custom for datepicket css end */

/*Custom selectpicker drop down overwrite*/
.bootstrap-select button span{color: #555555; font-weight: normal;}
.bootstrap-select button, .bootstrap-select button:hover {background-color:#ffffff;-webkit-appearance: button; color:#555555; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-user-select: none; background-image: -webkit-linear-gradient(#fff, #fff 40%, #ededed) !important; background-position: right center !important; background-repeat: no-repeat !important;	border: 1px solid #bababa;	margin: 0;	overflow: hidden; padding: 7px 25px 8px 9px; white-space: nowrap; /* outline: none !important; */ line-height: initial !important; -webkit-padding-end: 25px;}
/*.bootstrap-select button:focus, .bootstrap-select.open .dropdown-toggle.btn-default {background-color:#ffffff; border-color: #66afe9; /* outline: 0; */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 156, 222, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 156, 222, .6);}*/
.bootstrap-select.btn-group .dropdown-toggle .filter-option {text-overflow: ellipsis;}
/*.bootstrap-select button:focus,*/ .bootstrap-select.open .dropdown-toggle.btn-default{outline: none; border-color:#FA6400; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 100, 0, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 100, 0, .6);}
/*.bootstrap-select .dropdown-toggle:focus{outline: none !important;}*/

/*ng-select custom CSS*/
.bootstrap-select.ng-select .ng-select-container .ng-value-container .ng-placeholder{color: #555555; font-weight: normal;}
.bootstrap-select.ng-select .ng-select-container, .bootstrap-select.ng-select .ng-select-container:hover { background-color:#ffffff;-webkit-appearance: button; color:#555555; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-user-select: none; background-image: -webkit-linear-gradient(#fff, #fff 40%, #e3e3e3) !important; background-position: right center !important; background-repeat: no-repeat !important;	border: 1px solid #949494;	margin: 0;	overflow: hidden; padding: 8px 8px 8px 9px; white-space: nowrap; /* outline: none !important; */ line-height: initial !important;}
.bootstrap-select.ng-select .ng-select-container:focus, .bootstrap-select.ng-select.ng-select-opened .ng-select-container {border-color:#FA6400; /* outline: 0; */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 100, 0, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(250, 100, 0, .6);}

.has-error .bootstrap-select.errorElement .ng-select-container {border-color: #a94442;}
.bootstrap-select.ng-dropdown-panel{height:auto;}
.bootstrap-select.ng-dropdown-panel{z-index: 1500;}

.bootstrap-select.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label, 
.bootstrap-select.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{  font-weight: 400;}
.bootstrap-select .ng-select-container:focus { outline: none !important;}
.bootstrap-select.ng-select-opened > .ng-select-container{border-radius: 3px;}
.bootstrap-select .ng-select-container:focus {  outline: none !important;}
.ng-select .ng-select-container .ng-value-container {  padding-left: 0px;}

.bootstrap-select .ng-dropdown-panel,.bootstrap-select.ng-dropdown-panel {
  padding: 5px 0;
  margin: 2px 0 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.bootstrap-select .ng-dropdown-panel .ng-option, .bootstrap-select.ng-dropdown-panel .ng-option {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color:#404040;
 	white-space: normal;
}

.bootstrap-select.ng-dropdown-panel .ng-dropdown-panel-items .ng-option { white-space: normal; }

.bootstrap-select .ng-dropdown-panel .ng-option:hover,
.bootstrap-select .ng-dropdown-panel .ng-option:focus,
.bootstrap-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.bootstrap-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked,
.bootstrap-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked,
.bootstrap-select.ng-dropdown-panel .ng-option:hover,
.bootstrap-select.ng-dropdown-panel .ng-option:focus,
.bootstrap-select.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.bootstrap-select.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked,
.bootstrap-select.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked  {
  background-color:#F3F3F3; 
  color:#404040;
}


/* Auto Grow */
textarea.autogrow-short{min-height: 75px;}

/* Action header */
.actionHeader, .commonAlert{margin-bottom: 15px;}
.commonAlert p:first-child{margin-bottom:0;}

/* Fancytree section */
table.fancytree-container tr td{padding: 7px 0px;}
table.fancytree-container tr th{padding: 12px 0px;}
table.fancytree-container span.fancytree-icon, table.fancytree-container img.fancytree-icon, ul.ui-fancytree span.fancytree-icon, ul.ui-fancytree img.fancytree-icon{margin-left: 3px; position: absolute; left: 0px;}
table.fancytree-ext-table span.fancytree-node, ul.ui-fancytree span.fancytree-node {display:block; position: relative; width: auto;}
table.fancytree-container span.fancytree-title {white-space: normal; word-wrap: break-word; display: inline-block; margin-left: 20px; min-width: 180px;}
table.fancytree-container span.fancytree-expander, ul.ui-fancytree span.fancytree-expander{position: absolute; left: -15px;}
table.fancytree-container .chkCol{min-width: 25px;}
table.fancytree-container .indexCol{min-width: 50px;}
table.fancytree-container .statusCol{min-width: 150px;}
table.fancytree-container .sizeCol{min-width: 90px;}
table.fancytree-container .modifyCol{min-width: 135px;}
table.fancytree-container .indexView{word-wrap:break-word; white-space: normal; max-width: 100px; word-break:break-all;}
.fancytree-notinherited-icon{background: url("../../css/fancyTree/icons.gif") no-repeat -18px -176px;  position: absolute; left: 5px; top: 0px; width: 16px; height: 16px;}
table.fancytree-container tr td:first-child{vertical-align:top;}

/* Wrap left tree/modal tree long content*/
.treeContentWrap li .fancytree-title{white-space: normal; word-wrap: break-word;}
.modal li .fancytree-title {max-width:98%; word-wrap:break-word; white-space: normal;}

/* left panel fancytree */
ul.fancytree-container span.fancytree-title, table.fancytree-container span.fancytree-title{color: #404040;}
ul.fancytree-container span.fancytree-active span.fancytree-title, ul.fancytree-container span.fancytree-selected span.fancytree-title { color: #be1e2d;}
ul.fancytree-container span.fancytree-node:hover span.fancytree-title, table.fancytree-container span.fancytree-node:hover span.fancytree-title {color: #be1e2d;}
table.fancytree-ext-table tbody tr.fancytree-selected {background-color: #F3F3F3;}

/* modal tree checkbox/img/long text spacing */
ul.ui-fancytree span.fancytree-checkbox{position: absolute;}
ul.ui-fancytree span.fancytree-checkbox + span.fancytree-icon, ul.ui-fancytree span.fancytree-checkbox + img.fancytree-icon{left:18px;}
ul.ui-fancytree span.fancytree-checkbox + span.fancytree-icon + span.fancytree-title, ul.ui-fancytree span.fancytree-checkbox + img.fancytree-icon + span.fancytree-title{padding-left:42px;}
ul.ui-fancytree span.fancytree-icon + span.fancytree-title, ul.ui-fancytree span.fancytree-expander + img + span.fancytree-title, ul.ui-fancytree span + span.fancytree-checkbox + span.fancytree-title {padding-left: 22px;}

/* UID-2540 
body.accessByUserReportPage ul.ui-fancytree > li.fancytree-lastsib > span > span.fancytree-checkbox{position: relative;}
*/
/* Structure to make div vertically horizontally center */
.pageCenterContainer {bottom: 0; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; vertical-align: middle; width: 360px;}
.conformUserPassword .pageCenterContainer {width: 420px;}
.centerTable {display: table; height: 100%; vertical-align: middle; width: 100%; table-layout: fixed;}
.centerTableCell {display: table-cell; vertical-align: middle; }
.centerColorBox{ padding: 10px;}

/*Content is overlapping on footer so overwrite it only for this page*/
.appChoice .pageCenterContainer{position: relative}

.appChoice .pageCenterContainer .well li{margin-bottom: 7px;}

/* Login & other pages background customization */
.logoSection{padding:15px 0;}
.loginWrapperWidth {width: 375px;} /* COL-55386 */
body.resetPassword .pageCenterContainer .errormsgbox p,
body.loginPage .pageCenterContainer .errormsgbox p
{display: flex} /*COL-140507*/
.loginPage, .resetPassword, .backToLogin, .passcodeVerification, .conformUserPassword, .selfregisterVerification, .qrcodeVerification{background-color:#fcfcfc; background-image: url(../../flag/flag_0.gif); background-position: center center; background-repeat: no-repeat; background-size:cover; background-attachment:fixed;}
.loginPage .centerColorBox, .resetPassword .centerColorBox, .backToLogin .centerColorBox, .passcodeVerification .centerColorBox, .conformUserPassword .centerColorBox, .selfregisterVerification .centerColorBox, .qrcodeVerification .centerColorBox{
	background:rgba(252,252,252,1);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFCFCFC,endColorstr=#FFFCFCFC);
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFCFCFC,endColorstr=#FFFCFCFC);
}
.loginPage .btn-default, .loginPage .btn-default:focus, .loginPage .btn-default:active,
.resetPassword .btn-default, .resetPassword .btn-default:focus, .resetPassword .btn-default:active,
.backToLogin .btn-default, .backToLogin .btn-default:focus, .backToLogin .btn-default:active,
.passcodeVerification .btn-default, .passcodeVerification .btn-default:focus, .passcodeVerification .btn-default:active,
.conformUserPassword .btn-default, .conformUserPassword .btn-default:focus, .conformUserPassword .btn-default:active, 
.selfregisterVerification .btn-default, .selfregisterVerification .btn-default:focus, .selfregisterVerification .btn-default:active,
.qrcodeVerification .btn-default, .qrcodeVerification .btn-default:focus, .qrcodeVerification .btn-default:active {background-color:#be1e2d; border-color:#be1e2d; color:#FFFFFF;}

.loginPage .btn-default:hover, .loginPage .btn-default:focus, .loginPage .btn-default:active, .loginPage .btn-default.active:focus, .loginPage .btn-default.active,
.resetPassword .btn-default:hover, .resetPassword .btn-default:focus, .resetPassword .btn-default:active, .resetPassword .btn-default.active:focus, .resetPassword .btn-default.active,
.backToLogin .btn-default:hover, .backToLogin .btn-default:focus, .backToLogin .btn-default:active, .backToLogin .btn-default.active:focus, .backToLogin .btn-default.active,
.passcodeVerification .btn-default:hover, .passcodeVerification .btn-default:focus, .passcodeVerification .btn-default:active, .passcodeVerification .btn-default.active:focus, .passcodeVerification .btn-default.active,
.conformUserPassword .btn-default:hover, .conformUserPassword .btn-default:focus, .conformUserPassword .btn-default:active, .conformUserPassword .btn-default.active:focus, .conformUserPassword .btn-default.active,
.selfregisterVerification .btn-default:hover, .selfregisterVerification .btn-default:focus, .selfregisterVerification .btn-default:active, .selfregisterVerification .btn-default.active:focus, .selfregisterVerification .btn-default.active,
.qrcodeVerification .btn-default:hover, .qrcodeVerification .btn-default:focus, .qrcodeVerification .btn-default:active, .qrcodeVerification .btn-default.active:focus, .qrcodeVerification .btn-default.active {color:#004070; background-color:#0d0d0d; border-color:#0d0d0d; }


/* Negative title*/
.dashTitle, .folderTitle, .modulePageTitles, a.titleAttr, a.titleAttr:hover, .linkblack.folderTitle, .linkblack.folderTitle:hover, 
.pageTitle h1, .pageTitle .edit-field input, .headPageTitle .input-group-lg input, .modal-title, 
.negativeTitle, .tagsTitle, .attachmentTitle, .categoryTitle, .contactTitle, .dataTitle, .cardListTitle{color:#666666;}

/* Other border/background*/
.edit-submit, .icon-text-formating.postIcon:hover, .open .icon-text-formating.postIcon{background-color:#404040; border-color:#404040; color:#ffffff;}

/*Adeptol viewver COL-28767*/
.pcc-immediate-action-menu, .pcc-hyperlink-menu, .pcc-redaction-reason-menu {z-index:9999;}

/* parent document files module */
.label-parent-document {background:#ff8000;}
.childDocLink {padding-bottom:5px;}
.childDocLink img {width:20px; float:left; height:auto;}
.childDocLink .childDocName {overflow:hidden; padding:0 0 0 0px; display:block; word-break:break-word; margin-left:25px;}

/*==================
CK common css
====================*/
.ckContentArea{font-family:'Roboto', sans-serif, Arial; line-height:22px; font-size: 14px; word-wrap: break-word; color:#404040;}

/* When inline CK bind */
.inlineCK{display: block; width: 100%; min-height:32px; padding:5px 5px 5px 10px; background-color: #fff; border: 1px solid #949494; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.inlineCK > p:first-child {margin: 0;}
.inlineCK > p{margin: 10px 0 0;}
.ckContentArea ul, .ckContentArea ol, .inlineCK > ul, .inlineCK > ol {margin: 10px 0;}
/*.inlineCK.cke_focus {border-color:#FA6400; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(250, 100, 0, .6); outline: 0 none; }*/

.ckheightExpand{min-height: 120px;}
.cke_editable{word-wrap:break-word;}

/* Common and CK heading styles */
h1, h2, h3, h4, h5, h6, .ckContentArea h1, .ckContentArea h2, .ckContentArea h3, .ckContentArea h4, .ckContentArea h5, .ckContentArea h6 {margin:25px 0; line-height:normal; }

/* General title color change - from <h1> to <h6> all color should be customize via customization */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{color:#666666;}

h1, .h1 {font-size:32px; font-weight: 400;}
h2, .h2 {font-size:27px; font-weight: 400;}
h3, .h3 {font-size:23px; font-weight: 400;}
h4, .h4 {font-size:19px; font-weight: 400;}
h5, .h5 {font-size:16px; font-weight: 500;}
h6, .h6 {font-size:14px; font-weight: 500;}

h2.editUserProfile {font-size:23px; font-weight: 400;}
h3.editUserProfile {font-size:19px; font-weight: 400;}
h4.editUserProfile {font-size:16px; font-weight: 500;}

.divPreviewIcon{width: calc(100% - 20px);}

/* CK title color change - from <h1> to <h6> all color should be customize via customization */
.ckContentArea h1, .cke_panel_listItem h1 {font-weight: 400; color:#000000; font-size:32px;}
.ckContentArea h2, .cke_panel_listItem h2 {font-weight: 400; color:#000000; font-size:27px;}
.ckContentArea h3, .cke_panel_listItem h3 {font-weight: 400; color:#000000; font-size:23px;}
.ckContentArea h4, .cke_panel_listItem h4 {font-weight: 400; color:#000000; font-size:19px;}
.ckContentArea h5, .cke_panel_listItem h5 {font-weight: 500; color:#000000; font-size:16px;}
.ckContentArea h6, .cke_panel_listItem h6 {font-weight: 500; color:#000000; font-size:14px;}
.cke_panel_listItem a:hover{text-decoration: none;}
.ckContentArea table {max-width:100%; table-layout:fixed;}

.ckContentArea img {max-width:100%; margin-bottom:10px; height:auto !important;}
.cke_panel_listItem *{line-height: normal;} /* for CK editor drop-down menu */
.cke_combopanel.cke_combopanel__format{width: 280px;} /* Ck heading drop-down width */
.ckContentArea img.cke_widget_mask{height: 100% !important;} /* Overwrite common img height-video overlay expand issue*/

.ckContentArea table{ border-collapse: inherit;}/* default ck table border & overwrite bootstrap css - COL-47572*/
.ckContentArea table .postContent{border-collapse:separate; /* COL-49119 */}
.ckContentArea table .macroList_tags , .ckContentArea table .macroList_activity , .ckContentArea table .macroList_rss, .ckContentArea table .macroList_people,
.ckContentArea table .macroList_events, .ckContentArea table .macroList_tasks, .ckContentArea table .macroList_blog, .ckContentArea table .macroList_wiki,
.ckContentArea table .macroList_files{border-collapse:collapse; /* COL-49119 */}

.ckContentArea .macroList_tasks .selectCompleted > a {text-decoration:line-through; opacity:0.8;filter: alpha(opacity=80);}
.ckContentArea.linkedPageContent .thumbSection img{max-width:300px; margin-bottom:auto;}/* overwrite "ckContentArea img" css for linked pages inside ck content*/

/* Changes as per wiki chart combination scenario COL-91221 */
.ckInlineEditContent .ckLinkInfo{padding:5px 10px; border:1px dashed #5FA7C5; background:#EDF8FD; margin-bottom:10px; display:flex; display:-ms-flexbox; align-items:start; -ms-flex-align:start;}
.ckInlineEditContent .ckLinkInfo .overflowHidden{word-break:break-all; padding:0 5px 0 15px; flex:1 1 100%; -ms-flex:1 1 100%;}
.ckInlineEditContent .ckLinkInfo .icon-remove{flex:0 0 auto; -ms-flex:0 0 auto; order:1; -ms-flex-order:1}
.ckInlineEditContent .ckLinkInfo .icon-edit-circle{flex:0 0 auto; -ms-flex:0 0 auto;}
 
.ckInlineEditContent .ckLinkInfo.chartPositionRight, 
.ckInlineEditContent .ckLinkInfo.chartPositionLeft, 
.ckInlineEditContent .ckLinkInfo.chartPositionCenter,
.ckInlineEditContent .ckLinkInfo.chartWidthFull {display: block;}

.ckInlineContent .ckLinkInfo.macroList_activity .panel.postSection{display:flex; display:-ms-flexbox;}
.ckInlineContent .ckLinkInfo.macroList_activity .panel.postSection .panel-body{width:100%}

.ckInlineContent .ckLinkInfo.macroList_people div.clearfix::before, .ckInlineContent .ckLinkInfo.macroList_people div.clearfix::after,	
.ckInlineContent .ckLinkInfo.macroList_wiki div.clearfix::before, .ckInlineContent .ckLinkInfo.macroList_wiki div.clearfix::after,
.ckInlineContent .ckLinkInfo.macroList_rss div.clearfix::before, .ckInlineContent .ckLinkInfo.macroList_rss div.clearfix::after,
.ckInlineContent .ckLinkInfo.macroList_blog div.clearfix::before, .ckInlineContent .ckLinkInfo.macroList_blog div.clearfix::after,
.ckInlineContent .ckLinkInfo.macroList_files div.clearfix::before, .ckInlineContent .ckLinkInfo.macroList_files div.clearfix::after{display:inline;}
.ckInlineContent .ckLinkInfo.macroList_files img + .overflowHidden.lineHeightNormal{min-height:42px;}
.ckInlineContent .ckLinkInfo.macroList_blog img + .overflowHidden, .ckInlineContent .ckLinkInfo.macroList_people img + .overflowHidden{min-height:48px;}
/* end of changes */

.cke_dialog_ui_input_textarea.cke_source{white-space:pre-wrap; width:100% !important; min-width:800px;}
.cke_button_icon.cke_button__mybtnlink_icon {background: url("../../js/ckeditor/plugins/icons.png?t=4.24.0") no-repeat 0 -1272px !important;}

/* custom ck toolbar 'sharedspace' plugin (comment, microblog, message)*/
.ckCommentToolbar {min-width:165px;}
.ckCommentToolbar .cke_chrome, .ckCommentToolbar .cke_top, .ckCommentToolbar .cke_toolgroup{border:0; box-shadow:none;}
.ckCommentToolbar .cke_top, .ckCommentToolbar .cke_toolgroup{background:none; filter:none;}
.cke_top {background:#fff;}
.ckCommentToolbar .cke_toolbar{padding:0 1px;}
.ckCommentToolbar .cke_toolgroup{margin:0}
.ckCommentToolbar .cke_top{padding:4px 0 4px 8px;}

.ckCommentToolbar a.cke_button_off:hover, .ckCommentToolbar a.cke_button_off:focus, .ckCommentToolbar a.cke_button_off:active, 
.ckCommentToolbar a.cke_button_disabled:hover, .ckCommentToolbar a.cke_button_disabled:focus, .ckCommentToolbar a.cke_button_disabled:active{box-shadow:none; background:#E0E0E0; filter:none;}
.ckCommentToolbar a.cke_button_on{box-shadow:none; background-image:none; filter:none;}
.ckCommentToolbar a.cke_button_on:hover, .ckCommentToolbar a.cke_button_on:focus, .ckCommentToolbar a.cke_button_on:active{box-shadow:none; background:#E0E0E0;}

/* CKEditor drop down - formatting styles */
.CkStyleWarningYellow, .CkStyleWarningRed, .CkStyleWarningGreen, .CkStyleWarningBlue, .CkStyleComputerCode, .CkStyleHighlightYellow, .CkStyleHighlightGreen{ border-radius: 3px 3px 3px 3px; padding: 0 5px; line-height: normal; color: inherit;}
.CkStyleWarningYellow 	{background-color: #FCF8C9; border: 1px solid #DED961;}
.CkStyleWarningRed 		{background-color: #FDDFDD; border: 1px solid #FDC7C7;}
.CkStyleWarningGreen 	{background-color: #D1EED0; border: 1px solid #BEE7BF;}
.CkStyleWarningBlue 	{background-color: #DDF4FA; border: 1px solid #C7EDF8;}
.CkStyleComputerCode 	{background-color: #f3f3f3; border: 1px solid #CBC8C1; display: block; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 90%; padding: 5px;}
.CkStyleComputerCode strong{font-weight: bold;}
.CkStyleHighlightYellow	{background-color: yellow;}
.CkStyleHighlightGreen 	{background-color: Green;}
.ckContentArea small	{font-size:10px;}

.cke_panel_container body{background:#ffffff;}

/* CKEditor modal dialog - select drop down arrow- formatting styles */
div.cke_dialog_ui_input_select select.cke_dialog_ui_input_select{padding-right: 18px;}

/* CKEditor fix A11Y issue with color contrast (ADO:BUG 716247)*/
.cke_notification_info {background: #004070 !important; border: 1px solid #00233d !important;}
.cke_notification_message kbd{color: #000; background-color: #fff;}
.cke_notification_close{background-image: url(../../images/ck_notificationClose.png) !important; opacity: 1 !important;}

/* Chart related CSS*/
.hide-chart-caption svg .raphael-group-13-caption { display: none };

/* This is for CKEditor Sticky ToolBar */
#top_toolbar_div > .cke.fixed {position:fixed; z-index:3;}

/* common listing style (for ex. user) */
ul.listItems{margin: 0; padding: 0; list-style: none;}
ul.listItems li:first-child{border-top: none;}
ul.listItems ul.list-unstyled li{border-top: none; border-bottom: 1px solid #E3E3E3; }
ul.listItems li{padding: 10px 15px; border-top: 1px solid #E3E3E3;}
ul.listItems li input[type="radio"], ul.listItems li input[type="checkbox"]{margin-right: 5px;}

/* fix in COL-33453, COL-42750 and COL-87770 */
.ckContentArea strong [style*="font-family"], .ckContentArea [style*="font-family"] strong, .ckContentArea b [style*="font-family"], .ckContentArea [style*="font-family"] b {font-weight:bold;}
.ckContentArea [style*="font-size"]{line-height:1.4;}

/* full screen related css start */
html {background:#FCFCFC;}
html.fullScreenNative {height:100%; overflow:auto; width:100%;background:#FCFCFC;}
html.fullScreenNative body {height:100%; width:100%; background:#FCFCFC; position:relative;}
.fullScreenNative .header, .fullScreenNative .breadCrumbNav, .fullScreenNative .footer, .fullScreenNative .mainSection .dummyScroll {visibility: hidden;}
.fullScreenNative .mainSection > .container-fluid {position:absolute; left:0; top:0; bottom:0; right:0;}
.fullScreenNative .mainSection .headPageTitle.fixed {position: static; padding: 0; border-bottom: 0px;}
.fullScreenNative .tasksListContainer, .fullScreenNative .qaListContainer, .fullScreenNative .foldDocList {overflow:auto;}
.fullScreenNative .cardViewSection {overflow:hidden;}
.fullScreenNative .cardViewSection .dummyScroll {visibility:hidden;}
.fullScreenNative .fixedTableHead, .fullScreenNative .fixedMetaTableHead {left:15px !important; z-index:1;}
.fullScreenNative .metadata > .table {margin-bottom:0px;}
.fullScreenNative .fullMeta1, .fullScreenNative .fullMeta2, .fullScreenNative .fullMeta3 {margin-bottom:20px;}
.fullScreenNative .foldDocList {padding-bottom:20px;}
.fullScreenNative .scrollVisible .dummyScroll {visibility:visible;}
.fullScreenNative .index .foldDocList {padding-bottom:0px;}
.fullScreenNative .commonAlert.alert {display:none;}

/* In ref of COL-59939 added this property to make scrollbar accessible in iOS device */
.modalTopDrop .dropdown-menu{max-height: -webkit-fill-available;}

/*------------ Gradient effect --------------*/
.dashTitle, .modal-header, .modal-footer{
 	border-style: solid;
    -webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(#E3E3E3), to(#E3E3E3)) 100% 1;
    -webkit-border-image: -webkit-linear-gradient(left, #E3E3E3, #E3E3E3) 100% 1;
    -moz-border-image:-moz-linear-gradient(left, #E3E3E3, #E3E3E3) 100% 1;  
    -o-border-image:-o-linear-gradient(left, #E3E3E3, #E3E3E3) 100% 1;
    border-image: linear-gradient(to right, #E3E3E3, #E3E3E3) 100% 1;
}
.modal-header {border-width:0px 0px 2px 0px;}
.modal-footer{border-width:2px 0px 0px 0px;}
.dashTitle{border-width:0px 0px 1px 0px;}
.navSection.noSecNav, .tabletScreenMode .navSection{
	border-width:0px 0px 4px 0px;
	border-bottom-style: solid;
	-webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(#404040), to(#404040)) 100% 1;
    -webkit-border-image: -webkit-linear-gradient(left, #404040, #404040) 100% 1;
    -moz-border-image:-moz-linear-gradient(left, #404040, #404040) 100% 1;  
    -o-border-image:-o-linear-gradient(left, #404040, #404040) 100% 1;
    border-image: linear-gradient(to right, #404040, #404040) 100% 1;
}
.secondaryNav {
 background: #404040;
 background: linear-gradient(90deg, #404040 0%, #404040 100%);
}
/*------------ END Gradient effect --------------*/

/*sub dropdown css start here*/
.subDropdownLink:after {display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #2f2f2f; margin-top: 5px; margin-right: -10px;}
.subDropdown{position: absolute; top: 100%; left: 0; z-index: 1000; display: none; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff;-webkit-background-clip: padding-box;	background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15);	border-radius: 4px;	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);	box-shadow:0 6px 12px rgba(0, 0, 0, .175); float: left;}
.subDropdown li a{display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap;}
.subDropdown li a:hover, 
.subDropdown li a:focus{background-color: #f3f3f3; color: #63666A; text-decoration:none;}
.modal-open .subDropdown{z-index: 3000;}
.subDropdown .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
/*sub dropdown css end here*/

/* videojs library overwrite css here */
.videoWrapperOuter {display: table; height: 100%; margin: auto; width:100%; max-width: 720px;}
.videoWrapper{position:relative; display: table-cell; vertical-align: middle; color: #FFF; text-align: center;}
.videoWrapper .vjs-big-play-button {top: 50% !important; left:50% !important; margin:-30px 0 0 -30px;}
.videoWrapper .player-dimensions {width:100%; height:360px;}
.videoWrapper video.videoHidden {visibility: hidden;}
.videoWrapper .video-js .vjs-big-play-button .vjs-icon-placeholder:before {font-size:50px;} 
.videoWrapper .video-js .vjs-big-play-button {line-height: 60px; height: 64px; width: 64px; border-radius:50%; color:#1F1F1F; background:#be1e2d; border-color:#be1e2d;}
.videoWrapper .video-js:hover .vjs-big-play-button {background-color:#0d0d0d; border-color:#0d0d0d; color:#ffffff;}
.videoWrapper .vjs-watermark-content {display:none;}
.videoWrapper .vjs-watermark-content img {background: rgba(255,255,255,0.4); padding: 5px;}
.videoWrapper .video-js .vjs-control-bar {background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)); background-color:transparent;}
.videoWrapper .video-js .vjs-slider {background-color:rgb(28, 145, 209);}

/* unified search css start */
.us-leftsidePanel {border-color:#E3E3E3; background:#ffffff;}
.us-showhideSection {background:#E3E3E3;}
/* unified search css end */


/*Fix for common focus outline Ref:UID-1507*/
/* *:focus, input[type="file"]:focus{outline: 1px dashed #be1e2d; outline-offset: -1px;}
 :not(a):focus, a.btn:focus{outline: 1px dashed #be1e2d ; outline-offset: 1px;} 
.tokenfield .token-input:focus, #dashboardMiddle_microblogCkDiv,.inlineCK.cke_focus{outline: 0;}
input[type="radio"]:focus, input[type="checkbox"]:focus{outline: 1px dashed #be1e2d; outline-offset: 1px;} */

/*--UID-2128 -- */
.fileSharedContent .wrapper, .sitePasscodeVerification .wrapper, .sitePassword .wrapper, .siteqrcodeVerification .wrapper,
.sitescratchCode.scratchCode .wrapper, .qrcodeVerification.scratchCode .wrapper{height: 100%; display: flex; flex-direction: column; flex-grow: 1;}
.fileSharedContent .pageCenterContainer,
.sitePasscodeVerification .pageCenterContainer, .sitePassword .pageCenterContainer, .siteqrcodeVerification .pageCenterContainer,
.sitescratchCode.scratchCode .pageCenterContainer, .qrcodeVerification.scratchCode .pageCenterContainer{position: relative;}
.vhCenter.mainSection .container{min-height: auto !important; }

.sitePassword form#siteLoginPageFormID, .siteqrcodeVerification form#twoFactorAuthentication,
.vhCenter.mainSection,
.vhCenter.mainSection,
.vhCenter.mainSection
{height: 100%; flex-direction:column; display: flex; align-content: center; justify-content: space-around;}

 /*end--UID-2128 --*/

/*file Relationship*/
.insertLink li:hover,
.insertLink li:focus{
  background-color: #f5f5f5;
}


/* .checkbox.chkBoxmargBott{margin-bottom: 7px;} */
/*=======================
Common Classes
========================*/
hr					{margin:15px 0px; border-color:#E3E3E3;}
hr.colored   		{border-color:#404040;}
td, th 				{word-wrap: break-word;}
strong,b			{font-weight: 500;}
textarea			{resize:none;}
.maxWidthnone		{max-width:none;}
.maxHeightnone		{max-height: none;}
.lineHeightNormal	{line-height: normal;}
.removeMargin		{margin:0 !important;}
.removePadding		{padding:0 !important;}
.removeWhiteSpace	{white-space:normal !important;}
.whiteSpaceNowrap	{white-space:nowrap !important;}
.fixedLayout		{table-layout:fixed;}
.wordWrap,
.media, .media-body	{word-wrap:break-word;}
.wordBreak			{word-break:break-word;}
.wordBreakAll		{word-break:break-all;}
.lg-WhiteSpaceNowrap{white-space: nowrap;}
.relativeDiv		{position:relative;}
.staticDiv			{position:static;}
.absoluteDiv  		{position:absolute;}
.rightTop			{right:0; top:0;}
.inlineBlock		{display:inline-block;}
.alignMiddle		{vertical-align: middle;}
.inline				{display:inline;}
.block				{display:block;}
.overflowHidden		{overflow:hidden}
.overflowAuto		{overflow: auto;}
.overflowY_auto		{overflow-y:auto;}
.overflowX_auto		{overflow-x:auto;}
.overflowY_hide		{overflow-y:hidden;}
.overflowX_hide		{overflow-x:hidden;}
.overflow_Visble	{overflow:visible;}
.overflow_inherit	{overflow:inherit;}
.removeBoxShadow	{box-shadow:none !important;}
.greyFont, .form-group > label, label.greyLabel {color:#666666;}
.form-group .control-label{color: #707070;} /*UID-3522*/
.metaFtSize   		{font-size:13px;}
.greyMeta			{color:#666666; font-size:12px;}
.radius3			{-webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important;}
.radius4			{-webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important;}
.radius5			{-webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;}
.radius6			{-webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; border-radius: 6px !important;}
.floatNone, input.floatNone{float: none;}
.TxtCenter			{text-align:center!important;}
.txtLeft			{text-align:left!important;}
.txtRight			{text-align:right!important;}
.textDecNone		{text-decoration:none !important;}
.outLineNone		{outline: none;}
.clear				{clear:both;}
.clearLeft			{clear:left;}
.clearRight			{clear:right;}
.fullWidthDrop		{left: 0; right: 0;}
.noResultFound		{font-weight: 400; color: #707070;}
.heightAuto			{height: auto !important;}
.valignTop			{vertical-align: top !important;}
.posRight0			{right: 0px;}
.greyBG				{background-color: #ededed;}
.dottedTopBorder    {border-style:dotted; border-top-width:2px}
.flex-form-group    {display:flex;}
.info-label         {display:flex; width:25%;}
.info-label label,
.info-label-33 label  {padding-right:1px!important;}
.info-label .icon-question,
.info-label-33 .icon-question {margin-top:7px;}
.info-label-33      {display:flex; width:33.33333333%;}

/* flex-box set */
.d-flex{display:flex;}
.f-auto{flex:1 1 auto;}
.a-items-start{align-items:start;}
.a-items-center{align-items:center;}
.a-items-end{align-items:end;}
.a-self-baseline{align-self: baseline;}
.f-grow{flex-grow: 1;}
.j-content-end{justify-content:end;}
.j-content-between{justify-content:space-between;}
.j-content-center{justify-content:center;}
.f-wrap{flex-wrap: wrap}

/*File linking css*/
.fileRelationContainer{
  padding: 15px;
  margin-top: 10px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  position: relative;
}


.thHeadBg.table thead > tr > th, .thHeadBg.table > tbody > tr > td, .tabHeadRowCont, .greyBg, td#blank{background: #e3e3e3;}
.thHeadBg.table colgroup > thead > tr > th, .thHeadBg.table > tbody > tr > td, .tabHeadRowCont, .greyBg{background: #e3e3e3;}
colgroup {
    background: #e3e3e3;
}
.table-hover > tbody > tr:hover{background-color:#F3F3F3;}
.table-striped > tbody > tr.odd > td, .table-striped > tbody > tr.odd > th, .odd {background:#ffffff;}
.table-striped > tbody > tr.even > td, .table-striped > tbody > tr.even > th, .even {background:#fafafa;}
.tableError, .tableError a, .tableError a:hover, .tableError a:active, .tableError a:visited, .tableError a:focus{color: #a94442}
a, .cursorPointer{cursor:pointer;}
a, .dropdown-menu > li > a.linkColor, .dropdown-menu > li ul > li a.linkColor, .linkColor, a.linkColor, .TruncateLink, .dropCollapse a.linkColor, .ckContentArea a{color:#be1e2d;}
a{text-decoration:none;}
a:hover, a:focus, .ckContentArea a:hover, .ckContentArea a:focus {text-decoration:underline; /* outline:none; */}
/*a:focus, .dropdown-menu > li > a.linkColor:focus, a.linkColor:focus	{outline:none; color:#009cde;}*/
a:hover, a:focus, a.active, .dropdown-menu > li > a.linkColor:hover, a.linkColor:hover, .icon:hover, .dropdown.open .icon-actions, .dhx_cal_next_button:hover, .dhx_cal_prev_button:hover, .close:hover, .close:focus{color:#be1e2d;}

.linkGrey, a.linkGrey					{color:#707070; /* outline:none; */}
.linkblack, a.linkblack 				{color:#404040; /* outline:none; */}
a.linkblack:hover, a.linkGrey:hover 	{color:#343434;}
a.disabled, a.disabled:hover, a.disabled.icon, a.disabled .icon, a.disabled:hover .textdec, .dropdown-menu > li > a.disabled, a.disabled .icon-remove {color:#707070 !important; cursor:not-allowed; text-decoration: none !important;}
a.delete, a.delete:hover, .dropdown-menu > li > a.delete, .dropdown-menu li a.delete, a.delete span, .redTitle{color: #DC0A0A; background: transparent;}
.disabledItem {cursor:not-allow; opacity: 0.5;}

/*modal list hover*/
.modalListHover li:hover{background:#F3F3F3;}

/* tabpanel outline remove css */
/* [role="tabpanel"]:focus {outline:0 none; box-shadow: #fff 0px 0px 0px 0px;} */

/* Common focus related css UID-3691 */
*:focus,
input[type="radio"]:focus, 
input[type="checkbox"]:focus {border-radius:4px;}
*:focus, input[type="file"]:focus,
input[type="radio"]:focus, input[type="checkbox"]:focus,
:not(a):focus, 
a.btn:focus,
.form-control:focus, 
.selectDrop.dropdown button:focus, 
.selectDrop > .btn:focus
.bootstrap-select button:focus,
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select.open .dropdown-toggle.btn-default,
.tokenfield.focus,
.inlineCK.cke_focus,
.dropdown-menu li a:focus,
.comp-checkbox input:focus ~ .comp-checkboxEle {box-shadow: #fff 0px 0px 0px 0px; outline: 0px solid #0065ff; outline-offset: 0px; transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s;}
.form-control:focus, .bootstrap-select button:focus,
.bootstrap-select.open .dropdown-toggle.btn-default {border-color:#949494;}
.bootstrap-select .dropdown-toggle:focus,
.dhx_cal_container :focus {outline: 0px solid #0065ff !important;}
.TruncateLink a, .TruncateLink a:focus,
.TruncateTxt a, .TruncateTxt a:focus {outline-offset:1px;}
.tokenfield .token-input:focus {outline:0px;}

*:focus-visible,
input[type="radio"]:focus-visible, 
input[type="checkbox"]:focus-visible {border-radius:4px;}
*:focus-visible, input[type="file"]:focus-visible,
input[type="radio"]:focus-visible, input[type="checkbox"]:focus-visible,
:not(a):focus-visible, 
a.btn:focus-visible,
.form-control:focus-visible, 
.selectDrop.dropdown button:focus-visible, 
.selectDrop > .btn:focus-visible
.bootstrap-select button:focus-visible,
.bootstrap-select .dropdown-toggle:focus-visible,
.bootstrap-select.open .dropdown-toggle.btn-default,
.tokenfield.focus,
.inlineCK.cke_focus:focus-visible,
.dropdown-menu li a:focus-visible,
.comp-checkbox input:focus-visible ~ .comp-checkboxEle {box-shadow: #fff 0px 0px 0px 2px; outline: 2px solid #0065ff; outline-offset: 2px; transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s;}
input.form-control:focus-visible, .bootstrap-select button:focus-visible,
.bootstrap-select.open .dropdown-toggle.btn-default {border-color:#949494;}
.bootstrap-select .dropdown-toggle:focus-visible,
.dhx_cal_container :focus-visible {outline: 2px solid #0065ff !important;}
.TruncateLink a, .TruncateLink a:focus-visible,
.TruncateTxt a, .TruncateTxt a:focus-visible {outline-offset:1px;}
.tokenfield .token-input:focus-visible {outline:0px;}

/* Removed internal scroll from input type="number" */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield;
}

/*For SVG path icon*/
.svgPathIcon, a.disabled .svgPathIcon:hover{fill:#747474;}
a:hover .svgPathIcon, button:hover .svgPathIcon{fill:#be1e2d;}

/* font size style start */
.FontSize0			{font-size:0px; line-height:0px;}
.fontsize11			{font-size:11px;}
.fontsize12			{font-size:12px;}
.fontsize13			{font-size:13px;}
.fontsize14			{font-size:14px;}
.fontsize15			{font-size:15px;}
.fontsize16			{font-size:16px;}
.fontsize18			{font-size:18px;}
.fontsize19			{font-size:19px;}
.fontsize20			{font-size:20px;}
.fontsize22			{font-size:22px;}
.fontsize24			{font-size:24px;}
.fontsize26			{font-size:26px;}
.fontsize28			{font-size:28px;}
.fontsize30			{font-size:30px;}
.fontsize32			{font-size:32px;}
.fontsize34			{font-size:34px;}
.fontsize36			{font-size:36px;}
.fontsize38			{font-size:38px;}
.fontsize40			{font-size:40px;}
.fontsize48			{font-size:48px;}

.lineHeight14		{line-height: 14px;}
.lineHeight16		{line-height: 16px;}
.lineHeight18		{line-height: 18px;}
.lineHeight20		{line-height: 20px;}
.lineHeight22		{line-height: 22px;}

/* Grey Border style */
.borderAll		{border: 1px solid #e3e3e3;}
.borderBott		{border-bottom: 1px solid #e3e3e3;}
.borderTop		{border-top: 1px solid #e3e3e3;}
.borderLeft		{border-left: 1px solid #e3e3e3;}
.borderRight	{border-right: 1px solid #e3e3e3;}

/* Dotted Border style */
.DottedborderAll		{border: 1px dotted #cccccc;}

/* Remove specific Border style */
.removeBorder  {border:0px none !important;}
.removeBorderBott {border-bottom: 0px none !important;}
.removeBorderTop {border-top: 0px none !important;}
.removeBorderLeft {border-left: 0px none !important;}
.removeBorderRight {border-right: 0px none !important;}


/* Some common padding (use direct to any elements) */
.padd0{padding:0px !important;}
.padd2{padding:2px;}				.padd5{padding:5px;}				.padd7{padding:7px;}				.padd10{padding:10px;}
.padd12{padding:12px;}				.padd15{padding:15px;}				.padd17{padding:17px;}				.padd20{padding:20px;}
.padd22{padding:22px;}				.padd25{padding:25px;}				.padd27{padding:27px;}				.padd30{padding:30px;}

.paddTop0{padding-top:0px !important;}			
.paddTop2{padding-top:2px;}			.paddTop5{padding-top:5px;}			.paddTop7{padding-top:7px;}
.paddTop10{padding-top:10px;}		.paddTop12{padding-top:12px;}		.paddTop15{padding-top:15px;}		.paddTop17{padding-top:17px;}		.paddTop18{padding-top:18px;}
.paddTop20{padding-top:20px;}		.paddTop22{padding-top:22px;}		.paddTop25{padding-top:25px;}		.paddTop27{padding-top:27px;}
.paddTop30{padding-top:30px;}

.paddBott0{padding-bottom:0px !important;}		
.paddBott2{padding-bottom:2px;}		.paddBott5{padding-bottom:5px;}		.paddBott7{padding-bottom:7px;}		.paddBott8{padding-bottom:8px;}
.paddBott10{padding-bottom:10px;}	.paddBott12{padding-bottom:12px;}	.paddBott15{padding-bottom:15px;}	.paddBott17{padding-bottom:17px;}
.paddBott20{padding-bottom:20px;}	.paddBott22{padding-bottom:22px;}	.paddBott25{padding-bottom:25px;}	.paddBott27{padding-bottom:27px;}
.paddBott30{padding-bottom:30px;}
									.paddBott52{padding-bottom:52px;}

.paddLeft0{padding-left:0px !important;}		
.paddLeft2{padding-left:2px;}		.paddLeft5{padding-left:5px;}		.paddLeft7{padding-left:7px;}
.paddLeft10{padding-left:10px;}		.paddLeft12{padding-left:12px;}		.paddLeft15{padding-left:15px;}		.paddLeft17{padding-left:17px;}
.paddLeft20{padding-left:20px;}		.paddLeft22{padding-left:22px;}		.paddLeft25{padding-left:25px;}		.paddLeft27{padding-left:27px;}
.paddLeft30{padding-left:30px;}

.paddRight0{padding-right:0px !important;}		
.paddRight2{padding-right:2px;}		.paddRight5{padding-right:5px;}		.paddRight7{padding-right:7px;}
.paddRight10{padding-right:10px;}	.paddRight12{padding-right:12px;}	.paddRight15{padding-right:15px;}	.paddRight17{padding-right:17px;}
.paddRight20{padding-right:20px;}	.paddRight22{padding-right:22px;}	.paddRight25{padding-right:25px;}	.paddRight27{padding-right:27px;}
.paddRight30{padding-right:30px;}

/*======= Some common margins (use direct to any elements) ========*/
.marg0{margin:0px !important;}
.marg2{margin:2px;}					.marg5{margin:5px;}					.marg7{margin:7px;}					.marg10{margin:10px;}
.marg12{margin:12px;}				.marg15{margin:15px;}				.marg17{margin:17px;}				.marg20{margin:20px;}
.marg22{margin:22px;}				.marg25{margin:25px;}				.marg27{margin:27px;}				.marg30{margin:30px;}

.margTop0{margin-top:0px!important;}			
.margTop2{margin-top:2px;}			.margTop5{margin-top:5px;}			.margTop6{margin-top:6px;}			.margTop7{margin-top:7px;}
.margTop10{margin-top:10px;}		.margTop12{margin-top:12px;}		.margTop15{margin-top:15px;}		.margTop16{margin-top:16px;}		.margTop17{margin-top:17px;}
.margTop20{margin-top:20px;}		.margTop22{margin-top:22px;}		.margTop25{margin-top:25px;}											.margTop27{margin-top:27px;}
.margTop30{margin-top:30px;}        .margTop40{margin-top:40px;}

.margBott0{margin-bottom:0px!important;}		
.margBott2{margin-bottom:2px;}		.margBott5{margin-bottom:5px;}		.margBott8{margin-bottom:8px;}		.margBott7{margin-bottom:7px;}
.margBott10{margin-bottom:10px;}	.margBott12{margin-bottom:12px;}	.margBott15{margin-bottom:15px;}	.margBott17{margin-bottom:17px;}
.margBott20{margin-bottom:20px;}	.margBott22{margin-bottom:22px;}	.margBott25{margin-bottom:25px;}	.margBott27{margin-bottom:27px;}
.margBott30{margin-bottom:30px;}										.margBott35{margin-bottom:35px;}

.margLeftAuto{margin-left:auto;}
.margLeft0{margin-left:0px!important;}		
.margLeft2{margin-left:2px;}		.margLeft5{margin-left:5px;}		.margLeft7{margin-left:7px;}
.margLeft10{margin-left:10px;}		.margLeft12{margin-left:12px;}		.margLeft15{margin-left:15px;}		.margLeft17{margin-left:17px;}
.margLeft20{margin-left:20px;}		.margLeft22{margin-left:22px;}		.margLeft25{margin-left:25px;}		.margLeft27{margin-left:27px;}
.margLeft30{margin-left:30px;}

.margRight0{margin-right:0px!important;}		
.margRight2{margin-right:2px;}		.margRight5{margin-right:5px;}		.margRight7{margin-right:7px;}
.margRight10{margin-right:10px;}	.margRight12{margin-right:12px;}	.margRight15{margin-right:15px;}	.margRight17{margin-right:17px;}
.margRight20{margin-right:20px;}	.margRight22{margin-right:22px;}	.margRight25{margin-right:25px;}	.margRight27{margin-right:27px;}
.margRight30{margin-right:30px;}
.mb-auto{margin-bottom: auto;}

.width60 {width:60px}
.width30 {width:30px}
/* fancy scrollbar css start here 
.fancy-scrollbar::-webkit-scrollbar {height:12px; width:12px;}
.fancy-scrollbar::-webkit-scrollbar-track-piece {background: #e4e4e4;}
.fancy-scrollbar::-webkit-scrollbar-thumb {background:#c4c4c4;}
*/

.visually-hidden {  clip: rect(0 0 0 0);  clip-path: inset(50%);  height: 1px;  overflow: hidden;  position: absolute;  white-space: nowrap;  width: 1px;}
select.bs-select-hidden, select.selectpicker.selectpickershow {  display: block !important;}

/*Use to underline*/
.horizontal-rule-bottom {
	border-bottom:1px solid; 
	border-bottom-color:#e3e3e3
}
.horizontal-rule-bottom-without-last:not(:last-child) {
	border-bottom:1px solid; 
	border-bottom-color:#e3e3e3
}

h2.modulePageTitlesACC {font-size: 16px; font-weight: 500; line-height:24px; margin: unset;}


a.cke_button:focus {
	border: 1px #111 solid;
}

span.ACC_sorting {opacity: 0;width: 0;border: none;font-size: 0;}

.listPositionInside{
	list-style-position: inside;
}

input.grayout-unfocused:not(:focus) {
  background-color: #eeeeee;
  opacity: 1;
}

.linkDisabled {color: currentColor; cursor: not-allowed; opacity: 0.5; text-decoration: none; pointer-events: none;}

/* UDB system Dadhboard start*/
.udb-system-dashboard > .container {
	max-width: 100%;
	padding:0;
}
.udb-system-dashboard > .container > .row {
	margin: 0;
}
.udb-system-dashboard > .container .alert.alert-info {
	max-width: 1370px; 
	margin: 25px auto 0;
}

.udb-inner-modal-open {
	overflow: hidden;
}

/* UDB system Dadhboard end*/

/* Smart Form CSS start */
.fb-form-html, .fb-form-html body {
	background: transparent;
}
.section-field-container {
	margin: 0 -5px;
	padding: 15px 0 10px;
}
.section_col {
	padding: 0 5px;
}
.section-field {
	margin: 0 0 10px;
	padding:8px;
	cursor: move;
	display: flex;
	align-items: center;
	border: 1px solid #DADADA;
	border-radius: 4px;	
}
.section-field-label {
	max-width: 80%;
}
.section-field-container .dropdown-toggle::after {
	content: none;
}
.split-style { 
	margin-left: auto;
}
.section-field-container .cdk-drop-list.placeholder {
	background: $accord-bg-color;
	border-radius: 8px;
	border: $white-color solid 3px;
	margin-top: -2px;
	min-height: 67px;
}	
.section_column_label {
	font-weight: 500;
	display:flex;
	max-width: 100%;
}
.section_column_desc {
	display: block;
}
.section-drag {
	align-self: flex-start;
	margin-top: 4px;
	margin-right: 10px;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.41759 4.44426C6.29156 4.44426 7.00005 3.74781 7.00005 2.8887C7.00005 2.02958 6.29156 1.33313 5.41759 1.33313C4.54362 1.33313 3.83513 2.02958 3.83513 2.8887C3.83513 3.74781 4.54362 4.44426 5.41759 4.44426ZM10.5825 4.44426C11.4565 4.44426 12.165 3.74781 12.165 2.8887C12.165 2.02958 11.4565 1.33313 10.5825 1.33313C9.70855 1.33313 9.00006 2.02958 9.00006 2.8887C9.00006 3.74781 9.70855 4.44426 10.5825 4.44426ZM6.99994 8.00002C6.99994 8.85914 6.29145 9.55559 5.41748 9.55559C4.54351 9.55559 3.83502 8.85914 3.83502 8.00002C3.83502 7.14091 4.54351 6.44446 5.41748 6.44446C6.29145 6.44446 6.99994 7.14091 6.99994 8.00002ZM10.5825 9.55559C11.4565 9.55559 12.165 8.85914 12.165 8.00002C12.165 7.14091 11.4565 6.44446 10.5825 6.44446C9.70855 6.44446 9.00006 7.14091 9.00006 8.00002C9.00006 8.85914 9.70855 9.55559 10.5825 9.55559ZM6.99994 13.1114C6.99994 13.9705 6.29145 14.6669 5.41748 14.6669C4.54351 14.6669 3.83502 13.9705 3.83502 13.1114C3.83502 12.2522 4.54351 11.5558 5.41748 11.5558C6.29145 11.5558 6.99994 12.2522 6.99994 13.1114ZM10.5825 14.6669C11.4565 14.6669 12.165 13.9705 12.165 13.1114C12.165 12.2522 11.4565 11.5558 10.5825 11.5558C9.70855 11.5558 9.00006 12.2522 9.00006 13.1114C9.00006 13.9705 9.70855 14.6669 10.5825 14.6669Z' fill='%23959595'/%3E%3C/svg%3E");
}

.cdk-drag-preview {
	background: #FFF;
}
.section-field .dropdown {
	margin-left: auto;
}
.section-field .dropdown .shareIcon {
	background: transparent;
}
.fb-public-captcha { padding-bottom: 60px; }

.truncateText {
	max-width: 250px;
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}

/* Smart Form CSS end */

#customPagesListFormID .sysAdminMiddle{
	padding: 0;
}
/* Pendo element change Z-index to avoid overlapping 
	https://tr-legal.visualstudio.com/HighQ%20Tech/_workitems/edit/263615/?view=edit
*/
._pendo-badge._pendo-resource-center-badge-container,
._pendo-step-container._pendo-resource-center-global-container{z-index:1000 !important;}

/*--- Set Pendo Icon in Footer always ---*/
._pendo-badge._pendo-resource-center-badge-container {margin-top: -81px !important; position:absolute !important; inset: auto 30px auto auto !important; zoom: 0.7;}
._pendo-step-container._pendo-resource-center-global-container {bottom:80px !important;}
/*Hide in full screen mode*/
body.fullScreenMode ._pendo-badge._pendo-resource-center-badge-container {display: none !important;}

/* For smart form specific */
.fb-form-html ._pendo-badge._pendo-resource-center-badge-container {inset: initial !important; right:30px !important; margin-top:-7px !important;}
.fb-form-html #form_builder_main_div{min-height: 93vh;}

/* For Terms of use and Splash page */
body.termsPage ._pendo-badge._pendo-resource-center-badge-container,
body.splashPage ._pendo-badge._pendo-resource-center-badge-container{position: fixed !important; inset: auto 20px 30px auto !important;}

@media screen and (max-width: 767px) {
	._pendo-badge._pendo-resource-center-badge-container {height: 24px !important; width: 24px !important; margin-top: -88px !important; inset: auto 15px auto auto !important;}
	#pendo-image-badge-490f0e34 {max-width: 24px; max-height: 24px;}
}
/* End Pendo */

/* Inline Edit status dropdown for task start*/
 
.editableTaskStatus .btn{border: 1px solid #737373; border-radius: 4px; background: #ffffff; box-shadow: none; padding: 0; width: 100%; font-weight: 400;text-align: left; text-overflow: ellipsis;white-space: nowrap;  overflow: hidden;}
.editableTaskStatus .btn:hover{border-color:#004070;}
.editableTaskStatus .btn span.icon-chevron-down{margin-left: auto; padding:9px 6px 8px; margin-right:0;}
.editableTaskStatus .btn .TruncateTxt{padding:8px; margin-right:0;}   
.editableTaskStatus .btn:hover{ outline: 2px solid #004070; outline-offset: -2px;} 
.editableTaskStatus .dropdown-menu, .editableStatus-dropdown-menu {padding: 4px; width:100%; border: 1px solid #737373; max-height:180px !important; overflow:auto;}
.editableTaskStatus .dropdown-menu li, .editableStatus-dropdown-menu li{}
.editableTaskStatus .dropdown-menu li a, .editableStatus-dropdown-menu li a{padding: 5px 6px 6px; border:2px solid transparent;}
.editableTaskStatus .dropdown-menu li a:hover, .editableStatus-dropdown-menu li a:hover{background-color:transparent !important;}
.editableTaskStatus .dropdown-menu li a:hover, .editableStatus-dropdown-menu li a:hover{background:#e5f4ff; border-radius:4px; border:2px solid #004070;}
.editableTaskStatus .dropdown-menu li a[aria-selected="true"], .editableStatus-dropdown-menu li a[aria-selected="true"] {border-color: #737373; border-radius: 4px; background:transparent;}
.editableTaskStatus .dropdown-menu li a .icon-tick, .editableStatus-dropdown-menu li a .icon-tick {display:none; margin:0; color:#387c2b;}
.editableTaskStatus .dropdown-menu li a[aria-selected="true"] .icon-tick, .editableStatus-dropdown-menu li a[aria-selected="true"] .icon-tick {display:block;}
.editableTaskStatus .dropdown-menu li .label, .editableStatus-dropdown-menu li .label{max-width:85%; text-align:left;}
.editableTaskStatus .dropdown-menu li a:focus-visible, .editableStatus-dropdown-menu li a:focus-visible{background-color:transparent !important;padding: 5px 6px 6px;}

/* Inline Edit status dropdown for task end*/

/* CE Fancy Tree Start*/

.CE_fancytree {
    padding-top:10px;
}
.CE_fancytree > ul.ui-fancytree > li{
    border-bottom:#E6E6E6 solid 1px;
    padding-bottom: 10px;
    margin-bottom:10px;
}
.CE_fancytree > ul.ui-fancytree > li > .fancytree-node span.fancytree-title {
    padding-left:20px;
    font-weight:500;
}
.CE_fancytree > ul.ui-fancytree li .fancytree-node span.fancytree-title{
    color:#171717;
    font-size:14px !important;
}
.CE_fancytree ul.ui-fancytree .fancytree-title:hover {
    color:#171717;
    cursor:default;
}
.CE_fancytree ul.ui-fancytree .fancytree-title:focus {
    font-weight:500;
}
.CE_fancytree > ul.ui-fancytree > li > .fancytree-node span.fancytree-expander {
    left:0;
    margin-top:3px;
}
.CE_fancytree > ul.ui-fancytree > li > ul {
    padding:0px 0px 0px 30px;
}
.CE_fancytree > ul.ui-fancytree > li > ul li{
    padding-top:8px;
}
.CE_fancytree span.fancytree-active span.fancytree-title {
    font-weight: normal;
}
.CE_fancytree span.fancytree-focused span.fancytree-title {
    font-weight: 500;
    color: inherit;
}
.CE_fancytree > ul.ui-fancytree > li.fancytree-lastsib {
    border-bottom:none;
}
.disableUserDomainListForCiam {
    opacity: 0.6;
    pointer-events: none;
}

/* Steper */
.collab-step-indicator .step-divider { border-radius: 4px; height: 4px; margin-bottom: 8px; }
.collab-step-indicator .steps{display:flex; padding:0;}
.collab-step-indicator .steps li { color: #404040;display: inline-block;flex: 1 1 0%;margin: 4px 8px 4px 4px;position: relative;}
.collab-step-indicator .step-header-container { align-items: center; display: flex; }
.collab-step-indicator .steps .number { align-items: center;align-self: flex-start;border-radius: 50%;display: flex;height: 24px;justify-content: center;margin-right: 8px;min-width: 24px;text-align: center; width: 24px; font-weight: bold; }
.collab-step-indicator .step-header {font-weight: bold; }

.collab-step-indicator .steps .active{color:#004070;}
.collab-step-indicator .steps .completed{color: #387c2b;}
.collab-step-indicator .steps .inactive{color:#8c8c8c;}

.collab-step-indicator .active .number { background-color: #004070; color: #ffffff; }
.collab-step-indicator .active .step-divider{background-color: #004070;}
.collab-step-indicator .completed .number { background-color:#387c2b; color: #ffffff; }
.collab-step-indicator .completed .step-divider{background-color:#387c2b;}
.collab-step-indicator .inactive .number { background-color: #8c8c8c; color: #ffffff;}
.collab-step-indicator .inactive .step-divider {background-color: #8c8c8c;}

/*DC sitevalidation*/
.validationErrorMsg{
    text-align: center;
    line-height: normal;
    margin: 0 0 0 0px;
    font-size: 14px;
    font-weight: 600;
    font-family:Source sans 3;
    color: #DC0A0A;
}
.alert-dangerValidation::before {
 	content: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1425 0H5.8575L0 5.8575V14.1425L5.8575 20H14.1425L20 14.1425V5.8575L14.1425 0ZM10 15C9.83323 15.01 9.66624 14.9846 9.51004 14.9253C9.35384 14.866 9.21199 14.7743 9.09385 14.6561C8.97572 14.538 8.88399 14.3962 8.82471 14.24C8.76544 14.0838 8.73998 13.9168 8.75 13.75C8.73998 13.5832 8.76544 13.4162 8.82471 13.26C8.88399 13.1038 8.97572 12.962 9.09385 12.8439C9.21199 12.7257 9.35384 12.634 9.51004 12.5747C9.66624 12.5154 9.83323 12.49 10 12.5C10.1668 12.49 10.3338 12.5154 10.49 12.5747C10.6462 12.634 10.788 12.7257 10.9061 12.8439C11.0243 12.962 11.116 13.1038 11.1753 13.26C11.2346 13.4162 11.26 13.5832 11.25 13.75C11.26 13.9168 11.2346 14.0838 11.1753 14.24C11.116 14.3962 11.0243 14.538 10.9061 14.6561C10.788 14.7743 10.6462 14.866 10.49 14.9253C10.3338 14.9846 10.1668 15.01 10 15ZM11.25 11.25H8.75V5H11.25V11.25Z' fill='%23DC0A0A'/%3E%3C/svg%3E%0A");
}