@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
body {
    margin: 0;
    padding: 0;
    background-color: #fff !important;
    font-family: 'Open Sans', sans-serif !important;
    width:100% !important;
}

html,body{
    height:100vh;
    width:100vw;
    margin: 0;
    padding: 0;
}
.setting_page {
    padding-top: 80px;}
.setting_page #mainCell{
    padding-left: 0px;
    padding-right: 0px;
}
/*.navbar-header img{*/
/*    height:60px;*/
/*}*/
.full-width {
    height: 50px;
    width: 100%;
    background: #337AB7;
    position: fixed;
    z-index: 1;
    left: 0;
    top:0;
}
.full-width-login {
    height: 50px;
    width: 100%;
    background: #24557e;
    z-index: -1;
    left: 0;
    top:0;
}
.main-nav {
    background-color: #337AB7;
    color: #fff;
    border-radius: 0;
    height: 50px;
    /*margin-top: -30px;
    margin-left: -20px;*/
    /*margin-right: -20px;*/
    z-index: 2;
    /*position:relative;*/
    position: fixed;
    /*position: fixed;*/
    width: 100%;
    left: 0;
    /*top; 20px;*/
    /*padding: 0 17.15% 0 18.75%;*/
    box-sizing: border-box;
    /*position:fixed;*/
    /*padding: 0 23%;*/
    top:0px;
}
.main_menu_nav{
    width:1024px;
    margin:0 auto;
}
.left-nav, .right-nav {
    float: left;
    width: 50%;
}
.left-nav #companyNav a{
    border-left: none !important;
}
.left-nav #companyNav {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding-right: 10px;
}
/*#superNav {*/
/*    background-color: #337AB7;*/
/*    border-radius: 0;*/
/*    border-spacing: 0;*/
/*    width: inherit;*/
/*    float: left;*/
/*}*/
/*table#superNav {*/
/*    width: auto;*/
/*}*/
#termsBox {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}
/*#superNav tr td{*/
/*    padding: 0;*/
/*    position: relative;*/
/*}*/
/*#superNav tr td:first-child img{*/
/*    !*display: none;*!*/
/*}*/
/*#superNav tr td a:last-child {*/
/*    border-right: 1px solid #4a88b2;*/
/*}*/
/*#superNav tr td a {*/
/*    color: #fff;*/
/*    font-size: 16px;*/
/*    text-decoration: none;*/
/*    border-left: 1px solid #fff;*/
/*    padding-right: 10px;*/
/*    padding-left: 10px;*/
/*    line-height: 26px;*/
/*    display: block;*/
/*    width: auto;*/
/*    box-sizing: border-box;*/
/*    !*border-bottom: 1px solid #fff;*!*/
/*    transition: all 200ms linear;*/
/*    -webkit-transition: all 200ms linear;*/
/*    -moz-transition: all 200ms linear;*/
/*    font-weight: 400;*/
/*}*/
/*#superNav tr td:last-child a:first-child {*/
/*    !*margin-right: -4px;*!*/
/*}*/
/*#superNav tr td:last-child a img {*/
/*    vertical-align: middle;*/
/*}*/
#mainTable {
    border: none;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    margin-bottom: 20px;
}
/*#superNav tr td a:hover,*/
/*#superNav tr td a.active {*/
/*    !*background-color: #fff;*!*/
/*    !*color: #ff7f00;*!*/
/*    transition: all 200ms linear;*/
/*    -webkit-transition: all 200ms linear;*/
/*    -moz-transition: all 200ms linear;*/
/*}*/
img.cog-orange {
    display: none;
}
/*#superNav tr td a:hover img.cog-orange {*/
/*    display: inline-block;*/
/*}*/
/*#superNav tr td a:hover img.cog {*/
/*    display: none;*/
/*}*/
/*#companyNav {*/
/*    width: auto;*/
/*    position: relative;*/
/*    top: 14px;*/
/*    float: left;*/
/*}*/
/*#companyNav ul {*/
/*    background-color: #337AB7;*/
/*    position: absolute;*/
/*    top: 36px;*/
/*    z-index: 1;*/
/*}*/
/*#companyNav ul li {*/
/*    padding: 6px;*/
/*    !*min-width: 142px;*!*/
/*}*/
/*#companyNav ul li a {*/
/*    color: #FFF;*/
/*    box-sizing: border-box;*/
/*}*/
/*#companyNav div{*/
/*    font-size: 16px;*/
/*    font-weight: bold;*/
/*}*/
/*#companyNav ul li a {*/
/*    text-decoration: none;*/
/*}*/
/*#companyNav ul li {*/
/*    !*display: none;*!*/
/*    box-sizing: border-box;*/
/*}*/
/*#companyNav ul li:not(:first-child){*/
/*    !*border-top: 1px solid #fff;*!*/
/*}*/
/* #companyNav ul li.active {*/
/*     !*display: block !important;*/
/*     background: url(../img/double-arrow.png) 95% center no-repeat;*/
/*     border-left: 1px solid #fff;*/
/*   height: 50px;*!*/
/* }*/
.printhide table:first-child td {
    vertical-align: top;
}
/*.printhide table:first-child td:first-child {
	width: 167px;
	float: left;
}*/
/*.printhide table:first-child td:nth-child(2) {
	width: 320px;
}
.printhide table:first-child td:nth-child(3) {
	width: 265px;
	vertical-align: middle;
}*/
.printhide {
    margin-top: 5px;
// max-width: 1024px;
    width: 100%
}
.menuLogo{
    width:1024px;
    margin-top:65px;
}
#footer.printhide {
    max-width: 100%;
    /*position: relative;*/
}
.crew-info {
    width: 210px;
    border: 2px solid #337AB7;
    border-radius: 3px;
    padding-top: 10px;
    margin-left: 10px;
}
.crew-info p {
    padding: 0px 20px;
}
.crew-info .below_message_credit {
    background: #337AB7;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    color: #fff;
}
/*.printhide table:first-child td:last-child {
	text-align: right;
}*/
#breadcrumbs {
    font-size: 12px;
    color: #337AB7;
}
#breadcrumbs a {
    color: #000;
    text-decoration: none;
    border-bottom: 2px solid #dadada;
}
#infoBox {
    border: none;
    box-shadow: inherit;
    text-align: center;
    border-radius: 3px;
    padding: 0;
}

#infoBox td {
    text-align: center;
    padding: 0;
}
#infoBox .user {
    height: 40px;
    padding-left: 45px;
    text-align: left;
    background: url(../img/user.png) 5px center no-repeat;
    line-height: 40px;
    text-transform: capitalize;
    margin-top: 10px;
    margin-bottom: 11px;
}
.logout {
    padding: 10px;
    background: linear-gradient(180deg, #337AB7 50%, #324C8F 100%);
    border-radius:0 0 8px 8px;
    font-weight: 600;
}
.logout a {
    color: #fff;
    text-transform: capitalize;
}

.menu ul li:hover ul, .menu ul li a:hover ul {
    display: block;
    position: absolute;
    margin: 0;
    top: 15px;
    left: 0;
    height: auto;
    width: 170px;
    color: #184dc6;
    background: #5e5e5e;
    z-index: 100;
    list-style-type: none;
    border: 1px solid #5e5e5e;
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
}
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {
    border: 0;
    margin: 0;
    padding: 4px;
    height: auto;
    color: #184dc6;
    background: #5e5e5e;
    width: 162px;
    text-align: left;
    z-index: 100;

}
.dash-main-logo {
    float: left;
    /*	padding-left:30px;*/
    /*	margin-bottom: 20px;*/
}
ul.submenu_inside li.sub_heading_class:hover {
    border-radius: none;
}
#managerNav {

    /*background-color: #337AB7;*/
    /* padding: 0px 30px; */
    border-radius: 3px;
    height: 60px;
    /* float: right; */
    float: left;
    /* margin-left: 114px; */
    margin-left: 20px;
}

.sm_menubar .site-menubar.site-menubar-light{
    background: transparent;
}
.sm_menubar #managerNav{height:44px; margin-left: 0px;}
.sm_menubar #managerNav > div{
    top:-6px;
}
#site-navbar-collapse span{
    font-size: 14px;
}
.sm_menubar .cs-addjob i{color:#fff;}
#managerNav a {
    color: #FC8C2E;
    /*color: #F7941E;*/
    /*#f05922;*/
    min-width: 40px;
    padding: 20px 30px 20px 0px;
    /* padding: 60px 10px 20px 10px; */
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    text-align: left;

}
.site-navbar .navbar-brand{
    padding:0px;
    height:auto;
}
.menu_label{
    /*font-size: 16px;*/
    font-weight: 600;
    /*margin-right:20px;*/
    display: inline-block;
}


.icon_font i{padding-right:4px;}
#mainCell td {
    /*	width: 100%;
	padding: 0;*/
}
/*#managerNav div:first-child a {
	background: url(../img/home.png) center 20px no-repeat;
}*/
/*#managerNav div:nth-child(2) li {
	background: url(../img/crew.png) center 20px no-repeat;
}*/
/*#managerNav div:nth-child(3) li {
	background: url(../img/shifts.png) center 20px no-repeat;
}
#managerNav div:nth-child(4) li {
	background: url(../img/contact.png) center 20px no-repeat;
}
#managerNav div:nth-child(5) li {
	background: url(../img/finance.png) center 20px no-repeat;
}
#managerNav div:nth-child(6) li {
	background: url(../img/message.png) center 20px no-repeat;
}
#managerNav div:nth-child(7) a {
	background: url(../img/help.png) center 20px no-repeat;
}
#managerNav div:nth-child(8) a#add_client_job {
	background: url(../img/addjob.png) center 20px no-repeat;
}*/

/*link hovers effects*/
/*#managerNav div:first-child a:hover {
*/	/*background: url(../img/home-orange.png) center 20px no-repeat;*/
/*}
*//*#managerNav div:nth-child(2) li:hover {
	background: #5e5e5e url(../img/crew-orange.png) center 20px no-repeat;
}
#managerNav div:nth-child(3) li:hover {
	background: #5e5e5e url(../img/shift-orange.png) center 20px no-repeat;
}
#managerNav div:nth-child(4) li:hover {
	background: #5e5e5e url(../img/contact-orange.png) center 20px no-repeat;
}
#managerNav div:nth-child(5) li:hover {
	background: #5e5e5e url(../img/finance-orange.png) center 20px no-repeat;
}
#managerNav div:nth-child(6) a:hover {
	background: #5e5e5e url(../img/message-orange.png) center 20px no-repeat;
}
#managerNav div:nth-child(7) a:hover {
	background: url(../img/help-orange.png) center 20px no-repeat;
}
#managerNav div:nth-child(8) a#add_client_job:hover {
	background: url(../img/addjob-orange.png) center 20px no-repeat;
}*/
.on-off {
    height: 16px;
    line-height: 17px !important;
    text-align: center;
    border: none !important;
    position: relative;
    /*border-left: 1px solid #fff !important;*/
    margin-top: 13px;
}
/*.on-off span {*/
/*    display: none;*/
/*    font-size: 7px;*/
/*    position: absolute;*/
/*    top: -13px;*/
/*    width: 100%;*/
/*    text-align: center;*/
/*    left: 0;*/
/*}*/
.on-off:hover span {
    display: block;
}
.fa.pull-right {
    margin-left: 0!important;
}
.on-off img {
    /*margin-top: 4px;*/
}
#managerNav div li li {
    background: none !important;
    border-radius: 0;
}
/*ul.menu li:hover {*/
/*    background: #337AB7;*/
/*    border-radius: 10px;*/
/*}*/
#managerNav > div {
    /*display: block;*/
    float: left;
    text-align: center;
    /*margin-right: 24px;*/
    padding: 0;
}
#managerNav > div:last-child {
    margin-right: 0px;
}
#managerNav ul.menu ul li a, #managerNav ul.menu ul li a:hover, #managerNav ul.menu ul.submenu_inside li a, #managerNav ul.menu ul.submenu_inside li a:hover {
    background: none;
    padding: 2px 14px;
    margin:0px;
    /*padding-left: 22px;*/
    border-radius: 0;
}
.menu_heading_h3:hover,.submenu_inside li:hover{
    border-radius: 0px;
}
/*#managerNav ul.menu ul li a:hover {
	background: #337AB7;
}*/
/*.superNavigation {*/
/*    position: absolute;*/
/*    z-index: 9;*/
/*    background: #337AB7;*/
/*}*/



#managerNav ul.menu ul li a{
    color: #FC8C2E;
    /*color:#F7941E;*/
}
#managerNav ul.menu ul li a:hover{
    color:#24557E;
}
.settings_link, .dropdown1, .superNavigation li a, ._business_nav li a{
    width: 100%;
    padding: 0;
    border: none;
    box-sizing: border-box;
    color: #fff !important;
    font-weight: 500;
    font-size: 13px;
    line-height: 30px;
}
.settings_link i, .dropdown1 i, .superNavigation li a i{
    margin-right: 4px;
}
#jsBox hr:first-child{
    margin: 0px 0 10px 0;
}

#companyNav a.show-dropdown, a.show-dropdown {
    color: #24557e;
    font-size: 14px;
    text-decoration: none;
    /*border-left: 1px solid #fff;*/
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 22px !important;
    width: auto;
    box-sizing: border-box;
    border-bottom: none !important;
    font-weight: 600;
}
#companyNav a {
    font-size: 14px;
}
#superNav td a.show-dropdown {
    margin-top: 14px;
}
#main_setting i{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0px 15px;
}
/*.dropdown {*/
/*    display: none;*/
/*    background:linear-gradient(180deg, #337AB7 50%, #324C8F 100%);;*/
/*    border-radius: 0 0px 8px 8px;*/
/*    position: absolute;*/
/*    top: 50px;*/
/*    z-index: 99;*/
/*    width: 100%;*/
/*}*/
/*.dropdown li {*/
/*    padding: 0 !important;*/
/*}*/
/*.dropdown a {*/
/*    display: block;*/
/*    line-height: 26px;*/
/*    border-left: none !important;*/
/*    border-right: none !important;*/
/*    padding-top: 4px !important;*/
/*    padding-bottom: 4px !important;*/
/*    font-weight: normal !important;*/
/*    text-align: center;*/
/*}*/
/*.dropdown a:hover {*/
/*    color: #000;*/
/*}*/
.logout a:hover {
    color: #fff !important;
}
.right-nav a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    border-left: 1px solid #fff;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 16px;
    display: block;
    box-sizing: border-box;
    /* border-bottom: 1px solid #fff; */
    transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    margin-top: 13px;
    font-weight: 400;
}
.right-nav {
    text-align: right;
    text-transform: capitalize;
}
.right-nav .setting_box,
.right-nav .infobox {
    display: inline-block;
    position:relative;
}
.right-nav .infobox {
    position: relative;
}
.right-nav .infobox ul {
    display: none;
}
.infobox a {
    /*border-right: 1px solid #fff;*/
    cursor: pointer;
    /*margin-top: 0;*/
}
.infobox .dropdown {
    top: 37px;
}
/*======================== 2ND LEVEL MENU DEFINITIONS ======================*/

ul.menu li ul {
    /*display: none;*/
    /*position: absolute;*/
    /*margin: 0;*/
    /*top: 50px;*/
    /*left: 0px;*/
    /*height: auto;*/
    /*min-width: 170px;*/
    /*background: #fff;*/
    /*z-index: 100;*/
    /*list-style-type: none;*/
    /*border-bottom-right-radius: 5px;*/
    /*border-bottom-left-radius: 5px;*/
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 1200;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 5px 0 0;
    font-size: 1rem;
    color: #76838f;
    text-align: left;
    list-style: none;
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #e8e8e8;
    border-radius: .215rem;
    box-shadow: 0 3px 12px rgba(0,0,0,.05);


}

ul.menu li a:hover ul {
    display: block;
}
ul.menu li ul li a {
    padding-left: 15px;
}
ul.menu li a:hover ul li a,
ul.menu li a:hover ul li a {
    border:0;
    margin:0;
    padding:4px;
    height:auto;
    background:#5e5e5e;
    text-align:left;
    z-index:100;
}

ul.menu li:hover ul li:hover a,
ul.menu li a:hover ul li a:hover {
    background:#5e5e5e;
}
.addjob_popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 9999;
    width: 280px;
    height: 485px;
    margin: 0 auto;
    padding: 30px;
    padding-top: 80px;
    border: 2px solid #5e5e5e;
    box-sizing: border-box;
    background: #fff;
}
.addjob_popup td {
    display: block;
    text-align: center;
    padding: 0;
}
.addjob_popup h3 {
    font-size: 33px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}
.addjob_popup h4 {
    font-size: 16px;
    margin-bottom: 10px;
}
.addjob_popup table,
.addjob_popup select {
    width: 100% !important;
}
.addjob_popup select {
    padding: 5px;
    border: 2px solid #5e5e5e;
    border-radius: 3px;
    margin-bottom: 20px;
}
.addjob_popup #pageNavBox {
    background: none;
    border: none;
}
.addjob_popup input[type="submit"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 100%;
    margin-top: 20px;
    cursor: pointer;
    height:80px;
}

/*purchase sms form*/

.messagePurchase {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 9;
    width: 607px;
    height: 375px;
    margin: 0 auto;
    padding: 30px;
    padding-top: 80px;
    border: 2px solid #5e5e5e;
    box-sizing: border-box;
    background: #fff;
}
.messagePurchase td {
    display: block;
    text-align: center;
    padding: 0;
}
.messagePurchase h3 {
    font-size: 33px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}
.messagePurchase h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color:#000;
}
.messagePurchase table,
.messagePurchase select {
    width: 100% !important;
}
.messagePurchase select {
    padding: 5px;
    border: 2px solid #5e5e5e;
    border-radius: 3px;
    margin-bottom: 20px;
}
.messagePurchase #pageNavBox {
    background: none;
    border: none;
}
.messagePurchase input[type="submit"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    margin-top: 20px;
    cursor: pointer;
}

.messagePurchase input[type="text"] {

    padding: 5px 5px;


    font-size: 15px;
    width: 50%;


}
/*purchase sms end*/

.successPurchase {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 9;
    width: 607px;
    height: 375px;
    margin: 0 auto;
    padding: 30px;
    padding-top: 80px;
    border: 2px solid #5e5e5e;
    box-sizing: border-box;
    background: #fff;
}
.successPurchase td {
    display: block;
    text-align: center;
    padding: 0;
}
.successPurchase h3 {
    font-size: 33px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}
.successPurchase h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color:#000;
}
.successPurchase table,
.messagePurchase select {
    width: 100% !important;
}
.successPurchase select {
    padding: 5px;
    border: 2px solid #5e5e5e;
    border-radius: 3px;
    margin-bottom: 20px;
}
.successPurchase #pageNavBox {
    background: none;
    border: none;
}
.successPurchase input[type="submit"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    margin-top: 20px;
    cursor: pointer;
}

.successPurchase input[type="text"] {

    padding: 5px 5px;


    font-size: 15px;
    width: 50%;


}

/*Disable Crew*/

.disableCrew {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 9;
    width: 607px;
    height: 355px;
    margin: 0 auto;
    padding: 30px;
    padding-top: 80px;
    border: 2px solid #5e5e5e;
    box-sizing: border-box;
    background: #fff;
}
.disableCrew td {
    display: block;
    text-align: center;
    padding: 0;
}
.disableCrew h3 {
    font-size: 33px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}
.disableCrew h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color:#000;
}
.disableCrew table,
.disableCrew select {
    width: 100% !important;
}
.disableCrew #pageNavBox {
    background: none;
    border: none;
}
.disableCrew input[type="submit"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    margin-top: 20px;
    cursor: pointer;
}

.disableCrew input[type="text"] {
    padding: 5px 5px;
    font-size: 15px;
    width: 50%;
}
/*Disable Crew*/

.successDisableCrew {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 9;
    width: 607px;
    height: 355px;
    margin: 0 auto;
    padding: 30px;
    padding-top: 80px;
    border: 2px solid #5e5e5e;
    box-sizing: border-box;
    background: #fff;
}
.successDisableCrew td {
    display: block;
    text-align: center;
    padding: 0;
}
.successDisableCrew h3 {
    font-size: 33px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}
.successDisableCrew h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color:#000;
    text-align: center;
}

.successDisableCrew #pageNavBox {
    background: none;
    border: none;
}
.successDisableCrew input[type="submit"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    margin-top: 20px;
    cursor: pointer;
}

.successDisableCrew input[type="text"] {
    padding: 5px 5px;
    font-size: 15px;
    width: 50%;


}

/*Enable Crew*/

.enableCrew {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 9;
    width: 607px;
    height: 355px;
    margin: 0 auto;
    padding: 30px;
    padding-top: 80px;
    border: 2px solid #5e5e5e;
    box-sizing: border-box;
    background: #fff;
}
.enableCrew td {
    display: block;
    text-align: center;
    padding: 0;
}
.enableCrew h3 {
    font-size: 33px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}
.enableCrew h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color:#000;
}
.enableCrew table,
.enableCrew select {
    width: 100% !important;
}
.enableCrew #pageNavBox {
    background: none;
    border: none;
}
.enableCrew input[type="submit"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    margin-top: 20px;
    cursor: pointer;
}

.enableCrew input[type="text"] {
    padding: 5px 5px;
    font-size: 15px;
    width: 50%;
}
/*Enable Crew*/

.successEnableCrew {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 9;
    width: 607px;
    height: 355px;
    margin: 0 auto;
    padding: 30px;
    padding-top: 80px;
    border: 2px solid #5e5e5e;
    box-sizing: border-box;
    background: #fff;
}
.successEnableCrew td {
    display: block;
    text-align: center;
    padding: 0;
}
.successEnableCrew h3 {
    font-size: 33px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}
.successEnableCrew h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color:#000;
    text-align: center;
}

.successEnableCrew #pageNavBox {
    background: none;
    border: none;
}
.successEnableCrew input[type="submit"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    margin-top: 20px;
    cursor: pointer;
}

.successEnableCrew input[type="text"] {
    padding: 5px 5px;
    font-size: 15px;
    width: 50%;
}

/*Disable Bulk Crew*/

.disableBulkCrew {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 9;
    width: 607px;
    height: 355px;
    margin: 0 auto;
    padding: 30px;
    padding-top: 80px;
    border: 2px solid #5e5e5e;
    box-sizing: border-box;
    background: #fff;
}
.disableBulkCrew td {
    display: block;
    text-align: center;
    padding: 0;
}
.disableBulkCrew h3 {
    font-size: 33px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}
.disableBulkCrew h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color:#000;
}
.disableBulkCrew table,
.disableBulkCrew select {
    width: 100% !important;
}
.disableBulkCrew #pageNavBox {
    background: none;
    border: none;
}
.disableBulkCrew input[type="submit"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    margin-top: 20px;
    cursor: pointer;
}

.disableBulkCrew input[type="text"] {
    padding: 5px 5px;
    font-size: 15px;
    width: 50%;
}
/*Disable Bulk Crew*/

.successDisableBulkCrew {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 9;
    width: 607px;
    height: 355px;
    margin: 0 auto;
    padding: 30px;
    padding-top: 80px;
    border: 2px solid #5e5e5e;
    box-sizing: border-box;
    background: #fff;
}
.successDisableBulkCrew td {
    display: block;
    text-align: center;
    padding: 0;
}
.successDisableBulkCrew h3 {
    font-size: 33px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}
.successDisableBulkCrew h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color:#000;
    text-align: center;
}

.successDisableBulkCrew #pageNavBox {
    background: none;
    border: none;
}
.successDisableBulkCrew input[type="submit"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    margin-top: 20px;
    cursor: pointer;
}

.successDisableBulkCrew input[type="text"] {
    padding: 5px 5px;
    font-size: 15px;
    width: 50%;
}
.overlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 3;
}
.close {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 0 !important;
    cursor: pointer;
}
.helppopup .close {
    font-size: 16px;
    color: #44484b;
    font-weight: bold;
}

/*Disable Invoice*/

.disableInvoice {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 9;
    width: 350px;
    height: 170px;
    margin: 0 auto;
    padding-top: 30px;
    border: 2px solid #5e5e5e;
    box-sizing: border-box;
    background: #fff;
}
.disableInvoice td {
    display: block;
    text-align: center;
    padding: 0;
}
.disableInvoice h3 {
    font-size: 33px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}
.disableInvoice h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color:#000;
}
.disableInvoice table,
.disableInvoice select {
    width: 100% !important;
}
.disableInvoice #pageNavBox {
    background: none;
    border: none;
}
.disableInvoice input[type="submit"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    cursor: pointer;
}

.disableInvoice input[type="cancel"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    cursor: pointer;
}

/*Disable Invoice Success*/

.successDisableInvoice {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 9;
    width: 300px;
    height: 200px;
    margin: 0 auto;
    padding-top: 30px;
    border: 2px solid #5e5e5e;
    box-sizing: border-box;
    background: #fff;
}
.successDisableInvoice td {
    display: block;
    text-align: center;
    padding: 0;
}
.successDisableInvoice h3 {
    font-size: 33px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}
.successDisableInvoice h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color:#000;
    text-align: center;
}

.successDisableInvoice #pageNavBox {
    background: none;
    border: none;
}
.successDisableInvoice input[type="submit"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    margin-top: 20px;
    cursor: pointer;
}

/*Enable Invoice*/

.enableInvoice {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 9;
    width: 350px;
    height: 170px;
    margin: 0 auto;
    padding-top: 30px;
    border: 2px solid #5e5e5e;
    box-sizing: border-box;
    background: #fff;
}
.enableInvoice td {
    display: block;
    text-align: center;
    padding: 0;
}
.enableInvoice h3 {
    font-size: 33px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}
.enableInvoice h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color:#000;
}
.enableInvoice table,
.enableInvoice select {
    width: 100% !important;
}
.enableInvoice #pageNavBox {
    background: none;
    border: none;
}
.enableInvoice input[type="submit"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    cursor: pointer;
}

.enableInvoice input[type="cancel"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    cursor: pointer;
}

/*Enable Invoice Success*/

.successEnableInvoice {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 9;
    width: 300px;
    height: 200px;
    margin: 0 auto;
    padding-top: 30px;
    border: 2px solid #5e5e5e;
    box-sizing: border-box;
    background: #fff;
}
.successEnableInvoice td {
    display: block;
    text-align: center;
    padding: 0;
}
.successEnableInvoice h3 {
    font-size: 33px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}
.successEnableInvoice h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color:#000;
    text-align: center;
}

.successEnableInvoice #pageNavBox {
    background: none;
    border: none;
}
.successEnableInvoice input[type="submit"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    margin-top: 20px;
    cursor: pointer;
}

/*Delete Invoice*/

.deleteInvoice {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 9;
    width: 350px;
    height: 170px;
    margin: 0 auto;
    padding-top: 30px;
    border: 2px solid #5e5e5e;
    box-sizing: border-box;
    background: #fff;
}
.deleteInvoice td {
    display: block;
    text-align: center;
    padding: 0;
}
.deleteInvoice h3 {
    font-size: 33px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}
.deleteInvoice h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color:#000;
}
.deleteInvoice table,
.deleteInvoice select {
    width: 100% !important;
}
.deleteInvoice #pageNavBox {
    background: none;
    border: none;
}
.deleteInvoice input[type="submit"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    cursor: pointer;
}

.deleteInvoice input[type="cancel"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    cursor: pointer;
}

/*Delete Invoice Success*/

.successDeletedInvoice {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 9;
    width: 300px;
    height: 200px;
    margin: 0 auto;
    padding-top: 30px;
    border: 2px solid #5e5e5e;
    box-sizing: border-box;
    background: #fff;
}
.successDeletedInvoice td {
    display: block;
    text-align: center;
    padding: 0;
}
.successDeletedInvoice h3 {
    font-size: 33px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}
.successDeletedInvoice h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color:#000;
    text-align: center;
}

.successDeletedInvoice #pageNavBox {
    background: none;
    border: none;
}
.successDeletedInvoice input[type="submit"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    margin-top: 20px;
    cursor: pointer;
}

input[type="submit"]{
    /*background: #FC8C2E;*/
    color: #fff;
    border: none;
    padding: 3px 10px;
    border-radius: 4px;
    font-size:13px;

}

input[type="submit"]:hover,
input[type="button"]:hover {
    background: #FC8C2E;
    cursor: pointer;
}
#pageNavBox2 input[type="search"],
#pageNavBox2 input[type="text"],
#pageNavBox2 select {
    box-sizing: border-box;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
/*#pageNavBox2 input[type="search"]#searchClient {*/
/*    width: 200px;*/
/*}*/
#footer {
    background: #24557e;
    /*background: #337AB7;*/
    /*padding: 10px;*/
    color: #fff;
    position: fixed;
    padding: 10px 0px 10px 0px;
    bottom: 0px;
    left:0px;
    width:100%;

}
#footer a {
    color: #fff;
    text-decoration:none;
}
.add_job_form{
    display: none;
}
/*.slimheader #managerNav.crewNav{*/
/*    padding-top: 10px;*/
/*}*/
/*#managerNav.crewNav,*/
/*#managerNav.clientNav  {*/
/*    height: auto !important;*/
/*    padding: 0 5px;*/
/*    text-align: center;*/
/*    margin-left:16px;*/
/*    margin-top:19px;*/
/*}*/
/*#managerNav.crewNav a{*/
/*    display: inline-block !important;*/
/*    padding: 10px 5px 10px 0;*/
/*    margin: 0px;*/
/*    border-right: 1px solid #fff;*/
/*}*/
/*#managerNav.crewNav a:last-child{*/
/*    border-right: none;*/
/*    padding-right: 0;*/
/*}*/
/*#managerNav.clientNav  {*/
/*    width: 100%;*/
/*    text-align: left;*/
/*}*/
/*#managerNav.clientNav li {*/
/*    display: inline-block !important;*/
/*}*/
/*#managerNav.clientNav li a {*/
/*    padding: 0;*/
/*}*/
.dropdown a:hover, #managerNav ul.menu ul li a:hover {
    background:#FC8C2E !important;
    /*rgb(247, 148, 30) !important;*/
    color: #ffffff !important;
    width: 100%; 
    /*background-color: rgba(255, 255, 255, 0.5) !important;*/
    /*color: #000 !important;*/
}
.action-wrapper {
    width: 265px;
    height: 19px;
    position: relative;
}
.action-wrapper button.show-dropdown {
    border: none;
    position: absolute;
    font-weight: bold;
    line-height: normal;
    font-size: 14px;
    text-align: center;
    color: #24557e;
    width: 100%;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    transition: all linear 200ms;
}
button.show-dropdown.clicked {
    background: #337AB7;
    color: #fff;
    border-radius:4px;
    outline: none;
    transition: all linear 200ms;
}
.action-wrapper button.show-dropdown:hover {
    background: #ccc;
    color: #333;
}
.action-wrapper ul li:nth-child(1),
.action-wrapper ul li:nth-child(2) {
    border-top: none !important;
}
/*.action-wrapper button.show-dropdown:focus {
}*/
.action-wrapper ul.dropdown li,
.action-wrapper ul.dropdown li a,
.action-wrapper ul.dropdown li button {
    font-size: 12px;
    color: #24557e;
    font-weight: 600 !important;
    text-decoration: none;
    text-align: center;
    font-family: 'Open Sans', sans-serif !important;
    width: 100%;
    border-top: 1px solid #ccc;
}
.dropdown li a {
    font-size: 12px !important;
    line-height: 26px !important;
    font-weight: 600;
}
.action-wrapper ul.dropdown li button {
    line-height: 35px;
}
.action-wrapper ul.dropdown li button:hover {
    background-color: rgba(255, 255, 255, 0.5);;
    color: #000;
}
.action-wrapper ul.dropdown {
    width: 100%;
    top: 20px;
    /*background-color: linear-gradient(180deg, #337AB7 50%, #324C8F 100%);*/
    border-radius:4px;
    /*0 0px 15px 15px;*/
}
#companyNav ul.business_nav li.active a{
    /*color:#ff7f00;*/
}
#companyNav ul.business_nav li a.textInput{
    border:none !important;
    background:none !important;
}
.login-main{

    /*background-size: cover !important;
    background-attachment: fixed;*/
    margin:60px 0px 30px 0px;
    background: none repeat scroll 0 0;
    margin: 10% auto;
    padding: 20px;
    position: relative;
    width: 650px;
}
.main_area_opacity{
    background: #fff !important;
    /*rgba(255,255,255,0.85) !important;*/

}
.signup_section{
    padding-top: 20px;
}
.signup_section a,.signup_section button.btn{
    padding: 10px 0px;
    text-decoration: none;
}


#loginArea{
    width: 400px;
    text-align: left;
}
.signup_section{
    text-align: center;
    width: 400px;
}
#loginArea div {
    width: 100% !important;
    display: block;
    font-size: 13px;
    color: #44484b;
}
#loginArea #termsAndConditions {
    /*width: 100% !important;*/
    /* width: 100% !important; */
    display: block;
    font-size: 11px;
    color: #44484b;
    text-align: center;
    font-weight: normal;
    margin:0px;
    /* margin-left: -50px; */
    /* margin-right: -50px; */
    padding-top: 16px;

}
#termsAndConditions label{
    font-size: 11px;
    font-weight:500;
}
#loginArea .textInput,.custom_area .textInput{
    padding: 10px;
    width: 100%;
    display: block !important;
    border: 1px solid #ccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #44484b;
}
.login_page{
    z-index:1;
    height:50px;
    position:absolute;
    left:0;
    top:0;
}
.btn_orange{
    background-color: #f79321 !important;
    border: 1px solid #f79321  !important;
    color: #fff !important;
}
/*.app {*/
/*    background: #ff7f04;*/
/*}*/
.app a {
    color: #fff;
    /*padding: 0px 50px 0px 50px;*/
}
.login_logo{
    text-align:center !important;
    /*margin-top: 100px;*/

}
.footer_login{
    height:40px;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px 0px 0px 0px;
    background: #24557e !important;
    text-align: center;
    max-width: 100%;
}

img.bg {
    height: auto;
    left: 0;
    min-height: 100%;
    min-width: 1024px;
    position: fixed;
    top: 0;
    width: 100%;
}
.in-help {
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
}
.login_logo a, .in-help {
    color: #44484b;
    text-decoration: none;
}
.login_logo a {
    margin: 0 auto;
    display: block;
}
.help_login {
    position: absolute;
    top: 70px;
    right: 194px;

}
.login_logo a:last-child, .in-help {
    padding-right: 20px;
    /*position: relative;*/
    font-weight: bold;
}
.login_logo a:last-child:after, .in-help:after {
    content: '?';
    background: #24557e;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*.in-help:after {*/
/*    content: '?';*/
/*    height: 24px;*/
/*    width: 24px;*/
/*    right: 10px;*/
/*}*/
.login_logo a img {
    margin: 0 !important;
}
.help_login{
    float:right;
}
.pageContent-login div {
    margin-top: 0 !important;
    padding: 0px;
}
.pageContent {
    max-width: 1200px;
    overflow-x: scroll;
}
#doLogin, #signUp, #reset_password {
    width: 100%;
    /*padding: 10px;*/
    margin: 0 auto;
    display: block;
    background: #44484b;
    border-radius: 4px;
    margin-top: 10px;
    cursor: pointer;
    font-size:16px;
}
#signUp {
    margin-top: 0px;
}
/*#doLogin{*/
/*    height:40px;*/
/*}*/
#signUp, #reset_password {
    background: #f79321;
    border: 1px solid #f79321;
    color: #fff !important;
}
.c_button {
    color: #fff !important;
    margin: 0 auto;
    border-radius: 4px;
    margin-top: 10px;
    cursor: pointer;
    font-size:16px;
    padding: 8px 16px;
    text-decoration: none;
}
.c_button_100 {    
    color: #fff !important;
    margin: 0 auto;    
    border-radius: 4px;
    margin-top: 10px;
    cursor: pointer;
    font-size:16px;
    padding: 8px 16px;    
    text-decoration: none;
    width: 100%;
    display: block;
}
.c_button_orange{
    background: #f79321;
    border: 1px solid #f79321;
}
.c_button_orange:hover{
    background: #e48314;
    border: 1px solid #e48314;
}
#doLogin:hover ,  #signUp:hover {
    background: #337ab7;
}
.login-main #footer {
    background: #fff;
    color: #44494c;
}
.login-main #footer * {
    color: #44494c;
}
.login-popup{

    /*height: 630px;*/

}
#mainTable1{
    width:600px;

}
.helppopup{
    background:#fff;
    z-index:111;
    position: absolute;
    height:auto;
    width:562px;
    top:147px;
}
.helpcontent{
    padding:50px 90px 50px 90px;
}
.helpcontent label {
    color: #44484b;
    font-weight: bold;
}
.helpcontent p{
    font-size: 12px;
    margin-bottom: 20px;
    padding-left: 0;
    font-weight:500;
    color:#000;
}
.roundText{
    border-radius: 4px;
}
.border_curve{
    border-radius: 4px;
    padding:3px 15px 3px 15px;
}
.inv_sent{
    border:1px #76b354 solid;
    background: #ddecd4;
}
.inv_not_sent{
    border:1px #c04245 solid;
    background:  #efd0d0;
}
.inv_locked{
    border:1px #3c4350 solid;
    background:  #ced0d3;
}
.oddRow,.evenRow{
    margin-left: 10px;
    text-align: left;
}
.cent_title{
    text-align: center;
}
.icon_font{
    /*font-size: 48px;*/
    font-size: 20px;
}


.cs-home .icon_font{
    font-size: 24px;
}
.icon_font .fa.fa-mobile {
    font-size: 20px;
    /* font-size: 63px; */
    line-height: 16px;
}
/*.cmenu{*/
/*    color: #337AB7;*/
/*    width:auto!important; float: left; color: #fff; height: 50px !important;*/
/*}*/
/*.crewNav .cmenu {*/
/*    width: 100px !important;*/
/*}*/
/*.crewNav .cmenu a {*/
/*    width: 100%;*/
/*}*/

/*.crewNav .cmenu a{*/
/*    color: #F7941E !important;*/
/*    padding:20px;*/
/*}*/
.menu li ul li a {
    color: #fff;
}
.cmenu a:hover, ul.menu li:hover a{
    color:#24557e  !important;
    /*background: #ffff!important;*/
    /*color: #FFF !important;*/
    /*background: #337AB7;*/
    /*border-radius: 10px;*/
}
.cmenu.cs-home
{
    top:-4px;
}
.cmenu.cs-home .icon_font{
    position: relative;
    top: 1px;
}

.cmenu.cs-crew{
    top: -1px
}
.cmenu.cs-contact{top:-2px;}
.cmenu.cs-crew .icon_font{
    position: relative;
    top: 1px;
}
.cmenu.cs-crew .menu_label {
    position: relative;
    top: 2px;
}
.cmenu.cs-shift .icon_font{
    position: relative;
    top: 1px;
}

.cmenu.cs-shift .menu_label{
    position: relative;
    top: 1px;
}
.cmenu.cs-contact .icon_font{
    font-size: 17px;
    position: relative;
    top: 2px;
}


.cmenu.cs-contact .menu_label {
    position: relative;
    top: 4px;
}

.cmenu.cs-finance{
    top:-3px;
}
.cmenu.cs-finance .icon_font{
    font-size: 17px;
}
.cmenu.cs-finance .menu_label{
    position: relative;
    top: 2px;
}
.cmenu.cs-message .icon_font{
    position: relative;
    top: 0px;
}
.cmenu.cs-message .menu_label{
    position: relative;
    top: 1px;
}

.cmenu.cs-help{
    top:-3px;
}
.cmenu.cs-help .icon_font{
    font-size: 24px;
    position:relative;
    left: -3px;

}
.cmenu.cs-help .menu_label {
    position: relative;
    top: 0px;
    left: -3px;
}
.cmenu.cs-addjob{
    top:-1px;
}
.cmenu.cs-addjob .icon_font{
    font-size: 21px;
    position: relative;
    left: -5px;
    top: 1px;

}

.cmenu.cs-addjob .menu_label{
    position: relative;
    left: -5px;
    top: 1px;
}

.cmenu.cs-message .icon_font {
    position: relative;
    top: 1px;
}
/*.cmenu:last-child>a{color: #337AB7 !important;}*/
/*.crewNav .cmenu:last-child>a {*/
/*    color: #F7941E !important;*/
/*}*/
/*.cmenu:last-child>a:hover{background: transparent; color: #F7941E  !important;}*/
/*.crewNav .cmenu:last-child>a:hover{background: linear-gradient(180deg, #337AB7 50%, #324C8F 100%); color: #fff  !important;}*/
/*.cmenu>a:hover {*/
/*    color:#fff;*/
/*    background: linear-gradient(180deg, #337AB7 50%, #324C8F 100%);*/
/*}*/
/*#pageNavBox2{*/
/*    background: #fff;*/

/*}*/
#jsBox th {
    background: #fff;
    /*linear-gradient(180deg, #F3F3F3 50%, #E4E4E4 100%);*/
    border: none !important;
    border-radius: 0px;
}
#jsBox .action-wrapper{
    margin-bottom:10px;
}
.footer_login{
    color:#fff;
}
.footer_login a{
    color:#fff;
}

.inv_sent, .inv_not_sent, .inv_locked{
    width: 130px;
    display: block;
    text-align: center;
    overflow: hidden;
}
.btn_quote {
    width:80px;
    display: block;
}
#pageContent{
margin-bottom:10px !important ;
}
.dashboard_job_block tr th:first-child,
.dashboard_job_block tr th.jb_checkbox{
    width:10px;
}
.dashboard_job_block tr th.jb_desc{
    width:350px;
}

.dashboard_job_block tr th.jb_client{
    width:100px;
}
.dashboard_job_block tr th.jb_business,.jb_business_row {
    width: 140px;
    overflow: hidden;
    display: block;
}
.dashboard_job_block tr th.jb_number{
    width:150px;
}
.dashboard_job_block tr th.jb_sheet{
    width:350px;
}
.dashboard_job_block tr th.jb_invoice,.dashboard_job_block tr th.jb_quote,.dashboard_job_block tr th.jb_tags{
    width:200px
}
#thisWeek {
    /* display: none;*/
    /*color: #000;*/
    /*position: absolute;*/
    margin: 2px 10px;
    background: #fa8c2e;
    padding: 2px 6px;
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
    position: absolute;
}
.thisweekclass {
    position: relative;
}
.thisweekclass:hover #thisWeek {
    display: block;
}
.textdescNew {
    width: 100%;
}
/*.jobsheet .rates td, .jobsheet th {*/
/*    background: #fff !important;*/
/*}*/
.frmJobsheet h2 {
    margin-top: 5px;
}
.jobsheet_wrap {
    margin-top: 0px;
    float: left;
}
.jobsheet_wrap span {
    display: inline-block;
}
.crew-info-jobsheet {
    background: #fff;
    color: #000;
    font-size: 12px;
    padding: 0px;
    font-weight: bold;
    margin-bottom: 3px;
}
.right-nav a:hover , .left-nav a:hover, .left-nav .show-dropdown:hover, .right-nav .show-dropdown:hover {
    color: #FC8C2E !important;
    transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
}
.right-nav .dropdown a:hover , .left-nav .dropdown a:hover {
    /*color: #337ab7 !important;*/
    color:#000 !important;
}
#footer a:hover {
    color: #FC8C2E;
}
.footer_login a{
    text-decoration:none;
}
.footer_login a:hover {
    color: #FC8C2E;
}
#mainCell{
    /*min-width:1024px;*/
    /*float:left;*/
}
.full_content_with_background table td{
    border:1px solid #ccc;
}
.on-off:hover span {
    color: #fff !important;
}
.close_message {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 0 !important;
    cursor: pointer;
}
.ui-autocomplete.ui-menu{
    height: 400px;
    overflow: auto;
}
.hide{
    display: none !important; ;
}
.act-menu{
    /*width: 200px;*/
    float: left;
}
.act-menu .bbcolmain {
    /*margin: 0px 20px;*/

    /*background: #FC8C2E;*/
    border-radius: 4px;
    /*border: none;*/
    /*color: #fff;*/
    text-transform: capitalize;
    padding: 5px 0px;
}
.selectAllNone{
    float: left;
    margin-right: 10px;
}
#cboActions.show button:after{
    border-bottom: .286rem solid;
    border-top: 0;
}

/*.act_dropdown #cboActions {*/
/*    !*position: absolute !important;*!*/
/*    top: auto !important;*/
/*    bottom: calc(100% - 1px) !important;*/
/*    border-bottom-left-radius: 0px !important;*/
/*    border-bottom-right-radius: 0px !important;*/
/*    border-top-left-radius: 5px !important;*/
/*    border-top-right-radius: 5px !important;*/
/*}*/

/*.act_dropdown .is-open .Select-control {*/
/*    border-top-right-radius: 0 !important;*/
/*    border-top-left-radius: 0 !important;*/
/*    border-bottom-right-radius: 5px !important;*/
/*    border-bottom-left-radius: 5px !important;*/
/*}*/
.act_dropdown{
    float: left;
}
#btnSave{
    float: left;
    margin: 0px 10px 0px 20px;
    width: 120px;
    background: #FC8C2E;
    border-radius: 4px;
    border: none;
    color: #fff;
    padding: 5px 0px;
}
.bottomDiv{
    padding: 14px 35px;
    background:#fff;
    border: none;
    border-top: 2px solid #24557E;
    font-size: 13px;
}
.client_section .cl_block .bottomDiv{
    text-align:right;
}
.btn_save_section{
    text-align: right;
}
/*.btn_act_cancel span, .btn_act_cancel a{*/
/*    color: #C80007;*/
/*}*/
.act-menu .btn{
    width:100%;
    background: #EEEEEE;
    box-shadow: inset 0 0px 0px rgba(0,0,0,1);
    /*border: none;*/
    font-size: 14px;
    font-weight:500;
    /*padding:6px 14px;*/
    border: 1px solid #868686;

}
.act-menu .btn:focus{
    outline: 0px auto -webkit-focus-ring-color;
}
.act-menu .btn:hover{

    background: #ccc;
}



    /*.btn_act_cancel{*/
/*    background: #FFDDDD;*/
/*    border: 1px solid #C80007;*/
/*    color: #C80007;*/

/*}*/
/*.btn_act_offer{*/
/*    background: #FFDDCD;*/
/*    border: 1px solid #FF7A00;*/
/*    color: #D66700;*/
/*}*/

/*.btn_act_offer span , .btn_act_offer a{color: #D66700;}*/
/*.btn_act_message{*/
/*    background: #DDFFDF;*/
/*    border: 1px solid #35883A;*/
/*    color: #004704;*/
/*}*/
/*.btn_act_message span, .btn_act_message a{*/
/*    color: #004704;*/
/*}*/
/*.btn_act_lock{*/
/*    background: #E3E3E3;*/
/*    border: 1px solid #818181;*/
/*    color: #090909;*/
/*}*/
/*.btn_act_lock span, .btn_act_lock a{*/
/*    color: #090909;*/
/*}*/
/*#cboActions{*/
/*    height: 30px;*/
/*    background: #FFFFFF;*/
/*    border: 1px solid #cecece;*/
/*    color: #333333;*/
/*    padding-left: 10px;*/
/*    font-weight: 500;*/
/*    padding-top: 3px;*/
/*}*/
.bbcolmain a{
    width: 100%;
    display: inline-block;
}
.bbcolmain{
    border: none !important;
    box-shadow: none !important;
    background: transparent;
    outline:none !important;
}
.bbcolmain a:after{
    content:"\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    position: relative;
    right: -14px;

}
.act-menu{
    /*display: block !important;*/
    margin: 0px 10px;
    border-radius: 4px;
    width: 120px;
}
.selectAllNone input{
    width:20px;
    height:20px;
    margin-top: 6px;
    margin-left: 30px;
}

.jobsheet{
    width:100%;
}
.footer_rel_middle label{
    background: #eee;
    padding: 6px;
    border-radius: 4px;
    margin-bottom: 0px;
    margin-top: 4px;
}
.footer_rel_middle a{
    color:#b9b9b9;
}

.login-popup #mainCell{
    padding: 20px;
}
@media screen and (max-width: 1300px) and (min-width: 768px) {
    #managerNav {
        /* background-color: #337AB7; */
        /* padding: 0px 30px; */
        border-radius: 3px;
        /*height: 97px;*/
        /* float: right; */
        float: left;
        /*margin-left: 115px;*/
    }
    .main-nav{
        padding: 0 0%;
    }

}
.login-main #mainCell{
    min-width:0px !important;
}
/*#conf{*/
/*    width:1239px !important;*/
/*}*/
#pageContent{
    margin-bottom:43px !important;
}
/*.globalform {*/
/*    position: fixed;*/
/*    bottom: 50px;*/
/*    z-index: 4;*/
/*    background: #FC8C2E !important;*/
/*    border: #FC8C2E 1px solid;*/
/*    display: block;*/
/*    width: 92px;*/
/*    font-size: 16px;*/
/*    right: 116px;*/
/*    border-radius: 4px !important;*/
/*}*/

/*.globalform:hover {*/
/*    background: #24557e !important;*/
/*    color: #ffffff !important;*/
/*}*/
@media only print
{
    .main-nav { display: none !important; }
    .full-width{display:none !important; }
}
.timeout_icon{
    font-size:200px;
    color: #24557e;
}
.timeout-text{
    font-size:40px;
    font-weight: bold;
    color:#24557e;
}
.timeout_click{
    background:#24557e;
    padding:10px 25px;
    border-radius:4px;
    width:200px;

    font-size:15px;
    text-align:center;
}
.timeout_click a {
    color:#fff;
    text-decoration:none;
}

/* Shift Delete */

.deleteShifts {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 9;
    width: 607px;
    height: 355px;
    margin: 0 auto;
    padding: 30px;
    padding-top: 80px;
    border: 2px solid #5e5e5e;
    box-sizing: border-box;
    background: #fff;
}
.deleteShifts td {
    display: block;
    text-align: center;
    padding: 0;
}
.deleteShifts h3 {
    font-size: 33px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}
.deleteShifts h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color:#000;
}
.deleteShifts table,
.deleteShifts select {
    width: 100% !important;
}
.deleteShifts #pageNavBox {
    background: none;
    border: none;
}
.deleteShifts input[type="submit"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    margin-top: 20px;
    cursor: pointer;
}

.deleteShifts input[type="text"] {
    padding: 5px 5px;
    font-size: 15px;
    width: 50%;
}
/*Shift Delete*/

.successDelete {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 9;
    width: 607px;
    height: 355px;
    margin: 0 auto;
    padding: 30px;
    padding-top: 80px;
    border: 2px solid #5e5e5e;
    box-sizing: border-box;
    background: #fff;
}
.successDelete td {
    display: block;
    text-align: center;
    padding: 0;
}
.successDelete h3 {
    font-size: 33px;
    color: #000;
    margin-top: 0;
    margin-bottom: 15px;
}
.successDelete h4 {
    font-size: 16px;
    margin-bottom: 10px;
    color:#000;
    text-align: center;
}

.successDelete #pageNavBox {
    background: none;
    border: none;
}
.successDelete input[type="submit"] {
    background: #124f78;
    padding: 11px 10px;
    border: none;
    color: #fff;
    font-size: 40px;
    width: 50%;
    margin-top: 20px;
    cursor: pointer;
}

.successDelete input[type="text"] {
    padding: 5px 5px;
    font-size: 15px;
    width: 50%;
}
.form-control{
    min-height: 18px !important;
    border: 1px solid #9a9a9a;
    height: 30px;
}
.crew-edit_form h2{
    color: #24557E;
    font-size: 18px;
    margin: 20px 0px 20px 0px;
    border-bottom: 1px solid #24557E;
}
.crew-edit_form em{
    font-size: 10px;
    font-style: italic;
    color: #454545cc;
}

#app_invite_button{
    width: 250px;
    /*width: 100%;*/
    height: 36px;
}
.crew-edit_form .btn_save_section{
    text-align: right;
    padding: 10px 27px;

}
.crew-image{
    background: #ffffff;
    padding-left: 0px;
    /* padding: 20px 20px 22px; */
    width: 180px;
}
.crew_info_wrap .nomargin{
    margin:0px;
}

.cf_top_info{
    display: flex;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
}
.cf_top_info img{
    height: 100%;
    background: #ccc;
    padding: 20px;
}
.cf_top_info input{
    padding: 10px;


}
.staff-info{
    background-color: #ffffff;
    width: 100%;
    text-align: left;
    padding: 0px 10px 10px 10px;
}
.otherInfobox label{
    font-weight:600;
}
.crew-edit_form #uploadDiv{
    position: fixed;
    width: 80px;
    left: 50%;
    top: 50%;
    z-index: 9999;
    background: #ccc;
    text-align: center;
    padding: 10px 19px 20px 12px;
}
.cr_username{
    font-size: 18px;
    color: #5C5C5C;
    font-weight: 600;
}
.cr_info{
    font-size: 14px;
    color: #5C5C5C;
    display:block;
    font-weight:600;
}
.crew_info_wrap h2{
    color: #24557E;
    font-size: 18px;
}
.rate_table{
    margin-bottom: 10px;
}
.crew-image .imageArea img{width:100%!important;max-height:180px; height:auto !important;}
@media (min-width: 768px) {
    #mainTable, #mainCell {
        min-width: auto !important;
    }
    /*.content_wrapper {*/
    /*    min-width: 1239px !important;*/
    /*}*/
}
@media only screen and (max-width: 768px) and (min-width: 320px) {
    .hide-mobile {
        display: none;
    }

    .login-popup {
        top: 0%;
        width: 100%;
        margin: 0px;
        left: 0%;
        padding: 20px 0px;
    }
    .login-main{
        width:100%;
        padding: 0px;
    }
    #mainTable1{
        width: 100%;
    }
    #loginArea, .signup_section{
        width:100%;
    }
    #help_identity{
        position: absolute;
        top: 20px;
        right: 30px;
    }
    #mainTable, #mainCell {
        min-width: auto !important;
    }
    /*ul.menu li:hover a{*/
    /*    background: #24557e !important;*/
    /*}*/

    /*.content_wrapper {*/
    /*    min-width: 1239px !important;*/
    /*}*/
}
@media (max-width: 320px) {
    #mainTable, #mainCell {
        min-width: auto !important;
    }
}
.home_job_search td{padding:4px 10px !important;  }
.search_job{
    position: relative;
    top: 10px;
    color: #ffff;
    background: #FC8C2E !important;
    width: 92px;

}
.reset_job{
    position: relative;
    top: 10px;
    color: #fff !important;
    background: #767676 !important;
    width: 92px;


}

.bottomDiv #buttonBar .dropdown-item{
    width: 100%;
    padding: 6px 12px;
    font-weight:500;
}
#cboActions{
    width:174px;
}
#cboActions .dropdown-menu.show{
    max-height: calc(80vh - 50px);
    overflow: auto;
}

.bottomDiv #buttonBar .show .dropdown-item,#cboActions .dropdown-item {
    padding: 2px 16px 5px 16px;
    margin: 0px;
}

.bottomDiv #buttonBar .show a.dropdown-item,#cboActions.show a.dropdown-item{
    font-weight: 500;
    font-size: 14px;
    color:#24557e;
}
#buttonBar .show .dropdown-toggle::after{
    border-bottom: .286rem solid;
    border-top:0;
}
/*#buttonBar .dropdown-toggle.show a:hover{*/
/*    background: #FC8C2E;*/
/*    color:#fff;*/
/*}*/

.bottomDiv #buttonBar .show a.dropdown-item:hover, #cboActions.show a.dropdown-item:hover{
    background: #FC8C2E;
    color:#fff;
}

#buttonBar .dropdown-menu.show,  #cboActions{
    margin: 0px;
}
#btnSave:hover, input[type="submit"]:hover, input[type="button"]:hover{
    background: #337AB7!important;
    border-color:#337AB7 !important;
    cursor:pointer;
}
.nav-link.setting{
    font-size: 25px;
    /*margin-right: 20px;*/
    padding: 14px;
}
.act_dropdown{
    padding-left:10px;
}

.h-scroll{
    height: calc(100vh - 90px);
    width:100%;
}
#sidebar-right-toogle .scrollable-container , #sidebar-right-toogle  .scrollable-content{
    width:100% !important;
}

.action-wrapper button.show-dropdown.clicked{
    background: #ccc;
    color:#333;
}
.action-wrapper ul{
    border:1px solid #ccc;
}
.action-wrapper .dropdown{
    background: #fff;
    color:#333;
}
.jb-label{
    display: block;
    margin: 2px !important;
}
.sms_popup{
    position: absolute;
    padding: 12px;
    width: 260px;
    left: -150px;
    top: -10px;
    z-index: 1;
    background: #fff;
    overflow: auto;
    max-height: 400px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
    border: 1px solid #ccc;
}
.sms_popup_inner{
    background-color: white;
    padding: 0 5px 0 5px;
}
.btn-jobsheet{
    font-size: 10px;
    padding: 2px 10px;
    background: #ccc;
    color:#333;
    font-weight:600;
}
#pageNavBox .fl-jobsheet{
    padding: 0px;
}
#pageNavBox .fl-jobsheet> div {
    border:none !important;
    margin: 0px;
}
/*#pageNavBox>div>div:first-child{*/
/*    padding-left:0px;*/
/*    margin-left: 0px;*/
/*}*/
.btn-jobsheet:visited{
    color:#333;
}
.btn-jobsheet:hover{
    color:#f05922;
}
.jb-date{
    float: left;
}
.jb-date input{
    width:100%;
}
.jb-date img, .jb-date i{
    position: relative;
    top: -16px;
    right: -71px;
}
/*.ddAlert.warning{*/
/*    width:50%;*/
/*    float: left;*/
/*    padding-right: 10px;*/
/*}*/
/*.crew-info-jobsheet .jbsheet-stat:first-child{*/
/*    border-right: 4px solid #fff;*/
/*}*/
.jbsheet-stat{
    padding: 4px;
    margin-right: 10px;
    background: #d2d2d2;
    width:180px;
    margin-bottom: 0px;
    border-radius: 4px;
    font-size: 10px;
    text-transform: capitalize;
}
.jb-drop_btn{
    /*width: 200px;*/
    width:100%;
    height: 30px;
    padding: 4px;
    font-size: 14px;
    text-align: left;
    border: 1px solid #868686;
}
.jb_btnoptions{
    margin-right: 10px;
    position: relative;
    top: 3px;
}
.jb-drop_btn span{
    position: relative;
    top: 0px;
    padding: 5px;
}
.jb-drop_btn:after{
    margin-right: 0;
    margin-left: .3em;
    position: absolute;
    right: 10px;
    top: 12px;
}

.jb-drop_btn_menu a{
    color:#24557e;
    margin: 0px;
    width: 100%;
    font-size: 14px;
    padding: 5px 13px;
    font-size: 12px;
    font-weight: 500;
}
.jb-drop_btn_menu a:hover{

    color: #fff;
    background: #fa8c2e;
}
.jb-drop_btn_menu{
    width: 100%;
    padding: 0px;
    margin: 0px;
}



.jb-form{
    padding-bottom: 10px;
}
.crew-total-stat{
    background-color:#fef2a6;
    padding:3px;font-size:12px; font-weight:bold;
}
#pageNavBox{
    clear:both;
}
.jb_btn_actions{
    float: right !important;
    margin-top: 8px !important;
}
.jb_btn_actions .resetsession{
    width: 65px;
    color: #fff;
    background: #8C8C8C;
    border: none;
    padding: 4px 10px;
    font-size: 10px;
    margin-right: 10px;text-shadow: none;
}

#subRight input[type="submit"], #subRight  input[type="button"]{
    background: #FC8C2E;
    color: #fff;
    border: none;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 13px;
    position: relative;
    top: 20px;
    float: right;
    /*margin-right: 10px;*/
}
.jb_pageNav{
    padding: 16px 0px 0px 0px !important;
}
.form-search-section{    padding: 0px 12px;}
.shift_button{
    margin: -10px 0px;
    background:#fff;
    /*padding: 0px 0px 16px 10px;*/
}
 .input-group{
    border: 1px solid #ccc;
    border-radius: 4px;
}
.form-search label{
    color:#24557e;
    font-weight:700;
}
.input-group .textInput{
    border:none !important;
}
.nopaddingtop{
    padding-top:0px;
}

.jb_pageNav .reset_job{
    display: block;
    padding: 10px;
    text-align: center;
    border: none;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 13px;
    position: relative;
    top: 20px;
    float: right;
    width:100%;
    /*margin-right: 10px;*/

}
.jb-usearch label{
    margin-left: 4px;
}
.jb_pageNav .reset_job:hover{
background:#337AB7 !important;
    outline: none !important;
}
/*#pageNavBox>div>div{*/
/*    padding: 5px 0px 5px 10px;*/
/*}*/
.resetsession:hover{
    background: #24557e!important;
}
.jb-date i{
    font-size: 14px;
}
.jb_col{
    margin:0 0 6px;
}
.jb_col h2{
    margin-bottom:5px;
}

.dashboard_job_block .textInput{width:100%;    border: 1px solid #ccc;
    background: #efefef !important;    border-radius: 4px;
    padding-left: 6px;}
#userType{height:40px;}
.helpcontent{
    background: #f1f5f4;

    border: 1px solid #ccc;
}
.submenu.max_mega_menu_div, .submenu_inside{margin:0px!important;padding:0px!important;}
.max_mega_menu_div.blocks-md-3{height:245px;}
/*.submenu_inside a,.submenu_inside a:hover{padding: 2px 12px !important;}*/
/*.submenu_inside.col1{*/
/*    border-right: 1px solid #ccc !important;*/
/*    border-radius: 0px;*/
/*    height: 206px;*/
/*}*/
/*ul.menu li ul.submenu.max_mega_menu_div{*/
/*    height:auto;*/
/*}*/

#bulkAction{
    margin-top: 2.143rem;
    background-color: #fff;
    border: 0 solid transparent;
    border-radius: .286rem;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 15px 25px;
    /* PADDING: 10PX; */
}
#bulkAction td{
    border: 1px solid #ccc;
}
#bulkAction .tooltiptext td{
    border: none;
}
#bulkAction tr th, #bulkAction tr th a, #bulkAction tr th acronym {
    background: #fff;
    color: #24557e;
    font-weight: bold;
    text-decoration: none;
}
.bottomDiv .bottom{
    text-align: left;
}
.bottomDiv .bottom.text-right{
    text-align: right;
}
.bottom input[type=checkbox]{
    width: 20px;
    height: 20px;
    position: relative;
    top: 0px;
    margin-right: 10px;
    margin-left: 28px;
    float:left;

}
.buttons_section {
    float: left;
    margin: 0px;
    padding: 0px;
    height: 296px;
    border-right: 1px solid #e4eaec;
}
.buttons_section span{font-weight: 600;}
.btn_act_actions{
    width: 300px;
    background: #EEEEEE;
    box-shadow: inset 0 0px 0px rgba(0,0,0,1);
    /* border: none; */
    font-size: 14px;
    font-weight: 500;
    /* padding: 6px 14px; */
    border: 1px solid #868686;
}
.buttons_section span{display: block; color: #24557e; padding: 0px 6px;margin: 0px;}
.buttons_section a{    width: 100%;
    color: #24557e;
    padding: 3px 10px;
    font-weight: 500;
    margin: 2px 0px;}
.buttons_section a:hover{
    background: #fa8c2e;
    color: #fff;
    border-radius: 0px;
}
.btn_megamenu {
    width:800px;
    overflow: auto;
    height:316px;
}
.btn_megamenu .dropdown-toggle::after{
    left: 56px;
    position:relative;
}
#ab{float: left;}
#ab.show .dropdown-toggle::after{
     border-top: 0;
    border-right: .286rem solid transparent;
    border-bottom: .286rem solid;
}
.jb_pageNav >div{
    border:none !important;
    margin:0px !important;
}
.jb_pageNav .textInput{
    width:100% !important;
    height:30px !important;
}
.jb-usearch{
    padding-top: 17px;
}
.jb-usearch input[type=checkbox], input[type=radio]{
    width:auto !important;
}
.bottom >select{
    height: 30px;
    width: 300px !important;
    border-radius: 4px;
}
ul.menu li ul.submenu_inside{
    border-right: 1px solid #ccc !important;
    min-height: 172px !important;
    border-radius: 0px;

}

ul.menu li ul.max_mega_menu_div.blocks-md-3 ul.submenu_inside{
    min-height: 245px !important;

}

ul.submenu_inside li, ul.submenu_inside li:hover{
    margin:0px;
    padding: 0px;
}
ul.submenu_inside li.sub_heading_class{
    border-bottom: 1px solid #ccc;
    margin-bottom: 4px;
}

.menu_heading_h3{text-transform: capitalize;}
@media (max-width: 767px) {

    /*.ui-dialog{*/
    /*    max-height: 100% !important;*/
    /*    width: 100% !important;;*/
    /*    top: 0px !important;;*/
    /*    left: 0px !important;;*/
    /*    overflow: auto !important;;*/
    /*    position: fixed !important;;*/
    /*}*/
    .ui-dialog {
        z-index: 1000000000;
        top: 0 !important;
        left: 0 !important;
        margin: auto;
        position: fixed !important;
        max-width: 100%;
        max-height: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100% !important;
        height: 100% !important;
    }
    .ui-dialog .ui-dialog-content {
        flex: 1;
        /*z-index:999;*/
    }
}

@media only screen and (max-width: 768px) and (min-width: 320px) {
    .helpcontent{
        padding:20px;
    }
    .helppopup {
        width: 87%;

    }
    .bottomDiv {
        padding: 14px 8px;
    }
    .act_dropdown{
        width: 172px;
    }
    #btnSave{
        margin-top: 8px;
    }

}

.calendar .nav{
    display: table-cell;
}
.jb_venue_col{
    width:180px;
}
.jb_sheet_col{
    width:100px;
}
.jb_crew_col{
    width:180px;
}
.jb_task_col{
    width:180px;
}
.jb_icon_col{
    width:35px;
}
.job_sheet_row{
    width: 90px;
    overflow: hidden;
}
#uploadDiv{
    position: fixed;
    top: 50%;
    left: 50%;
    background: #ececec;
    padding: 15px;
    border: 1px solid #ccc;
}
.ui-widget-overlay{
    position:fixed;
}
.controls label.checkbox{
    margin-bottom: 0px;
}
.tsSpacer td, .tsCompany td, .tsHead td{border:none !important;}
.tsCompany:first-child, .tsSpacer:first-child{
    display: none;
}
#jb-shift-checkbox{
    top:5px;
}
.regular_disclaimer_section, .recruit_disclaimer_section{padding-top:10px;}
.recruit_skill_section input.textInput, .recruit_disclaimer_section input.textInput, .regular_disclaimer_section input.textInput{ width:550px;}
#skills_sortable {padding-top:10px;}
.tags_block{
    width: 190px;
    padding: 10px;
    max-height: 400px;
    overflow: auto;
    background: #fff !important;
}