@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
body{background: #e3e4e4; color: #000; line-height: 20px;}

/* Arial */
body, .tooltip-inner, .popover{font-family: 'Roboto', Arial, sans-serif;}

/* Normal Fonts */
h1, h2, h3, h4, h5, h6,
label, .tooltip-inner, dt{font-weight: normal}

.content-bar h2{font-size:22px; font-weight:bold;line-height:24px;}
/* Colors */
.ng-cloak{display: none !important;}
.btn, .btn:hover, .btn-default, .header-blue-bar h1, .user-info h4, .refex-card-header .status h5,
.refex-card-header .title h4, .refex-card-header .title h4 a, .refex-card-header .title a h4, .refex-id{color: #fff} /* White */
.page-title-bar h2{color: #333} /* Dark gray */
label, .refex-card-content p, .content-bar, dt, .box-referee-list .referee-info span{color: #666} /* Medium gray */
.refex-card-footer .template-info h4, .consultant-template-info h4, .consultant-info h4, .refex-referee-card h4{color: #999} /* Light gray */
.login-box h3, .footnote, .box-referee-list .referee-info span.reference-type{color: #a1a2a4} /* Lighter gray */
.referee-decline, .referee-callback,.referee-save-for-later, .referee-deleted{color: #ffffff !important;font-size: 10px;background: #ED5CA2; padding:1px 3px;border-radius:2px;text-transform:uppercase}
.referee-callback {background: #007fa9 }
.referee-deleted{background:#ff0000;}
.referee-save-for-later{background: #F7911E}
.user-info h4 small{color: #e1e1e2} /* Lightest gray */

p.bg-warning{padding:10px}

/*active class*/
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default.focus:active,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover,
.btn-default.focus, .btn-default:focus{background: #007fa9; color:#fff}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus,
.btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover,
.btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active,
.btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover{    background-color: #999;  border-color: #999; }

a, .btn-link{color: #007fa9; text-decoration:none} /* Light blue */
a:hover, .btn-link:hover, .content-bar h2,a:focus, a:hover{text-decoration: none; color: #002776} /* Dark blue */
a:focus{outline:none;}
/* Background */
.btn:hover, .btn-default{background: #002776}
.btn-default:hover, .btn-default:active, .btn-default:active:hover{background: #007fa9}
.btn-primary{background: #F7911E}
.btn-secondary{background: #007fa9}
.header-white-bar, .box, .refex-user-actions-card, .refex-card-header .refex-card-ellipsis span, .refex-card, .white-bar, .white-box{background: #fff}
.header-blue-bar{background: #007fa9}
.gray-bar{background: none}
.refex-card-header{background: #fff; border-top:4px solid #a0a0a0; border-bottom:1px solid #ccc}
.btn-link:hover{background: none}
.white-box{width:auto; padding:0px 60px 40px 60px}

.white-box h3{margin:40px 0; font-size:24px;}
.refex-referee-card .refex-card-ellipsis span{background:#979797}/* Medium gray */

.referee-details-form .gray-bar{background:#fff;}

/* Font Sizes */
body, dd, .refex-referee-card h4, .consultant-info h4{font-size: 14px; } /* 14px */
.refex-card-content p, .refex-card-footer .template-info h4, .refex-card-header .info h4, .consultant-template-info h4{font-size:13px} /* 13px */
label, .tooltip-inner, .form-signin, dt{font-size: 12px} /* 12px */
.refex-id, .footnote,.box-referee-list .referee-info span.reference-type {font-size: 11px} /* 11px */

/* Line Heights */
.refex-card-content p, .refex-card-header .info h4, dd{line-height: 1.33} /* 1.33 */
.info{font-size: 11px;font-style: normal;color: #999;}


.form-control{border-color: #d0d4d8; padding: 8px 12px; height: 38px}
.form-control, .btn, .input-daterange input:last-child{border-radius: 0}

textarea.form-control {
    height: 145px;
}
textarea.form-control-15{height:435px}
textarea.form-control-20{height:580px}
.input-daterange input{text-align: left}
.btn{border-color: transparent; padding-top: 8px; padding-bottom: 8px; transition: all 0.3s ease 0s}
.btn:hover, .btn-default{border-color: transparent}
.btn-lg{margin: 20px 0; padding-top: 11px; padding-bottom: 11px}
.btn-link{padding-left: 0; padding-right: 0}
label{margin-bottom: 3px}
.tooltip-inner{border-radius: 0}
.has-limit{position: relative}
.has-limit .char-counter{font-size: 11px; background: #000; color: #fff; padding: 5px; display: inline-block; border-radius: 3px; position: absolute; right: 8px; top:
        -2px; width: 60px; text-align: center}
.has-limit textarea, .has-limit input[type=text]{resize: none; padding-right: 80px}
#create_new_team .has-limit textarea, .has-limit input[type=text]{resize: none; padding-right: 0px}
input[type=checkbox], input[type=radio]{margin-top: 2px}
textarea{resize: none}

input:required:invalid { outline: none; }
.referee-help-text{position: absolute; left: 20px; bottom: 10px; }
.referee-reference-option{margin-top: 8px;}

.header-white-bar{padding: 20px 0; position: relative; z-index: 5; box-shadow: 0 1px 3px rgba(0,0,0,0.20)}
.header-blue-bar h1{ margin: 32px 0 35px; font-size: 35px; line-height: 32px;}
.box{box-shadow: 0 1px 3px rgba(0,0,0,0.15)}
.form-signin{padding: 50px}
.header-white-bar .col-md-4 a.rmit_logo{width:150px}
.header-white-bar .col-md-4 a.toyota_logo{width:150px}

.login-box{margin-top: 60px}
.login-box h3{display: block; padding-top: 50px; margin-bottom: -10px}
.login-box .btn-lg{margin-bottom: 50px}
.login-box.reset-box .btn-lg{margin-bottom: 20px}

.help-text{font-size: 12px;  background: #f4f4f4;  padding: 6px;    margin-bottom: 20px;}

.user-info{border-left: 1px solid #5ebcdf; padding: 7px 0 6px 20px; margin-top: 14px; margin-bottom: 10px; position:relative;}
.user-info h4 small{display: block; padding: 4px 0}
.user-info h4 {float:left; }
.user-info .user-actions{margin-top: 5px; margin-left:30px}

/*refex sub menu*/
.refex-sub-menu{background:#fff; width:200px; position:absolute; top:62px; left:20px;   z-index: 1;
    box-shadow: 0 8px 25px rgba(0,0,0,.35)}
.refex-sub-menu li{ border-bottom:solid 1px #ddd; }
.refex-sub-menu li:last-child{border:none;}
.refex-sub-menu li a{display:block; padding:15px; color:#333; transition:background-color 2s; -webkit-transition:background-color .2s;}
.refex-sub-menu li a:hover{background:#007fa9; color:#fff; }
.refex-sub-menu li a:hover i{color:#fff}
.refex-sub-menu li > ul a i:hover{color:#fff}
.refex-sub-menu li a i{  width:23px}



.filter-bar{padding: 15px 0 5px}
.filter-bar .list-inline li{width: 200px}

.content-bar{padding: 50px 0 0px 0}
.content-bar h2{margin-bottom: 40px; margin-top: 0}

.form-bar{padding: 20px 0; min-height: 97px}
.form-bar dl{margin: 0}
.form-bar .left-right-nav{margin-top: 9px; float: right}
.form-bar .list-inline{display: table; width: 100%; margin-top: 10px; margin-bottom: 0}
.form-bar .list-inline li{display: table-cell; width: 1%; vertical-align: top}

.detail-info-bar{padding: 20px 0}
.detail-info-bar.with-status{border-top: 3px solid #ccc}
.back-navigator-bar, .status-navigator-bar{margin-bottom: 20px}
.status-navigator-bar{padding-top: 10px}

.detail-info-bar dd > i{display: block;   font-style: normal;    color: #999;    font-size: 11px;}

.alert{padding: 10px; padding-right: 25px; border-radius: 2px}
.alert-dismissable .close, .alert-dismissible .close{right: -15px; top: -1px}

.page-title-bar h2{margin-top: 28px}
.page-title-bar > h2{margin:28px 20px;display:inline-block;}

.team-heading{background-color: #777;
    padding: 5px 7px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    position: relative;
    top: -4px;
    font-weight: normal;}

.page{padding-bottom: 100px}

.modal{top: 100px}
.modal-body{padding: 30px 45px}
.change-referee-cat{margin-bottom: 20px;}
.modal-decline-body{padding: 30px 0;}
.modal-content{border-radius: 0; box-shadow: 0 0 15px rgba(0,0,0,0.2)}
.modal-footer{border: 0; padding: 0px 45px 45px 45px;}
.modal-footer .btn{padding-left: 20px; padding-right: 20px; min-width: 100px}
.email-notification-toggle{margin-top:10px; margin-bottom:20px}
.pdf-url-modal{left:-220px}
.pdf-url-modal .modal-content{width:830px}
.pdf-url-modal .modal-body{padding-top:20px}
.pdf-url-modal h4{font-size:20px}
.pdf-url-modal .modal-content a{font-size:12px}

.yes-no-btn-uk a{display:block;width:50%; height:37px; font-size:13px; line-height:40px; white-space:nowrap; color:#000; background:#fff; text-align:center; float:left; border-right:1px solid #eee}
.yes-no-btn-uk a:last-child{border:0}
.yes-no-btn-uk a:hover, .yes-no-btn-uk a.active{background:#007fa9; color:#fff}
.yes-no-btn-uk a.active{box-shadow:inset 0 0 3px rgba(0,0,0,.4)}
.yes-no-btn-uk a:hover{opacity:0.75}
.yes-no-btn-uk a, .yes-no-btn-uk a:hover{transition:all ease 0.5s}

/*Timeline*/
.timeline-modal{margin:0 auto}
.timeline-modal .add-candidate-id i{font-size: 12px; font-style: normal; color: #999;}
.timeline-modal .add-candidate-id h4 i{margin-left: 6px; }
.timeline-modal .add-candidate-id .info{margin-bottom: 0px;}
.logs-list-container{padding: 0; width: 100%; min-height:1px; float:left; position:relative}
.logs-list{margin: 0; padding: 0; background: #fff;}
.logs-list ul{border-bottom: 1px solid #f0f0f0;}
.logs-list .logs-list-header{border-top: 1px solid #f0f0f0; margin-top: 30px;}
.logs-list li{ display: table; width: 100%; padding: 10px;}
.logs-list li > div {display: table-cell; vertical-align: top; padding: 0 10px;}
.logs-list li .date{width:10%}
.logs-list li .action{width:55%}
.logs-list li .actioned-by{width:20%}
.logs-list li .refree{width:15%}
.logs-list li .refree h3 {max-width: 100px; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}

.logs-list div h3 {font-size: 14px; color: #000; margin: 0; display: inline-block; font-weight: normal; text-align: left;}
.logs-list div h3 i{display:block;font-size:10px;color:#a2a2a2; text-style:normal }
.logs-list .logs-list-header h3{font-size: 12px; font-weight: bold; color: #333;}
.timeline-modal .row h4 span{color:#333; margin-left: 5px }


/*Sprite image*/
.refex-info-template-type:before,
.refex-info-country:before,
.refex-info-language:before,
.template-info-created-by:before,
.template-info-created-on:before{ content: ''; background: url("../images/refex-sprite-icon.png") no-repeat 0 0; display: block; position: absolute; left: 0; top: 2px;
    width: 20px; height: 15px; background-size: 100px;}
/**/
.refex-card-header, .refex-card-header .info h4, .refex-card-footer .template-info h4{position:relative}

/*Admin listing*/
.refex-card, .refex-referee-card{width:366px; margin-right: 20px; box-shadow: 0 1px 2px rgba(0,0,0,.15); margin-bottom: 20px; float:left;}
.in-action{box-shadow: 0 1px 32px rgba(0,0,0,.35)}
.refex-card:nth-child(3n){margin-right: 0}
.refex-card-header{padding: 17px 30px 10px 30px}
.refex-card-header .status{margin-bottom: 15px}
.refex-card-header .status h5{border:1px solid #7e7f81; display: inline-block; padding:2px 3px; font-size:10px; border-radius:2px;opacity:1; margin: 0; margin-right:
        5px; text-transform:uppercase; }
.refex-card-header .status h5{color:#7e7f81;}
.refex-card-header .refex-card-ellipsis span{  background: #9B9B9B;}
.refex-card-header .status h5.recommended{border-color:#fbd0a1; color:#fbd0a1; opacity: 1; padding-left: 14px; position: relative;}
.refex-card-header .status h5.recommended:after{content: ''; position: absolute; top:0; left:2px; background-position: 0 -182px;}
.refex-card-header .info{margin-bottom: 20px}
.refex-card-header .info h4{color:#000; padding-left: 20px; margin-top: 3px; margin-bottom: 3px;}
.refex-info-country:before{background-position:0 -22px}
.refex-card-header .title h4{color:#000}
.refex-card-header .title h4{font-size:18px; margin:0; }
.refex-card-header .title span{font-size:11px;color:#333; margin:0; }
.refex-card-header .title h4 a, .refex-card-header .title a h4{display: block}
.refex-card-header .refex-card-ellipsis, .refex-referee-card .refex-card-ellipsis{position: absolute; right:0;top:0; padding: 20px}
.refex-card-header .refex-card-ellipsis span, .refex-referee-card .refex-card-ellipsis span{width: 4px; height: 4px; border-radius: 4px; display: block; margin-bottom:
        2px}

.refex-card-header.refex-card-draft .status h5{border-color:#9356A2; color:#9356A2}
.refex-card-header.refex-card-active .status h5{border-color:#007fa9; color:#007fa9}
.refex-card-header.refex-card-inactive .status h5{border-color:#555; color:#555}

.refex-card-content {padding:20px 30px 10px 30px;}
.refex-card-content p{margin-bottom:0; }
.refex-card-footer{padding: 0 30px 15px 30px; position: relative}
.template-info-created-by:before{background-position:0 -45px}
.template-info-created-on:before{background-position:0 -66px; top:1px}
.refex-card-footer .template-info h4, .consultant-template-info h4{margin-bottom: 5px; padding-left:0; margin-top: 5px; width: 140px; overflow: hidden; text-overflow:
        ellipsis; white-space: nowrap}
.refex-id{font-style: normal; display: block; opacity: 1;margin-top:5px; color:#999}

.fixed-btns{background: #fff; position: fixed; bottom: 0; display: block; width: 100%; box-shadow: 1px 0px 10px 1px #e2e2e2;}
.thankyou-container{margin:60px 0}
.thankyou-container h1{margin-bottom:40px; color:#002776}
.thankyou-container p{color:#666;}

.mCSB_inside > .mCSB_container {margin-right: 0;}
.mCSB_container {overflow: visible; }
.mCSB_scrollTools{left:290px}
.mCSB_scrollTools .mCSB_draggerContainer{left:22px;}
.mCSB_scrollTools .mCSB_draggerRail{margin-left: 1px;}

/*Status*/
/*
.refex-card.refex-card-inactive .refex-card-header{background: #7e7f81}
.refex-card.refex-card-active .refex-card-header{background: #007fa9}
.refex-card .refex-card-draft .refex-card-header{background: #9356A2}
*/
.refex-card .refex-card-header.refex-card-draft, .refex-card .refex-card-header.refex-card-inactive,.refex-card .refex-card-header.refex-card-active{background: #fff; border-top:4px solid #9356A2; border-bottom:1px solid #ccc}
.refex-card .refex-card-header.refex-card-draft{border-top-color: #9356A2}
.refex-card .refex-card-header.refex-card-inactive{border-top-color: #a0a0a0}
.refex-card .refex-card-header.refex-card-active{border-top-color: #007fa9}

.detail-info-bar.with-status.status-active{border-color: #007fa9}
.detail-info-bar.with-status.status-inactive{border-color: #56575a}
.detail-info-bar.with-status.status-draft{border-color: #9356A2}



.refex-user-actions-card{box-shadow: 0 2px 15px rgba(0,0,0,0.3); width: 160px; position: absolute; z-index: 1000; display: none}
.refex-user-actions-card ul{list-style: none; margin: 0;padding: 0;}
.refex-user-actions-card a{display: block; padding: 8px 15px;  position:relative}

.refex-toggle-btn{display: inline-block; width: 42px; height: 10px; background: #bfbfbf; border-radius: 10px; position: relative; margin-top: 15px}
.refex-toggle-btn.state-on{background: #007fa9}
.refex-toggle-btn span{position: absolute; left: 0; top: -6px; width: 22px; height: 22px; background: #fff; border-radius: 22px; box-shadow: 0 1px 5px rgba(0,0,0,0.25);}
.refex-toggle-btn.state-on span{left: auto; right: 0}
.refex-toggle-btn:hover span{box-shadow: 0 1px 8px rgba(0,0,0,0.35)}

.status-toggle{border-left: 1px solid #a1a2a4; padding: 8px 17px}
.status-toggle-chk{opacity: 0; width: 0; height: 0; position: absolute; top: 0; left: 0;}

.form-info{font-size: 12px; line-height: 1.33; color: #777; margin-bottom: 30px}

.browse-btn-wrapper{position: relative}
.browse-btn-wrapper input{width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; cursor: pointer}

/*.page-content{padding-top: 20px}*/
.web-form-canvas{min-height: 360px; background: #fff; border: 1px dashed #acacac; margin-bottom: 14px; padding: 50px; position: relative}
.web-form-canvas dt, .dynamic-web-form dt{font-weight: bold}
.web-form-canvas .checkbox label, .web-form-canvas .radio label, .dynamic-web-form .checkbox label, .dynamic-web-form .radio label{margin-right: 20px}
.web-form-canvas-overlay{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.01); z-index: 50}
.col-md-3 label{width:100%; font-weight:normal; margin-left:0px}
.col-md-3 label:first-child{padding-left: 0px}


.page-action-bar{padding: 30px 0}
.page-action-bar .btn{min-width: 180px}
.page-action-bar .text-right .btn{margin-left: 10px}
.btn-default.disabled, .btn-default.disabled:hover {background-color: #999; border-color: #999;}

.popover{width: 200px; border-radius: 3px; border: 0}
.popover.right>.arrow{border-right-color: rgba(255,255,255,1)}
.popover ul{margin: 0}
.popover ul a{display: block; padding: 5px 7px}

dt{margin-bottom: 2px}
dd{word-wrap: break-word;}
hr.space{border: 0; margin: 0}
.space50{height: 50px}

.user-select-opt{/*margin-top: -114px;*/ margin-bottom: 64px}
.user-select-opt span.help-block{margin-top:15px}
.referee-form-heading{font-size:22px; font-weight:bold; color:#002276;line-height:24px; margin:10px 0; float: left;}

.user-select-opt dd select {
    width: 200px
}

input[readonly] {
    background-color: #fff;
    /* any other styles */
}

.left-right-nav label{float: left; margin: 11px 20px 0 0}
.left-right-nav .pager{width: 100px; border: 1px solid #b0b0b0; margin: 0; overflow: hidden}
.left-right-nav .pager li{display: block; float: left; border-right: 1px solid #b0b0b0; width: 49px; height: 38px; border-radius: 0}
.left-right-nav .pager li:last-child{border: 0}
.left-right-nav .pager li > a, .left-right-nav .pager li > span{border: 0; display: block; height: 38px; border-radius: 0}
.left-right-nav .pager li > a, .left-right-nav .pager li > span .glyphicon{line-height: 28px}
.pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span{color: #d0d0d0}

.page-icon{margin-top: 25px; margin-bottom: -80px}
.page-icon, .page-icon img{display: block}
.page-icon img{border: 3px solid #007fa9}

.footnote{position: absolute; bottom: 5px; font-style: normal}
.white-bar .footnote{bottom: -40px}

.list-inline {
    margin-left: 5px;
}

/*Tabs*/
.nav-tabs {border-bottom: 0; position: relative; bottom: -19px;}
.nav-tabs>li {float: left;margin-bottom: -1px; padding-right: 2px;}
.nav-tabs>li>a {margin-right: 0; border: 0; border-radius: 0; font-size: 15px;color: #666; padding: 20px 20px; background: #c1c2c4;}
.nav-tabs>li.status-completed a, .nav-tabs>li.status-completed.active> a, .nav-tabs>li.status-completed.active> a:hover{border-top:3px solid #007fa9;}
.nav-tabs>li.status-pending-reference a, .nav-tabs>li.status-pending-reference.active> a, .nav-tabs>li.status-pending-reference.active> a:hover{border-top:3px solid #9356A2;}
.nav-tabs>li.status-pending-referee a, .nav-tabs>li.status-pending-referee.active> a, .nav-tabs>li.status-pending-referee.active> a:hover{border-top:3px solid #a0a0a0;}
.nav-tabs>li.tab-type-action a,.nav-tabs>li.tab-type-action.active >a,.nav-tabs>li.tab-type-action.active >a:hover {border-top:3px solid #ED5CA2;}
.nav-tabs>li.tab-type-create a, .nav-tabs >li.tab-type-create.active >a, .nav-tabs >li.tab-type-create.active >a:hover{border-top:3px solid #F7911E;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ background:#f0f0f0;}
.nav-tabs.nav-justified>li>a{border-radius:0; border-bottom:0;position: relative; bottom: -1px}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{border:0;}
.badge{border-radius: 0;  margin-left: 5px;}
.nav-tabs>li.tab-type-create a{position:relative}
.nav-tabs>li.tab-type-create a:before{
    font-family: 'Glyphicons Halflings';  font-style: normal;
    font-weight: 400;    line-height: 1;    -webkit-font-smoothing: antialiased; content:"\002b"; padding-right: 10px}
.nav-tabs>li.tab-type-create a.canada{padding-left:28px}
.nav-tabs>li.tab-type-create a.canada:before{top:23px; left:12px}
/* Datepicker */
.input-daterange .form-control[disabled]{background: #fff}
.datepicker td, .datepicker th{width: 50px; height: 50px}
.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover
{background: #002776}
.datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr
td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr
td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table
tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table
tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr
td.selected[disabled]{background: #ccc}
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr
td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr
td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr
td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr
td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table
tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled],
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td
span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td
span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker
table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td
span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td
span.active:hover[disabled], .datepicker table tr td span.active[disabled]
{background: #007fa9}

/* Custom select */
.bootstrap-select > .dropdown-toggle{background: #fff; border: 1px solid #d0d4d8; color: #555}
.back-navigator-bar .bootstrap-select.form-control:not([class*="col-"]){width: 250px; margin-left: 8px}
/*Custom dropdown for search*/
.dropdown-search .custom-dropdown{ width: 32%; display: inline-block; margin: 0px; float:left;}
.custom-search{width: 68%; display: inline-block; position:relative;}
.top-search .dropdown-search .custom-dropdown a{position:inherit; top:0px;}
.dropdown-search .custom-dropdown .type-select.consultant-name{line-height: 6px;}
.dropdown-search .custom-dropdown .type-select.consultant-name div{ padding: 15px 5px 15px 15px;}
.dropdown-search .custom-dropdown .type-select span {vertical-align: middle;}
.dropdown-search .new-refree.selected{ color: #fff; background: #007fa9; }



    /*Top Search*/
/*.top-search{display:block;}*/
.top-search .input-group-addon {background: none; border-radius: 0; top: 5px; left: 0px; position: absolute;  z-index: 10;  border: 0;}
.top-search .form-control{padding-left:35px; }
.top-search a{position: absolute; right: 0; top: 2px; z-index: 10; color: #717171;  display: block;  padding: 12px;}
.top-search > div{position: relative}
.top-search a.back-btn{display:none;}

/*Consultant Name*/
.type-select{  background: #fff;  padding: 6px 60px 6px 10px;  display: inline-block;  position: relative;  width: 200px;  text-overflow: ellipsis;
    white-space: nowrap;  overflow: hidden; color:#000;  margin-top: 4px; text-decoration: none;}
.type-select strong{font-size:16px; font-weight:normal;}
.type-select i{display:block; font-style:normal; color:#999; margin-top:-2px; overflow: hidden; text-overflow: ellipsis; width: 130px; white-space: nowrap;}
.type-select div{position:absolute; right:0; top:0; height:100%; padding:17px 15px; /*border-left:1px solid #e3e3e3;*/}

.user-actions li{display:inline-block}
.user-actions li a{display:inline-block; background: #002776; color: #fff; width: 50px; height: 50px; line-height: 52px; text-align: center}
.user-actions li a i{font-size: 18px; top: 4px;}
.user-actions li:last-child{margin-left:33px;}

/*Consultant Cards*/
.refex-card-header .status h5.has-issue{color:#ed5ca2; border-color:#ed5ca2; opacity:1}
.type-completed .refex-card-header .info h4, .type-pending .refex-card-header .info h4, .type-in-progress .refex-card-header .info h4{padding-left:0;}
.type-completed .refex-card-header .info h4 i, .type-pending .refex-card-header .info h4 i, .type-in-progress .refex-card-header .info h4 i, .refex-referee-card h4 i,
.consultant-info h4 i{padding-right:10px; font-size:11px;}
.type-completed .refex-card-content, .type-pending .refex-card-content, .type-in-progress .refex-card-content{padding-bottom:0}
.refex-card-content{position: relative;}
.box-referee-list{margin:0; width:99%}
.box-referee-list li{margin-bottom:20px;}
.box-referee-list .referee-icon, .referee-icon{background-image: url(../images/referee-icon.png); background-color: #c1c2c4; width: 50px;  height: 50px;
    display: block;  background-size: 26px;  background-repeat: no-repeat;  background-position: center;}
.status-completed .referee-icon{background-color:#007fa9; opacity: 0.6;}
.status-reference-requested .referee-icon{background-color:#9356a2; opacity: 0.6}
.status-has-issue .referee-icon{background-color: #ed5ca2;opacity: 0.4;}
.status-reference-forwarded .referee-icon{background-color: #007fa9; opacity: 0.6;}
.box-referee-list .referee-info{padding-left:20px}
.box-referee-list .referee-info strong{font-size:14px; font-weight:normal; color:#000;}
.box-referee-list .referee-info div{font-size:11px;line-height: 1.33; overflow: hidden}
.box-referee-list .referee-info div.referee-job-info span{   max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left;display:
        block;}
.box-referee-list .referee-info div >i{font-style: normal;}
.status-completed .referee-info span.reference-type{color:#007fa9; font-size:11px }
.notification-badge{width: 20px; height: 20px;  border-radius: 18px;  display: block;  text-align: center;
    line-height: 20px; margin-bottom:15px}
.notification-badge i{color:#fff; font-size:11px; font-style:normal}
.status-satisfactory .notification-badge{background: #007fa9;opacity: 0.6}
.status-unsatisfactory .notification-badge, .reminder-send .notification-badge, .reminder-send.notification-badge{background: #ed5ca2;opacity: 0.6}
.reminder-send.notification-badge {display: inline-block;  margin-top: 0;  margin-left: 5px;  line-height: 17px;}
.reminder-send .notification-badge{box-shadow: 0 1px 14px rgba(0,0,0,.50)}
.consultant-template-info h4{padding-left:0}
.consultant-template-info h4 i{margin-right:5px}
.type-pending .refex-card-header .title h4 a{display:inline-block}

.status-green .notification-badge-emailPhone{background:#007fa9; opacity: 0.6;}
.status-pink .notification-badge-emailPhone, .restoreIcon{background:#ed5ca2 !important; opacity: 0.4;}
.status-purple .notification-badge-emailPhone{background:#9356a2; opacity: 0.6}
.status-grey .notification-badge-emailPhone{background:#c1c2c4}
.notification-badge i.glyphicon-share-alt { transform: scaleX(-1);  -moz-transform: scaleX(-1);  -webkit-transform: scaleX(-1);  -ms-transform: scaleX(-1);}
.restoreIcon { position: absolute;  right: 0px;  top: 0px;   margin-top: 23px;  margin-right: 38px;}
/* list-equal-block */
.list-equal-block{ width: 100%; position:relative;}
.list-equal-block li{width: 33%; vertical-align: top; white-space:nowrap;}
.list-equal-block dl{margin-right: 10px}
.list-equal-block dl:last-child{margin-right: 0}

.referee-details, .candidate-details {
    padding: 0;
}
.list-equal-block li.btn-delete, .btn-delete {
    position: absolute;
    top: 19px;
    left: -55px;
    display: block;
    width: 50px
}
.btn-delete {left: -45px;}
.list-equal-block li.btn-delete a, .btn-delete a{background: #ed5ca2;  width: 40px; display:block; height: 37px;  text-align: center;  line-height: 32px; font-size:
        36px;  color: #fff;}

.temp-description{  color: #000; font-size: 14px; margin: -10px 0 10px 0; padding: 0 0 0 20px; position: relative;}
.temp-description h5{color:#666; font-size:12px; margin:0; padding-top:5px}
.temp-description:before{content:''; background:#f8b771; width:2px; display:block; height:100%; position:absolute; top:0; left:5px;}

.referee-details ul{border-bottom:1px solid #eee; margin-bottom:20px;}
.referee-details > a{margin-top:0}
.referee-details li{overflow:hidden}
/*Toggle button*/
.refex-multi-toggle-btn a{display: inline-block;  padding: 8px 9px; height: 38px; background: #ebecec; border:1px solid #d0d4d8; color:#000; min-width: 66px;
    text-align: center;}
.refex-multi-toggle-btn a.active{border-color:#007fa9; background:#00b0e6; color:#fff;}

/*Select multiple dropdown-menu*/
.dropdown-menu{border:0; margin-top:0; padding-top:0px; padding-bottom:0px}
.bs-searchbox{padding:0;}
.bs-searchbox .form-control{border:0; border-bottom:1px solid #eee; background:url(../images/search-icon.png) no-repeat 10px 10px; background-size:16px; padding-left:35px;}
.bootstrap-select.btn-group .dropdown-menu li{padding:0 25px;}
.dropdown-menu>li>a{padding:10px 0; border-bottom:1px solid #eee;}
.dropdown-menu>li>a:hover, .dropdown-menu>.active>a:hover{background:none; color:#007fa9;}
.dropdown-menu>li:last-child>a{border-bottom:0;}
.dropdown-menu>li.selected>a{color:#007fa9;}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { right: 30px; margin-top: 10px;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus{background:none; color:#333;}

/*modal*/
.modal-header .close {margin-top: -30px;  margin-right: -25px; font-size: 40px; font-weight: normal;}
.modal-header {padding: 45px 45px 0 45px;  border-bottom: 0;}
.modal-title {font-size: 24px;}

/*Candidate Details*/

.candidate-info{display:table; margin-bottom:-20px; width:100%}
.candidate-info span{display:block; padding:3px 0; color:#666; }
.candidate-info > div{border-right:1px solid #dadada; display:table-cell; padding-bottom:20px; float:none;  vertical-align: top;}
.candidate-info > div:last-child{border-right:0;}
.no-border{border-left:0 !important;}
.candidate-info dd i{display:block; font-style:normal; color:#999; font-size:11px;}


/*Referee Card*/
.refex-referee-card{background:#fff; padding:15px 15px 0 15px; width:100%; margin:0 0 10px 0;}
.refex-referee-card .row:first-child{padding-bottom:10px; border-bottom:1px solid #eee; /*margin-bottom:10px; */position:relative; }
.referee-data strong, .referee-data span{padding-left:60px}
.referee-data strong{display:block; margin-top:7px; font-weight:normal; font-size:14px; color:#333;}
/*.refex-referee-card .row:first-child strong{display:block; margin-top:7px; font-weight:normal; font-size:14px; color:#333;}*/
.refex-referee-card .row:nth-child(2){margin-top: 10px}
.refex-referee-card .row:first-child > div h4{margin-top:18px; color:#999;}
.refex-referee-card i{float:left; margin-right:10px}
.refex-referee-card h4 i{margin-right:0;}
.refex-referee-card h4 span{margin-left: 20px}
.refex-referee-card span{display:block; font-size: 12px;  color: #999;}
.refex-referee-card .refex-card-ellipsis{top:-10px; padding-left:12px;}
.edit-referee-details .editable input{width:94%; padding:3px 5px;font-size:12px !important}
.edit-referee-details .editable.email input {float: right; position: relative; right:-10px}
.edit-referee-details .editable.has-error input{border:1px solid #e0002b}
.edit-referee-details .editable.email span.help-block{float:left; margin-left:35px; }
.edit-referee-details .editable div{ text-align: right; margin-right: 25px;  margin-top: 8px;}
.edit-referee-details .editable div button{padding:5px 20px;}
.consultant-info{margin-top:10px}
.consultant-info .col-md-7{width:59.333333%}
.consultant-info strong{display: inline-block; border-right: 1px solid #ccc; margin-right: 20px; width: 30px; height: 20px; position: relative; top: 6px; font-weight:normal; color:#999; float:left}
.by-email .consultant-info strong:after, .by-phone .consultant-info strong:after{content: "\2709"; position: absolute; left: 0; top:0; font-family: 'Glyphicons Halflings'; display:block;}
.by-phone .consultant-info strong:after{content: "\e182"; }
.consultant-info h4{display:inline-block; margin-right:10px;}
.consultant-info .reference-completed-by strong{width:auto; top:7px; margin-right:10px; border-right: none;border-left: 1px solid #ccc;padding-left: 20px;}
.consultant-info .reference-completed-by h4{line-height:16px}
.consultant-info .reference-completed-by strong:after{content:none}
.reference-info{width:80%;  padding-right: 0;}
.disclore-to-client{width:18%}
.consultant-info h4.last-activity, .consultant-info h4.ref-comp{margin-left: 28px;}
.glyphicon-ok-modified{position:relative}
.consultant-template-info h4 i.glyphicon-ok-modified:before{right: -2px; top:-1px}
.glyphicon-ok-modified:before, .glyphicon-ref-completed:before{position:absolute; content:""; height:18px; width:18px; }
.glyphicon-ok-modified:before{background:url(../images/icon_modified.jpg) no-repeat; right: 19px; top: -2px;}
.glyphicon-ref-completed:before{background:url(../images/icon_completed.jpg) no-repeat; right: 19px; top: -3px;}
.glyphicon-ok{content:"\e013"}
.consultant-template-info h4 i.glyphicon-ok-modified{margin-left:13px}
/*.consultant-info h4[data-original-title="Requested on"]{margin-right:50px;}*/
.consultant-info .notification-badge {width: auto; border-radius: 3px; border: 1px solid #ed5ca2; background: #fff; font-size: 10px; color: #ed5ca2; padding: 0 3px;
    display:block; float:right; text-transform:uppercase; margin-top:6px;}
.consultant-info .notification-badge i {color: #ed5ca2; margin:2px 2px 0 2px;}
.status-satisfactory .consultant-info .notification-badge {border-color: #007fa9; color: #007fa9;}
.status-satisfactory .consultant-info .notification-badge i {color: #007fa9}
.issue-desc{background:#fce4f0; padding:10px 15px; margin:0 -15px 0px; font-size:14px;box-shadow: 0 1px 2px rgba(0,0,0,.15);}

.status-satisfactory-msg{background:#fff; border-top: solid 3px #008217;box-shadow: rgba(0, 0, 0,0.5) 0px 5px 15px;}
.status-satisfactory .status-satisfactory-msg span{    display: inline-block;
    border: solid 1px #008217;;
    width: 116px;
    border-radius: 3px;
    color: #008217;
    text-transform: uppercase;
    font-size: 11px;
    height: 22px;
    background-color: #fff;
    margin-top:0;
    margin-right: 10px;
    opacity: 1;
}

.status-satisfactory-msg span i{ color: #008217;
    font-size: 11px;
    font-style: normal;
    margin: 5px -3px 0 6px;}

.status-unsatisfactory-msg{background:#fff; border-top: solid 3px #ed5ca2;box-shadow: rgba(0, 0, 0,0.5) 0px 5px 15px; }
.status-unsatisfactory .status-unsatisfactory-msg span{    display: inline-block;
    border: solid 1px #ed5ca2;
    width: 125px;
    border-radius: 3px;
    color: #ed5ca2;
    text-transform: uppercase;
    font-size: 11px;
    height: 22px;
    background-color: #fff;
    margin-top:0;
    margin-right: 10px;
    opacity: 1
}
.status-unsatisfactory-msg span i{ color: #ed5ca2;
    font-size: 11px;
    font-style: normal;
    margin: 5px -3px 0 8px;}

.candidate-refcheck-info{padding-top:20px; padding-right:40px; }
.candidate-refcheck-info dd{line-height:1.33; padding-right:120px;}
.candidate-refcheck-info .action-bar{text-align:right}
#create-new-reference .modal-footer {padding:0}
#create-new-reference .modal-footer .btn{min-width:inherit}
.referee-request-form ul{border-bottom:0; margin-bottom:0}
.referee-request-form {border-bottom:1px solid #e7e7e7; position:relative; padding-bottom:15px; margin-bottom:15px;}
.template-description {border-left:2px solid #F7911E; overflow:hidden; padding-left:10px; margin-top:15px}
.referee-request-form dl{margin-bottom:0}

.referee-request-form .remove-referee{position:absolute; top: 19px; left: -50px; background:#ED5CA2; }
.white-bar .page-icon{margin-bottom: 30px;  margin-top: -10px;}
.ref-no{position: absolute; left: -120px; top: -60px;  font-size: 150px;  color: #f0f0f0;}

.col-md-6.consultant-info{padding-top:30px;}

.consultant-info .disclore-to-client strong{ border-left: 1px solid #ccc; width:auto; padding-left: 20px; margin-right: 0; border-right: 0; top:7px}
.consultant-info .disclore-to-client strong:after{content: ''; }
.plus-icon{position: relative; display: block; width: 22px; height: 24px;}
.plus-icon:before{  content: '+'; position: absolute; top: -8px; left: 0;  font-size: 30px;}
.user-actions li a span, .mobile-search{display:none}
.verified dd{position:relative}
.verified dd:after, .non-verified dd:after, .verified-info:after{content: "\e013"; font-family: 'Glyphicons Halflings'; padding-left: 8px;  font-size: 10px;
    color:#008217;}
.non-verified dd:after{content: "\e014"; color:#ED5CA2; position:relative; top:1px}
.non-verified span{color:#ED5CA2; font-size:14px; line-height:1.33; margin-top:10px; padding-right:30px}
.non-verified span:before{width:40px; background:#ddd; height:2px; content:''; display:block; margin-bottom:8px;}

.referee-terms-condition, .referee-radio {margin-top: 40px;}
.referee-radio label {display: block;	padding-bottom: 10px;	font-size: 14px;}
.referee-terms-condition strong {padding-left: 20px; font-size: 14px;}
.tenure-terms-condition{margin-bottom:20px;}
.tenure-terms-condition .refex-toggle-btn{float: left; margin-top: 6px;}
.tenure-terms-condition strong{display: inline-block; width: 88%;}

.non-verified span{display:none;}
.status-expanded, .status-expanded .additional-comments, .status-expanded .non-verified span, .status-expanded  .candidate-refcheck-info {display:block;}

.header-white-bar #language{float: right;border-bottom: 1px solid #f7f7f7;width: 100%; margin-bottom: 42px;}
.header-white-bar #language ul{float: right;list-style-type: none;}
.header-white-bar #language li{display:inline-block}
.header-white-bar #language a{font-size: 12px; padding: 0 90px 0 40px;border-left: 1px solid #007fa9; float: left; line-height: 12px; cursor:pointer}
.header-white-bar #language a:first-child{border:none}

/* Custom select */
.bootstrap-select > .dropdown-toggle{background: #fff; border: 1px solid #d0d4d8; color: #555}
.back-navigator-bar .bootstrap-select.form-control:not([class*="col-"]){width: 250px; margin-left: 8px}

/* Alert */
.alert-refex{margin: 0; position: fixed; left: 0; bottom: 0; width: 100%; padding: 20px 20px 17px; z-index: 1000; background: #7e7f81; color: #fff; border-radius: 0}
.alert-refex .close{top: 1px; text-shadow: none; color: #fff; opacity: 1}

/* Applied filters */
.applied-filters:empty{display: none}
.applied-filters{margin: -13px 0 10px}
.applied-filters a{color: #fff}
.applied-filters .label{font-size: 12px; font-weight: normal; cursor: pointer; padding: 3px 6px; margin-right: 5px; margin-top: 4px; display: inline-block;}
.applied-filters .label-primary{margin-left: -4px}
.applied-filters .glyphicon{font-size: 10px; display: inline-block; margin-left: 10px}

/*Referee*/
.referee-terms-condition, .referee-radio{ margin-left:0;position:relative}
.add-record-to-refex .referee-terms-condition{margin-top: 0}
.referee-terms-condition strong{padding-left:10px; font-size:14px;}
.referee-radio label{display:block; padding-bottom:10px; font-size:14px; position: relative}
.disabled{opacity:.75}

.candidate-ref-check > dl:first-child, .candidate-ref-check div dl:nth-child(3){border-color:#c2c2c2}
.candidate-ref-check dl{margin-bottom:15px; border-bottom:1px solid #ddd; padding-bottom:15px; position:relative}
.candidate-ref-check .yes-no-btn{position:absolute; right:0; top:0;}
.candidate-ref-check .yes-no-btn-dual{position:absolute; right:0; top:10px;}
.candidate-ref-check .yes-no-btn-uk{position:absolute;right:0;top: auto;display:inline-block;min-width:120px;box-shadow:0 1px 3px rgba(0,0,0,.2);border-radius:3px;overflow:hidden;bottom: 40px;}
.additional-comment{display:block; margin-top:10px;}
.additional-comment label{display:block}
.additional-comment textarea{width:100%}


.yes-no-btn{display:inline-block; min-width:150px; box-shadow:0 1px 3px rgba(0,0,0,.2); border-radius:3px; overflow:hidden;}
.yes-no-btn a{display:block;width:50%; height:37px; font-size:13px; line-height:40px; white-space:nowrap; color:#000; background:#fff; text-align:center; float:left;
    border-right:1px solid #eee}
.yes-no-btn a:last-child{border:0}
.yes-no-btn a:hover, .yes-no-btn a.active{background:#007fa9; color:#fff}
.yes-no-btn a.active{box-shadow:inset 0 0 3px rgba(0,0,0,.4)}
.yes-no-btn a:hover{opacity:0.75}
.yes-no-btn a, .yes-no-btn a:hover{transition:all ease 0.5s}

/* Error fields */
.has-error .web-form-canvas .form-control,
.has-error .web-form-canvas .bootstrap-select .dropdown-toggle, .error .web-form-canvas .bootstrap-select .dropdown-toggle{border-color: #d0d4d8}
.has-error .web-form-canvas{border-color: #e0002b}
.help-block{font-size: 12px;font-weight:bold}

/*candidate-template-description */
.candidate-template-description{display: block; clear: both; padding-left: 15px; padding-top: 20px;;}

/*radio-button */
.radio-error{border: solid 1px rgb(237, 162, 162);  background-color:#FFF4F4;  border-radius: 3px; color: #e0002b; padding:10px;}
label.radio-error {padding: 7px 30px 7px; margin-bottom: 10px;}
.radio-error span, .radio-error .radio label{color:#e0002b; margin-bottom: 0;}
dd.radio-error{padding-top:0}
.radio-error dd{color:#000;}

.disclose-to-client{margin-top:10px}
.disclose-to-client dl{padding-right:150px}
.overlay{    position: absolute;
    width: 100%;
    height: 98%;
    background: rgba(255,255,255,.01);
    z-index: 1;}
.col-md-offset-2.web-form-canvas{border: 0}
/* Flex */
.flex-container{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: center}
.flex-container .refex-card, .flex-container .refex-referee-card{position: relative; padding-bottom: 70px; float: none}
.flex-container .refex-card-footer{position: absolute; left: 0; bottom: 0; width: 100%}

/*ellipsis Menu*/

.ellipsis-menu{background:#fff; position:absolute; top:-68px; right:40px; z-index:10000; width:200px; display:none; border-radius: 3px; box-shadow: 1px 5px 45px rgba(0,0,0,.25);}
.ellipsis-menu ul{margin:10px 0}
.ellipsis-menu .list-unstyled a{padding:8px 20px ;  display: block;}
.ellipsis-menu:after {left: 100%; top: 24%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0);        border-left-color: #fff; border-width: 10px; margin-top: -10px;}

.edit-referee-details .ellipsis-menu{top:-66px}
.edit-referee-details .ellipsis-menu:after{top:84px}

/*Collapsed View*/
.show-more{display: block; margin-left: -15px; margin-right: -15px; padding: 10px 15px; text-transform: uppercase;
    font-size: 11px;font-weight: bold; position:relative;  border-bottom: 1px solid #eee;}
/*.show-more i{position:absolute; top:5px; right:5px;}*/
.show-more:after{ content: "\e252"; font-family: 'Glyphicons Halflings'; display: inline-block; position: absolute; top:5px; right: 10px}
.show-more.active:after{content: "\e253"; font-family: 'Glyphicons Halflings'; display: inline-block; position: absolute; top:5px; right: 10px}
.bdr-1{border-top:1px solid #eee;  }
.show-more.active{border-bottom: 0;}
/*search-result-listing*/
.search-result-header h3{color:#333}
.search-result-header h3 i{ font-size:18px; padding-right:10px;}
.search-result-header .referee-terms-condition{margin-top:15px}
.search-result-header .btn-lg{margin-top:10px; margin-bottom:10px;}
.search-result-header .referee-terms-condition strong { padding-left: 10px; font-weight: normal}
.align-right{text-align:right;}
.exit-search-result{float:right}

.editable .candidate-ref-check .yes-no-btn{top:12px}
.input input{margin-top: 6px; padding: 8px; width: 70%; border: 1px solid #d0d4d8;}
.input.multiple{overflow:hidden;}
.input.multiple >  div{width:40%; }
.input.multiple >  div input{ width:97%; }
.input.multiple >  div input:last-child{margin-left:10px;}


.incorrect-info{background:#f5f5f5; opacity:.6; padding:2px;}
/*create new request to refex*/
.add-record-to-refex .referee-terms-condition strong,.detail-info-bar .referee-terms-condition strong{font-weight:normal}
.add-record-to-refex .candidate-details{padding:0; position:relative}
.add-record-to-refex .candidate-details dd{font-size:16px; color:#000}
/*.multiple-input .form-control{display:inline-block; width:49%}*/
.multiple-input div{float:left; width:50%; padding:0 2px;}
.add-record-to-refex .temp-description{left:-5px;margin-bottom:20px;}
.add-record-to-refex .container-heading .referee-terms-condition{margin-top:40px; margin-left:50px}
.add-record-to-refex .referee-details{border-bottom:1px solid #eee; margin-bottom:20px; padding-bottom:20px;}
.add-record-to-refex .referee-details:after{content: " "; display: table}
.add-record-to-refex .referee-details:after{clear:both;}
.add-record-to-refex .referee-details .row{position:relative}
.container-heading{border-bottom:1px solid #eee; margin-bottom:25px; overflow: hidden}
.container-heading h3{margin-bottom:10px; margin-left:-15px}


/*custom dropdown*/
.custom-dropdown{ border: 1px solid #d0d4d8; margin-top: 0px; position: relative; width: 100%; padding:0px; height: 38px;}
.custom-dropdown .type-select{ width:100%; margin-top: 0px; height: 36px; font-size: 14px; color:#999}
.custom-dropdown .type-select span{ vertical-align: sub; }
.custom-dropdown .type-select div{ padding: 5px 15px; }
.custom-dropdown .refex-sub-menu{box-shadow: 0px 5px 8px 2px rgba(0,0,0,.35); left:0px; top:37px; width:100%; z-index:2; border:none}
.custom-select-options  span{ display:block}
.custom-select-options strong{font-size:14px; font-weight:normal; display:block; margin-bottom:4px;}
.custom-select-options span{font-size:12px; opacity: .7 }
.new-refree{ font-size:14px;}
.update-refree-details{margin-top: 28px;}
/*Switch team*/
.refex-sub-menu li > ul{margin:0; padding:0; list-style:none; max-height:150px; overflow-y:auto}
.refex-sub-menu li > ul a{position:relative; padding:8px 8px 8px 15px; border-bottom:1px solid #eee}
.refex-sub-menu li > ul a i{  position: absolute; right: 5px; top: 11px; font-size: 13px; color:#007fa9}

.refex-sub-menu li div{position:relative;}
.refex-sub-menu li div > i {position:absolute; top:12px; left:15px; opacity:.4}
.refex-sub-menu li div > input{padding:8px 8px 8px 35px; width: 100%; border: 0; background: #F8F8F8; border-bottom: 1px solid #eee;border-top: 1px solid #eee;}


/*create new request from OT*/
.create-new-request{ padding:0px 0px 30px 0px}
.create-new-request h4{ background: #00bfb3; padding: 15px 30px; margin: 0px 0px 10px 0px; color:#fff; font-size:18px;}
.create-new-request ol{margin-left:40px;}
.create-new-request ol li{ padding: 20px 0 0 20px; font-size:16px}
a.disabledLink {color: #ccc;pointer-events:none;}

.status-navigation .pagination{vertical-align: middle; margin: 0px;}
.status-navigation .status-pending, .status-navigation .status-completed, .referee-title .status-pending, .referee-title .status-completed, .referee-title .status-inprogress{ padding: 4px 5px; font-size: 12px; color: #fff; margin:10px 0px 0px 5px; float:left}
.status-navigation .status-completed, .referee-title .status-completed {background: #79ce84;}
.status-navigation .status-pending, .referee-title .status-pending {background: #F7911E;}
.status-navigation {width : 60%; text-align: right;}
.referee-title {width : 40%;}
.referee-title .status-inprogress {background: #80389c;}




/*add candidate ID*/
.add-candidate-id{color:#333}
.add-candidate-id h4 {
    font-size: 18px;
    margin: 0 0 10px 0;
}

.add-candidate-id .info{margin-bottom:20px}

.add-candidate-id .info h4 {
    font-size: 13px;
    position:relative
}
.add-candidate-id .info h4 em.label{
    position: absolute;
    top: -3px;
    right: -75px;
    font-size: 13px;
    font-weight: normal;
    color: #999;
    font-style: normal;
    z-index: 1;

}
.add-candidate-id .info h4 i {
    padding-right: 10px;
    font-size: 11px;
}

.record-data {
    background: #f7f7f7;
    border: 1px solid #ddd;
    padding: 15px;
    margin-top: 5px;
}

.record-data .row{margin-bottom:5px;}
.record-data .row:last-child{margin-bottom:0}

.merge-record {
    margin-top: 15px;
}

.merge-record.has-error .form-control .radio-inline{color:#333}

.record-exists .error {
    color: #e0002b;
    font-weight: bold;
}
#pdfDiv .container{display: block; justify-content: center; margin-top:30px}
#pdfDiv .wrapper{background:#fff; width:900px; padding:64px; position:relative}
.top-info{background: #007fa9;color: #fff;padding: 10px;box-sizing: border-box;font-size: 12px;margin: -64px -64px 30px -64px;display: block;}
.page-head{ margin-top:52px; margin-bottom:26px;}
.name, .details, .question-answer{ margin-bottom:26px; margin-top:26px;}
.details, .question-answer, .note { font-size: 14px;}
.question-answer li ol{padding: 0px; margin-top: 10px;}
.question-answer li ol li{ margin-bottom:10px;}
.dashed{ border:none; border-top:1px dashed #000; height:1px;}
.details li, .question-answer li{margin-bottom:21px;}

.question-answer .web-form-canvas{margin-left:0; padding-left:0; padding-top:0; width:100%}
.htsURL{word-wrap: break-word;}

#pdfDiv .name, #pdfDiv .page-head{font-size:18px; font-weight:bold}
#pdfDiv .details li{font-size:14px}
#pdfDiv .details label,.question-answer dt, .question-answer dd label, .question-answer dl label{color:#000;font-size:14px}
.question-answer dd label, .question-answer dl label{font-weight:normal}

ul{list-style: none; padding-left: 0px;}
ol{padding-left: 15px;}
ul li label, ol li label{display:block}
ol li, ul li label, ol li label{font-weight:bold}
ol li span{font-weight:normal}

@media screen and (min-width: 769px)and (max-width: 1024px){
    .header-blue-bar .col-md-7 { width: 50%;}
    .header-blue-bar .col-md-5 { width: 50%; }
    .refex-card:nth-child(3n) { margin-right: 20px; }
    /*.refex-card, .refex-referee-card { width: 100%; }*/
    .refex-card{ width: 460px; }
    .refex-card:nth-child(2n){margin-right: 0}

}

@media screen and (min-width: 768px)and (max-width: 1024px) and (orientation:landscape){
    .referee-details .list-equal-block li{width:29%}
    .referee-details .list-equal-block li:nth-child(3){width:40%}
    .nav-tabs>li.tab-type-create a:before{left: 24px;}
    .candidate-details .refex-referee-card{width:100%}
    .user-actions li .tooltip{display:block}
}

@media screen and (max-width:460px){
    .referee-title, .status-navigation{width :50%}
}


@media screen and (max-width: 1023px){
    /*.header-white-bar{pointer-events: none;}*/
    .header-white-bar #language{pointer-events: auto;}
    .mobile-menu{pointer-events: auto;}
    .mobile-search{pointer-events: auto;}
    .back-btn{pointer-events: auto;}
    .glyphicon-remove{pointer-events: auto;}
    #clearSearchTxt{pointer-events: auto;}
    .refex-sub-menu{width:215px; left:0}
    .page{padding-bottom: 20px}
    .user-info{padding-left: 0; padding-top: 0; margin-top: 20px;}
    .refex-card{width: 350px}
    .refex-card:nth-child(3n){margin-right: 20px}
    .refex-card:nth-child(2n){margin-right: 0}
    .filter-bar .list-inline li{width: auto}
    .back-navigator-bar .btn-link{margin-bottom: 20px}
    .back-navigator-bar .col-md-7{float: left}
    .back-navigator-bar .col-md-5{float: right}
    /*.status-navigator-bar{padding-top: 0; border-bottom: 1px solid #d0d0d0; padding-bottom: 20px}*/
    .status-navigator-bar .col-md-1{float: left}
    .status-navigator-bar .col-md-11{float: left}
    /*	.status-toggle{padding-left: 20px; margin-left: 8px}*/
    .page-action-bar .text-right .btn, .page-action-bar .btn{margin: 0 0 10px; width: 100%}
    .page-icon{margin: 20px 0}
    .form-bar .left-right-nav{position: absolute; right: 15px; top: -10px; z-index:99}
    .user-select-opt {
        padding-left: 0;
        margin-top: -24px;
        margin-bottom: 20px;
    }


    .user-actions li:last-child {margin-left: 18px;}
    .responsive-tabs-container{  overflow: auto; width: 100%; white-space: nowrap; height: 90px;  position: relative;  top: 27px;}
    .nav-tabs {  width: 1045px;}
    .list-equal-block li { display: block; width: auto;}
    .refex-referee-card .row:first-child > div h4{width:130px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
    .back-navigator-bar, .status-navigator-bar{margin-bottom:0}
    .candidate-details .content-bar{padding:40px;}
    .list-equal-block li, .list-equal-block li dl{margin-bottom:15px;}
    .header-blue-bar {  position: fixed;width: 250px;right: 0;  top: 0;  z-index: 1000;  height: 100%;  margin-right:-250px; -webkit-transition: all .2s ease-out;overflow:auto;}
    .header-blue-bar .col-xs-12 h1{font-size: 20px; background-color: #002276; padding: 15px; margin: 15px 0 15px -15px;}
    .mobile-search{  position: absolute; right: 50px;  top: 8px;  padding: 15px; color:#ddd; font-size:15px}
    .mobile-menu{  position: absolute;top: 10px; right: 0; padding:15px}
    .mobile-menu span{background: #ddd; height: 3px; margin-bottom: 3px; width: 25px;  display: block;}
    .user-actions li{display:block; border-bottom: 1px solid rgba(255,255,255,.2);}
    .user-actions li:last-child{border:0;}
    .user-actions li a {padding: 0; background: none; color: #fff; display: block; font-size: 15px; width: auto; height: auto; text-align: left}
    .user-actions li a i{padding-right:15px}
    .user-actions li:last-child { margin-left:0;}
    .user-actions li a span{display:inline-block}
    .header-blue-bar .container{width:auto}
    .type-select{width:215px;}
    .mobile-nav-active {margin-left: -250px; width: 100%}
    .mobile-nav-active .header-blue-bar{margin-right: 0}
    body, .mobile-nav-active{-webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out}
    .mobile-search{display:block}
    .user-info .user-actions{width:100%; margin-left:0; margin-top: 20px;}
    .top-search{position: absolute; right: -5px; top: 13px; background: #fff; display: none; width: 100%; z-index: 1}
    .top-search a.back-btn{left: 0; width: 40px;  border-right: solid 1px #eee; display:block}
    .top-search > div{  width: auto; position: relative; top: 2px; padding-left:48px}
    .user-info h4 {float: left;  border-bottom: 1px solid rgba(255,255,255,.25);  display: block;  width: 100%;  padding-bottom: 15px;}
    .mCSB_scrollTools {left: 274px;}
    .filter-bar .list-inline{display:table;}
    .filter-bar .list-inline li{display:table-cell;}
    .nav-tabs.nav-justified > li {display: inline-block; width: 200px;}
    .alert-refex .close {right:0;}
    .header-blue-bar .user-info.pull-right {float:none!important}
    .user-actions li .tooltip{display:none}


}

@media screen and (max-width: 1024px) {
    .reference-info, .disclore-to-client{width:100%;}
    .pdf-url-modal .modal-content{width:auto; padding-right:17px}
    .pdf-url-modal .modal-body{width:auto; overflow-y:hidden}
    .pdf-url-modal{left:0}
}
@media screen and (max-width: 767px) {

    .logs-list li .date{width:100px}
    .logs-list li .action{width:100px; word-break: break-word;}
    .logs-list li .actioned-by{width:100px}


    .status-navigation .pagination .left-right-nav label{margin-right:8px;}
    .status-navigation .status{ margin: 10px 0; display: inline-block;}


    .dropdown-search .custom-dropdown{width:45%}
    .dropdown-search .custom-search{width:55%}


    .refex-sub-menu {
        width: 220px;
        left: 0
    }
    .refex-sub-menu{top:55px}
    .btn-delete {
        top: 38px
    }

    .refex-card {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    .refex-card:nth-child(3n) {
        margin-right: 0
    }

    .refex-card:nth-child(2n) {
        margin-right: 0
    }

    .back-navigator-bar .col-md-7, .back-navigator-bar .col-md-5 {
        float: none
    }

    .form-bar .list-inline, .form-bar .list-inline li {
        display: block;
        width: auto
    }

    .form-bar .list-inline li {
        margin-bottom: 10px
    }

    /*.header-blue-bar .col-xs-12 h1{margin-bottom:0; margin-top:15px;}*/
    .type-select.consultant-name {
        width: 100%
    }

    .hays-logo {
        width: 115px;
        overflow: hidden;
        display: block;
    }

    .candidate-info > div {
        display: block;
        padding-bottom: 10px;
        border: 0;
    }

    .candidate-info dl {
        margin-bottom: 0;
    }

    .candidate-refcheck-info dd, .candidate-refcheck-info {
        padding-right: 0;
    }

    .refex-referee-card .action-bar a {
        display: block
    }

    .refex-referee-card .action-bar a i {
        float: none;
    }

    .refex-referee-card .row:first-child > div h4 {
        width: 100%;
        margin-bottom: 0
    }

    .consultant-info h4[data-original-title="Requested on"] {
        margin-right: 0
    }

    .edit-referee-details .editable input {
        width: 100%;
    }

    .edit-referee-details .editable.email input {
        right: 0
    }

    .edit-referee-details .editable.email span.help-block {
        margin-left: 0;
         margin-bottom: 0;
    }

    .edit-referee-details .editable:last-child {
        margin-top: 10px
    }

    .consultant-info .notification-badge {
        float: right;
        margin-bottom: 10px;
    }

    .candidate-details .content-bar {
        padding: 15px;
    }

    .btn-lg {
        display: block;
        width: 100%;
        margin: 10px 0;
    }

    .col-md-6.consultant-info {
        padding-top: 0px;
    }

    .header-white-bar .col-md-4 a {
        width: 115px;
        display: block;
        overflow: hidden;
    }

    .web-form-canvas {
        padding: 20px;
    }

    .back-navigator-bar .bootstrap-select.form-control:not([class*="col-"]) {
        margin-left: 0;
    }

    .page {
        padding-bottom: 50px;
    }

    .form-signin {
        padding: 50px 20px 20px;
    }

    .refex-card-content {
        padding: 20px 20px 10px 20px;
        height: 100%;
    }

    .box-referee-list {
        width: 98%
    }

    .flex-container .refex-card, .flex-container .refex-referee-card {
        padding-bottom: 120px
    }

    .filter-bar .list-inline, .filter-bar .list-inline li {
        display: block;
    }

    .nav-tabs.nav-justified > li {
        display: inline-block;
        width: 200px;
    }

    .list-equal-block dl.pull-left {
        width: 100%
    }

    .refex-multi-toggle-btn a {
        width: 50%
    }

    .nav-tabs > li.tab-type-create a:before {
        left: 35px
    }

    .search-result-header .referee-terms-condition {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .input input {
        width: 100%
    }

    .candidate-ref-check dd {
        width: 100%;
        margin-top: 25px;
    }

    .candidate-ref-check div dl dt {
        display: inline-block;
        max-width: 40vw;
        width: 75%;
    }

    .input.multiple > div {
        width: 50%;
    }

    .input.multiple > div input {
        width: 100%;
    }

    textarea,
    input {
        font-size: 12px !important;
    }

    .form-bar .left-right-nav {
        position: absolute;
        right: 20px;
        top: -10px
    }

    .user-select-opt {
        padding-left: 0;
        margin-top: -24px;
        margin-bottom: 20px;
    }

    .add-record-to-refex .container-heading .referee-terms-condition {
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }

    /* .white-box{padding: 60px 60px 40px 60px;}*/
    .page-title-bar > h2 {
        display: block
    }

    .team-heading {
        margin-left: 20px;
        margin-bottom: 0;
        top: -20px
    }

    .tenure-terms-condition strong{width: 70%}
}
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
        .box-referee-list .col-xs-3 {
            width: 14%
        }
    }

    input::-ms-clear {
        display: none;
    }

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .glyphicon-chevron-right:before {
            content: "";
            background: url(../images/navigation_btn.png) no-repeat;
            background-position: -60px -31px;
            width: 30px;
            height: 30px;
            display: block;

        }

        .disabled .glyphicon-chevron-right:before {
            content: "";
            background: url(../images/navigation_btn.png) no-repeat;
            background-position: -60px -4px;
            width: 30px;
            height: 30px;
            display: block;

        }

        .glyphicon-chevron-left:before {
            content: "";
            background: url(../images/navigation_btn.png) no-repeat;
            background-position: -12px -4px;
            width: 30px;
            height: 30px;
            display: block;

        }

        .disabled .glyphicon-chevron-left:before {
            content: "";
            background: url(../images/navigation_btn.png) no-repeat;
            background-position: -12px -31px;
            width: 30px;
            height: 30px;
            display: block;
        }


    }


@media (min-width: 992px){
    .col-md-offset-1 {
        margin-left: 0;
    }
    .thankyou-container .col-md-offset-1 {
        margin-left: 8.333%;
    }
    .fixed-btns .col-md-offset-2{margin-left:12%}
}
a{
    cursor: pointer;
}

a{
    cursor:hand;
}

a.disabled {background-color: #999; border-color: #999;
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}

.refree-serach{
    position: relative; top:-23px;
}
.ui-grid-header-cell-wrapper{width:100%}
.timeline-modal .modal-content{height:650px}
.timelineGrid{width:100%}
.timelineGrid .grid1580384558503 .ui-grid-render-container-body .ui-grid-header-viewport, .myGrid .grid1580384558503 .ui-grid-render-container-body .ui-grid-header-canvas{width:100%}
.timelineGrid .ui-grid-header-cell, .myGrid .ui-grid-row:nth-child(odd) .ui-grid-cell, .myGrid .ui-grid-row:nth-child(even) .ui-grid-cell{max-width: 25% !important; min-width:0!important; width: 25%; border-right: none}
/*.timelineGrid .ui-grid-header-cell:nth-child(2), .myGrid .ui-grid-row:nth-child(odd) .ui-grid-cell:nth-child(2), .myGrid .ui-grid-row:nth-child(even) .ui-grid-cell:nth-child(2){max-width:31%!important; width:31%}*/
.timelineGrid .ui-grid-header-cell:last-child{margin-right:0}
.ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell:hover .ui-grid-cell, .ui-grid-row:nth-child(odd):hover .ui-grid-cell, .ui-grid-row:nth-child(even):hover .ui-grid-cell{max-width: 25% !important; min-width:0!important; width:25%; }
/*.ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell:hover .ui-grid-cell:nth-child(2), .ui-grid-row:nth-child(odd):hover .ui-grid-cell:nth-child(2), .ui-grid-row:nth-child(even):hover .ui-grid-cell:nth-child(2){max-width:31%!important; width:31%}*/
.ui-grid-filter-container div input[type=text]{position:absolute; top:-86px; right:-18px; height: 30px; width: 107%; padding:0 25px 0 5px;}
.ui-grid-filter-container div input:focus{}
.ui-grid-header-cell .sortable  .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{top:-79px; right:0px}

.ui-grid-header-cell-label{font-size:12px;}
.ui-grid-header-cell-row{width:98%}
.ui-grid-top-panel, .ui-grid-header-viewport{overflow:visible !important}
.ui-grid{border: none !important; margin: 40px 10px 0; border-top: 1px solid #ddd !important; padding-top: 5px; width: 98%}
.ui-grid-cell-contents{font-size:14px;color:#000}
.ui-grid-viewport{max-height:350px;height:350px !important}
.ui-grid-canvas .ui-grid-row .ui-grid-cell{height:auto; border-right:none}
.ui-grid-cell .ui-grid-cell-contents{text-overflow: unset; overflow: visible; white-space: normal; word-break: break-all;}
.ui-grid-canvas .ui-grid-row:nth-child(even) .ui-grid-cell{background:#fff }
.timeline-modal .modal-content{position:relative}
.timeline-modal .modal-content .ui-grid-pager-panel{bottom:-415px}
.timeline-modal .modal-content .ui-grid-pager-panel .ui-grid-pager-row-count-picker{position:relative; top:0px;}
.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label{margin-left:5px}
.ui-grid-column-menu-button-last-col{margin-right:0}
.ui-grid-header-cell .sortable span:last-child{margin-left: 10px; margin-top: 1px; position: relative; top: -3px; color:#888}
.timeline-modal .add-candidate-id i{display:none}
.ui-grid-column-menu-button:after{background: url("../images/refex-sprite-icon.png");background-position:-48px -95px; position:absolute; content:""; height:15px; width:15px; top: 5px; right:5px}
.ui-grid-filter-container .ui-grid-filter-button:after{ right: -12px; top: -80px; content: "+"; font-size: 22px; transform: rotate(45deg); opacity: 0.7; position:absolute;  height:15px; width:15px; }


/* Proferma*/
.reference-select-toggle{margin-top:20px;}
.reference-select-toggle .content-bar{padding-top:0}
.reference-select-toggle .form-info{margin-bottom: 15px;}
.reference-select-toggle label{padding-bottom: 3px;}
.reference-select-toggle label input{margin-right: 8px; position: relative; top: 2px;}

dl.proforma{border-top: 1px solid #ddd; margin-top: 30px; padding-top: 20px; padding-right:0}
.proforma p{margin-bottom: 15px;}
.proforma .btn-container{position:relative}
.proforma .btn-container .loading{position:absolute; top: 5px; left: 92px;}
.proforma i{font-style:normal; display:block; color:#999; margin-top: 3px;}
.proforma .upload-btn, .proforma button{background:#007fa9; color:#fff; border:none; border-radius: 4px; padding:5px 12px 5px 32px; font-size:14px; position:relative}
.proforma .upload-btn.active, .proforma button.active{opacity: 0.5; }
.proforma .upload-file{background:#f1f1f1; border-left:2px solid #738900; width:100%; color:#888; font-size:14px; padding:5px 0 5px 40px; margin-top:18px; margin-bottom:5px; position:relative}
.proforma .upload-file h5{ width:90%; margin-right:5%;}
.proforma .upload-btn:before, .proforma .upload-file h5:before, .proforma button:before, .refex-referee-card span.download-proforma a:before{background: url("../images/refex-sprite-icon.png"); position:absolute; content:"";  height:22px; width:22px;  }
.proforma .upload-btn:before, .proforma button:before{background-position: -100px -10px; left:10px; top:5px;}
.proforma .upload-file h5:before{background-position: -132px -11px; left:15px; top:14px;}
.proforma .upload-file a{position: absolute;}
.proforma .upload-file a.delete{ right: 0px; top: 20px; color: #666; font-size: 18px; font-size: 22px;}
.proforma .upload-file a.download{}
.proforma .my-disable{pointer-events:none; opacity: 0.5;}

.refex-referee-card span.download-proforma{position:relative}
.refex-referee-card span.download-proforma a{padding-left:30px}
.refex-referee-card span.download-proforma a.active{color:#002776}
.refex-referee-card span.download-proforma a:before{left:0; top:-2px; background-position: -97px -48px}
.refex-referee-card span.download-proforma a.active:before{left:0; top:-2px; background-position: -97px -82px}
.refex-referee-card span.download-proforma .loading{position:absolute; top: 0px; left: 150px;}

.proforma .upload-file a{ width:5%; transform:rotate(45deg); display:block; position:absolute; right: 0; top: 21px; font-size: 24px; color: #888; }

.user-management .waiver-content .modal-header{padding-left:35px}
.user-management #create_new_team .waiver-content .modal-body{height:150px;}
.user-management #create_new_team .waiver-content .modal-body label{margin-bottom: 10px; margin-right: 58px;}
.user-management #create_new_team .waiver-content .modal-footer{padding: 0 35px 25px;}

.waiver-modal-content .form-info, .waiver-modal-content .proforma{margin-bottom:15px;}
.waiver-modal-content .btn-lg{margin:0}
.waiver-modal-content .alert{margin-top:10px;}
.waiver-comment{padding-left:0; margin-top:12px;}


.additional-documents .file-upload-wrapper {border: 2px dashed #ddd; text-align: center; padding: 20px 0;}
.additional-documents .file-upload-wrapper label {display: block; margin-bottom: 10px; font-size: 14px; color: #000;}
.additional-documents .file-upload-wrapper button{padding-left: 15px; border-radius: 0; padding-right: 15px;}
.additional-documents .file-upload-wrapper button:before{display:none;}

.additional-documents .logs-list .logs-list-header{margin-bottom: 0;}
.additional-documents .logs-list li{background:#fff}
.additional-documents .logs-list li:hover{background:#eeeeee}
.additional-documents .logs-list .logs-list-header li:hover{background:#FFFFFF}
.additional-documents .logs-list li > div{padding:0}
.additional-documents .logs-list li .category{width:60%;}
.additional-documents .logs-list li .type{width:25%; }
.additional-documents .logs-list  li .action{width:15%;}
.additional-documents .logs-list .logs-list-header h3{font-weight:normal; color:#666;}
.additional-documents .logs-list li a{ color:#000; font-size:12px;}

.additional-documents .logs-list .long-list-body{max-height:140px; overflow:auto}

.additional-documents .logs-list li .action a{display: inline-block; height: 20px; width: 20px;  position: relative;}
.additional-documents .logs-list li .action .download:after{position:absolute; height:20px; width:20px; content: ""; background: url("../images/add_comment_dwnload_icon.png") no-repeat 0 0; top:2px; left:-2px }
.additional-documents .logs-list li .action .delete{font-size: 28px; color: #F7911E; transform: rotate(45deg); }

.additional-documents .notification{background:#f7e8e7; border-radius:3px; float: left;width: 100%;padding: 10px 60px 10px 10px; position:relative}
.additional-documents .notification span{color:#e0002b; }
.additional-documents .notification a{position: absolute;right:10px;top:12px;color:#007fa9;text-transform: uppercase;font-size: 12px;}
.file-icon{position:absolute; height:30px; width:30px; right:30px}
.file-icon:after{position:absolute; height:30px; width:30px; background: url("../images/add_comment_file-icon.png") no-repeat 0 0; content:""; top: 2px; right: 7px; background-position: -40px -4px; }
.file-icon.active:after{background-position: -7px -4px; }

.refex-referee-highlight {border: 1px solid blue;}

.btn-pdf-dwnlod{position: absolute; right: 40px; top: 3px; height:40px; min-width:100px; background: #007fa9;border: none ;font-size: 12px;color: white;cursor: pointer}
.btn-pdf-dwnlod.pdf-loading{right:70px}
.pdf-loading-icon{position: absolute; right: 30px; top: 3px;}

.referee-para2{font-size: 14px;line-height: inherit;color: #ED5CA2; font-style: italic;margin-bottom: 30px;}
.referee-para1{font-size: 13px;line-height: 1.33;color: #777; margin-bottom: 0;margin-top: 20px}
.reference-mandate-popup2{font-size: 16px;line-height: 1.28;color: #ED5CA2; font-style: normal;margin-bottom:5px;}
.reference-mandate-popup1{font-size: 16px;line-height: 1.25;color: black; font-style: normal;margin-bottom: 8px;margin-top:10px}


.language-dropdown{float: right; width: 10%;}
.header-white-bar #language .language-dropdown a{padding: 10px;}
.language-dropdown .refex-sub-menu{width: 100%;}
.header-white-bar #language .language-dropdown li {width:100%;}
.header-white-bar #language .language-dropdown li a{width:100%; padding: 10px;}
.header-white-bar .container div a img{display: inline-block; max-width: 40vw; width: 100%;}