@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);
@import url(https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
/*RESET STYLES*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,button {
    /*    margin: 0;
        padding: 0;*/
    border: 0;
    /*font-size: 100%;*/
    /*font: inherit;*/
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
button {
    background: none;
    outline: none;
    cursor: pointer;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a{
    text-decoration: none;
}
/*MAIN STYLES*/
body{
    background-color:#EFEFEF;
    font-family: 'Lato', sans-serif;
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    color: #333;
    font-weight: 400;
    font-size: 14px;;
    overflow-x: hidden;
    height: 100%;
    line-height: 1.42857;
}
/* html {
    height: 100%;
} */
input {
    outline: none;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #717171;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #717171;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #717171;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #717171;
}
.portrait {
    display: none;
}
/*HEADER*/
.header {
    /*    position: absolute;*/
    overflow: hidden;
    background-color: #0277bd;
    height: 100px;
    z-index: 4;
    box-shadow: 0 2px 8px rgba(0,0,0,.5);
    width: 100%;
    margin-bottom: 1em;
}
.show-menu .header > div:first-child{
    -webki-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
/* .header > div:first-child{
    width: 8%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    cursor: pointer;
    line-height: 100px;
    text-align: center;
    font-size: 2.5em;
    color: #014269;
} */
/* .header > div:last-child>div{
    float: right;
    line-height: 100px;
}
.header > div:last-child button{
    color: #014269;
    width: 10%;
    right: 70px;
} */
.header-navi {
    vertical-align: top;
}
.header-navi >*{
    /* float: right;*/
    /*line-height: 40px;*/
}

.header-navi input::-webkit-input-placeholder{
    color: #fff;
}

::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #b4b4b4;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #b4b4b4;
}
::-webkit-scrollbar-thumb:active {
  background: #9a9a9a;
}
::-webkit-scrollbar-track {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #e1e1e1;
}
::-webkit-scrollbar-track:active {
  background: #e1e1e1;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

.header-navi input{
    background-color: #025b91;
    height: 40px;
    line-height: 42px;
    border: none;
    border-radius: 10px;
    margin-right: 2%;
    font-size: 0.5em;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    color: #FFF;
    box-sizing: border-box;
    width: 0;
    padding: 0;
    opacity: 0;
}
.header > div:last-child .header-search-btn{
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.header > div.search-active:last-child .header-search-btn{
    color: #FFF;
    position: relative;
    -webkit-transform: translate(50px, 0);
    -moz-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    transform: translate(50px, 0);
}

.header-navi.search-active input{
    width: 60%;
    opacity: 1;
    padding: 0 20px 0 20px;
}
/* .header > div:last-child{
    width: 30%;
    position: absolute;
    text-align: right;
    right: 0;
    padding-top: 30px;
    top: 0;
    color:#014269;
    font-size: 2.2em;
} */
.header > div.title{
    color: #fff;
    font-size: 2em;
    text-shadow: 0 2px 4px rgba(0,0,0,.3);
    font-weight: 100;
    line-height: 111px;
    text-align: center;
}
.header > div{
    width: 92%;
    float: left;
}
.main .wrapper{
    padding-top: 100px;
}
.main {
    width: 86%;
    height: 100%;
    padding: 0 7%;
}
.align-center {text-align: center;}
.align-right {text-align: right;}

/*TABLE STYLES*/
.table  {
    width: 100%;
    margin: 25px 0;
    background-color: #fff;
}
.table > div{
    width: 100%;
}
.table > div.head > div >div{
    background: #fff;
    color: #344B5C;
}
.table > div > div >div{
    white-space: nowrap;
    border-radius: 5px;
    padding: 17px 25px
}
.table > div.body:nth-child(2n){
    background-color: #FCFCFC;
}
.table > div > div{
    display:inline-block;
    box-sizing: border-box;
    padding: 10px;
    vertical-align: top;
    margin-left: -4px;
}
.table>div {
    box-sizing: border-box;
}
.table .head >div:first-child{
    border: none;
}

#candidates .details>div{
    background-color: #D6D7D8;
}
.table .head >div{
    border-left:1px solid #E3E4E5;
    position: relative;
}

.table .body >div{
    padding: 10px;
}
.table .body >div>div{
    padding-left: 25px;
}
.table .head .head-arrow{
    position: absolute;
    right: 25px;
    top: 25px;
    color: #BABABA;
    cursor: pointer;
    font-size: 1.4em;
}
.table .head {
    position: relative;
    background-color: #D6D7D8;
}
.site-container{
    height: 100%;
}
/* .page{
    position: absolute;
    top: 0;
    height: auto;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
} */
.show-menu .page{
    -webkit-transform: translate(30%, 0);
    -moz-transform: translate(30%, 0);
    -ms-transform: translate(30%, 0);
    transform: translate(30%, 0);
}
/*Menu*/

.show-menu .main-overlay,
.show-tabs .main-overlay {
    display: block;
}
.menu .logo {
    padding: 36px 0;
    text-align: center;
}
.menu .menu-search input{
    border: 0;
    height: 44px;
    width: 100%;
    border-radius: 10px;
    background: #262626;
    padding-left: 45px;
    padding-right: 10px;
    box-sizing: border-box;
    color: #717171;
    font-size: 1.2em;
}
.menu .menu-search>div>span{
    position: absolute;
    top: 11px;
    left: 10px;
    font-size: 1.5em;
    color: #717171;
}
.menu .menu-search>div{
    width: 82%;
    position: relative;
    margin: 0 auto;
}
.menu .menu-search {
    text-align: center;
    padding: 22px 0;
}
.main-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    display: none;
    position: absolute;
    z-index: 2;
}
.show-menu .menu {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    left: 0;
}
.menu li a>span{
    font-size: 1.3em;
    width: 50px;
}
.menu li{
    border-bottom: 1px solid #262626;
}
.menu li a:hover{
    color: #FCFCFC;
}
.menu li a{
    padding-left: 10%;
    text-transform: uppercase;
    color: #717171;
    font-size: 1.6em;
    font-weight: 100;
    line-height: 2.9em;
    display: block;
}
.menu {
    top: 0;
    background-color: #323232;
    width: 30%;
    /*height: 100%;*/
    float: left;
    position: absolute;
    z-index: 3;
    left: -30%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    -webkit-transform: translate(-30%, 0);
    -moz-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
    min-height: 100%;
}

.menu .name{
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 20px;
}
#candidates .fa-eye.active {
    color:#ABABAB;
}
/*Tabs*/
.tab-container .tabs li>a{
    text-align: center;
    font-weight: 100;
    line-height: 75px;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0;
}
.tab-container .tabs li>a,
.tab-container .tabs li{
    outline: none;
    width: 100%;
    color: #000;
    box-sizing: border-box;
}
.ui-widget-header{
    background-color: #fff;
}
.tab-container .tabs ul>li:first-child{
    border: none;
}
.tab-container .tabs p{
    padding: 25px 15px;
    font-size: 1.2em;
    line-height: 1.5;
    color: #4c4b4b;
}
.tab-container .tabs li{
    width: 25%;
    padding: 0;
    border: 0;
    border-left: 2px solid #ececec;
    background: none;
    box-sizing: border-box;
    margin: 0;
}
.tab-container .tabs li.ui-state-active>a{
    background: #fff;
    font-weight: 100;
    color: #40A494;
    border-bottom: 2px solid #40A494;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #fff ;
    color: #40A494;
    border-bottom: 2px solid #40A494;
}
.tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all{
    padding: 0;
    border: none;
}
.ui-widget-content{
    background: none;
}
ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    border: none;
    background: #fff;
      display: flex;
}
.tab-container .tabs{
    background-color: #ECECEC;
}
.tab-container .tab-avatar img{
    max-width: 150%;
    max-height: 150%;
}
.tab-container .tab-avatar{
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-right: 5%;
}
.tab-container .tab-wrapper{
    box-sizing: border-box;
    padding-top: 100px;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    box-shadow: 0 2px 8px rgba(0,0,0,.5);
    background-color: #ECECEC;
}
.tab-container {
    position: absolute;
    width: 38%;
    background-color: #ECECEC;
    right: -38%;
    height: auto;
    top: 0;
    z-index: 3;
    box-sizing: border-box;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
}

.show-tabs .tab-container{
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    right: 0;
}
.tab-user-info .tab-name{
    line-height: 70px;
    font-size: 2em;
    font-weight: 100;
}


.selected_option{
    background: #EEE;
    color: #0277bd;
}

.tab-wo-avatar{
    line-height: 30px !important;
}

.tab-user-info > div{
    float: left;
}
.tab-user-info{
    padding: 25px 40px;
    overflow: hidden;
    background-color: #fff;
}
/*Candidates*/
#candidates .col-1{width: 6.7%;}
#candidates .col-2{width: 10%;}
#candidates .col-3{width: 16.5%;}
#candidates .col-4{width: 16.5%;}
#candidates .col-5{width: 17.5%;}
#candidates .col-6{width: 17.3%;}
#candidates .col-7{width: 16%;}
#candidates .details>div{line-height: 25px;padding: 0;font-size: 0.8em;}
#candidates .fa-eye {color:#5AC8B6;cursor: pointer;}
#candidates .body>div:nth-child(even){color: #0277BD;}
#candidates .body>div:nth-child(odd){color: #13608F;}
#candidates .body>div:nth-child(2){color: #000;}

@media all and (max-width: 1024px){
    .main {
        width: 100%;
        height: 100%;
        padding: 0;
    }
    .table > div > div > div {
        white-space: nowrap;
        border-radius: 5px;
        padding: 17px 5px;
    }
    .header > div:last-child {
        width: 40%;
    }
    .show-menu .page{
        -webkit-transform: translate(40%, 0);
        -moz-transform: translate(40%, 0);
        -ms-transform: translate(40%, 0);
        transform: translate(40%, 0);
    }
    .menu {
        width: 40%;
        left: -40%;
    }
    li.linkedin-tab{
        display: none;
    }
    .tab-container .tabs li {
        width: 33.3%;
    }
    .table .body > div > div {
        padding-left: 0;
    }

    .table .body > div:first-child > div {
        padding-left: 0;
        text-align: center;
    }
}
@media all and (max-width: 768px) {
    .header > div.title {
        line-height: 100px;
        text-align: left;
    }
    #candidates .mail{
        display: none;
    }
    #candidates .portrait a{
        color: #459bcf;
        font-size: 1.4em;
    }
    .header > div:last-child {
        width: 50%;
    }
    #candidates .portrait{
        display: block;
        text-align: center;
    }
    .table > div.head > div >div {
        font-size: 0.8em;
    }
    #candidates .col-6 {
        width: 19.3%;
    }
    #candidates .col-5 {
        width: 12.5%;
    }
    #candidates .col-2 {
        width: 11%;
    }
    .menu li a {
        font-size: 1.2em;
    }
    .tab-container {
        width: 75%;
    }
    .tab-container {
        right: -75%;
    }
    .table > div > div > div {
        padding: 17px 4px;
    }
}

.grid-view th {
    margin: .6em;
    padding: 1.4em !important;
    background: none repeat scroll 0 0 #D6D7D8;
    vertical-align: middle !important;
    text-align: center !important;
    color: #717171;
    font-weight: normal;
}

.grid-view thead a {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: .4em;
    padding: 1em;
    color: #717171;
    font-weight: normal;
}

.grid_tab{
    padding: 1%;
    border: #ddd thin solid;
    background: #fff;
    margin-bottom: 5px;
}

.grid_td {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    line-height: 35px;
}

.grid_tr{
    border-bottom: #eee thin solid;
}

.grid_th {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    min-width: 150px;
    padding-left: 5px;
    color: #40a494;
    vertical-align: top;
}

.grid_th span{
    float: right;
}

.grid_tab_container_answer{
    background: none repeat scroll 0 0 #ddd;
    margin-bottom: 5px;
    padding: 5px;

}
.header_lable{
    padding: 10px;
    background: #ddd;
}

.error_customised {
    background: none repeat scroll 0 0 #fff;
    color: #f40000;
    padding: 10px;
}

.success_customised {
    background: none repeat scroll 0 0 #fff;
    color: #369E11;
    padding: 10px;
}
.msg_customised span{
    float: right;
    cursor: pointer;
}

.hide_status{
    display: none;
}


.details_group{
    background: #FFFFFF;
    /*border-radius: 10px 10px 0px 0px;*/
    margin-bottom: 20px;
    border: #DDD thin solid;
}

.details_header{
    padding: 1px 10px;
    background: #007d9b;
    border-radius: 5px 5px 0px 0px;
    color: #fdfdfd;
}


.details_body{
    padding: 10px;
}

.ui-datepicker{
    background:#FFF !important;
    z-index: 9999 !important;
}

.table-add-row{
    text-align: center;
}

.helparea{
    background: none repeat scroll 0 0 #fff;
    border: medium none #ccc;
    box-shadow: 1px 1px 5px #ccc inset;
    padding: 10px;
    text-align: center;
}
.helparea span{
    color: #F00;
    line-height: 25px;
}

.helparea span span{
    font-weight: bold;
}

.edit_number_cell{
    color: #000;
}

.custome_controls div select, .custome_controls div input, .custome_controls div button{
    border: #EEE thin solid;
    background: #FFF;
    padding: 5px;
}

.custome_controls > div {
    background: none repeat scroll 0 0 #eee;
    border: thin solid #ddd;
    padding: 2px;
    display: inline-block;
}

.custome_controls{
    text-align: right;
}

.customise_list_ul {
    background: none repeat scroll 0 0 #ffffff;
    margin-top: -13px;
    max-height: 200px;
    overflow-y: auto;
    margin-bottom: 20px;
    border: #bbb thin solid;
}

.customise_list_li {
    border-bottom: thin solid #ccc;
    padding: 10px;
    cursor: pointer;
}
.loading_div{
    background: #fff;
    text-align: center;
}
.customise_list_li:hover{
    background: #ddd;
}


.glyphicon{
    border: thin solid #ccc;
    display: inline-block;
    float: left;
    margin-right: 2px;
    padding: 2px;
    margin-bottom: 2px;
}

/*
 * Tab Interface
 */

.group_tabs_list {
    height: 30px;
    width: 104%;
}

.group_tab_item{
    background: none repeat scroll 0 0 #555;
    border-left: thin solid #ddd;
    border-right: thin solid #ddd;
    border-top: thin solid #ddd;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 5px;
    text-align: center;
    text-shadow: -1px -1px 0 #666, 1px 1px 0 #000;
}

.group_tab_item_display{
    background: none repeat scroll 0 0 #555;
    border-left: thin solid #ddd;
    border-right: thin solid #ddd;
    border-top: thin solid #ddd;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 5px;
    text-align: center;
    text-shadow: -1px -1px 0 #666, 1px 1px 0 #000;
}

.group_tab_item:hover{
    background: #FFF;
    color: #000;
    text-shadow: none;
}

.group_tab_item_active{
    background: #FFF;
    color: #000;
    text-shadow: none;
}

.head_of_the_page{
    background: none repeat scroll 0 0 #555;
    color: #fff;
    display: inline-block;
    padding: 10px;
    text-align: center;
    text-shadow: -1px -1px 0 #666, 1px 1px 0 #000;
    color: #FFF;
}

.group_tab{
    display: none;
}

.group_tab_active{
    display: block;
}


/*
 * Field length management
 */
.tab-col-3{
    display: inline-block;
    vertical-align: top;
    width: 32%;
}

.tab-col-3-2{
    display: inline-block;
    vertical-align: bottom;
    width: 16%;

}
.tab-col-3-3{
    display: inline-block;
    vertical-align: bottom;
    width: 13%;
}


.tab-col-1{
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.tab-col-2{
    display: inline-block;
    vertical-align: top;
    width: 49.6%;
}

.form-control{
    border-radius : 0px;
    height: 40px;
    border: #888 thin solid;
}

.response_data {
    display: none;
    background: none repeat scroll 0 0 #eee;
    /*border: #007d9b thin solid;*/
    height: auto;
    left: 30%;
    line-height: 30px;
    opacity: 0.92;
    position: fixed;
    text-align: center;
    top: 0;
    width: 40%;
    border-radius: 0px 0px 10px 10px;
    z-index: 9999;
    color: #FFF;
}

.response_overlay{
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000;
    opacity: 0.4;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 9998;
}

.create_inner_tab .details_group{
    background: #EEE;
}

.error{
    color: #a94442;
    font-weight: normal;
    border-color: #a94442 !important;
}

.select2-selection.select2-selection--single{
    border-color: #888;
    border-radius: 0;
    box-shadow: none;
    height: 40px !important;
    line-height: 25px;
    padding: 6px;
}
.select2-selection__arrow {
    height: 39px !important;
}

.site-login{
    float: none;
    margin: auto;
}

.li_page_number .page_number, .li_page_number span{
    height: 35px;
    line-height: unset !important;
    padding: 5px;
    width: 35px !important;
    text-align: center;
}

.action_field2{
    width: 62px;
}

.action_field3{
    width: 92px;
}

.action_field1{
    width: 32px;
}

.menu-icon {
    position: absolute;
}

.header .title{
    width: 100%;
}

.main_screen_sub{
    background: none repeat scroll 0 0 #eee;
    display: inline-block;
    float: right;
    font-size: 18px;
    margin-top: 23px;
    right: 0;
}
.main_screen_sub label {
    background: none repeat scroll 0 0 #ddd;
    padding: 5px;
    text-align: center;
    width: 100px;
    font-weight: normal;
    color: #333;
    border-radius: 5px;
    border: thin solid #ddd;
    cursor: pointer;
}

.main_screen_sub label.active {
    background: none repeat scroll 0 0 #fff;
}


/*
 * Interested Block Imp Notice
 */

.pending_to_submited_confirm{
    display: none;
}
.imp-notice {
    background: none repeat scroll 0 0 #eee;
    border: thin dashed #800;
    border-radius: 4px;
    color: #000;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 20px;
}

.imp-notice li {
    list-style: disc outside none;
    padding: 5px;
}

.imp-notice > h3 {
    margin-top: 0;
}

.detailed_view_body_wrap{
    width: 33%;
    display: inline-block;
    vertical-align: top;
}
.detailed_view_body{
    height: 250px;
    overflow: hidden;
}

.detailed_view_body table, .detailed_view_body_wrap h4{
    margin-bottom: 0px;
    margin-top: 0;

}

.detailed_view_body_wrap h4{
    padding: 10px;
    background: #BBB;
    margin-top: 10px;
}

.see_more{
    background: none repeat scroll 0 0 #eee;
    border: thin solid #ddd;
    color: #08f;
    cursor: pointer;
    padding: 5px;
    text-align: center;
    width: 100%;
}

#search_result, #search_result_business{
    height: 550px;
    overflow-y: auto;
}
#search_result_interview{
     height: 250px;
    overflow-y: auto;
}
#search_result_requirements, #search_result_placements {
    height: 250px;
    overflow-y: auto;
}
.header_imp_actions{
    margin-top: 10px;
    margin-bottom: 10px;
    background: #DDD;
    border-top: #CCC thin solid;
    padding: 5px;
}

.header_imp_actions h4{
    color: #337ab7;
    float: right;
    margin: 0;
    padding: 5px;
}


/*QUESTION RELATED*/

.questions_container {
    width:100%;
    padding: 10px;
    text-align: left;
    display:none;
}

.question_title {
    width:100%;
    padding: 10px;
    background: #ddd;
    cursor: pointer;
}


/*
 *  End of question related
 */

#accept-search-form{
    background: none repeat scroll 0 0 #ddd;
    border: thin solid #ccc;
    margin-bottom: 20px;
    padding: 10px;
}

.search_list{
    padding: 10px;
}

.search_list_wapper{
    background: #eee;
    border: #ddd thin solid;
    margin-bottom: 10px;
}

.search_list_wapper h4{
    margin: 0px;
    background: #CCC;
    padding: 10px;
}

.category_expand td{
    padding: 10px;
    background: #ddd;
    cursor: pointer;
}

.search_list table{
    width: 100%;
    border: #999 thin solid;
}

.category_inner td{
    padding: 5px;
    padding-left: 20px;

}


.category_inner{
}

.category_expand_icon{
    margin-right: 10px;
}

.chk_searches{
    vertical-align: top;
}

.accept-search-form{
    background: #ddd;
}

.search_criteria div select,
.search_criteria lable {
    border: thin solid #ddd;
    display: inline-block;
    height: 34px;
    margin: 0 !important;
    vertical-align: middle;
    width: 100px;
}

.search_criteria div span{
    width: 60px;
    height: 30px;
    cursor: pointer;

}

.search_criteria div{
    background: none repeat scroll 0 0 #eee;
    display: inline-block;
    height: 45px;
    line-height: 35px;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}

.search_criteria{
    border: #999 thin solid;
    text-indent: 10px;
    text-align: right;
    background: #EEE;
    margin-bottom: 10px;
}

.search_criteria_label{
    float: left;
    margin-top: 10px;
}

.search_criteria_label span{
    background: none repeat scroll 0 0 #d9534f;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    padding: 3px;
}

.lable_with_count span{
    background: none repeat scroll 0 0 #d9534f;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    padding: 3px;
}

#filters_wrapper{
    margin-bottom: 20px;
}



/*
 * Use this thing for listing anything
 *
 */

.list_wrapper{
    background: #EEE;
}

.list_wrapper h4{
    padding: 10px;
    background: #BBB;
    margin: 0px;
}

.list_ul{
    background: #EEE;
    margin: 10px;
    border: #999 thin solid;
}

.li-icon{
    margin-right: 10px;
}

.grid_tab_row_td {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

.margin-top-bottom{
    margin-top: 10px;
    margin-bottom: 10px;
}

.dark_wrapper{
    background: #ddd;
    padding: 10px;
}


#attachement_list > div{
    background: none repeat scroll 0 0 #eee;
    border: thin solid #ddd;
    margin: 2px;
    padding: 5px;
    height: 40px;
}

#attachement_list > div > div{
    display: inline-block;
}


.close_attachements{
    background: none repeat scroll 0 0 #ddd;
    border-radius: 23px;
    cursor: pointer;
    float: right;
    height: 30px;
    line-height: 25px;
    text-align: center;
    width: 30px;
}

.cvparser_download {
    height: 28px;
    line-height: 28px;
    margin-top: 18px;
    padding: 0;
    width: 81px;

}

.cvparser_candidate {
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px !important;
    padding: 5px !important;
}

.add-noncv-textarea {
    max-width: 1098px;
    height: 80px;
    resize: none;
}

.add-noncv{
    margin-top: 5px;
}

#user_info{
    width: 100%;
    min-height: 250px;
}

.info_block{
    background: none repeat scroll 0 0 #ddd;
    color: #f00;
    margin: 50px 0 auto;
    padding: 10px;
    text-align: center;
    width: 100%;
}


.cv-update {
    max-width: 1120px;
    height: 417px !important;
    resize: none;
}

.cv-view-window {
    display: none;
}

.cv-view-window-block {
    display: block;
}


.cv-view-buttton {
    margin: 3px;
    width: 11%;
    font-size: 12px;
}

.button-container{
    background: none repeat scroll 0 0 #ddd;
    margin-bottom: 13px;
    padding: 5px;
    text-align: center;
}


#btn_spot_light_search{
    background: none repeat scroll 0 0 #b10;
    border: medium none;
    color: #ddd;
    padding: 0;
    text-align: center;
    width: 68px;
    display: none;
}
#postcode
{
    /*width: 11%;*/
    opacity: 1;
    padding: 0 20px 0 20px;
    height: 40px;
}
.input_search
{
    /* width: 11%;*/
    opacity: 1;
    padding: 0 20px 0 20px;
    height: 40px;
}

#btn_can_search{
    background: none repeat scroll 0 0 #b10;
    border-radius: 8px;
    border: medium none;
    color: #ddd;
    padding: 0;
    text-align: center;
    width: 68px;
    height: 44px;


}
#btn_contact_search{
    background: none repeat scroll 0 0 #b10;
    border: medium none;
    color: #ddd;
    padding: 0;
    text-align: center;
    width: 68px;
    display: none;
}

#result_spot_light_search{
    background: none repeat scroll 0 0 #fff;
    margin-left: 5%;
    position: fixed;
    width: 90%;
    display: none;
    z-index: 9999;
    margin-top: -90px;
}

#spot_light_search_list{
    max-height: 400px;
    overflow-y: auto;
}

#spot_light_search_list table{
    margin: 0px;
}


.btn_circle_red {
    background: none repeat scroll 0 0 #ff0000;
    border-radius: 25px;
    color: #fff;
    font-size: 13px;
    height: 26px;
    left: 97%;
    line-height: 1px;
    position: absolute;
    text-align: center;
    top: 2%;
    width: 27px;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
}


.overlay_spot_light_search{
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000;
    opacity: 0.4;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 9998;
}


/*
 *Advance search block
 *
 */
.advancesearch_container {
    width:100%;
    padding: 10px;
    text-align: left;
    display:none;
}


/*
 * CV View
 */

.cv_left{
    width: 50%;
    display: inline-block;
}

.cv_right{
    display: inline-block;
    vertical-align: top;
    width: 48%;

}


.cv_right table{
    float: right;
}

.cv_header{
    background: none repeat scroll 0 0 #fff;
    margin: auto;
    padding: 20px;
}

.cv_head_name{
    font-size: 20px;
    font-weight: bold;
}

.cv_body{
    background: none repeat scroll 0 0 #ddd;
    border: thin solid #ccc;
    padding: 20px;
    font-size: 16px;
}

#report_view_table th{
    padding: 10px !important;
}

#report_view_table{
    overflow-x: auto;
    overflow-y: auto;
}

.agent_in_list {
    background: none repeat scroll 0 0 #ddd;
    border: thin solid #ccc;
    display: inline-block;
    height: 100px;
    margin: 10px;
    text-align: center;
    vertical-align: top;
    width: 200px;
    padding: 10px;
    cursor: pointer;
}

.agent_in_list {
    background: none repeat scroll 0 0 #ddd;
    border: thin solid #ccc;
    display: inline-block;
    height: 100px;
    margin: 10px;
    text-align: center;
    vertical-align: top;
    width: 200px;
    padding: 10px;
    cursor: pointer;
}
.agent_in_list .fa:hover {
    background: none repeat scroll 0 0 #BBB;

}

.agent_in_list h5{
    margin: 0px;
    font-weight: bold;
    color: #337ab7;
}

.agent_in_list p{
    font-size: 12px;
}

.agent_in_list .fa{
    padding: 5px;
    background: #ddd;
    border: thin solid #ccc;
    background: #CCC;
}

.report_in_list {
    background: none repeat scroll 0 0 #ddd;
    border: thin solid #ccc;
    display: inline-block;
    height: 40px;
    margin: 10px;
    text-align: center;
    vertical-align: top;
    width: 200px;
    padding: 10px;
    cursor: pointer;
}
.report_in_list .fa:hover {
    background: none repeat scroll 0 0 #BBB;

}

.report_in_list h5{
    margin: 0px;
    font-weight: bold;
    color: #337ab7;
}

.report_in_list p{
    font-size: 12px;
}

.invoice_add {
    background: none repeat scroll 0 0 #ddd;
    border: thin solid #ccc;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    height: 100%;
    margin-bottom: 15px;
    padding: 5px;
    width: 100%;
}

.invoice_add .tab-col-3{
}

.detailed_league_menu{
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

.detailed_league_body{
    width: 79.3%;
    display: inline-block;
    vertical-align: middle;
    min-height: 200px;
    overflow: auto;
    max-height: 510px
}

.detailed_league_list {
    display: inline-block;
    text-align: center;
    width: 100%;
    cursor: pointer;
}

.detailed_league_list :hover{
    background: #555;
}

.detailed_league_list_active > label{
    background: #555 !important;
}

.detailed_league_list > label {
    background: none repeat scroll 0 0 #333;
    margin: 0;
    height: 30px;
    line-height: 30px;
    width: 100%;
    color: #FFF;
    text-align: left;
    text-indent: 20px;
    cursor: pointer;

}


.invoice_add .tab-col-2{
    margin-left: 2px;
    margin-top: 5px;
}

.invoice_add .tab-col-1{
    margin-left: 2px;
    margin-top: 5px;
}

.detailed_league_list {
    display: inline;
    text-align: center;
    width: 100px;
}

.detailed_league_list > label {
    background: none repeat scroll 0 0 #333;
    margin: 0;
    width: 100%;
    color: #FFF;
}

.detailed_league_list > h3 {
    background: none repeat scroll 0 0 #ddd;
    color: #333;
    margin: 0;
    padding: 10px;
    width: 100%;
}



.detailed_league_list span {
    float: right;
    margin-right: 20px;
}
.req_league_report_head {
    background: none repeat scroll 0 0 #444;
    color: #eee;
    font-size: 20px;
    padding: 10px;
    text-align: center;
}
.send_sms_close {
    background: none repeat scroll 0 0 #444;
    color: #eee;
    font-size: 20px;
    padding: 10px;
    text-align: center;
}
.send_submit_close {
    background: none repeat scroll 0 0 #444;
    color: #eee;
    font-size: 20px;
    padding: 10px;
    text-align: center;
}
.export_sms_close {
    background: none repeat scroll 0 0 #444;
    color: #eee;
    font-size: 20px;
    padding: 10px;
    text-align: center;
}

.notification{
    text-align: center;
    height: 100%;
    width: 100%;
    line-height: 100%;
    font-size: 20px;
    margin-top: 50px;
    color: #AAA;

}

.left_head_requirement_league {
    background: none repeat scroll 0 0 #444;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    height: 80px;
    line-height: 80px;
    text-align: left;
    text-indent: 20px;
    vertical-align: top;
    width: 20%;
}

.right_head_requirement_league{
    display: inline-block;
    height: 100%;
    width: 79%;
    background: #CCC;
}

#req_league_table{
    width: 100%;
}

.invoices_button {
    text-align: right;
}

.cannot_expand{

}

.can_expand > label {
    color: #337ab7;
}

#league_details {
    background: none repeat scroll 0 0 #fff;
    left: 5%;
    position: fixed;
    top: 10px;
    width: 90%;
}

.popup {
    background: none repeat scroll 0 0 #fff;
    left: 5%;
    position: fixed;
    top: 10px;
    width: 90%;
    min-height: 90%;
    display: none;
    z-index: 5;
}
.custompopup {
    background: none repeat scroll 0 0 #fff;
    left: 5%;
    position: fixed;
    top: 10px;
    width: 90%;
    min-height: 90%;
    display: none;
    z-index: 5;
}
.popuplinkedin{
    background: none repeat scroll 0 0 #fff;
    left: 25%;
    position: fixed;
    top: 10px;
    width: 50%;
    min-height: 90%;
    display: none;
    z-index: 5;
}
.agent_in_list_close{
    float: right;
    margin: 6px;
}
.sms_close, .notes_close{
    float: right;
    margin: 6px;
}

.submit_close{
    float: right;
    margin: 6px;
}
.export_close{
    float: right;
    margin: 6px;
}
.contact_export_close{
    float: right;
    margin: 6px;
}


.ui-tabs .ui-tabs-nav li {
    border-bottom-width: 0;
    float: left;
    list-style: none outside none;
    /* margin: 0 0 0 0 !important; */
    padding: 0;
    position: relative;
    top: 0;
    white-space: nowrap;
    /*min-width: 170px !important;*/
}

.custome_table{
    width: 100%;

}

#invoice-placements{
    width: 100%;
    overflow-x: auto;
}

.custome_table th{
    background: #EEE;
    border-bottom: thin solid #ddd;
    padding: 10px 5px;
    text-align: center;
}

.custome_table td {
    background: none repeat scroll 0 0 #fff;
    border-bottom: thin solid #ddd;
    padding: 10px 5px;
    text-align: center;
}

.small_text {
    border: thin solid #ccc;
    width: 120px;
    text-align:center;
}

.alternat_gray{
    background: #efe !important;
}

#details_placement_inovice {
    background: none repeat scroll 0 0 #fff;
    border: thin solid #ddd;
    margin-top: 10px;
    padding: 10px;
}

#create_contact_div {
    left: 10%;
    position: fixed;
    top: 10%;
    width: 80%;
    display:none;
    z-index:9999;
}

#create_notes_div{
    left: 10%;
    position: fixed;
    top: 10%;
    width: 80%;
    display:none;
    z-index:9999;
    background: #FFF;

}

.main_pop{
    left: 10%;
    position: fixed;
    top: 10%;
    width: 80%;
    display:none;
    z-index:9999;

}

.tab-name i {
    background: none repeat scroll 0 0 #eee;
    border: thin solid #ddd;
    border-radius: 3px;
    font-size: 15px;
    margin-left: 50px;
    padding: 5px;
    vertical-align: middle;
}

.create_department_wrapper .details_group {
    background: none repeat scroll 0 0 #eee;
}

.create_department_wrapper{
    display: none;
}


.advancesearch_containerRep {
    width: 100%;
}


.table_no_margin  {

    width: 100%;
    padding: 10px;
    background-color: #fff;
}


#loading {
    width: 30px;
    height: 30px;
    display: none;
    opacity: 0.7;
    background-color: #fff;
    text-align: center;
}

#loading-image {
    position: absolute;
    top: 100px;
    left: 240px;
    z-index: 100;
}


.individual_roles {
    display: inline-block;
    vertical-align: top;
    width: 28%;

}


.div_border {
    border: 2px solid #CCC;
    background-color: #CCCECF;
    padding: 15px;
    margin:4px;
}


/*
 *  Dashboard Style
 */
.lead{
    margin-bottom: 2px !important;
}

.dashboard_block {
    /* background: none repeat scroll 0 0 #ccc; */
    height: 40px;
}


.dashboard_block > .dashboard_tab {
    /* background: none repeat scroll 0 0 #ccc; */
    /* border-left: thin solid #ddd; */
    cursor: pointer;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 12.5%;
    border-bottom: 5px solid #ececec;
}
.dashboard_block > .dashboard_tab:hover
{
    background-color: #fbfbfb;
}
#dashboard_list_wrapper {
    background: none repeat scroll 0 0 #fff;
    min-height: 400px;
    width: 100%;
    /* padding: 10px; */
    margin-top: 10px;
}

.quick_link_block > div {
    display: inline-block;
    padding: 10px;
}

.quick_link_caption{
    background: none repeat scroll 0 0 #ddd;
    text-align: center;
    width: 150px;
}

.dashboard_tab_active{
    background: #faf3ff !important;
    border-bottom-color: #34005c !important;
}

.red_link{
    color: #db3236;
}

.green_link{
    color: #3cba54;
}

.blue_link{
    color: #4885ed;
}

.yellow_link{
    color: #f4c20d;
}

.logout_button {
    background: none repeat scroll 0 0 #db3236;
    border-radius: 8px;
    display: inline-block;
    float: right;
    margin-left: 20px;
    padding: 8px;
    text-align: center;
}

.logout_button a{
    color: #FFF !important;
    font-weight: bold;
}

.dashboard_message{
    display: inline-block;
    padding: 5px;
}

.quick_link_block {
    border: thin solid #ddd;
}

#search_group_candidate_list {
    background: none repeat scroll 0 0 #fff;
    border: thin solid #ddd;
    height: 90%;
    left: 5%;
    overflow-y: auto;
    padding: 10px;
    position: fixed;
    top: 5%;
    width: 90%;
    display: none;
    z-index: 99999;
}

#email_list_block{
    display: none;
}
#sms_list_block{
    display: none;
}
#export_list_block{
    display: none;
}

#group_merge_list_select{
    height: 100px;
}

#selected_grp_list > div {
    background: none repeat scroll 0 0 #eee;
    float: left;
    margin: 2px;
    border: #ccc thin solid;
}

#selected_grp_list div span{
    padding: 5px;
    font-weight: bold;
    float: none;
    border: medium none;
    cursor: pointer;
}

#selected_grp_list {
    border: thin solid #ddd;
    height: 100px;
    overflow-y: auto;
}


.copy_block{
    display: inline-block;
    width: 250px;
}

.copy_block label, .copy_block .form-control{
    display: inline-block;
}

.copy_block_wrapper{
    padding: 5px;
    background: #DDD;
    border: #CCC thin solid;
    float: right;
}

i.notes_ptr { cursor: pointer; }

.file-input .input-group {
    width: 93%;
}

.customSelect {
    height: 25px;
    line-height: 40px;
    border: 1px solid #ccc;
    width: 100px;
}

.customFile{
    padding: 0px;

}

#left_intrvw_report {
    display: inline-block;
    width:30%;
}

#center_intrvw_report {
    display: inline-block;
    width:30%;
}
#right_intrvw_report {
    display: inline-block;
    width:30%;
}

hr {
    background-color: black;
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

.div_border_interview {
    background-color: #f3f3f3;
    padding: 5px;
    border-right:thin solid #ddd;
    border-left:thin solid #ddd;
}

.header_color {
    background-color: #00aeff;
    padding: 15px;
}

.div_gap{
    border: thin solid #CCC;
    background-color: #CCCECF;
    margin-bottom:10px;
}

.div_filter {
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    float: right;
    text-align: center;
    padding: 5px;
    position: absolute;
    display: inline-block;
    margin-top: 30px;

}


.div_filter a{
    cursor: pointer;
    float: right;

}

.right_navigation
{
    right: 0px;
}

#wrapper {
    margin: 0 auto;
    background-color: #f3f3f3;
}





.cvparser-form .tab-col-3{
    width: 12%;
    font-size: 10px;
}

.cvparser-form .tab-col-3 .form-control {
    height: auto;
    padding: 5px;
    font-size: 10px;
}

.cvparser-form .tab-col-2{
    width: 15%;
    font-size: 10px;
}

.cvparser-form .tab-col-2 .form-control {
    height: auto;
    padding: 5px;
    font-size: 10px;
}

.cvparser-form .form-group, .cvparser-form .help-block{
    margin-bottom: 2px;
}

.helparea_cv_parser{
    display: inline-block;
    vertical-align: bottom;
    padding: 5px;
}
.cv_parser_block {
    background: none repeat scroll 0 0 #ddd;
    margin-bottom: 2px;
    padding: 5px;
}


.control80{
    width: 80%;
    display: inline-block;
}

.int_details_head {
    padding: 5px;
}

.int_header_div{
    width: 49%;
    display: inline-block;
    vertical-align: top
}

.int_caption {
    display: inline-block;
    min-width: 200px;
    vertical-align: top;
}



.int_data{
    display: inline-block;
    min-width: 200px;
    vertical-align: top;
}

#next_det{

    margin-right: 10px;

}

.a_border_padding{

    display: inline-block;
    padding:10px;
    background: #fff;


}

a.a_right{
    border-right: solid #d3d3d3;

}
.page_interview{
    display: inline;
    cursor:pointer;
    font-size: 20px;
    margin-bottom : 10px;
}

.pagination_active{
    background: #d3d3d3;
}

.odd_class {
    background-color: #efe !important;
}

.dashboard_td{
    border: #ddd thin solid;
}
.fa-search{
    font-size: 30px;
}
.btn.btn-primary.invoices-search.fa.fa-search {
    font-size: 15px;
}
.candemo .popup {
    display: none;
}

.candemo:hover .popup {
    display: block;

}
#alert_overlay{
    width: 100%;
    height: 200%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 98;
    display: none;
    background-color: #000000;
}

.transparent_class {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* IE 5-7 */
    filter: alpha(opacity=50);

    /* Netscape */
    -moz-opacity: 0.5;

    /* Safari 1.x */
    -khtml-opacity: 0.5;

    /* Good browsers */
    opacity: 0.5;
}
.popup_sms_css{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: auto;
    left: 37%;
    top: 12%;
    width: 25%;
}
.settings{
    margin: 2%;
}
.exportpopup{
    background: #edeeef none repeat scroll 0 0;
    left: 5%;
    margin-left: 32%;
    margin-top: 3%;
    min-height: 48%;
    position: fixed;
    top: 10px;
    width: 29%;
    z-index: 10;
}
.export-queue-form {
    margin-left: 28%;
}


.tooltip { /* hide and position tooltip */
    background-color: black;
    border-radius: 5px;
    color: white;
    float: right;
    height: auto;
    margin-left: -51px;
    margin-right: 15px;
    opacity: 0;
    padding: 7px;
    top: -33px;
    transition: opacity 0.5s ease 0s;
    width: 118px;
}

.tool-tip-hover:hover .tooltip { /* display tooltip on hover */
    opacity:1;
}


.tooltip-new {
  background-color: black;
  border-radius: 5px;
  color: white;
  float: left;
  font-size: 12px;
  height: 42px;
  margin-right: 15px;
  margin-top: -42px;
  opacity: 0;
  padding: 3px;
  top: -134px;
  transition: opacity 0.5s ease 0s;
  width: 141px;
}

.tool-tip-hover-new:hover .tooltip-new { /* display tooltip on hover */
    opacity:1;
}


.fa.fa-search.candidate-search-btn.tool-tip-hover-new {
    margin-right: -77px;
}
.fa-search{
    font-size: 30px;
}
.btn.btn-primary.invoices-search.fa.fa-search {
    font-size: 15px;
}
.candemo .popup {
    display: none;
}

.candemo:hover .popup {
    display: block;

}
#alert_overlay{
    width: 100%;
    height: 200%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 98;
    display: none;
    background-color: #000000;
}
#frm_send_group_export_cand_index{
    margin-left: -26%;
    margin-top: 8%;
}
.transparent_class {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* IE 5-7 */
    filter: alpha(opacity=50);

    /* Netscape */
    -moz-opacity: 0.5;

    /* Safari 1.x */
    -khtml-opacity: 0.5;

    /* Good browsers */
    opacity: 0.5;
}

.btn-file {
    margin-left: 7px !important;
}

#faxfiles-file {
    border-radius: 4px
}


.btn.btn-default.fileinput-remove.fileinput-remove-button {
    margin-left: 3px !important;
}

.btn.btn-default.kv-fileinput-upload.fileinput-upload-button {
    margin-left: 3px !important;
}.btn.btn-primary.btn-file > input {
    height: 3px;
    width: 74px;
}
.glyphicon.glyphicon-folder-open {
    margin-left: -10px;
}
.btn-default{
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
}
.con_tooltip{
    display: none;
}
.GlobalSearch {
    margin-top: 2%;
}


.dashboard > .col-md-6 > div[id^='w'] {
    min-height: 20em;
}
.dashboard > .col-md-6{
    border: 1px solid !important;
}

.tooltip-header{
    font-weight: bold;
    color: #00aeff;
}
.tooltip-header-main{
    font-weight:bolder;
    color: #9BF7F7;
}
.tooltip-date{
    font-weight: bold;
}

.req-export {

}

.fa.fa-close.remove-req {
  background-color: #d1d5dd;
  margin-left: 5px;
  margin-right: 2px;
  padding: 2px;
}


#input {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;
    font: -moz-field;
    font: -webkit-small-control;
    margin-top: 5px;
    padding: 2px 3px;
    border: 1px dotted red;
    height: 104px;
    overflow: auto;
    width: auto;
}
#next{
    float: right;
    width: 100%;
}
#prev{
    float: left;
    margin-top: 1%;
    width: 1%;
}
#nextbtn{
    float: right;
}
#next > a {
    float: right;
}
.highlight_row{
    background: #3cba54 !important;
}
.fa.fa-linkedin.linkbutton {
    margin-left: 14%;
}
#w1,#w0{
    overflow: auto;

}
.input_search_new
{
    /* width: 11%;*/
   border-color: gray;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    height: 40px;
    opacity: 1;
    padding: 0 95px;
}
#lbcheck{
    margin-left: -337px;
}
.btn.btn-primary.create_frm_button_back_up {
    margin-left: 94%;
}
.btn.btn-primary.cold_call_list_done {
    float: right;
}
.btn.btn-primary.create_frm_button_back_down {
   float: right;
    margin: 1px 8px;
}
[data-tip] {
	position:relative;

}
[data-tip]:before {
	content:'';
	/* hides the tooltip when not hovered */
	display:none;
	content:'';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #1a1a1a;
	position:absolute;
	top:30px;
	left:13px;
	z-index:8;
	font-size:0;
	line-height:0;
	width:0;
	height:0;
}
[data-tip]:after {
	display:none;
	content:attr(data-tip);
	position:absolute;
	top:35px;
	left:0px;
	padding:5px 8px;
	background:#1a1a1a;
	color:#fff;
	z-index:9;
	font-size: 1.25em;
	height:auto;
	line-height:auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space:nowrap;
	word-wrap:normal;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
	display:block;
}

.group_tab_item_display.group_tab_item_active.cold_call_tab {
    visibility: hidden;
}
.group_tab_item_display.cold_call_tab {
    visibility: hidden;
}
.loader{
    margin: 0  0 -80% 25%;
    display: none;
    z-index: 999;
    position: absolute;
}
#placement_overview_report{
    font-size: 17px;
    margin-top:2%;
}
.overvier-report-select{
     border: 3px outset infotext;
    margin: auto;
    width: 30%;
}
.overvier-report-title{
    font-size: 17px;
    margin-left: 42%;
    margin-top: 2%;
    text-align: center;
    width: 15%;
}

.table tr td a{position:relative;display:block;width: 100%;}
.table tr td a.editable:after{font-family: "FontAwesome"; padding-left: 3px;content:"\f044";width:20px;height:20px;right:0px;top:0px;}

.editable-click, a.editable-click, a.editable-click:hover {
    text-decoration: none !important;
    border-bottom: none !important;
}
    /**dropdown**/
    .contractors-index {
    padding-top: 20px;
}

.action-list-ul{
    padding-left: 10px;
}


.details_body_sms .sms-queue-form {
    border: 1px solid;padding: 20px; width: 60%;
}
#send_sms_bulk_popup_booking h4,
#send_sms_bulk_popup h4{
    display: none;
}
#send_sms_bulk_popup_booking .sms-queue-form,
#send_sms_bulk_popup .sms-queue-form{
    border: 1px solid;
    padding: 20px;
   background-color: white;
}
#send_sms_bulk_popup2 h4{
    display: none;
}
#send_sms_bulk_popup2 .sms-queue-form{
    border: 1px solid;
    padding: 20px;
   background-color: white;
}
.sms-queue-form .tab-col-1{
   padding-bottom: 17px;
}

#contractor_container_results{
        background: none repeat scroll 0 0 #ffffff;
    margin-top: -13px;
    max-height: 200px;
    overflow-y: auto;
    margin-bottom: 20px;
    /*border: #bbb thin solid;*/
}

/********************** calendar popup ************************/

.contractors-form .details_body label {
    display: block;
    margin-top: 5px;
}
.contractors-form .bootstrap-timepicker-widget table td a i {
    margin-top: 2px;
    display: block;
    text-align: center;
    width: 100%;
    border: 0;
}
.contractors-form .bootstrap-timepicker-widget table td{height:20px;}
.contractors-form .bootstrap-timepicker .separator {
    font-weight: bold;
    font-family: Monaco, Consolas, monospace;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.select_all_close{
    float: right;
    margin: 6px;
}

a.downloadurlforcv {display: none !important;}

a.disabledlinkmyclass { color: grey !important; pointer-events: none;}

/***************************** Tabs Css by PL - ticket#51 *****************************/
.custom-tab-pl {
    margin-bottom: 30px;
    background: #fff;
}
.custom-tab-pl .nav-tabs {
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
}
.custom-tab-pl > ul > li a {
    border-radius: 0;
    color: #444;
    border-top: 3px solid transparent;
    padding: 10px 7px;
    font-size: 13px;
}
.custom-tab-pl  > ul > li a:hover{background:transparent;border-color:#fff;}
.custom-tab-pl .tab-content {
    padding: 10px;
}
.custom-tab-pl .tab-pane {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 20px;
}
.custom-tab-pl > ul > li.active a {
    border-top: 3px solid #3c8dbc !important;
}

.m-header {
    margin: 0 auto;
    text-align: center;
    border-bottom: 3px solid #6ebcff;
    position: relative;
    padding: 11px;
    width: 88%;
    color: #000;
    padding-top: 10px;
}
.m-header::after {

    position: absolute;
    left: 0;
    bottom: -3px;
    background: #337ab7;
    width: 100px;
    content: "";
    height: 3px;

}
.m-header::before {

    position: absolute;
    right: 0;
    bottom: -3px;
    background: #337ab7;
    width: 100px;
    content: "";
    height: 3px;
}
.m-header .close {
    position: absolute;
    top: 10px;
    right: 0;
    border-radius: 50px;
    background: transparent;
    opacity: 1;
    width: 30px;
    height: 30px;
    font-size: 16px;
    border: 2px solid #337ab7;
    color: #337ab7;
}

#frm_interview_custom label {
    color: #333;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 600;
    display: block;
}
#frm_interview_custom input {
    border: 1px solid #ddd;
}
#frm_interview_custom textarea {
    width: 100%;
    height: 60px;
    border: 1px solid #ddd;
}

#frm_interview_custom_update label {
    color: #333;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 600;
    display: block;
}
#frm_interview_custom_update input {
    border: 1px solid #ddd;
}
#frm_interview_custom_update textarea {
    width: 100%;
    height: 60px;
    border: 1px solid #ddd;
}

.c-checkbox {
    margin-left: 10px;
}

/*.c-checkbox input[type='checkbox'] {
    opacity: 0;
}

.c-checkbox input[type='checkbox'] + span{
    background: url('images/check-inactive.png') no-repeat center left;
    padding-left: 18px;
}
.c-checkbox input[type='checkbox']:checked + span{
    background: url('images/check-active.png') no-repeat center left;
}*/

.m-header h2 {
    font-size: 26px;
    font-weight: bold;
    margin: 0;
    color: #333;
}
#frm_interview_custom {
    padding: 20px 0;
}

.team-work {
    text-align: center;
    height: 65px;
    width: 100px;
    margin: 10px auto;
}

.team-work img {
    width: 65px;
}

.locationField, .controls {
  position: relative;
  width: 100%;
}
.autocomplete {
  top: 0px;
  left: 0px;
  padding:10px;

}
.locationField {
  height: 20px;
  margin-bottom: 2px;
}
.pac-container{z-index: 9999;}
#frm_interview_custom .form-group {
    margin-bottom: 7px;
}
#addinterviewModal .modal-footer{padding: 0 25px;}
#addinterviewModal .modal-body {
    position: relative;
    padding: 10px 15px;
}
#addinterviewModal .checkbox{margin-bottom: 0;}
#frm_interview_custom {
    padding: 5px 0 !important;
}

.organization-data {
    text-align: center;
}
.org-row {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    margin-bottom: 15px;
    text-align: center;
    display: table;
    width: 100%;
}
.p-table-row {
    display: table-row;
    width: 100%;
}
.p-table-box {
    display: table-cell;
    width: 100%;
    height: 115px;
    vertical-align: middle;
}

.p-success-img {

    margin-bottom: 20px;

}
.p-success-img img {
    width: 60px;
}

.organization-note {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #0277bd;
}


@media screen and (max-width: 420px) {
    .p-table-box{padding:15px;}
    .p-table-box img {
        width: 100%;
    }
}

#w1,#w2,#w3,#w4 {
    display: none;
}


/*************** Ticket#70 css *******************/
#tabs { border:0 !important;background:none !important;}
#tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
#add_tab { cursor: pointer; }
.iframetab {
    width:100%;
    height:auto;
    border:0px;
    margin:0px;
    text-align:center;
    background:url("../images/new-loader.gif") no-repeat;
}
.ui-tabs-panel {
    padding:2px !important;
}
.header{margin-bottom:0;}
.dynamic-tabs-pl {
    margin-top: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.dynamic-tabs-pl ul {
    background: #17a2f7 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    overflow-x: auto;
    overflow-y: hidden;
}
.dynamic-tabs-pl ul li {
    background: #17a2f7 !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-right: 1px solid #fff !important;
    padding-right: 5px !important;
}
.dynamic-tabs-pl ul li a{
    color:#fff !important;
}
#tabs li .ui-icon-close {
    margin: 10px 0.2em 0 0;
}
#tabs .ui-icon {
    background-image: url("../images/ui-icons_454545_256x240.png") !important;
    margin-top: 10px !important;
    margin-right: 0px !important;
}

.dynamic-tabs-pl ul li.ui-state-active {
    border-bottom: 5px solid #014269 !important;
}
.dynamic-tabs-pl ul li a:focus,
.dynamic-tabs-pl ul li a:active {
    box-shadow: none !important;
}

.show-menu .menuwithoutiframe {
    display: block !important;
}

span.classtoreloadcurrentab {
    margin-top: 5px;
    margin-left: 10px;
    margin-right: -10px;
    font-size: 10px;
}
span.classtoreloadcurrentab:hover {
    cursor: pointer;
}

.hide_body_scroller::-webkit-scrollbar {
  display: none;
}

.myrightgridbtn {
    float: right !important;
}

div#interview_list{
    overflow: auto;
}

div#selectallblockloader img {
    width: 75%;
    margin-left: 10%;
}

@media (min-width: 768px) {
    #SendEmailModal .modal-dialog {    width: 700px; }
}

/*************Availability date calendar*****************************/
.cal_sheet {
    margin-top: -30px;
}

.details_body.avail label {
    display: inline-block;
    margin-top: 5px;
    padding: 0 5px;
}
.availoptions {
  display: block;
  position: relative;
  padding-left: 0px;
  margin-bottom: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
 text-align: center;
}

/* Hide the browser's default checkbox */
.availoptions input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 21px;
  height: 20px;
  margin-left: 1px;
}

.availoptions label {
    border: 1px solid #0D70A6;
    border-radius: 10px;
    margin: 0 1px;
}


input[type="checkbox"]:checked + label {
 color:green;
 border-color: green;
}
.additional_box{
    height: 100px !important;
    resize: none;
}

@media (min-width: 1200px){
    .container {
        width: 1300px;
    }
}

@media screen and (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}
@media screen and (min-width: 1600px) {
  .container {
    width: 1500px;
  }
}
@media screen and (min-width: 1900px) {
  .container {
    width: 1700px;
  }
}

.non-avial{
    color: red !important;
    border-color: red !important;
}

.file-preview{
  border: 0px solid #ddd;    
}

.file-preview .fileinput-remove{
    display: none;
}


/*************************** Zero Pdf *************************/
     
        .page-xero {
            max-width: 800px;
            background-color: #fff;
            margin: 0 auto;
            padding: 20px;
            box-sizing: border-box;
        }

        .column {
            float: left;
            width: 50%;
            padding: 0 15px;
            box-sizing: border-box;
        }

        .invoice-header ul {
            list-style: none;
            margin: 0;
        }

        .invoice-header ul li {
            line-height: 22px;
        }

        .inner-columns .i-left, .inner-columns .i-right {
            float: left;
            width: 50%;
            padding: 0 15px;
            box-sizing: border-box;
        }

        .invoice-meta p {
            margin: 0;
        }

        .invoice-meta {
            margin-bottom: 12px;
        }

        .invoice-meta:last-child {
            margin-bottom: 0;
        }

        .invoice-table {
            margin-top: 100px;
        }

        .invoice-header {
            overflow: hidden;
        }

        .invoice-table table thead tr th {
            /* width: 100%; */
            text-align: right;
        }

        .invoice-table table thead tr th {
            border-bottom: 1px solid #000;
            padding: 8px 0;
        }

        .w-50 {
            width: 50%;
        }

        .invoice-table table tbody tr td {
            padding: 8px 0;
            border-bottom: 1px solid #dfdcdc;
            vertical-align: top;
        }

        .invoice-table table tbody tr td {
            text-align: right;
        }

        .invoice-table table tbody tr td:first-child {
            text-align: left;
        }

        .invoice-table table thead tr th:first-child {
            text-align: left;
        }

        .invoice-table table {
            width: 100%;
        }

        .table-total {
            width: 40%;
            float: right;
            padding: 30px 10px;
        }

        .due-date-section {
            clear: both;
        }

        .table-total table {
            width: 100%;
            text-align: right;
        }

        .table-total table tr td {
            padding: 5px 0 10px 0;
        }

        .table-total table tfoot tr td {
            border-top: 1px solid #000;
            font-weight: 700;
            padding-top: 10px;
        }

        .due-date-section p {
            margin: 0;
            line-height: 20px;
        }

        .due-date-section strong {
            font-size: 16px;
            margin-bottom: 5px;
            display: block;
        }

        .invoice-footer {
            margin-top: 140px;
            overflow: hidden;
        }

        .invoice-footer img {
            width: 100%;
        }

        .columns {
            float: left;
            width: 50%;
            padding: 0 15px;
            box-sizing: border-box;
        }

        .invoice-footer ul {
            list-style: none;
            padding-left: 23px;
            margin: 0;
        }

        .invoice-footer p {
            margin: 0;
        }

        .invoice-footer h1 {
            margin: 0 0 50px 0;
            font-weight: 400;
        }
        .invoice-footer-table table {
            width: 100%;
        }

        .invoice-footer-table table tr td {
            padding: 5px 0;
        }

        .invoice-footer-table table tr.bb td {
            border-bottom: 1px solid #ccc;
        }

        .blank-space {
            height: 20px;
            border-bottom: 1px solid #000;
            margin-bottom: 5px;
        }

        p.black-space-label {
            padding-left: 20px;
            font-size: 12px;
        }

        .i-right ul {
        padding-left: 0;
        }

        .column.left {
            width: 45%;
        }

        .column.right {
        width: 55%;
        }

        .invoice-footer {
        margin-bottom: 60px;
        }
		
		th.min-w-60 {
			min-width: 60px;
		}
                
 .red_t{color: red !important; font-weight: bold;} 
 .yellow_t{color: #cccc0a !important; font-weight: bold;} 
 .green_t{color: green !important; font-weight: bold;} 
 /******************************************************/               
 .backgroundRed{
    background: #db3236;
    font-weight: bold;
    color:#fff;
}

 .backgroundRed a{
    color: #000;
    font-size: 16px;
}

/****************Toggle Switch ***********************/
.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #337ab7; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
/*********************Show Close icon***************************/

  .bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
}
.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit;
}
.close-icon
{
  display:inline-block;
  box-sizing:border-box;
  width:15px;
  height:15px;
  border-width:3px;
  border-style: solid;
  border-color:red;
  border-radius:100%;
  background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, white 46%,  white 56%,transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, white 46%,  white 56%,transparent 56%, transparent 100%);
  background-color:red;
  box-shadow:0px 0px 5px 2px rgba(0,0,0,0.5);
  transition: all 0.3s ease;
  margin-left: 5px;
}
/***************Notification Bubble*******************/

.notificationBubble .badge {
    position: absolute;
    top: 0px;
    right: 24px;
    background-color: red;
    color: white;
    font-size: 12px;
}

.bg-rebook{
    background-color: #59ca70 !important;
}
.bg-lightgreen{
    background: lightgreen;
}
/*********** Star Rating CSS *********************/
fieldset, label { margin: 0; padding: 0; }

/****** Style Star Rating Widget *****/

.rating { 
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 


/**************Star Rating**************/
.star-ratings {
  unicode-bidi: bidi-override;
  color: #ccc;
  font-size: 24px;
  position: relative;
  margin: 0;
  padding: 0;
}
.star-ratings .fill-ratings {
  color: #FFD700;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.star-ratings .fill-ratings span {
  display: inline-block;
}
.star-ratings .empty-ratings {
  padding: 0;
  display: block;
  z-index: 0;
}

.bg-feedback{
    background-color: #88ec76 !important;
}
/**************flashy rebook *******************/
.re_book_flashy {
  background-color: #004A7F;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 16px;  
  text-align: center;
  text-decoration: none;
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

.un_book_flashy {
  background-color: #337ab7;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 20px;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;  
}

.rebok_flashy_field{
     -webkit-animation: glowing_flahy 1500ms infinite;
}
@-webkit-keyframes glowing_flahy {
  0% { background-color: white; -webkit-box-shadow: 0 0 3px orange; }
  50% { background-color: white; -webkit-box-shadow: 0 0 40px orange; }
  100% { background-color: white; -webkit-box-shadow: 0 0 3px orange; }
}

@-webkit-keyframes glowing {
  0% { background-color: green; -webkit-box-shadow: 0 0 3px green; }
  50% { background-color: green; -webkit-box-shadow: 0 0 40px green; }
  100% { background-color: green; -webkit-box-shadow: 0 0 3px green; }
}

@-moz-keyframes glowing {
  0% { background-color: green; -moz-box-shadow: 0 0 3px green; }
  50% { background-color: green; -moz-box-shadow: 0 0 40px green; }
  100% { background-color: green; -moz-box-shadow: 0 0 3px green; }
}

@-o-keyframes glowing {
  0% { background-color: green; box-shadow: 0 0 3px green; }
  50% { background-color: green; box-shadow: 0 0 40px green; }
  100% { background-color: green; box-shadow: 0 0 3px green; }
}

@keyframes glowing {
  0% { background-color: green; box-shadow: 0 0 3px green; }
  50% { background-color: green; box-shadow: 0 0 40px green; }
  100% { background-color: green; box-shadow: 0 0 3px green; }
}

.n-menu-search {
    margin-left: 40px;
    position: relative;
    top: 0px;
}

.n-menu-search input {
    width: 100%;
    max-width: 260px;
    padding: 7px 10px;
    border-radius: 30px;
    border: 1px solid #efefef;
}

.n-menu-search #leftSideSearchDataDiv {
    position: absolute;
    top: 34px;
    left: 25px;
}

.n-menu-search #leftSideSearchData {
    background-color: #fff;
    border: 1px solid #efefef;
}

.n-menu-search .slimScrollDiv {
    box-shadow: 1px 4px 3px 0px #333;
}
.menu-icon-cv-wrap {
    flex-grow: 1;
}

.account-wrap {flex: 0 0 auto;}


.menu-right-side {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}


.n-menu-search > div {
    position: relative;
    max-width: 520px;
    margin: 0 auto;
}

.n-menu-search > div > span.fa-search {
    position: absolute;
    right: 15px;
    font-size: 18px;
    top: 7px;
}

.n-menu-search > div input {
    width: 100%;
    max-width: 100%;
    border-radius: 2px;
}
.ui-datepicker-year{
    color: black;
}