/*
    brs admin site colors css variables
*/
:root {
    --pinkish-red: #ed1b25;
    --sidebar-nav-active: #000;
    --apple-green: #81c926;
    --light-red: #ff3b44;
    --dusk: #3f536e;
    --pumpkin-orange: #fd7b1f;
    --dark-grey: #25292a;
    --black: #333333;
    --dark-grey-blue: #2c405a;
    --workflow-purple: #ab7df6;
    --fancy-like-tiffany: #26c2c9;
    --golden: #faca00;
    --violet: #bd0fe1;
    --blue: #4990e2;
    --light-blue-grey-disabled: #b8d4e6;
    --duck-egg-blue: #ecf5fd;
    --pale-grey: #f6f8fc;
    --pale-grey-two: #fafbfc;
    --default-blue: #0093ee;
    --lipstick: #e12233;
    --light-blue-grey-two: #d8e5ee;
    --algae-green: #29c952;
    --blue-grey: #607d8b;
    --candy-pink: #ff59e3;
    --light-gold: #ffce53;
    --greenish-teal: #48cfac;
    --medium-pink: #ed5564;
    --orange-pink: #fc6e51;
    --dark-sky-blue-two: #4fc1e9;
    --light-blue: #5d9cec;
    --pig-pink: #ec86c0;
    --coral: #fc5251;
    --opulent-orange: #ff5722;
    --dark-sky-blue: #4a90e2;
    --sidebar-nav-hover: #23354c;
    --sidebar-nav-click: #1c2d42;
    --vacancy-blue: #00bcd4;
    --dark-blue-grey: #1e2d49;
    --bluey-purple: #673ab7;
    --sunny-side-up: #ff9800;
    --funk-fuschia: #e91e63;
    --green-with-envy: #009688;
    --qs-bg: #071329;
    --hover-blue: #0285d7;
    --click-blue: #0079c4;
    --secondary-default: #4ece3d;/* #34495e */
    --secondary-hover: #4ece3d;/* 5c6d7e */
    --secondary-click: #4ece3d;/* #243241 */
    --greyblue: #8dabc4;
    --font-family-sans-serif: Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/**** Fonts ****/
.Display-Black {
    font-family: var(--font-family-sans-serif);
    font-size: 34px;
    line-height: 1.29;
    letter-spacing: -0.5px;
    text-align: left;
    color: var(--dark-grey-blue);
}

.H1-Black---Bold {
    font-family: var(--font-family-sans-serif);
    font-size: 23px;
    font-weight: 500;
    line-height: 0.96;
    text-align: left;
    color: var(--dusk);
}

.H1-Black {
    font-family: var(--font-family-sans-serif);
    font-size: 23px;
    line-height: 0.96;
    text-align: left;
    color: var(--dusk);
}

.H2-Dark {
    font-family: var(--font-family-sans-serif);
    font-size: 20px;
    text-align: left;
    color: var(--dusk);
}

.H3-Dark-Grey {
    font-family: var(--font-family-sans-serif);
    font-size: 17px;
    line-height: 1.29;
    text-align: left;
    color: #2c4059;
}

.H3-Dusk {
    font-family: var(--font-family-sans-serif);
    font-size: 17px;
    text-align: left;
    color: var(--dusk);
}

.H4-Grey {
    font-family: var(--font-family-sans-serif);
    font-size: 17px;
    text-align: left;
    color: var(--greyblue);
}

.H-Styles-H4-White {
    font-family: var(--font-family-sans-serif);
    font-size: 17px;
    text-align: left;
    color: #ffffff;
}

.H4-Hyperlink {
    font-family: var(--font-family-sans-serif);
    font-size: 17px;
    text-align: left;
    color: var(--default-blue);
}

.Button-White {
    font-family: var(--font-family-sans-serif);
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
}

.Body-Black---Medium {
    font-family: var(--font-family-sans-serif);
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    color: var(--dusk);
}

.Body-Grey {
    font-family: var(--font-family-sans-serif);
    font-size: 15px;
    text-align: left;
    color: var(--greyblue);
}

.Body-White {
    font-family: var(--font-family-sans-serif);
    font-size: 15px;
    text-align: center;
    color: #ffffff;
}

.Body-Alert {
    font-family: var(--font-family-sans-serif);
    font-size: 15px;
    line-height: 1.27;
    text-align: left;
    color: var(--lipstick);
}

.Body-Click {
    font-family: var(--font-family-sans-serif);;
    font-size: 15px;
    text-align: left;
    color: var(--click-blue);
}

.Button-Black {
    font-family: var(--font-family-sans-serif);
    font-size: 15px;
    text-align: center;
    color: var(--dusk);
}

.Body-Black {
    font-family: var(--font-family-sans-serif);
    font-size: 15px;
    text-align: left;
    color: var(--dusk);
}

.Body-15pt-Black-Reg {
    font-family: var(--font-family-sans-serif);
    font-size: 15px;
    text-align: left;
    color: var(--sidebar-nav-active);
}

.Body-Active {
    font-family: var(--font-family-sans-serif);
    font-size: 15px;
    line-height: 1.47;
    text-align: left;
    color: var(--default-blue);
}

.Button-Text-Sml-Dark {
    font-family: var(--font-family-sans-serif);
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: var(--dusk);
}

.Button-Text-Sml-Blue {
    font-family: var(--font-family-sans-serif);
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: var(--default-blue);
}

.Button-Text-Sml-Red {
    font-family: var(--font-family-sans-serif);
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: var(--lipstick);
}

.Button-Text-Sml-White {
    font-family: var(--font-family-sans-serif);
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
}

.Button-Text-Sml-Charcoal {
    font-family: var(--font-family-sans-serif);
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #c8c8c8;
}

.Caption-White---Hover {
    font-family: var(--font-family-sans-serif);
    font-size: 13px;
    line-height: 1.46;
    text-align: left;
    color: #ffffff;
}

.Caption-Grey {
    font-family: var(--font-family-sans-serif);
    font-size: 13px;
    line-height: 1.46;
    text-align: left;
    color: var(--greyblue);
}

.Caption-Hyperlink {
    font-family: var(--font-family-sans-serif);
    font-size: 13px;
    line-height: 1.46;
    text-align: left;
    color: var(--default-blue);
}

.Captions-13pt-Hyperlink-A-ref {
    font-family: var(--font-family-sans-serif);
    font-size: 13px;
    text-align: left;
    color: var(--default-blue);
}

.Caption-Alert {
    font-family: var(--font-family-sans-serif);
    font-size: 13px;
    line-height: 1.46;
    text-align: left;
    color: var(--lipstick);
}

.Captions-Black {
    font-family: var(--font-family-sans-serif);
    font-size: 13px;
    text-align: left;
    color: var(--dusk);
}

.Button-Sml-Charcoal {
    font-family: var(--font-family-sans-serif);
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #c8c8c8;
}

.Button-Sml-White {
    font-family: var(--font-family-sans-serif);
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
}

.Tag-Dark {
    font-family: var(--font-family-sans-serif);
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    color: var(--sidebar-nav-active);
}

.Tag-Grey {
    font-family: var(--font-family-sans-serif);
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    color: var(--greyblue);
}

.Smaller-Captions-Dark {
    font-family: var(--font-family-sans-serif);
    font-size: 10px;
    text-align: center;
    color: var(--dusk);
}

.Smaller-Captions-Grey {
    font-family: var(--font-family-sans-serif);
    font-size: 10px;
    text-align: center;
    color: var(--greyblue);
}

.Smaller-Captions-White {
    font-family: var(--font-family-sans-serif);
    font-size: 10px;
    text-align: center;
    color: #ffffff;
}


html {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body {
    width: 100%;
    height: 100%;
    font-family: var(--font-family-sans-serif);
    color: #000;
    margin: 0;
}

.pageheading {
    font-size: 20px;

}

#page_left {
    width: 60px;
    height: 100%;
    position: absolute;
    top:0px;
    left: 0px;
    /*overflow: auto;*/
    background-color: #4D4D4D; /* left menu bg color */
}

#page_right {
    height: auto;
    position: absolute;
    /*width: 100%;*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-left: 60px;
    margin-top: 61px;
    overflow-y: scroll;
}

#page_main {
    padding: 15px 15px 15px 15px;
    border-radius: 4px;
    border: solid 1px rgba(183, 210, 229, 0.8);
    margin: 10px;
    min-height: 70%;
    /*min-width: 980px; minimum width of the window */
    /*overflow: hidden;*/ /* remove this to fix TinyMCE fullscreen in IE issue */
}

#page_mini{
    background-color: #fafbfc;
}

#miniMenu .inner > a:hover {
    cursor: pointer;
}

#miniMenu .inner > a.active:hover {
    cursor: default;
    color:white;
}

.tooltip-inner {
    font-size: 12px;
    padding: 10px 15px 10px 20px;
    background: #FFFFFF;
    color: black;
    font-weight: 500;
}


/**** buttons ****/
.btn {
    border-radius: 4px;
    box-shadow: inset -1px 1px 0 0 rgba(255, 255, 255, 0);
    border: solid 1px rgba(0, 0, 0, 0.05);
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    /*color: #FFF;*/
    cursor: pointer;
}

.btn-light {
    background-color: #ffffff;
    border: 1px solid #ced4da;
}

.btn:focus,
.btn:active{
    box-shadow: none;
    outline: none;
}

/**** Primary Buttons ****/
.btn-primary {
    background-color: var(--default-blue);
}

.btn-primary:hover,
.btn-primary:focus{
    background-color: var(--hover-blue);
}

.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active {
    background-color: var(--click-blue);
    border-color: initial;
    box-shadow: initial;
}


/**** Secondary Buttons ****/
.btn-secondary {
    background-color: var(--secondary-default);
}

.btn-secondary:hover,
.btn-secondary:focus{
    background-color: var(--secondary-hover);
}

.btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active {
    background-color: var(--secondary-click);
    border-color: initial;
    box-shadow: initial;
}

.btn-secondary:disabled{
    background-color: var(--light-blue-grey-disabled);
    cursor:not-allowed;
}

/**** button size ****/
.btn-42 {
    min-width: 200px;
    height: 42px;
    background-position: 52px 13px;
}

.btn-36 {
    min-width: 100px;
    height: 36px;
    background-position: 8px 10px;
}

.btn-36p {
    min-width: 120px;
    height: 36px;
    font-size: 13px;
}

.btn-36s {
    min-width: 120px;
    height: 36px;
    font-size: 13px;
    background-color: #fff;
    border: solid 1px #c5d9e8;
    color: var(--default-blue);
}

.btn-36b {
    max-width: 56px;
    height: 36px;
    padding-left: 7px;
    padding-right: 7px;
    margin-right:6px;
}

.btn-36s:hover,
.btn-36s:focus{
    background-color: #e1ebf5;
}
.btn-36s:active{
    background-color: #c5d9e8;
}
.btn-36s:disabled{
    opacity:0.93;
    background-color: #fff;
    color: #c5d9e8;
}

.btn-37 {
    min-width: 100px;
    background-position: 8px 10px;
}

/**** Search Buttons ***/

.btn-search{
    background-color: #4ece3d;
    background-image: url(../../admin/assets/dashboard/svg/ic-search-light.svg);
    background-repeat: no-repeat;
}

.btn-search:hover,
.btn-search:focus{
    background-color: #40b630;
}
.btn-search:not([disabled]):not(.disabled):active, .btn-search:not([disabled]):not(.disabled).active {
    background-color: #39a12c;
    background-image: url(../../admin/assets/dashboard/svg/ic-search-light.svg);
    background-repeat: no-repeat;
}
.btn-search:disabled {
    background-color: #e7e7e7;
    color: #c8c8c8;
    background-image: url(../../admin/assets/dashboard/svg/ic-search-light.svg);
    background-repeat: no-repeat;
}

/*** special Buttons ***/

.btn-special{
    background-color: #fff;
    border: solid 1px #c5d9e8;
    color: var(--default-blue);
    padding-left:30px;
    padding-right:30px;
}
.btn-special:hover,
.btn-special:focus{
    background-color: #e1ebf5;
}
.btn-special:active{
    background-color: #c5d9e8;
}
.btn-special:disabled{
    opacity:0.93;
    background-color: #fff;
    color: #c5d9e8;
}



.btn-saved {
    background-image: url(../../admin/assets/dashboard/svg/ic-tick.svg);
    background-repeat: no-repeat;
}

/*** Split Buttons ***/

.btn-split{
    height: 63px;
    border-radius:0px !important;
    font-size: 15px;
}

.btn-split .btn{
    padding-left:70px;
    padding-right:70px;
    border-radius: 0px;
    background-color: var(--pale-grey);
    color: var(--dusk);
}


.btn-split .btn.selected{
    background-color: var(--default-blue);
    color:#FFF;
}

.btn-split .btn:hover{
    background-color: var(--hover-blue);
    color:#FFF;
}

.btn-split .btn:active{
    background-color: var(--click-blue);
    color:#FFF;
}



form input.progress-bar {
    display: initial;
}


.form-footer {
    padding: 15px;
    background-color: #f6f8fc;
    border-top: 1px solid #d8e5ee;
    width: 100%;
}
/** general **/
small{
    color:#a7b1ba;
    font-weight:300;
    font-family: Roboto;
}

small.light{
    font-family: Roboto;
    font-size: 15px;
    text-align: left;
    color: #8dabc4;
    color: var(--greyblue);
    font-weight:200;
}

/* custom mandatory field red asterisk */
.info{
    color: red;
    margin-left: 5px;
}

.requiredFieldHead:after {
    content: " *";
    color: red;
}

.requiredField:after {
    content: " *";
    color: red;
}

/**********breadcrumbs*********/



ol.breadcrumb{
    background-color: transparent;
    padding-bottom: 0px;
}

ol.breadcrumb li.breadcrumb-item,
ol.breadcrumb li.breadcrumb-item a{
    font-family: Roboto;
    font-size: 15px;
    text-align: left;
    color: #0093ee;
    color: var(--default-blue);
}

ol.breadcrumb li.breadcrumb-item.active{
    font-family: Roboto;
    font-size: 15px;
    text-align: left;
    color: #000;
    color: var(--sidebar-nav-active);
}






/***********************/
/*** Forms ***/

.top-divider{
    border-top:1px solid #d8e5ee;
}

.form-group label:not(.custom-checkbox label) {
    font-size: 13px;
    text-align: left;
    color: #000;
}

.custom-control-input:checked ~ .custom-control-indicator{
    background-color: #4ece3d;
}

.custom-control-input:checked ~ .custom-control-indicator.blue{
    background-color: #0093ee;
    background-color: var(--default-blue);
}

.custom-control-indicator{
    width:18px;
    height: 18px;
    top: 1px;
}

.custom-radio .custom-control-label {
    line-height: 24px;
}

select.form-control:not([size]):not([multiple]){
    /*height:42px;*/
}

.form-group input[type='text']:not([readonly]),
.form-group input[type='email'],
.form-group input[type='password'],
.form-group select{
    font-size: 15px;
    text-align: left;
    color: #000;
    height:36px;
}

.form-group :not(.input-group) > input[type='text']:not([readonly]),
.form-group :not(.input-group) > input[type='email'],
.form-group :not(.input-group) > input[type='password'],
.form-group :not(.input-group) > select{
    border-radius: 4px !important;
}

.form-group input::placeholder,
.form-group select::placeholder{
    color: #000;
    font-size: 15px;
    text-align: left;
}

.form-control::placeholder{
    color: #8dabc4 !important;
}

.form-control + .form-control {
    margin-top: 2px;
}

.custom-select{
	font-size: 0.8rem;
}


.date-group{
    border:1px solid #a8c6df;
    border-radius: 4px;
    width:calc(100% - 49px) !important;
}

.date-group-100{
    border:1px solid #a8c6df;
    border-radius: 4px;
    width:100%;
}
.date-group .input-group-addon,
.date-group-100 .input-group-addon {
    background-color: #f6f8fc;
}

.date-group .form-control,
.date-group-100 .form-control{
    border: none;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-left: 1px solid #a8c6df;
}

.input-group-addon.date{
    background-color: #f6f8fc;
    border-left: 1px;
    width:49px;
}

.mandatory_ico::after{
    content: ' ';
    background-image: url(../assets/controls/ic-mandatory.svg);
    background-size:contain;
    width: 16px;
    height: 100%;
    position: absolute;
    /*height: 16px;
    position: relative;*/
    display: inline-block;
    background-repeat: no-repeat;
    background-position-y: center;
    margin-left: 6px;

}

.form-control:invalid{
    box-shadow: none;
}

.custom-select.addon{
    width: calc(100% - 49px);
}

div.form-group span.icon{
    padding:10px 15px;
    width: 49px;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}



.form-control.invalid,
form#loginform.was-validated #Username.invalid,
form#loginform.was-validated #Password.invalid {
    border-color: red !important;
    background-image: url(/images/assets/icons/ic-error.svg);
    background-repeat: no-repeat;
    background-position:  98%;
    outline: none;
    box-shadow: none;
}

.form-control.ticked{
    border-color: red !important;
    background-image: url(/images/assets/icons/ic-error.svg);
    background-repeat: no-repeat;
    background-position:  98%;
    outline: none;
}

.card{
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 1px 54px 0 rgba(126, 149, 167, 0.1), 0 2px 5px 0 rgba(126, 149, 167, 0.3);
    border: solid 1px rgba(183, 210, 229, 0.8);
}

.card .head{
    padding-top:11px;
    padding-bottom:9px;
    font-family: Roboto;
    font-size: 15px;
    text-align: left;
    border-radius: 4px;
    color: #000;
    color: var(--sidebar-nav-active);
    background-color: #ecf5fd;
    background-color: var(--duck-egg-blue);
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    border-bottom:1px solid #d8e5ee;
}

.card .body{
    padding-bottom:20px;
    font-family: Roboto;
    font-size: 15px;
    text-align: left;
    border-radius: 4px;
    color: #000;
    background-color: #fff;
}

block{
    display:block;
}

/*********** MODALS **************************/

.modal-dialog#myReports{
    width: 370px;
}

.modal-content .modal-header{
    font-family: Roboto;
    font-size: 23px;
    line-height: 0.96;
}

.modal-header {
    margin: 0 auto;
    border-bottom: none;
}

.modal-body {
    border-top: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.modal-content .modal-header small{
    font-family: Roboto;
    font-size: 15px;
    text-align: center;
    color: #8dabc4;
    color: var(--greyblue);
    font-weight:200;
}

.modal-header .close{
    position:absolute;
    top:16px;
    right:16px;
}

.modal-dialog#myReports modal-body ul{
    width: 370px;
}

span.icon{
    float:right;
}

/* my reports modal */
.modal-dialog#myReports .modal-body heading{
    display:block;
    padding-bottom:15px;
}
.modal-dialog#myReports .modal-body ul{
    list-style: none;
    padding:unset;
}

.modal-dialog#myReports .modal-body ul li{
    display:block;
    padding-top:12px;
    padding-bottom:12px;
    border-bottom:1px solid #c5d9e8;
    font-family: Roboto;
    font-size: 15px;
    text-align: left;
    color: #8dabc4;
    color: var(--greyblue);
}


.modal-dialog#myReports .modal-body ul li.selected{
    color: #000;
    color: var(--sidebar-nav-active);
}

.modal-dialog#myReports .modal-body ul li span.icon{
    background: url(../assets/controls/ic-star-resting.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width:20px;
    height:20px;
}

.modal-dialog#myReports .modal-body ul li.selected span.icon,
.modal-dialog#myReports .modal-body ul li span.icon:hover{
    cursor: pointer;
    background: url(../assets/controls/ic-star-active.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width:20px;
    height:20px;
}

button.attachment{
    background-image: url(../assets/controls/add-attachments-btn.svg);
    width:63px !important;
    background-position: center center;
    background-size: contain;
}


/* edit applicant modal */
.modal-dialog#editApplicant{
    max-width: 960px;
    width:100%;
}
.modal-dialog#editApplicant .modal-header{
    background-color: #fafbfc;
    background-color: var(--pale-grey-two);
}
.modal-dialog#editApplicant .modal-header .modal-title heading{
    font-family: Roboto;
    font-size: 17px;
    line-height: 1.29;
    text-align: left;
    color: #2c405a;
}

#editApplicant .input-group,
.body .input-group{
    width:100%;
}

.modal-body .nav-tabs,
.nav-tabs{
    margin-left:-15px;
    margin-right: -15px;
    border-bottom: solid 1px #d8e5ee;
}

.nav-tabs .nav-item .nav-link,
.nav-tabs .nav-item.nav-link{
    font-family: Roboto;
    font-size: 15px;
    text-align: center;
    color: #8dabc4;
    color: var(--greyblue);
    border: none;
    background-color: transparent;
}

.nav-tabs .nav-item .nav-link:hover,
.nav-tabs .nav-item.nav-link:hover{
    color: #2c405a;
    border: none;
}

.nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item.nav-link.active{
    color: #0093ee;
    color: var(--default-blue);
    border-bottom:1px solid;
    border-bottom-color: #0093ee;
    border-bottom-color: var(--default-blue);
}

heading.big{
    background-color: #ecf5fd;
    background-color: var(--duck-egg-blue);
    border-radius: 4px;
    color: #3f536e;
    color: var(--dusk);
    display: block;
    padding: 20px;
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.questionPageNumber{
    padding-left: 21px;
    padding-right: 21px;
    padding-top:4px;
    padding-bottom:4px;
    border-radius:4px;
    background-color: #b8d4e6;
    background-color: var(--light-blue-grey);
    font-size:17px;
    color: #3f536e;
    color: var(--dusk);
}


label.big{
    font-size: 15px;
}

textarea.form-control{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-color: #a8c6df;
}

hr.dark{
    border-top: 1px solid;
    border-top-color: #2c405a;
    border-top-color: var(--dark-grey-blue);
}

/**** icons *****/

.ic-24{
    width:24px;
    height:24px;
    margin:8px;
}

.ic-22{
    width:22px;
    height:22px;
    margin-left: 12px;
    margin-right: 8px;
}

.ic-20{
    width:20px;
    height:20px;
    margin:5px;
}

.ic-18{
    width: 18px;
    height: 18px;
    margin: 0px 7px 2px 7px;
}

.ic-16{
    width:16px;
    height:16px;
    margin-right:5px;
}

/***** links ******/

.link-large{
    font-size:20px;
}

.link-small{
    font-size: 15px;
}

/**** content wrapper *****/

.content-wrapper{
    border-radius: 4px;
    border: solid 1px rgba(183, 210, 229, 0.8);
    box-shadow: 0 1px 54px 0 rgba(126, 149, 167, 0.1), 0 2px 5px 0 rgba(126, 149, 167, 0.3);
    padding:0px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: space-between;
}

.content-wrapper .head{
    background-color: #f6f8fc;
    background-color: var(--pale-grey);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: solid 1px #d8e5ee;
    margin:0px;
    padding:20px 5px;
}

.content-wrapper .head.tabs{
    background-color: #f6f8fc;
    background-color: var(--pale-grey);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: none;
    margin:0px;
    padding:20px 0px 0px 0px;
}

.content-wrapper .body{
    margin:30px 0px;

}

.content-wrapper .foot{
    background-color: #f6f8fc;
    background-color: var(--pale-grey);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: solid 1px #d8e5ee;
    margin:0px;
    padding:20px 5px;
}



#termsOfUse {
    font-size: 8px;
    text-align: center;
    color: #577691;
    position: absolute;
    margin: 0 auto;
    bottom: 23px;
    left: 0;
    right: 0;
}
#footer{
    /*min-height: 63px;*/
}

.clearfix{
    display: block;
    content: "";
    clear: both;
}
.form-inline{
    border-radius: 4px;
    border: solid 1px rgba(183, 210, 229, 0.8);
    background-color: white;
    padding: 10px;
}
.form-inline .input-group{
    width: 100%;
}
.form-inline-header{
    border-bottom: solid 1px rgba(183, 210, 229, 0.8);
    background-color: #f6f8fc;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 16px;
}
.form-inline .form-check {
    display: -webkit-inline-box !important;
}

.form-inline-footer{
    border-top: solid 1px rgba(183, 210, 229, 0.8);
    background-color: #f6f8fc;
    min-height: 63px;
    display: block;
    padding: 10px 0px 10px 0px;
}
.form-inline-footer>.form-group, .form-inline-header>.form-group {
    margin-bottom: 0px !important;
}
.form-inline-footer > .form-group {
    margin-top: 10px;
}
.form-inline-footer > .form-group > * {
    margin-top: 0;
    margin-bottom: 10px;
}
.form-inline-footer .btn,
.form-inline-footer .alert {
    margin-right: 5px;
}

.line {
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 30px !important;
    margin-top: 30px !important;
}
.form-group .selectize-input{
    padding: 0px;
    padding-left: 10px;
}
.form-group .bootstrap-select .btn{
    /*height: 42px;*/
    padding-left: 12px;
    padding-right: 12px;
}

.form-group .dropdown-toggle::after{
    /*display: unset !important;*/
}

.form-group>#wrapper{
    width: inherit !important;
}

.table .form-inline .input-group {
    width: 100% !important;
}

/* if form item is mandatory we attach a red asterisk */
.img-mandatory{
    margin-left: 5px;
    color: red;
}

.ajax-form-modal{
    width: 965px;
    margin: 10px;
    padding: 10px;

}


.modal-save-button-holder{
    background-color: white;
    border-bottom: 1px #d8e5ee solid;
}

.ajax-form-modal select.selectpicker{
    display: inline-block !important;
}


@media (min-width: 576px){
    .form-inline {
        align-items: flex-start;
    }

    .form-inline :not(.input-group) > .form-control {
        width: 100%;
    }

    /*.form-inline .input-group INPUT {
        width:auto;
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }*/

    .form-inline .form-group{
        flex-direction: column;
        align-items: normal;
        margin-bottom: 16px;

    }
    .form-inline label {
        justify-content: flex-start;
    }
    .form-inline-footer .form-group{
        flex-direction: row;
        align-items: center;
    }
    .form-inline-header .form-group{
        flex-direction: row;
        align-items: center;
    }
}




FORM.v2 .Report TR {
    min-height:48px;
    border-bottom: 1px solid #d8e5ee;
}

FORM.v2 .Report TD {
    padding:15px;
}

FORM.v2 .Report,
FORM.v2 .Report A {
    /*font-size:13px;
    color:#3f536e;*/
}

FORM.v2 .Report A:hover {
    color: #0093ee;
}

FORM.v2 .Report TD:first-child {
    padding-left:15px;
}

FORM.v2 .reportheading {
    min-height:50px;
}

FORM.v2 .reportheading,
FORM.v2 .reportheading A {
    /*font-weight:700 !important;
    font-size:12px !important;*/
}

FORM.v2 TR:hover {
    background-color: #fafbfc;
}

FORM.v2 .oddrow {
    background-color: #fafafa;
}

FORM.v2 .can-sort A,
.Report.v2 .can-sort A {
    /*padding-right:20px;*/
    background-image:url('/css/img/svg/ic-up-down-sm.svg');
    background-repeat:no-repeat;
    background-position:center right;
}

FORM.v2 .current-filter A,
.Report.v2 .current-filter A {
    background-image:url('/css/img/ic-up-down-sm-active.png');
}

.report-header,
.report-footer {
    width:100%;
    height: 60px;
    /*line-height:60px;*/
}

.report-header {
    background-color:#FFF;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid rgba(183, 210, 229, 0.8);
}

.report-footer {
    /*background-color: #f6f8fc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;*/
    padding: 15px;
    background-color: #f6f8fc;
    border-top: 1px solid #d8e5ee;
    width: 100%;
}

.report-header A {
    color:#000;
}


FORM.v2 #noResMsg {
    padding:20px;
    background-color:#FFF;
    border-radius:4px;
}

.form-control-plaintext:not(input):empty {
    /* grey out disabled readonly input */
    height: 36px;
    background-color: #e9ecef;
}

.form-control[readonly].form-control-plaintext {
    /*background-color: transparent;*/
}

.form-control-plaintext {
    border: solid 1px #c5d9e8;
    border-radius: 4px;
    padding: 0.375rem;
    background-color: #e9ecef;
    cursor: not-allowed;
	height: auto;/* allow text overlapping of the container */
    word-break: break-all;
}


.headLev1 {
    width: 52px;
    height: 29px;
    border-radius: 4px;
    background-color: #e9ecef;
    font-size: 17px;
    color: #3f536e;
    text-align: center;
    border: none;
    margin-right: 20px;
    display: inline-block;
}

.no-gutter.row,
.no-gutter.container,
.no-gutter.container-fluid{
    margin-left: 0;
    margin-right: 0;
}

.no-gutter>[class^="col-"]{
    padding-left: 0;
    padding-right: 0;
}


element {

}

.col {

    /*padding-left: 0px !important;*/

}

.col {

    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    /*max-width: 100%;*/

}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    /*padding-left: 0px;*/
}

.margin10 {
    margin: 10px;
}

.contact-btn:hover, .helpdesk-btn:hover {
    cursor:pointer;
}

.pagination {
    /*width: 33%;*/
    margin: auto;
    justify-content: center;
}

.reportheading {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    padding: .75rem;
}

.tilde_tips {
    width:12px;
    margin-left:20px;
}


.ui-datepicker {
    z-index:9000 !important; /* bootstrap modal conflicts with jquery ui datepicker, this fixes it */
}

/* form item input hint after label */
.inputhint {
    color: #3f536e;
    font-size: 13px;
}


/* client theme */


.table thead th {
    vertical-align: middle;
}

.custom-control-label {
    margin-bottom: .5rem;
    display: inline;
}

.custom-control-label::before {
    top: 0.1rem;
}

.custom-control-label::after {
    top: 0.1rem;
}

.custom-control {
    min-height: 1.2rem;
}

/* firefox only */
@-moz-document url-prefix() {

    .custom-control  {
        min-height: initial;
    }

}
/* firefox only */

.hasBorder {
    padding: 15px;
    border-radius: 4px;
    border: solid 1px rgba(183, 210, 229, 0.8);
    margin: 10px;
}

.grayOut {
    background-color: #e9ecef;
}

.fixedFloatBtn {
    position: fixed;
    left: 94px;
    bottom: 21px;
    z-index: 100;
 }

#selected_options .badge {
    font-weight: normal;
    padding: 10px;
}

.list-unstyled {
    margin-left: 1rem;
}

.custom-control-label:before {
    background-color: #fff;
    border: 1px solid #bbbbbb;
}

.custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #dee2e6;
    border: 1px solid #ced4da;
}

a.btn-secondary:not([href]), a.btn-secondary:not([href]):hover, a.btn-secondary:not([href]):focus {
    color: #fff;
}

.workflow_prefix_number {
    width: 52px;
    border-radius: 4px;
    font-size: 17px;
    color: #3f536e;
    text-align: center;
    border: 1px solid #ccc;
    margin-right: 20px;
}


.workflow_prefix_number_readonly {

}


.workflow_prefix_number2 {
    display: inline-block;
    min-width: 29px;
    min-height: 29px;
    border: solid 1px #ccc;
    border-radius: 4px;
    text-align: center;
    margin-right: 20px;
}

.workflow_prefix_number2_readonly {
    background-color: #e9ecef;
}


.alert-readonly {
    color: #383d41;
    background-color: #e9ecef;
    border-color: #d6d8db;
    padding: 1px 15px;
}

.workflow .WF-Name:disabled {
    color: #383d41;
    background-color: #e9ecef;
    border-color: #d6d8db;
}

.special-advert-template img {
    margin: auto;
}
.search-pagination {
    text-align: center;
}

.sticky-top {
    z-index: 1;
}

.table td, .table th {
    vertical-align: middle;
}

.OffTab:hover, .OnTab:hover {
	cursor: pointer;
}

/* collapse up down arrow */
.panel-title {
    position: relative;
}

.panel-title::after {
    content: "\f0fe";/* use plus icon */
    left: 2px;
    position: absolute;
    font-weight: 900;/*must be 900*/
    font-family: "Font Awesome 5 Free";/* use font awesome icon */
}

.panel-title[aria-expanded="true"]::after {
    content: "\f146";/* use minus icon */
    font-weight: 900;/*must be 900*/
    font-family: "Font Awesome 5 Free";/* use font awesome icon */
}
/* collapse up down arrow */


/* Global CSS */
#brs_report_table_85 .reportheading {
    /*background-color:#FFF;*/
    border:none;
    /*height:42px;*/
    /*line-height:42px;*/
}

#brs_report_table_85 {
    padding-top: 20px;
}

/* Added by vish for padding below the buttons. it was overlapping when it is a client vacancy */
div#tabsTop {
    padding-bottom: 5px;
}

/* Added border */
table.Report {
    border: solid 1px rgba(183, 210, 229, 0.8);
}

.pagination .page-item.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}




/* Force Hardware acceleration on tables and forms in IE11 */
/*If you notice and issues with elements with position fixed then try removing these.*/
/* target IE only */
@media all and (-ms-high-contrast:none)
{
    /* table.Report, #tblGenForm, .Form, #page_main  */
    .GPUAcc {
       transform: translateZ(0);
       -webkit-transform: translateZ(0);
    }


    /* multi select drop down default btn height in IE */
    button.dropdown-toggle {
        height: 42px;
    }

    /* fix checkbox alignment in flagged appn, vac serach, appn list, ob dashboard*/
    .special_vac_chkbox_row {
        display: inline-flex;
    }
	
	/*
    .dropdown-menu {
        transform: translate3d(146px,54px,0px);
    }
	*/
	
}

/* Force Hardware acceleration on tables */

/* HTMLELement DimensionPckerCM */
input.special-input-dimension-picker-cm,input.special-input-dimension-picker-cm:focus {
    background-color: #f0f0f0;
}
/* HTMLELement DimensionPckerCM */



/* insert + - in front of div for notes notification */
.specialCollapseGroup2:hover {
    cursor: pointer;
}

.specialCollapseGroup2[aria-expanded="true"]::after {
    content: "\f146";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}

.specialCollapseGroup2::after {
    content: "\f0fe";
    margin-left: 4px;
    font-weight: 900;
    color: #007bff;
    font-family: "Font Awesome 5 Free";
}
/* insert + - in front of div */

/*Approval Styling*/
 .queue-cell {
	padding: .75rem;
}

.approvalqueue-report {
	width: 100%;
}

/* Notes and Attachments Page. */
#notes-report {
	-webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

#notes-form {
	-webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}


#helpdesk-image:hover {
	cursor: pointer;
}

.phone:hover {
	cursor: pointer;
}

.special_form_style
{
	background-color: #FFF;
	border-radius: 4px;
	border: solid 1px rgba(183, 210, 229, 0.8);
	text-align: center;
	padding: 50px;
	width: 80%;
	margin: 0 auto;
	margin-top: 50px;
	
}

.mergeFieldA {
	cursor: pointer;
}

/* for wkhtmltopdf to load when print */
@media print {
	
	#page_right {
	   overflow-y: visible; /* hide right scrollbar if not needed */
	}
	
	
	.custom-select {
		-webkit-appearance:menulist-button;/* traditional select drop down for print*/
	}


}
/* for wkhtmltopdf to load */



/* TR theme */

    /* dashboard page table header row */
    table.recentActivity thead tr {
        color: var(--TableHeadFontColor);
        background-color: var(--TableHeadBackGroundColor);
    }
    /* dashboard page table header row */
    table.recentActivity thead tr th {
        color: var(--TableHeadFontColor);
        background-color: var(--TableHeadBackGroundColor);
        border-bottom: none;
    }
    /* dashboard page fusionchart box header */
    .box .box-header {
        color: var(--TableHeadFontColor);
        background-color: var(--TableHeadBackGroundColor) ;
    }
    .box .box-header .box-title {
        color: var(--TableHeadFontColor);
    }
    /* gdpr alert */
    .gdpr-header {
        color: var(--TableHeadFontColor);
        background-color: var(--TableHeadBackGroundColor);
    }
    .gdpr-title {
        color: var(--TableHeadFontColor);
    }
    /* report header */
    .reportheading {
        color: var(--TableHeadFontColor);
        background-color: var(--TableHeadBackGroundColor);
    }
    .report-header a {
        color: var(--TableHeadFontColor);
        font-weight: bold;
    }
    /* modal popup */
    .modal-header {
        color: var(--TableHeadFontColor);
        /*background-color: var(--TableHeadBackGroundColor);*/
    }

    /* vacancy report table */
    .brs-vacancy-table th, .reportheading {
        color: var(--TableHeadFontColorImportant);
        background-color: var(--TableHeadBackGroundColorImportant);
        font-weight: normal;
    }

    .brs-vacancy-table th a,.reportheading a {
        color: var(--TableHeadFontColorImportant);
        background-color: var(--TableHeadBackGroundColorImportant);
        font-weight: bold;
    }

    /* table header */
    table tr.headerRow th, .card-header {
        color: var(--TableHeadFontColor);
        background-color: var(--TableHeadBackGroundColor);
        font-weight: normal;
    }

    table tr.headerRow th a {
        color: var(--TableHeadFontColor);
        background-color: var(--TableHeadBackGroundColor);
        font-weight: bold;
    }


    .qs_quick_search {
        color: var(--TableHeadFontColor);
    }


    /* theme left menu bg color */
    #page_left {
        background-color: var(--MenuSecondaryBackGroundColor);
    }


/* TR theme */

/* HRSC-986 fix multi select long response option render issue */
.bootstrap-select .dropdown-menu li a {
    white-space: normal;
}


/* upload attachment css */
#dropzone, .dropzone {
    width: 100%;
    height: 260px;
    background-color: #ecf5fd;
    border-radius: 4px;
    background-image: url('/images/click-or-drop-files-here-to-upload.png');
    background-repeat: no-repeat;
    background-position: center;
    outline: dashed #8dabc4 2px;
    outline-offset: -15px;
}


/* induction offboarding styles */
.task_base {
	padding:3px 17px 3px;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    margin-left: 4px;
    border-radius: 4px;
}

.task_pending {
    background-color: #444;
    border: 1px solid #444;
}

.task_released {
    background-color: green;
    border: 1px solid green;
}

.task_overdue {
    background-color: #d9534f;
    border: 1px solid #d9534f;
}

.task_completed {
    background-color: #0099c4;
    border: 1px solid #0099c4;
    
}

.noQs {
    color: #dc3545;
}
.noQs:hover,.noQs:active {
    background-color:#dc3545!important;
    border: 1px solid #dc3545!important;
}
/* induction offboarding styles */


td.taskQuestionAnswersRow:empty:after {
	content: 'No answer provided.';
}

/* resume pharse css for admin */
#resumeParseBtn {
	margin-top: 33px;
	margin-bottom: 0px;
	top: 0px;
	left: 0px;
	position: static;
	
}


/* talent pool search render toggle button */
#toggle-label-special::before {
    top:0.25rem;
}
.toggle-btn-border {
    border: 1px solid #000;
    border-radius: 1px;
}

.bg-grey {
    background-color: var(--TableHeadBackGroundColor);
}

.cusor-not-allowed {
    cursor: not-allowed;
}

.question-shorttext-desc {
    font-style: italic;
    color: #2700ff;
    font-size: 17px;
    padding: 0px 5px;
}

.control-label::after {
    content:"*";
    color:red;
    padding-left: 5px;
}

.dz-success-message {
    background:linear-gradient(to bottom, #28a745, #28a745)!important;
    background-color:#28a745!important;
    display: block!important;
}

.dz-success-message:after {
    border-bottom: 6px solid #28a745!important;
}

/* custom red delete button */
.alert-custom-red {
    color: white;
    background-color: #dc3545;
}

.alert-custom-red:hover {
    color: white;
    background-color: red;
}

.alert-custom-red:disabled {
    cursor:not-allowed;
    background-color: #dc3545;
}

/*Begin::Siddharth HRSC-7596*/
.question-group-title {
    display: block;
    font-size: 19px;
    font-weight: bolder;
    border-radius: 5px;
    padding: 14px;
    background-color: #ecf5fd;
    color: #3f536e;
    border: none;
}
/*End::Siddharth*/

/*Begin::Siddharth HRSC-7677*/
.question-group-link {
    border-radius: 4px;
    border: solid 1px #a8c6df;
    background-color: #ffffff;
    color: black;
    padding: 5px 20px !important;
}

.active-qg-link {
    border: solid 1px #0991e4;
    background-color: #C8E4FD;
}
/*End::Siddharth HRSC-7677*/