@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
      url('../fonts/OpenSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans semi';
  src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
      url('../fonts/OpenSans-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans bold';
  src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
      url('../fonts/OpenSans-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
} 

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,500;1,700;1,800&display=swap');

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
      url('../fonts/Montserrat-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-Bold';
  src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
      url('../fonts/Montserrat-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'karlaregular';
  src: url('../fonts/karla-regular-webfont.woff2') format('woff2'),
       url('../fonts/karla-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'karlabold';
  src: url('../fonts/karla-bold-webfont.woff2') format('woff2'),
       url('../fonts/karla-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'assistantregular';
  src: url('../fonts/assistant-regular-webfont.woff2') format('woff2'),
       url('../fonts/assistant-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}@font-face {
  font-family: 'assistantbold';
  src: url('../fonts/assistant-bold-webfont.woff2') format('woff2'),
       url('../fonts/assistant-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
.bg-transparent { background-color: transparent; }
.white-color {color: #fff; }
.transition {-webkit-transition: all 0.3s ease;transition: all 0.3s ease; }
body {font-family: "Open Sans", sans-serif;font-size: 16px;}
ul,ol {padding-left: 0; }
.btn:focus,button:focus { -webkit-box-shadow: none !important; box-shadow: none !important;outline: 0; }
.btn.disabled, .btn:disabled {cursor: not-allowed; }
.mb-0 {margin-bottom: 0; }
.pb-0 {padding-bottom: 0; }
.ov-h {overflow: hidden; }
.btn,button,input,textarea { -webkit-box-shadow: none;box-shadow: none;outline: 0 !important; }
.no-padding {padding: 0 !important; }

/******loginpage*********/
.headerbar{background: #0b3a62;padding: 2px;position: relative;}
.headerbar h2{font-family: 'assistantbold';letter-spacing: 1px;color: #ffffff;margin: 0;padding: 11px 0;font-size: 25px;}
.headerbar h2::before{content: '';background: url('../img/logo.png');background-size: 100%;background-position: center;background-repeat:no-repeat;position: absolute;left: 5px;width: 80px;top:0;height: 100%;}
#formContent {-webkit-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;margin:8% auto;background: #fff;padding: 30px;width: 90%;max-width: 450px;position: relative;padding: 0px;-webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);text-align: center;}
#formContent form{padding: 38px 38px 20px 38px;}
#formFooter {background-color: #f6f6f6;border-top: 1px solid #dce8f1;padding: 25px;text-align: center;-webkit-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;}
.emailicon::before{content: '';background: url('../img/emailicon.png'); background-repeat: no-repeat;background-size: 100%;width:20px;height:20px;position: absolute;left: 16px;z-index: 1;top: 17px;}
.emailicon{position: relative;font-family: 'karlaregular';}
.passwordicon::before{content: '';background: url('../img/passwordlock.png'); background-repeat: no-repeat;background-size: 100%;width:20px;height:20px;position: absolute;left: 16px;z-index: 1;top: 17px;}
.passwordicon{position: relative;font-family: 'karlaregular';}
.submitbtn {font-family: 'karlaregular';letter-spacing: 1px; background-color: #0b3a62; border: none; color: white;padding: 8px 23px;text-decoration: none;display: inline-block;text-transform: uppercase;font-size: 16px;margin:20px 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.submitbtn:hover{color: #ffffff;background:#144b79;}
.forgottxt{font-family: 'karlaregular';font-size: 15px;}

#formContent input[type=text], #formContent input[type=password] {
background-color: #f6f6f6;
border: none;
color: #0d0d0d;
padding: 15px 15px 15px 43px;
text-decoration: none;
display: inline-block;
font-size: 16px;
width: 100%;
border: 2px solid #f6f6f6;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

#formContent input[type=text]:focus, #formContent input[type=password]:focus {
background-color: #fff;
border-bottom: 2px solid #0b3a62;
}

#formContent input[type=text]:placeholder {
color: #cccccc;
}
.logoicon{width: 65px;}
.logbtnwrap{clear: both;}
.checkwrap{position: relative;padding-left: 36px;}
.rememberc{font-family: 'karlabold';}

/* Hide the browser's default checkbox */
.rememberc input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 22px;
width: 22px;
background-color: #eee;
}

/* On mouse-over, add a grey background color */
.rememberc:hover input ~ .checkmark {
background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.rememberc input:checked ~ .checkmark {
background-color: #e53d34;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.rememberc input:checked ~ .checkmark:after {
display: block;
}

/* Style the checkmark/indicator */
.rememberc .checkmark:after {
left: 7px;
  top: 2px;
  width: 8px;
  height: 14px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

/* Main Styles */
aside.left-panel { background: #fff;height: 100vh;padding: 0;vertical-align: top;width: 235px;-webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);position: fixed;left: 0;bottom: 0;top: 55px;z-index: 999; }
aside.left-panel{max-height: 100%;overflow-y: scroll;}
aside.left-panel::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
aside.left-panel::-webkit-scrollbar{width: 13px;background-color: #F5F5F5;}
aside.left-panel::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
.small-device .right-panel {margin-left: 83px; }
.p20{padding: 20px 0}
.managername{margin-bottom: 0;margin-top: 12px;font-size: 14px;}
.navbar {background: #fff;border-radius: 0;border: none;display: inline-block;margin: 0;padding: 0;vertical-align: top; }
.navbar .main-menu {float: left;padding: 0;padding-bottom: 50px; }
.navbar .menu-title {color: #41434d;clear: both;display: block;font-family: 'Open Sans';font-size: 14px;font-weight: 700;line-height: 50px;padding: 0;text-transform: uppercase;width: 100%; }
.navbar .navbar-nav {float: none;position: relative; }
.navbar .navbar-nav > li {padding-left: 0px;padding-right: 0px; }
.navbar .navbar-nav > li.active {background: rgba(233, 236, 239, 0.5); }
.navbar .navbar-nav li {width: 100%; }
.navbar .navbar-nav li > a:hover, .navbar .navbar-nav li > a:hover{background: rgba(233, 236, 239, 0.5);}
.navbar .navbar-nav li.active .menu-icon, .navbar .navbar-nav li:hover .toggle_nav_button:before,
.navbar .navbar-nav li .toggle_nav_button.nav-open:before {color: #000000; }.navbar .navbar-nav li .dropdown-toggle:after { display: none; }
.navbar .navbar-nav li > a {color: #607d8b;display: inline-block;font-size: 14px;line-height: 26px;    padding: 9px 33px;position: relative;width: 100%; }
.navbar .navbar-nav li > a:hover, .navbar .navbar-nav li > a:hover .menu-icon { color: #000000; text-decoration:none;}
.navbar .navbar-nav li > a .menu-icon {color: #607d8b;float: left;margin-top: 8px;width: 35px;text-align: left;z-index: 9; }
.navbar .navbar-nav li > a .menu-title-text {font-size: 14px; }
.navbar .navbar-nav li > a .badge {border-radius: 0;font-weight: 600;float: right; margin: 6px 0 0 0;padding: 0.4em 0.5em; }
.navbar .navbar-nav li.menu-item-has-children {position: relative;padding:0; }
.navbar .navbar-nav li.menu-item-has-children a { line-height: 30px;     padding: 9px 33px;}
.navbar .navbar-nav li.menu-item-has-children a:before {content: "";position: absolute;top: 23px;right: 23px;width: 8px;height: 8px;border-style: solid;border-width: 1px;border-color: #607d8b #607d8b transparent transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .25s ease;transition: all .25s ease; }
.navbar .navbar-nav li.menu-item-has-children a:hover:before {border-color: #03a9f3 #03a9f3 transparent transparent; }
.navbar .navbar-nav li.menu-item-has-children .sub-menu {background: #fff;border: none;-webkit-box-shadow: none;box-shadow: none;overflow-y: hidden;padding: 0 0 0 35px; }
.navbar .navbar-nav li.menu-item-has-children .sub-menu li {position: relative; }
.navbar .navbar-nav li.menu-item-has-children .sub-menu i {color: #c8c9ce;float: left;padding: 0; position: absolute;left: 35px;font-size: 14px;top: 16px;z-index: 1;}
.navbar .navbar-nav li.menu-item-has-children .sub-menu a {padding: 5px 0 5px 64px; }
.navbar .navbar-nav li.menu-item-has-children .sub-menu a:before { content: '';display: none; }
.navbar .navbar-nav li.menu-item-has-children .sub-menu a .menu-icon {top: 13px;text-align: left;width: 25px; }
.navbar .navbar-nav li.menu-item-has-children.show a:before {border-color: transparent #607d8b #607d8b transparent;top: 20px;right: 13px; }
.navbar .navbar-nav li.menu-item-has-children.show a:hover:before {border-color: transparent #03a9f3 #03a9f3 transparent; }
.navbar .navbar-nav li.menu-item-has-children.show .sub-menu {    position: sticky;max-height: 1000px;opacity: 1;    margin: 0;width: 100%;background: #f7f7f7;padding-left: 0;}
.navbar .navbar-nav > .active > a,.navbar .navbar-nav > .active > a:focus,.navbar .navbar-nav > .active > a:hover {color: #000000; }
.navbar-nav li span.count {background: #a9d86e;border-radius: 50%;color: #fff;font-family: 'Open Sans';font-size: 9px;font-weight: 700;float: right;height: 20px;width: 20px;line-height: 20px;margin-right: 15px;text-align: center; }
.open .navbar .navbar-brand.hidden {display: block; }
.open .sub-menu .subtitle {display: none;font-size: 15px;line-height: 35px;color: #607d8b;border-bottom: 1px solid rgba(96, 125, 139, 0.15); }
.sub-menu .subtitle { display: none; }
.sub-menu .subtitle > .menu-icon {display: none; }
.open aside.left-panel { max-width: 100px;width: 100px; }
.open aside.left-panel .navbar .navbar-header {padding: 0; }
.open aside.left-panel .navbar .navbar-brand {display: none; }
.open aside.left-panel .navbar .navbar-brand.hidden { display: block !important;text-align: center;width: 100%; }
.open aside.left-panel .navbar .navbar-brand.hidden img {max-width: 100%; margin: 0 auto; }
.open aside.left-panel .navbar .navbar-brand.d-md-none {display: block !important;margin: 13px 0 0;min-height: 67px;padding: 0;text-align: center; }
.open aside.left-panel .navbar .navbar-nav:before {display: none !important; }
.open aside.left-panel .navbar .navbar-nav li {position: relative; padding: 0 15px; }
.open aside.left-panel .navbar .navbar-nav li a {font-size: 0; z-index: 0;-webkit-transition: none;transition: none; }
.open aside.left-panel .navbar .navbar-nav li a .menu-icon {font-size: 20px;z-index: -1;text-align: center;width: inherit; }
.open aside.left-panel .navbar .navbar-nav li a .menu-title-text {font-size: 0; }
.open aside.left-panel .navbar .navbar-nav li a .badge {display: none; }
.open aside.left-panel .navbar .navbar-nav li > a {max-width: 60px;padding-left: 0; }
.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children {overflow: hidden; }
.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children ul {padding-left: 0; }
.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children .sub-menu {left: 83px;top: 0; }
.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children .sub-menu li a {display: block;font-size: 14px; max-width: inherit;padding: 2px 15px 2px 25px;width: 100%; }.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children .sub-menu li a .menu-icon {text-align: center; }
.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children.show { overflow: visible; }
.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children.show .sub-menu {position: absolute !important;width: 180px;-webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08); }
.open aside.left-panel .navbar .navbar-nav li span.count {display: none;margin-right: 5px;z-index: 1; }
.open aside.left-panel .navbar .navbar-nav li.active a:after {content: '';display: none; }
.open aside.left-panel .navbar .navbar-nav .menu-title {font-size: 0;line-height: 0;opacity: 0;padding: 0; }
.open aside.left-panel .menutoggle {background-color: #dc3545;color: #fff !important;right: -20px;text-align: center; }

.open aside.left-panel .navbar-nav .leftprofilepic{width: 45px; height: 45px; border: 0;}
.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children .sub-menu i{left: 15px;}
/* Right panel */
.right-panel {background: #f1f2f7;margin-left: 234px;margin-top: 55px; }
.top-left {width: 285px;float: left; }
.top-rigth {float: left; }
header.header {background: #0b3a62;border-bottom: 1px solid #e8e9ed;-webkit-box-shadow: none;box-shadow: none;clear: both;padding: 0 30px;height: 55px;position: fixed;left: 280px;left: 0;right: 0;top: 0;z-index: 999; }
.navbar-brand {width: 143px;display: inline-block; }
.menutoggle {padding-top: 7px; }
.navbar-header {width: 100%;background-color: #0b3a62;padding: 0 1.25em 0 0; }
.navbar-header > a {display: inline-block; }
.navbar-brand {line-height: 42px; }
.navbar-brand img {max-width: 75px; }
.navbar-brand.hidden {display: none; }
.open .right-panel {margin-left: 100px; }
.open .let-panel {z-index: 999; }
header.fixed-top {background: #fff;padding: 20px; }
.menutoggle {background-color: transparent;color: #e6edf1 !important;cursor: pointer;font-size: 1em;height: 40px;line-height: 40px;width: 40px;display: block;text-align: right; }
.search-trigger {background: transparent;border: none;color: #99abb4;cursor: pointer;font-size: 16px;line-height: 55px;padding: 0;width: 43px; }
header .form-inline {background: #131c21;display: none;height: 55px;margin: 0;width: 100%;position: absolute;left: 0;top: 0;z-index: 9999; }
header .form-inline .search-form {height: 100%;max-width: 1025px;margin: 0 auto;position: relative; }
header .form-inline .search-form input[type="text"] {background: #131c21;border: none;border-radius: 0;-webkit-box-shadow: none; box-shadow: none;color: #d3d3d3;font-size: 16px;height: inherit; margin-right: 0 !important;padding: 10px 36px 10px 15px;width: 100%; }
header .form-inline .search-form input[type="text"].active,header .form-inline .search-form input[type="text"]:focus {border-color: rgba(0, 0, 0, 0.125);outline: 0; }
header .form-inline .search-form button {background: transparent;border: none;color: #fff;font-size: 16px;position: absolute;right: 15px;top: 50%;margin-top: -14px !important; }
header .form-inline .search-form button:active, header .form-inline .search-form button:focus, header .form-inline .search-form button:visited, header .form-inline .search-form .btn-outline-success:hover {background: transparent;border: none !important;-webkit-box-shadow: none;box-shadow: none;outline: 0 !important; }
header .form-inline .search-form.close {display: none; }
.header-left {display: inline-block; }
.header-left.open .form-inline {display: block; }
.header-left .dropdown {display: inline-block; }
.header-left .dropdown .dropdown-toggle {background: transparent;border: none;color: #99abb4;font-size: 16px;line-height: 55px;padding-top: 0;padding-bottom: 0; }
.header-left .dropdown .dropdown-toggle:after {display: none; }
.header-left .dropdown .dropdown-toggle .count {border-radius: 50%;color: #fff;font-size: 11px;height: 15px;width: 15px;line-height: 15px;right: 0;top: 12px;position: absolute; }
.header-left .dropdown .dropdown-toggle:active, .header-left .dropdown .dropdown-toggle:focus, .header-left .dropdown .dropdown-toggle:visited {background: none !important;border-color: transparent !important;color: #292b35 !important; }
.header-left .dropdown .dropdown-menu {background: #fff;border: none;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;top: 47px !important;left: inherit !important;right: 0 !important;-webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);line-height: 35px;max-width: initial; min-width: 16rem; padding: 0;}
.header-left .dropdown .dropdown-menu p {font-size: 15px;margin: 0;padding: 5px 15px; }
.header-left .dropdown .dropdown-menu .dropdown-item {color: #99abb4;font-size: 13px;padding: 10px 15px 3px;text-overflow: ellipsis;-webkit-transition: all .25s;transition: all .25s; }
.header-left .dropdown .dropdown-menu .dropdown-item:hover {background: rgba(233, 236, 239, 0.5); }
.header-left .dropdown .dropdown-menu .dropdown-item .photo {float: left;margin-right: 15px;width: 25px; }
.header-left .dropdown .dropdown-menu .dropdown-item .message .name {margin-top: -5px; }
.header-left .dropdown .dropdown-menu .dropdown-item .message .time {font-size: 11px; }
.header-left .dropdown .dropdown-menu .dropdown-item .message p {clear: both;font-size: 14px;margin: 0;padding: 0;text-overflow: ellipsis; }
.header-menu { display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.header-menu .dropdown {line-height: 55px;margin-top: 0 !important; }
.header-menu .dropdown .dropdown-toggle {height:55px;line-height: 55px; }
.user-area .dropdown-toggle {position: relative;z-index: 0; }
.dropdown-menu {border-radius: 0;-webkit-transform: none !important;transform: none !important; }
.for-notification .dropdown-menu .dropdown-item {padding: 5px 15px !important;text-overflow: ellipsis; }
.for-notification .dropdown-menu .dropdown-item i{float: left;font-size: 14px;margin: 5px 5px 0 0;text-align: left;width: 20px; }
.for-notification .dropdown-menu .dropdown-item p {padding: 0 !important;text-overflow: ellipsis; }
.user-area {float: right;padding-right: 0;position: relative;padding-left: 20px; }
.user-area .user-menu {background: #fff;border: none;left: inherit !important;right: 0;top: 54px !important;margin: 0;max-width: 150px;padding: 5px 10px;position: absolute;width: 100%;z-index: 999;min-width: 150px;-webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); }
.user-area .user-menu .nav-link {color: #607d8b;display: block;font-size: 13px;line-height: 22px;padding: 5px 0; }
.user-area .user-menu .nav-link > i {margin-right: 10px; }
.user-area .user-avatar {float: right;width: 40px; }
.user-area .user-info .name {color: #8c8c8c;font-size: 14px;position: relative;text-transform: uppercase; }
.user-area .count {background: #d9534f;border-radius: 50%;color: #fff;font-family: 'Open Sans';font-size: 9px;font-weight: 700;float: right;height: 20px;width: 20px;line-height: 20px;text-align: center; }
.user-area .dropdown-toggle {line-height: 55px;height: 55px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; }
.user-area .dropdown-toggle:after {display: none; }
#menuToggle2 {padding-left: 25px; }
#language-select {color: #f1f2f7;float: right;margin: 7px 20px 0 0;max-width: 80px; }
#language-select:focus, #language-select:visited {border: none;outline: 0; }
#language-select .flag-icon {line-height: 55px; }#language-select .dropdown-toggle::after {display: none; }
#language-select .dropdown-menu {background: #fff;border: none;border-radius: 0;left: -8px !important;min-width: inherit;padding: 0 5px;top: 81px !important; }
#language-select .dropdown-menu .dropdown-item {line-height: 1.5;margin-right: 0;max-width: 25px;padding: 0; }
#language-select .dropdown-menu .dropdown-item:hover {background: #fff; }
#language-select .dropdown-menu .dropdown-item .flag-icon {line-height: 1.5;margin-right: 0;width: 25px; }
.notification-show + .dropdown-menu, .message-show + .dropdown-menu, .language-show + .dropdown-menu {display: block; }
.content {float: left;padding: 0.8em 17px;width: 100%; }
/*******addload*********/
.mb30{margin-bottom: 30px;}
/* Ribons */
.corner-ribon {
text-align: center;
width: 71px;
height: 71px;
position: absolute;
right: 0;
top: 0;
font-size: 20px; }

.corner-ribon i {
padding: 10px 0 0 35px;
color: #fff; }
.searchbtn{font-family: 'karlaregular';letter-spacing: 1px;width:100%;background-color: #0b3a62;border: none;color: white;padding: 8px 23px;text-decoration: none;display: inline-block;text-transform: uppercase;font-size: 16px;margin: 20px 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.headerbar h2 {font-family: 'assistantbold';letter-spacing: 1px;color: #ffffff;margin: 0;padding: 11px 0;font-size: 25px;}
.headerbar {background: #0b3a62;padding: 2px;position: relative;}
.whitestrip{background: #ffffff;padding: 10px;margin-bottom: 30px;border-radius: 4px;}
.whitestrip h1{font-size: 21px;margin: 0;font-family: 'assistantregular';}
.w150{width: 150px;display: block;}
.w200{width: 200px;display: block;}
.w100{width: 100px;display: block;}
.w120{width: 120px;display: block;text-align: center;}
.greenbtn{background: #20c168;color: #ffffff;padding: 3px 5px;}
.redbtn{background: #c12020;color: #ffffff;padding: 3px 5px;}
.yellowbtn{background: #adaf24;color: #ffffff;padding: 3px 5px;}
#outer {float: left;width: 100%;overflow: hidden;white-space: nowrap;display: inline-block;}
#inner:first-child {margin-left: 0;}
#right-button{float: left;width: 30px;text-align: center;}
#left-button a{background: url(../images/right.png);background-size: 63%;background-repeat: no-repeat;width: 40px;background-position: center;height: 40px;display: block;position: absolute;right: 0;border-radius: 100%;background-color: rgba(11, 58, 98, 0.34);color: #6b6767;top: 53%;}
#left-button{float: left;text-align: center;}
#right-button2{float: left;width: 30px;text-align: center;}
#left-button2 a{background: url(../images/left.png);background-size: 78%;background-repeat: no-repeat; width: 40px;height: 40px;font-size: 38px;display: block;position: absolute; left: 0;line-height: 41px;color: #6b6767;top: 53%;}
#left-button2 {float: left;text-align: center;}
.page-item.active .page-link{background-color: #0b3a62;border-color: #0b3a62;}
#DataTables_Table_0_paginate{padding-top: 20px;}
table.table.fixleft.dataTable.no-footer.DTFC_Cloned{margin-top: 0!important;border-right: 1px solid #efefef;background:#ffffff;}
table.table.fixleft.dataTable.no-footer.DTFC_Cloned th{border-bottom: 0;}
.table td, .table th{border-top: 0;vertical-align: middle;border-bottom: 1px solid #efefef;text-align: center;}
.shipperForm .form-group{float: left;}
.shipperForm{background: white;float: left;border-radius: 4px;padding: 0 10px;}
.shipperForm .form-control:focus{box-shadow: none;border-color: #448bc7;}
.sav_btn{background: #0b3a62;color: #ffffff;}
td.sorting_1{border-right: 1px solid #efefef;}
.cancel_btn{background: #e53d34;color: #ffffff;}
.editload i{font-size: 25px;color: #e53d34;}
/***********importCSV*********/
.uplfile {display: inline-block;position: relative;}
.uplfile .uploadbtn{padding: 5px 10px;border: 1px solid #c12020;position: relative;color: #ffffff;border-radius: 2px;text-align: center;cursor: pointer;margin-bottom: 16px;font-family: 'Montserrat-Bold';background: #c12020;}
#files2 {position: absolute;z-index: 1000;opacity: 0;cursor: pointer;right: 0;top: 0;height: 100%;font-size: 24px;width: 100%;cursor: pointer;}
h3{font-family: 'assistantbold';}
.selcsvwrap{border-radius: 6px;margin: 5% auto;background: #fff;width: 90%;max-width: 500px;position: relative;padding: 28px;-webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);text-align: center;}
#filename{display: block;font-size: 14px;}
.btnaddmore i{font-size: 27px;color: #e53d34;}
.btnaddmore{padding: 0;}
#myForm{position: relative;}
.step_wrap li{display: inline-block;list-style: none;background: white;max-width: 19.6%;padding: 9px 20px;width: 100%;margin-right: 49px;position: relative;}
.step_wrap ul{padding: }
.step_wrap .step::after{content: '';width: 0;display: block;right: -29px;top: 0;position: absolute;border-top: 30px solid transparent;border-left: 29px solid #ffffff;border-bottom: 30px solid transparent;}
.step_wrap .active{color: #ffffff;background-image: linear-gradient(to right, #e53d34, rgb(117, 58, 56));/* background-image: linear-gradient(-90deg, #1363a7, #0b3a62); */}
.step_wrap .active::after{content: '';width: 0;display: block;right: -29px;top: 0;position: absolute;border-top: 30px solid transparent;border-left: 29px solid #793a38;border-bottom: 30px solid transparent;}
.select_csv{margin-top: 20px;}
.sav_btn:hover{color:#ffffff;background: #1f6198;}
.cancel_btn:hover{color: #ffffff;}
.nextbtn_wrap{background: #3387a0;padding: 7px;}
/*********shipper***********/
.serachship{background-color: #0b3a62;border-color: #0b3a62;color: #ffffff;margin-bottom:0;height:32px;line-height:18px;font-weight: 700;}
#formshipper .form-group{float: left;}
#formshipper {-webkit-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;margin:3% auto;background: #fff;padding: 30px;width: 90%;max-width: 450px;position: relative;padding: 0px;-webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);text-align: center;}
#formshipper form{padding: 38px 25px 20px 25px;}
#formshipper input[type=text] {background-color: #f6f6f6;border: none;color: #0d0d0d;padding: 15px 15px 15px 15px;text-decoration: none;display: inline-block;font-size: 16px;width: 100%;border: 2px solid #f6f6f6;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;}
#formshipper input[type=text]:focus {background-color: #fff;border-bottom: 2px solid #0b3a62;}
#formshipper input[type=text]:placeholder {color: #cccccc;}
.btnshipper{margin-bottom:0;background: #dc3545;color: #ffffff;font-size: 18px;padding: 5px 18px;border-radius: 4px;}
.btnshipper:hover{background-color: #ce2e25;text-decoration:none;}
#addshippModal label{display: block;font-size: 18px;font-family: 'assistantbold';}
.from_d{margin-right:5px;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;    display: inline-block;width: 43%;margin-left: 10px;}
.to_d{padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;    display: inline-block;width: 45%;margin-left: 10px;}
.w24{width: 23.7%;display: inline-block;}
.mr1{margin-right: 1%;}
.mb0{margin-bottom: 0;}
.modal-header{border:0;background: #0b416f;color: #ffffff;}
.modal-title{font-family: 'karlabold';}
.mt6{margin-top: 6px;}
.close{color: #ffffff;}
body{background-color: #f1f2f7;}
/*********8managerDB**************/
.whitestrip {background: #ffffff;padding: 10px;margin-bottom: 30px;border-radius: 4px;}
.whitestrip h1 {font-size: 21px;margin: 0;font-family: 'assistantbold';}
.w150{width: 150px;display: block;}
.w200{width: 200px;display: block;}
.w100{width: 100px;display: block;}
.w120{width: 120px;display: block;text-align: center;}
.fullbtn{display: block;width: 100%;text-align: left;color: #ffffff;padding: 0; }

#accordionExample .card-header{background: linear-gradient(45deg, #18476f, #317cbd);    padding: 5px 14px;}
#accordionExample .card{margin-bottom: 10px;}
.page-item.active .page-link {background-color: #0b3a62;border-color: #0b3a62;}
.whitebg{background-color: #ffffff;box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);}
.mb30{margin-bottom: 06px;}
.today_load{margin-bottom: -20px;}
.selectday{border: 0;background: transparent;-webkit-appearance: none;-moz-appearance: none;}
.headingSc{position: relative;}

.header-left .dropdown .dropdown-toggle:focus{color: #ffffff!important;    box-shadow: none;}
.mb0{margin-bottom: 0px;}
.badge-complete{background: #00c292;color: white;padding: 10px;text-transform: uppercase;font-weight: normal;}
.table td, .table th{border-top: 0;border-bottom: 1px solid #dee2e6;vertical-align: middle;}
.minheight{height: 400px;}
.usertab_wrap ul.pagination{margin-top: 16px!important;}
.p_relative{position: relative;}
.usertab_wrap .pagination{float: right;}
/********8dashboard*******/
.searchref .form-group{float: left;}
.m0{margin: 0;}
.ln36{line-height: 36px;}
.srchbtn{background: #e53d34;color: #ffffff;width: 100%;}

.display-block{display: block;}
.form-control:focus{box-shadow: none;}
.loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url("../img/loader.gif") 50% 50% no-repeat;background-color: #ffffff;opacity: 1;}
.shippName a, .lanespick a{text-decoration: none;}
.shippName .fa-minus-circle, .lanespick .fa-minus-circle{color: #e53d34;}
.addR{position: absolute;right: -24px;top: 7px;}
.addREdit{position: absolute;right: -10px;top: 38px;}
.shippName{position: relative;}
.mb10{margin-bottom: 10px;}
.lanespick{position: relative;}
.addRm{position: absolute;right: -33px;top: 0px;}
body{    background: #f1f2f7;}
.col-md-8, .col-md-4, .col-md-12{float: left;}
.clearfix{clear: both;}
label.error {
   color: red;
  font-weight: 400;
  float: none;
  display: block;
  text-align: left;
}
.alert.alert-danger.hidden {
  display: none;
}
span.help-block {
  text-align: left;
  display: block;
  color: red;
  font-weight: 400;
}
#load{
  width:100%;
  height:100%;
  position:fixed;
  z-index:9999;
  background:url("https://www.creditmutuel.fr/cmne/fr/banques/webservices/nswr/images/loading.gif") no-repeat center center rgba(0,0,0,0.25)
}
#result-not-found {
  display: none;
}
.form-group{margin-bottom: 1.3rem;}
#add-load-form label.error{position: absolute;font-size: 14px;}
.tickfield.bold .checkmark{top: 0;    background-color: #ffe5e4;}
/* Hide the browser's default checkbox */
.tickfield input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;

left: 0;
height: 22px;
width: 22px;
background-color: #ac3b36
}

/* On mouse-over, add a grey background color */
.tickfield:hover input ~ .checkmark {
background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.tickfield input:checked ~ .checkmark {
background-color: #e53d34;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.tickfield input:checked ~ .checkmark:after {
display: block;
}

/* Style the checkmark/indicator */
.tickfield .checkmark:after {
left: 7px;
  top: 2px;
  width: 8px;
  height: 14px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.mb40{margin-bottom: 40px;}
.bold{font-weight: 600;}
.mapheadings{background: #137390;padding: 19px 15px 11px;color: #ffffff;}
.checkwrap#checkboxes{height:38px;line-height: 38px;}
.w50{width: 50%;float: left;}
.w45{width:45%;float:left;}
.w46{width:46%;float:left;}
.timepicker_wrap {top:46px!important;}
.fs-dropdown{position:absolute;}
.bluehead{background: #175890;color: #ffffff;}
.userlist_table a{color:#000000;text-decoration:none;}
.col-md-6, .col-sm-6, .col-md-12, .col-sm-12, .col-md-4, .col-sm-4, .col-md-3, .col-sm-3, .col-md-8, .col-sm-8{float: left;}
.createUserform{background: #fff;position: relative;padding: 38px 38px 20px 38px;margin: 0 auto;    border-top: 8px solid #1b65a5;}
.createUserform label.error{position: absolute;font-size: 14px;}
.createUserform .submitbtn{margin: 23px 0 20px;    width: 100%;}
.margin_equal .w24 {margin-left: 4px;}
.margin_equal{margin-top:8px;}
.table thead th, table td{font-family: 'karlaregular';}
.search-form{font-family: 'karlaregular';}
small{font-family: 'karlabold';}
label, select, input, button, p{font-family: 'karlaregular';margin-bottom: .3rem;}
.navbar-nav li a{font-family: 'karlaregular';}
/***********notification*************/
.header-left .dropdown .dropdown-menu p{line-height: 23px;padding:5px;}
.red{color: #dc3545;}
.for-notification ul, #notification_modal ul{padding: 0;}
.for-notification ul li, #notification_modal ul li, .for-load-notification ul li{list-style: none;}
.header-left .dropdown .dropdown-menu .dropdown-item.latest_not{color: #000000;}
.no-border{border:0;}
#notification_modal .close{position: absolute;right: 17px;}
.center-head{margin: 0 auto;border-bottom: 2px solid #175890;}

/*****************Company Details Css Starts Here****************/
.company_details ul{padding: 0;}
.company_details ul li{list-style: none;}
.company_details ul li p{display: inline-block;}
.no-padding{padding: 0px;}
.pt30{padding-top: 30px;}
.company_details ul li label{font-family: 'karlaregular';font-weight: 700;}
.col-md-10, .col-sm-10, .col-xs-12{float: left;}
.bold{font-weight: 600;}
.form-control:focus{box-shadow: none;}
.appr_diss{height: 300px;}
.p30{padding: 30px;}
.company_details table th{border-bottom: 0;padding-bottom: 0}
.pb15{padding-bottom: 15px;}
.pt15{padding-top: 15px;}
.company_details table td{padding-top: 6px; }
.sav_btn {background: #0b3a62;color: #ffffff;padding: 6px 25px;margin-bottom: 0;}
.sav_btn:focus{box-shadow: 0;}
.company_details select{background: #0b3a62;color: #ffffff;}
.company_details select:focus{background: #0b3a62;color: #ffffff;}
.company_details select option{color: #ffffff;}
.rate {float: left;height: 35px;padding: 0 10px;}
.rating-wrap label{font-weight: 700;}
.rate:not(:checked) > input {
 position:absolute;
 top:-9999px;
}
.rate:not(:checked) > label {
 float:right;
 width:1em;
 overflow:hidden;
 white-space:nowrap;
 cursor:pointer;
 font-size:30px;
 color:#ccc;
}
.rate:not(:checked) > label:before {
 content: '★ ';
}
.rate > input:checked ~ label {
 color: #ffc700;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
 color: #deb217;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
 color: #c59b08;
}
.company_details table th, .company_details table td{text-align:left;}
#comapny_comment_sec textarea{height:68px;}
.mt26{margin-top:26px;}
#Add-Comapny-Model-Form label.error {position: absolute;font-size: 15px;margin-top: -5px;}
.mb10.lanes-pick-drop{margin-bottom:18px;}
.form-control:disabled {

  opacity: 1;
}

/*********************New Css For Company Listing**********************/
.bluebg{background: #0b3a62;color: #ffffff;text-align: center;padding: 10px;}
.bluebg h3{font-size: 24px; font-family: 'karlaregular';margin-bottom: 0;}
.view_comp, .edit_comp{width: 30px;display: inline-block;text-align: center;}
.view_comp{border-right: 1px solid #f5efef;}
.view_comp i{color: #e53d34;}
.edit_comp i{color: #e53d34;}
#company_detail_modal .close{position: absolute;right: 17px;}
#company_detail_modal th{border-bottom: 0;}
.search_comp{float: right; margin: 21px 0 0 0;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;width: 300px;}
.mainCom_head{padding-top: 17px;font-family: 'Montserrat-Bold';color: #e53d34;position: relative;}
.mainCom_head::after{content: '';position: absolute;left: 13px;width: 100px;background-color: #e53d34;height: 2px;}
.mainCom_head h3{font-size: 21px;}
.company_details_wrap{border-top: 5px solid #0b3a62;border-radius: 7px;float: left;width: 100%;}
#editshippModal label{display: block;font-size: 18px;font-family: 'assistantbold';}
.from_d{margin-right:5px;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;    display: inline-block;width: 43%;margin-left: 10px;}
.to_d{padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;    display: inline-block;width: 45%;margin-left: 10px;}
.w24{width: 23.7%;display: inline-block;}
.mr1{margin-right: 1%;}
.mb0{margin-bottom: 0;}
.modal-header{border:0;background: #0b416f;color: #ffffff;}
.modal-title{font-family: 'karlabold';}
.mt6{margin-top: 6px;}
.close{color: #ffffff;}
.cancel_btn{background: #e53d34;color: #ffffff;}
.addR{position: absolute;right: -33px;top: 7px;}
.shippName{position: relative;}
.mb10{margin-bottom: 10px;}
.lanespick{position: relative;}
.addRm{position: absolute;right: -33px;top: 0px;}
.mt28{margin-top: 28px;}
.pb15{padding-bottom: 15px;}
.savebtnwrap a:hover{color: #ffffff;background: #de2117;outline: 0;box-shadow: none;}
.dropdown.for-notification .dropdown-menu{max-height: 300px;overflow-y: scroll;}
.dropdown.for-notification .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
.dropdown.for-notification .dropdown-menu::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.dropdown.for-notification .dropdown-menu::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
.menu-item-has-children .fa-file-text{color: black;}
.menu-item-has-children .fa-minus-circle{color: red;}
.menu-item-has-children .fa-check-circle{color: green;}
.view_detail{background: #e53d34;color: #ffffff;border-radius: 4px;padding: 6px 13px;width: auto;
  display: inline-block;}
.edi_detail{color: #ffffff;border-radius: 4px;padding: 6px 13px;width: auto;display: inline-block;    background: #017fd1;}
.strip td{padding: 8px;border-bottom: 0;}
.edi_detail:hover{color: #ffffff;background: #1d6c9f;text-decoration: none;}
.strip th{border-bottom: 2px solid #0b395f;}
a.view_detail:hover{color: #ffffff;background: #c52920;text-decoration: none;}
#EditCarrierformBroker .modal-dialog{max-width: 1000px;}
#ViewCarrierformBrokerSide .modal-dialog{max-width: 1000px;}

/*********************New Css For Broker Carrier**********************/
.btnshipper:hover{color: #ffffff;}
.addmorewrap{position: relative;float: left;}
.add_remove{position: absolute;right: -21px;top: 42%;}
.remove_icon i{color: #e53d34;}
.mt5{margin-top: 5px;}
.add_remove a:hover{text-decoration: none;}
.boldbgheading{background: #375b79;color: #ffffff;padding: 9px;font-family: 'karlabold';}
.shipperlist_wrap .pagination {float: right;}
.pagination a.active {background: #0b3a62;color: #ffffff;width: auto;text-align: center;}
.fs-dropdown{position: absolute;}
.fs-wrap.multiple .fs-option.selected .fs-checkbox i{    background-color: rgb(229, 61, 52);}
.table thead th, table td{font-family: 'karlaregular';}
.search-form{font-family: 'karlaregular';}
small{font-family: 'karlabold';}
label, select, input, button, p{font-family: 'karlaregular';margin-bottom: .3rem;}
.navbar-nav li a{font-family: 'karlaregular';}
.pagination{margin-bottom: 14px;}
.paginate_button{width:auto;background:none;}
.card-header{font-family: 'assistantbold'; font-size: 20px;text-align: center;padding: 5px;}
.btncarrier{color: #ffffff;font-family: 'karlaregular';}
.btncarrier:hover{color: #f3f3f3;}
.f24{font-size: 24px;}
.col-md-3, .col-sm-3{float: left;}
.paginationcarrier a {
  background: #eff0f5;
  color: #000;
  width: 25px;
  text-align: center;
  margin-right: 10px;
}
.paginationcarrier a.active {
  background: #0b3a62;
  color: #ffffff;
  width: 25px;
  text-align: center;
}
.shipperlist_wrap .paginationcarrier {
  float: right;
}
.paginationcarrier {
  margin-bottom: 14px;
}
.paginationcarrier {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem;
}
#form-add-carrier-broker-New label.error{position: absolute;    margin-top: -6px;}


/*********viewALLdetail**************/
#viewAlldetails .modal-dialog, #viewAllCdetails .modal-dialog{max-width: 1050px;margin:15px auto;background: transparent;}
.clbt{clear: both;}
#leftArea{background: #fafafa;padding: 30px 15px 35px;}
.no-border{border: 0;}
#leftArea .imgWrap{width: 85px;height: 85px;position: relative;overflow: hidden;border-radius: 100%;float: left;}
#leftArea .imgWrap img{position: absolute;right: 0;left: 0;margin: 0 auto;}
.rihtdescarea ul{padding-left: 0;margin-bottom: 0;}
.rihtdescarea ul li{display: inline-block;}
.rihtdescarea hr{margin: 0;}
.nametype{font-size: 19px;font-family: 'OpenSans semi';}
.rihtdescarea{float: left;padding-left: 18px;}
.dotclass{position: relative;padding-left: 20px;}
.dotclass::after{content: '';background: #007bff;width: 6px;height: 6px;border-radius: 50%;position: absolute;right: 0;left: 5px;top: 8px;}
.f17{font-size: 15px;font-family: 'OpenSans semi';}
.rihtdescarea p{font-family: 'Open Sans';margin-bottom: 6px;}
.mt6{margin-top: 6px;}
.linkprofile a{font-family: 'OpenSans semi';color: #c55f5f;}
.dotclass.nametype::after{top: 14px;}
.bluelink a{color: #118f9a;}
.linkprofile{margin-top: 4px;}
.socialdesc{margin-top: 19px;float: left;width: 100%;}
.socialdesc ul{padding-left: 22px;}
.socialdesc li{list-style: none;font-size: 16px; font-family: 'karlaregular';line-height: 36px;position: relative;padding-left: 30px;}
li.phoneCall::after{content: '';background: url(../img/phone-call.png);background-repeat: no-repeat;background-size: 100%;position: absolute;left: 0;width: 17px;height: 17px;top: 7px;}
#leftArea{width: 45%;border-radius: 5px 0 0 5px;min-height: 578px;}
li.dateC::after{content: '';background: url(../img/calendar.png);background-repeat: no-repeat;background-size: 100%;position: absolute;left: 0;width: 17px;height: 17px;top: 7px;}
li.dispatcherName::after{content: '';background: url(../img/man-user.png);background-repeat: no-repeat;background-size: 100%;position: absolute;left: 0;width: 17px;height: 17px;top: 7px;}
li.truck_type::after{content: '';background: url(../img/delivery-truck.png);background-repeat: no-repeat;background-size: 100%;position: absolute;left: 0;width: 17px;height: 17px;top: 7px;}
li.parentmail::after{content: '';background: url(../img/close-envelope.png);background-repeat: no-repeat;background-size: 100%;position: absolute;left: 0;width: 17px;height: 17px;top: 7px;}
li.activepak::after{content: '';background: url(../img/coin.png);background-repeat: no-repeat;background-size: 100%;position: absolute;left: 0;width: 17px;height: 17px;top: 7px;}
li.pickupL::after{content: '';background: url(../img/pickup.png);background-repeat: no-repeat;background-size: 100%;position: absolute;left: 0;width: 17px;height: 17px;top: 7px;}
li.streetadd::after{content: '';background: url(../img/streetAddress.png);background-repeat: no-repeat;background-size: 100%;position: absolute;left: 0;width: 17px;height: 17px;top: 7px;}
li.dropL::after{content: '';background: url(../img/drop.png);background-repeat: no-repeat;background-size: 100%;position: absolute;left: 0;width: 17px;height: 17px;top: 7px;}
li.cityC::after{content: '';background: url(../img/skyline.png);background-repeat: no-repeat;background-size: 100%;position: absolute;left: 0;width: 17px;height: 17px;top: 7px;}
li.stateC::after{content: '';background-color: #666666; position: absolute;left: 0;border-radius: 50%;width: 17px;height: 17px;top: 7px;}
.lastrc{color: #c73030;background: transparent;margin-right:15px;border: 1px solid #c73030;text-transform: uppercase;border-radius: 4px;padding: 6px 20px; font-size: 13px;font-family: 'Montserrat-Bold';}
.currbtn{color: #c73030;background: transparent;border: 1px solid #c73030;text-transform: uppercase;border-radius: 4px;padding: 6px 20px; font-size: 13px;font-family: 'Montserrat-Bold';}
.profilebtns{float: left;padding-left: 100px;margin-top: 20px;}
li.zipcodeC{border-left: 1px solid;padding-left: 10px;}
.stateC{margin-right: 7px;}
#viewAllCdetails .crossbtn{color: #292929;}
.profilebtns button:hover{background: #c73030;color: #ffffff;}
.sliderwarp{float: left;width: 100%; margin-top: 27px;padding-left: 70px;}
.subjectName{font-family: 'Montserrat'; margin-bottom: 0; font-size: 12px;}
.dateTime{font-family: 'Montserrat-Bold';margin-bottom: 0;font-size: 11px;}
.sliderwarp h4{font-family: 'Montserrat'; color: #c73030; font-size: 13px;margin-top: 7px;}
.slastaught-box{width: 112px;border: 1px solid #c73030;border-radius: 4px;    padding: 10px 0;}
.studentFeedbk a{margin-right: 5px; font-family: 'Montserrat';color: #ffffff;background: #c73030;display: inline-block;width: 32px;height: 32px;border-radius: 50%;line-height: 32px;text-decoration: none;font-size: 20px;}
.tutorFeedbk a{margin-left: 5px; font-family: 'Montserrat';color: #ffffff;background: #c73030;display: inline-block;width: 32px;height: 32px;border-radius: 50%;line-height: 32px;text-decoration: none;font-size: 20px;}
.referbtn{color: #c73030;background: transparent;border: 1px solid #c73030;text-transform: uppercase;border-radius: 4px;padding: 10px 20px; font-size: 13px;font-family: 'Montserrat-Bold';}
.bottombtnawrap{float: left;margin-top: 38px;width: 100%;text-align: center;}
.referbtn:hover{background: #c73030;color: #ffffff;}
#rightArea{width: 55%;padding: 30px 0px 2px 15px;}
.pickupL{display: inline-block;}
.dropL{display: inline-block;margin-left: 11px;padding-left: 24px;}
.inline-block{display: inline-block;}
#stuTutSlide .owl-next.disabled{opacity: 0;}
.toggletitle{font-size: 19px;display: inline-block;margin-bottom: 0;}
.switchwrap2{display: inline-block;}
.rightstatus{font-size: 19px;margin-bottom: 0;}
.rightstatus span{color:  #a6c84b;}
.togsubtitle{font-family: 'Open Sans';color: #767676;}
.togsubtitle span{font-family: 'karlaregular';}
.togsubtitle a{color: #c55f5f;font-family: 'Open Sans';font-style: italic;}
.activepak a{color: #118f9a;}
.greycolor{color: #767676;}
.statuscheck p{font-family: 'Open Sans';}
.statuscheck{text-align: right;}
.studentcomments h3{font-size: 18px;font-family: 'karlaregular';cursor: pointer;margin-top: 7px;}
.studentcomments > ul > li{list-style: none;float: left;width: 100%;}
.studentcomments > ul{padding-left: 0;height: 325px;overflow-y: scroll;}
.commentline{border-left: 1px solid #e2e2e2;min-height: 100%;color: #767676;font-family: 'OpenSans semi';}
p.cdate{margin-bottom: 0;}
.datetimetxt{color: #767676;font-family: 'karlaregular';}
.aManeger{color: #000000;}
.studentcomments ul::-webkit-scrollbar-track{border-radius: 30px;border:1px solid #e2e2e2;}
.studentcomments ul::-webkit-scrollbar{width: 15px;}
.studentcomments ul::-webkit-scrollbar-thumb{background-color: #f8eded;border-radius: 30px;}
.postsubmit textarea{position: relative;    padding-right: 85px;}
.postbtn{position: absolute;top: 0;right: 0px;height: 100%;background: #0168bf;color: #ffffff;font-family: 'OpenSans semi';padding: 0 22px;}
.postbtn:hover, .postbtn:focus{background: #0f77ce;color: #ffffff;}
.mt30{margin-top: 30px;}
.savexitbtn{float:right;background: #ec4949;color: #ffffff;border:0;text-transform: uppercase;border-radius: 4px;padding: 10px 20px; font-size: 13px;font-family: 'Montserrat-Bold';}
.savexitbtn:hover{background: #c73030;color: #ffffff;}
.crossbtn{ position: absolute;right: 7px;z-index: 9;}
.form-control.input-small{display: table-cell;position: relative;z-index: 2;width: 100%;}
.input-group-addon{white-space: nowrap;vertical-align: middle;position: absolute;right: 0;z-index: 4;top: 0;bottom: 0;
  padding: 12px 0;
  width: 33px;
  height: 38px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;}
#leftArea.unsatcolor{background: #f8eded; -webkit-transition: 1s;transition: 1s;}
.leftwraper{ -webkit-transition: 1s;transition: 1s;}
.rightstatus.hidestatus span{color: #c55f5f;}
.studentcomments h3 select:focus{outline: 0;}
.studentcomments h3 select option{font-size: 16px;font-family: 'Open Sans';}
#addReminder{background: rgba(33, 31, 31, 0.63);}
#addnewAm .modal-dialog, #editnewAm .modal-dialog, #addRef .modal-dialog, #addReminder .modal-dialog, #addlead .modal-dialog{background: #ffffff;max-width: 364px;margin: 1% auto;border-radius: 6px;}
.mr1{margin-right: 1%;}
.ml1{margin-left: 1%;}
.whalf{width: 48%;display: inline-block;}
.modlheader{font-family: 'Montserrat-Bold'; text-transform: uppercase; margin-top: 0;font-size: 15px;position: relative;padding-bottom: 6px;}
.modlheader::after{content: '';border-top: 1px solid #968e8e;position: absolute;bottom: 0;width: 51px;height: 1px;left: 0;}
.custm-select .gselect, .custm-select .subselct{min-height: 38px; position: relative;border-radius: 0;width:48%;display: inline-block; background: #eeeeee url(../img/select-arrow-drop-down.png) no-repeat scroll 94% center;background-size: 13px;-webkit-appearance:none;border: 0;box-shadow: none;color: #555555;font-size: 15px;font-family: 'OpenSans bold';margin-bottom: 7px;}
.custm-select select:focus{outline: 0;box-shadow: none;}
.custm-select .tselect{min-height: 38px; position: relative;border-radius: 0;background: #eeeeee url(../img/select-arrow-drop-down.png) no-repeat scroll 97% center;background-size: 13px; -webkit-appearance:none;border: 0;box-shadow: none;color: #555555;font-size: 15px;font-family: 'OpenSans bold';margin-bottom: 7px;}
#addReminder input.form-control{min-height: 38px;margin-bottom: 7px;border-radius: 0;}
.btnbnkdetail{color: #ffffff;background: #ec4949;font-family: 'Montserrat';text-transform: uppercase;padding: 10px 27px;font-size: 15px;}
.bnkbtnwrap{padding-top: 0;border: 0;}
.b0{border: 0;}
#addReminder .modal-content{padding: 15px;}
.btnbnkdetail:hover{background: #c73030;color: #ffffff;}
#addRef button.close, #addlead button.close, #scheduleDemo button.close {position: absolute;right: 9px;width:30px;z-index: 5;}
#addReminder button.close {position: absolute;right: 9px;width:30px;z-index: 5;}
.no-padding-right{padding-right: 0;}
.no-padding-left{padding-left: 0;}
.drive_det h3{font-size: 18px;}
.drive_det ul{padding-left: 0;}
.drive_det li{padding-left: 0;display: inline-block;margin-right: 15px;}
.drive_det li i{margin-right: 4px;}
@media(min-width: 768px){
.col-md-offset-3{margin-left: 25%;float: left;}
}
.Equipment-show {
  position: relative;
  float: left;
  width: 40%;
}
.dispaly_f{display:flex;}
.bt1{border-top:1px solid #cccccc;}
.streetadd{border-top: 1px solid #cccccc;}
.socialdesc{max-height: 560px;overflow-y: scroll;}
.socialdesc::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
.socialdesc::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.socialdesc::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
.w80{width: 80%;display: inline-block;}
.w77{width: 78%;display: inline-block;}
.rate_range span{margin-right: 9px;font-size: 14px;}
.rate_range {padding-left: 0;}
.rate_range2{padding-right: 0;}
.to_class{position: absolute;left: -8px;top: 6px;font-size: 14px;}
.p_relative{position: relative;}
.pick_wrap{padding: 0 3px 0 0;}
.drop_wrap{padding: 0 0 0 3px;}
.p_relative p{font-size: 14px;}


/*******************shipper popup design**************/
#ship_add li{font-size: 14px;}
li.fax_n::after{content: '';background: url(../img/fax.png);background-repeat: no-repeat;background-size: 100%;position: absolute;left: 0;width: 17px;height: 17px;top: 7px;}
li.designation_n::after{content: '';background: url(../img/designation.png);background-repeat: no-repeat;background-size: 100%;position: absolute;left: 0;width: 17px;height: 17px;top: 7px;}
.multiaddanmes, .multiaddlanes{border-top: 1px solid #ccc;margin-right: 17px;}
.sp_req h3{font-size: 17px;}
.sp_req ul, .ship__rates ul{padding-left: 0;font-size: 14px;}
.sp_req li{padding-left: 0;display: inline-block;line-height: 20px;}
.ship__rates li{display: inline-block;margin-right: 15px;}
.ship__rates h3{font-size: 18px;}
.show_all_d{color: #ffffff;background: #0dccc3;padding: 7px 13px;text-decoration: none;border-radius: 3px;}
.show_all_d:hover{color: #ffffff!important;text-decoration: none;background: #0fa59d;}
.btnaddload{color: #ffffff;background: #0dcc85;padding: 7px 13px;text-decoration: none;border-radius: 3px;font-size: 14px;font-family: 'karlabold';}
.btnaddload:hover{color: #ffffff!important;background: #10bd7d;text-decoration: none;}

/**********shipperdetailLoad***************/
.ptb20{padding: 20px 0;}
.alload_bg{background: url(../img/loadbg.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;    border: 19px solid #ffffff;}
.container-full{padding: 15px 34px;}
/***************latestload on Broker DB****************/
.bg-flat-color-1{ background-color: #00c292;}
.today_load h3{font-size: 22px;margin-bottom: 0;}
.today_load th, .today_load td{color: #ffffff;}
.today_load td{border-bottom: 0;padding: 3px 8px;}
.today_load th{font-family: 'assistantbold'; padding: 6px 8px;}
.today_load a{color: #ffffff;}
.bg-flat-color-6 {background: #5c6bc0;}
#broker_loads .card-header{font-family: 'assistantbold'; font-size: 20px;text-align: center;padding: 5px;}


/**********shipperdetailLoad***************/
.ptb20{padding: 20px}
.alload_bg{background: #ffffff;}
.container-full{padding: 15px 34px;}
.view_info{color: #ffffff;background: #ff7b2d;padding: 5px 16px;text-decoration: none;border-radius: 3px;}
.view_info:hover{color: #ffffff;text-decoration: none;background: #ef6b1d;}
#loadinfo{padding: 20px;}
li.distance_d::after{content: '';background: url(../img/distnce.png);background-repeat: no-repeat;background-size: 100%;position: absolute;left: 0;width: 17px;height: 17px;top: 7px;}
li.des_d::after{content: '';background: url(../img/drop.png);background-repeat: no-repeat;background-size: 100%;position: absolute;left: 0;width: 17px;height: 17px;top: 7px;}
.loadreafull{padding-left: 18px;}
.loadreafull ul{padding-left: 0;margin-bottom: 0;}
.loadreafull ul li{display: inline-block;}
.loadreafull hr{margin: 0;}
.greenbg{background: #c12020;color: #ffffff;padding: 2px 11px;display:inline-block;}
.loadedbg{background: #adaf24;color: #ffffff;padding: 2px 11px;display:inline-block;}
.coveredbg{background: #20c168;color: #ffffff;padding: 2px 11px;display:inline-block;}
.no_border_td td{border-bottom: 0;padding: 11px;}
.backbtn{font-family: 'karlaregular';}
.backlinks{font-size: 15px;font-family: 'karlaregular';}
.top_headign small{color: #db7093;font-size: 19px;}
li.comment_l::after{content: '';background: url(../img/comment.png);background-repeat: no-repeat;background-size: 100%;position: absolute;left: 0;width: 17px;height: 17px;top: 7px;}
#shipper_detail td{padding:10px;}
.c_name{color: #666666;}
.pending-App{background: #ffdbb6f0;padding: 9px;border-radius: 5px;margin-bottom: 15px;}
.pending-App p{margin-bottom: 0;font-family: 'karlaregular';}
.pending-App i{color: #e27504;margin-right: 12px;}
.pending-App{background: rgba(255, 219, 184, 0.94);padding: 9px;border-radius: 5px;margin-bottom: 15px;}

/***************latestload on Broker DB****************/
.bg-flat-color-1{ background-color: #00c292;}
.today_load h3{font-size: 22px;margin-bottom: 0;}
.today_load th, .today_load td{color: #ffffff;}
.today_load td{border-bottom: 0;padding: 3px 8px;}
.today_load th{font-family: 'assistantbold'; padding: 6px 8px;}
.today_load a{color: #ffffff;}
.bg-flat-color-6 {background: #5c6bc0;}
#broker_loads .card-header{font-family: 'assistantbold'; font-size: 20px;text-align: center;padding: 5px;}
.mintext{max-width: 200px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.bg-flat-color-7{background: #2d7692;}
.today_load .view_info{padding: 3px 12px;}
.today_load .show_all_d{padding: 3px 12px;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.cal_sdate, .cal_edate{color:#ffffff;width: 120px;background: transparent;border: 0;border-bottom: 1px solid #ffffff;margin-left: 6px;}
.seldaywrap ::placeholder{color: #ffffff;}
.f22 {font-size: 22px;}
.loadhis h4{font-family: 'karlabold';}
.seldaywrap{margin-bottom: 19px;}
.card {margin-bottom: 7px;border-radius: 5px;padding: 0;border: 0px solid transparent;-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);}
.stat-text{font-size: 21px;}
.stat-heading{font-size: 15px;color: #ada7a7;margin-bottom: 0;}
.stat-icon img{width: 100%;max-width: 49px;}

.mt9{margin-top: 9px;}
.mt11{margin-top: 11px;}
.today_load a{font-family: 'karlabold';}
.bg-flat-color-3{background: #03a9f3;}
.highcharts-credits{display: none;}
.boldtxt{font-family: 'assistantbold';}
.latest_pick tr{color: #ffffff; border-bottom: 1px solid #fff;}
.latest_pick td, .latest_pick th{padding: 9px 2px;}
.table.latest_pick th{font-family: 'assistantbold';}
.latest_pick td{border-bottom: 0;}
#carrierarea{background: #fafafa;padding: 30px 15px 35px;}
.whitetxt{color: #ffffff;}
.whitetxt:hover{color: #efeeee;}
.seldaywrap{    font-family: 'karlaregular';}

#viewAllinfoloads .modal-dialog{max-width: 1080px;}
.agentcomments h3{font-size: 18px;font-family: 'karlaregular';cursor: pointer;margin-top: 7px;}
.agentcomments > ul > li{list-style: none;float: left;width: 100%;}
.agentcomments > ul{padding-left: 0;height: 374px;overflow-y: scroll;}
.commentline{border-left: 1px solid #e2e2e2;min-height: 100%;color: #767676;font-family: 'OpenSans semi';}
p.cdate{margin-bottom: 0;}
.datetimetxt{color: #767676;font-family: 'karlaregular';}
.aManeger{color: #000000;}
.agentcomments ul::-webkit-scrollbar-track{border-radius: 30px;border:1px solid #e2e2e2;}
.agentcomments ul::-webkit-scrollbar{width: 15px;}
.agentcomments ul::-webkit-scrollbar-thumb{background-color: #175890;border-radius: 30px;}
.commentsubmit textarea{position: relative;    padding-right: 85px;}
.comentbtn{position: absolute;top: 0;right: 0px;height: 100%;background: #175890;color: #ffffff;font-family: 'OpenSans semi';padding: 0 22px;}
.comentbtn:hover, .comentbtn:focus{background: #175890;color: #ffffff;}
.agentcomments h3{font-family: 'assistantbold';}
.status_p{float: left;}
.edit_s{float: left;margin-left: 19px;}
.edit_s a{color: #443636;}
.ml15{margin-left: 15px;}
#right_comment_sec {height: 588px;padding: 20px;}
#loadinfo{background: #fdf9f9;}
.alltabs li{display: inline-block;padding: 11px;font-size: 21px;}
.alltabs{display: block;text-align: center;border-bottom: 0;}
.alltabs li a{color: #c12020;font-family: 'karlabold';position: relative;}
.alltabs li a.active::after{content: '';position: absolute;background: #c12020;bottom:-1px;width: 100%;right: 0;left: 0;margin:0 auto;height: 2px;}
.alltabs li a:hover{text-decoration: none;}
.pagination2 a, .pagination3 a, .pagination4 a {display: inline-block;background: #eff0f5;color: #000;width: 25px;text-align: center;margin-right: 10px;}
.pagination2, .pagination3, .pagination4{margin-bottom: 14px;}
.pagination2 a.active, .pagination3 a.active, .pagination4 a.active {display: inline-block;background: #0b3a62;color: #ffffff;width: 25px;text-align: center;}
.pt11{padding: 11px 0;}
.fs-option-label {font-size: 13px;}
.fs-option, .fs-search {padding: 7px 8px;}
.fixdrop .fs-dropdown{    width: 93%;}
.fixdrop1 .fs-dropdown{    width: 96%;}
.fa.fa-search { color: #fff;}


/************right comment section of loads*******************/
#right_comment_sec{height: 588px;padding: 20px;}
#viewAllinfoloadsComment .modal-dialog{max-width: 1000px;}
ul#ship_add{color: #007bff;font-family: 'karlabold';}
.agentcomments h3{font-size: 18px;font-family: 'karlaregular';cursor: pointer;margin-top: 7px;}
.agentcomments > ul > li{list-style: none;float: left;width: 100%;}
.agentcomments > ul{padding-left: 0;height: 364px;overflow-y: scroll;}
.commentline{border-left: 1px solid #e2e2e2;min-height: 100%;color: #767676;font-family: 'OpenSans semi';font-size: 15px;}

p.cdate{margin-bottom: 0;}
.datetimetxt{color: #767676;font-family: 'karlaregular';}
.aManeger{text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #0168bf;}
.agentcomments ul::-webkit-scrollbar-track{border-radius: 30px;border:1px solid #e2e2e2;}
.agentcomments ul::-webkit-scrollbar{width: 15px;}
.agentcomments ul::-webkit-scrollbar-thumb{background-color: #175890;border-radius: 30px;}
.commentsubmit textarea{position: relative;    padding-right: 85px;}
.comentbtn{position: absolute;top: 0;right: 0px;height: 100%;background: #175890;color: #ffffff;font-family: 'OpenSans semi';padding: 0 22px;}
.comentbtn:hover, .comentbtn:focus{background: #175890;color: #ffffff;}
.agentcomments h3{font-family: 'assistantbold';}
.status_p{float: left;}
.edit_s{float: left;margin-left: 19px;}
.edit_s a{color: #443636;}
.ml15{margin-left: 15px;}

/********loaddetail***********/
.load_no{display: inline-block;}
#accordionExample .card-header{background: #ffffff;}
.headingLine h4, .headline{text-align: center;font-family: 'assistantbold';font-size: 19px;}
.fullbtn{text-align: left;width: 100%;position: relative;color: #272525;font-family: 'assistantregular';text-decoration: none;}
.fullbtn::after{content: "\f107";position: absolute;font-family: fontawesome;right: 13px;font-size: 18px;}
span.mindet {width: 19%;display: inline-block;text-align: center;}
#accordionExample .card{border-radius: 4px;margin-bottom: 15px;}
#loadsall_detail td{border-bottom: 0;padding: 5px 2px;text-align: left;}
#loadsall_detail td.borderarea{border-bottom: 1px solid #cccccc;padding: 8px;}
#loadsall_detail td.p5{padding: 5px;}
.p_reletive{position: relative;}
.p_reletive .fa-edit{position: absolute;top: 6px;left: 0px;z-index: 9;}
#detail_shipper td{border-bottom: 0;padding: 2px;text-align: left;}
#detail_shipper td.borderarea{border-bottom: 1px solid #cccccc;padding: 8px;}
#detail_shipper td.p5{padding: 5px;}
#detail_carrier td{border-bottom: 0;padding: 2px;text-align: left;}
#detail_carrier td.borderarea{border-bottom: 1px solid #cccccc;padding: 8px;}
#detail_carrier td.p5{padding: 5px;}
.alltabs li{display: inline-block;padding: 11px;font-size: 21px;}
.alltabs{display: block;text-align: center;border-bottom: 0;}
.alltabs li a{color: #c12020;font-family: 'karlabold';position: relative;}
.alltabs li a.active::after{content: '';position: absolute;background: #c12020;bottom:-1px;width: 100%;right: 0;left: 0;margin:0 auto;height: 2px;}
.alltabs li a:hover{text-decoration: none;}
.pagination2 a, .pagination3 a, .pagination4 a {display: inline-block;background: #eff0f5;color: #000;width: 25px;text-align: center;margin-right: 10px;}
.pagination2, .pagination3, .pagination4{margin-bottom: 14px;}
.pagination2 a.active, .pagination3 a.active, .pagination4 a.active {display: inline-block;background: #0b3a62;color: #ffffff;width: 25px;text-align: center;}
.fs-option-label{font-size: 13px;}
.fs-option, .fs-search{ padding: 7px 8px;}
/**********chart*************/
.chart_container {height: 100%;width: 100%;min-height: 150px;}
.zc-ref {display: none;}
#myChart-license-text{display: none;}
/**********carrier match*************/
.contentmain{float: left;padding: 13px 1.875em;width: 100%;}
td.carWidth{width: 253px;vertical-align: text-top;}
.loadassignCarr .fs-dropdown{width: auto;margin-top: 5px;}
.loadassignCarr .fs-label-wrap{padding: 3px 8px;margin-top: 5px;}
.loadassignCarr .fs-wrap:focus{outline: 0;}
.assCarr{background: #e53d34;color: #ffffff;border-radius: 3px;padding: 5px 23px;text-decoration: none;}
.assCarr:hover{color: #ffffff;background: #c52920;text-decoration: none;}
#all_bloads td{padding: 5px 4px;border: 0;font-size: 15px;border-bottom: 1px solid #e3dddd;text-transform: capitalize;}
#all_bloads.table.dataTable{border-collapse: collapse!important;}
.darkhead{background: #134169;color: #ffffff;}
.colorg{color: #2dad2d;}
li#all_bloads_next{background: none;border: 0;width: auto;margin: 2px;padding: 0;}
#all_bloads_paginate .page-item.active .page-link{width: auto;}
#all_bloads_paginate .page-item.disabled .page-link{width: auto;}
.fullbtn2 {background:transparent;text-align: left;width: 100%;position: relative;color: #272525;font-family: 'assistantregular';text-decoration: none;}
.fullbtn2::after {
  content: "\f107";
  position: absolute;
  font-family: fontawesome;
  right: 13px;
  font-size: 18px;
}
#all_bloads_length label {
  text-transform: capitalize;
  font-weight: 600;
}
body { padding-right: 0 !important }
.paginate_button {
 width: auto;
 background: none;
 margin: 0;
 padding: 0;
 border: 0;
}
.page-link{margin-right:5px;}
.table td{border:0;}
.bluehead h3{text-align:left;}

/***********acountinfo******/
.mt10{margin-top: 10px;}
.card.transp{background: transparent;}
.carr_rate h3{font-size: 20px;padding: 7px 18px;margin-bottom: 0;}
.ship-rate h3{font-size: 20px;padding: 7px 18px;margin-bottom: 0;}
.carr_rate{padding-right: 5px;}
.ship-rate{padding-left: 5px;}
.p_reletive .fa-edit{color: #666666;}
.col-md-2, .col-sm-2, .col-xs-2{float: left;}
.rate_wrap{background: #ffffff;margin-top: 1px;}
.grossrow h4{font-size: 14px;margin-bottom: 0;font-weight: 700;text-align: right;}
.grossrow p{font-size: 14px;text-align: right;}
.bb1{border-bottom: 1px solid #cccccc;}
.col-md-11, .col-sm-11, .col-xs-11{float: left;}
.ptb22{padding: 22px 17px 11px 0;border-bottom: 1px solid #cccccc;}
.costwrap{padding: 15px 2px;border-bottom: 1px solid #cccccc;}
.col-md-6, .col-sm-6, .col-xs-6{float: left;}
.bolwrap p{font-size: 15px;line-height: 20px;}
.checktxt{font-size: 15px;font-family: 'karlaregular';line-height: 20px;font-weight: 700;margin-left: 5px;}
.mt15{margin-top: 15px;}
.empty-space30{height: 30px;}
.grey{color: #969090;font-weight: 700;}
.grey:hover{text-decoration: none;color: #73777b;}
.no_select_data{text-align: center;font-weight: 700;color: #e26666;width: 98%;display: inline-block;}
.empty20{height: 20px;}
.checkcall_wrap h3{font-size: 20px;padding: 7px 18px;margin-bottom: 0;}
.checkcall_wrap{background: #ffffff;}
.checkcall_wrap li{list-style: none;font-size: 15px;font-family: 'karlaregular';}
.pl30{padding-left: 30px;}
.w70{width: 70px;float: left;}
/* Customize the label (the container) */
.calltick {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 0px;
cursor: pointer;
font-size: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default checkbox */
.calltick input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* Create a custom checkbox */
.checkcall {
position: absolute;
top: 0;
left: 0;
height: 17px;
width: 17px;
background-color: #eee;
    box-shadow: 1px 1px 1px #dedede;
}

/* On mouse-over, add a grey background color */
.calltick:hover input ~ .checkcall {
background-color: #cccccc;
   box-shadow: 1px 1px 1px #dedede;
}

/* When the checkbox is checked, add a blue background */
.calltick input:checked ~ .checkcall {
    background-color: #000000;
      box-shadow: 1px 1px 1px #dedede;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkcall:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.calltick input:checked ~ .checkcall:after {
display: block;
}

/* Style the checkmark/indicator */
.calltick .checkcall:after {
left: 5px;
top: -1px;
width: 7px;
height: 14px;
border: solid #ffffff;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.rightxt_data{width: 40%;display: inline-block;}
.lefttxt_data{ width: 60%;display: inline-block;float: left;}
.modal_heading h4{font-size: 20px;text-align: center;padding: 10px;position: relative;background: #f1f1f1;}
.callform label{font-weight: 700;}
form{    font-family: 'karlaregular';}
.rate {
  float: left;
  height: 46px;
  padding: 0 10px;
}
.rate:not(:checked) > input {
  position:absolute;
  top:-9999px;
}
.rate:not(:checked) > label {
  float:right;
  width:1em;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
  font-size:21px;
  color:#ccc;
}
.rate:not(:checked) > label:before {
  content: '★ ';
}
.rate > input:checked ~ label {
  color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
  color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
  color: #c59b08;
}
.changestatus{border: 0;padding: 5px 6px;background: #f5f2f2;cursor: pointer;}
.changestatus:focus{outline: 0;}
#carrsearchTab td{border:0;width: auto;}
.contact_detail{font-weight: 700;cursor: pointer;}
.dataTables_wrapper .dataTables_paginate li.paginate_button{padding: 0;}
.dataTables_wrapper .dataTables_paginate li.paginate_button:hover{background: transparent;border: 0;}

[data-title] {

position: relative;
cursor: pointer;
}

[data-title]:hover::before {
content: attr(data-title);
position: absolute;
bottom: -26px;
display: inline-block;
padding: 3px 6px;
border-radius: 2px;
background: #000;
color: #fff;
font-size: 12px;
font-family: sans-serif;
white-space: nowrap;
z-index: 9999;
}
[data-title]:hover::after {
content: '';
position: absolute;
bottom: -4px;
left: 50%;
display: inline-block;
color: #fff;
border: 8px solid transparent;  
border-bottom: 8px solid #000;

}
.table#shipper_detail thead th{background: #174f80;border: 0;color: #ffffff;}
.table#shipper_detail td{border: 0;}
.table#shipper_detail{box-shadow: 2px 2px 30px #f9f9f9;}
body { padding-right: 0 !important }
table#all_bloads{box-shadow: 2px 2px 30px #f9f9f9;}
.comment_icon{display: inline-block;margin-left: 10px;cursor: pointer;}
#all_loads td{border: 0;}
#AddcarrierformModalBroker{overflow-y:scroll;}
#table111 td{padding: 0;}
.mapform{background: #f9f9f9;box-shadow: -1px 2px 25px #cac5c5;padding-top: 20px;}
.datepicker-days .prev, .datepicker-days .next{background: white;}
a.disabled {
pointer-events: none;
cursor: default;
}
/********autosearch***********/
#carriers_pick_upList .dropdown-menu{max-height: 300px;overflow-y: scroll;box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);position:absolute;width: 237px;}
#carriers_pick_upList .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
#carriers_pick_upList .dropdown-menu::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
#carriers_pick_upList .dropdown-menu::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
#carriers_pick_upList .dropdown-menu li a{color:#000000;text-decoration:none;}
#carriers_pick_upList .dropdown-menu li{padding:0 10px;}
#carriers_pick_upList .dropdown-menu li:hover{background:#f3f3f3;}

#carriers_dropList .dropdown-menu{max-height: 300px;overflow-y: scroll;box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);position:absolute;width: 237px;}
#carriers_dropList .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
#carriers_dropList .dropdown-menu::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
#carriers_dropList .dropdown-menu::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
#carriers_dropList .dropdown-menu li a{color:#000000;text-decoration:none;}
#carriers_dropList .dropdown-menu li{padding:0 10px;}
#carriers_dropList .dropdown-menu li:hover{background:#f3f3f3;}

#carriers_StateList .dropdown-menu{max-height: 300px;overflow-y: scroll;box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);position:absolute;width: 237px;}
#carriers_StateList .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
#carriers_StateList .dropdown-menu::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
#carriers_StateList .dropdown-menu::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
#carriers_StateList .dropdown-menu li a{color:#000000;text-decoration:none;}
#carriers_StateList .dropdown-menu li{padding:0 10px;}
#carriers_StateList .dropdown-menu li:hover{background:#f3f3f3;}

#carriers_EquipmentList .dropdown-menu{max-height: 300px;overflow-y: scroll;box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);position:absolute;width: 237px;}
#carriers_EquipmentList .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
#carriers_EquipmentList .dropdown-menu::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
#carriers_EquipmentList .dropdown-menu::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
#carriers_EquipmentList .dropdown-menu li a{color:#000000;text-decoration:none;}
#carriers_EquipmentList .dropdown-menu li{padding:0 10px;}
#carriers_EquipmentList .dropdown-menu li:hover{background:#f3f3f3;}

.dat-bg{background: url(../img/truck2.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;float: left;width: 100%;height: 100vh;}
.valueloads-bg{background: url(../img/truck2.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;float: left;width: 100%;height: 100vh;}
.autodroporigin ul li{padding:1px 12px;}
.autodroporigin ul{padding:0;width: 88%;margin: 0 15px;border-radius: 4px;box-shadow: 2px 2px 10px #c7c6c6;border: 1px solid #e2e2e2;}
.autodroporigin ul li:hover{background: #36527b;color: #ffffff;cursor:pointer;}
.autodroporigin .dropdown-menu{max-height: 300px;overflow-y: scroll;}
.autodroporigin .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
.autodroporigin .dropdown-menu::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
.autodroporigin .dropdown-menu::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
form#add-load-form input{box-shadow: 1px 1px 9px #e2e2e2;border: 1px solid #e2e2e2;}
form#add-load-form select{box-shadow: 1px 1px 9px #e2e2e2;border: 1px solid #e2e2e2;}
.fixdrop1 .fs-label-wrap{box-shadow: 1px 1px 9px #e2e2e2;border: 1px solid #e2e2e2;}

.today_pickScroll{max-height: 228px;overflow-y: scroll;padding:0 9px 0 0;height: 85px;}
.today_pickScroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 8px;}
.today_pickScroll::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
.today_pickScroll::-webkit-scrollbar-thumb{background-color: #0b3a62;border-radius: 8px;}
.showAllcurr .card{margin-bottom:3px;}
/*.tl_head{font-weight: 700;font-size: 18px;text-align: center;}*/
.showAllcurr .card-body{padding: 10px;}
.content{position:relative;}
.landload{position: absolute;top: 0;right: 0;left: 0;text-align: center;}

.fixed_header{
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.fixed_header tbody{
display:block;
width: 100%;
overflow: auto;
height: 230px;
}

.fixed_header thead tr {
 display: block;
}

.fixed_header thead {
background: transparent;
color:#fff;
}

.fixed_header th, .fixed_header td {
padding: 5px;
text-align: center;
width: 200px;
}
.view_newD{background: #26bf6300;padding: 5px 7px;font-weight: 400;font-family: 'karlaregular';border-radius: 4px;text-decoration:none;display: inline-block;margin-bottom:7px;}
.view_newD:hover{background: #26bf6300;}
.edit_newD{background: #f38b0a;padding: 5px 7px;font-weight: 400;font-family: 'karlaregular';border-radius: 4px;display: inline-block;margin-bottom:7px;text-decoration:none;}
.edit_newD:hover{background:#e28109;}
.delete_newD{background: #c5361f;padding: 5px 7px;font-weight: 400;font-family: 'karlaregular';border-radius: 4px;display: inline-block;margin-bottom:7px;text-decoration:none;}
.delete_newD:hover{background: #b32d17;}
.delete_searchD{background: #c5361f;padding: 5px 7px;font-weight: 400;font-family: 'karlaregular';border-radius: 4px;display: inline-block;margin-bottom:7px;text-decoration:none;}
.delete_searchD:hover{background: #b32d17;}
.copy_newD{background: #2cb19e;padding: 5px 7px;font-weight: 400;font-family: 'karlaregular';border-radius: 4px;display: inline-block;margin-bottom:7px;text-decoration:none;}
.copy_newD:hover{background:#35d4bd;}
.new_icons{display: inline-block;}
a.Match_Dat_Truck {
  text-decoration: none;
}
.today_load .accordian-body{background: #ffffff;color: #000000;}
.socialdescshipp{float: left;width: 100%;}
.socialdescshipp ul{margin: 0;padding: 7px 0;}
.socialdescshipp li{margin-left: 8px;display: inline-block;list-style: none;font-size: 15px; font-family: 'karlaregular';line-height: 29px;position: relative;padding-left: 30px;}
.chngecolr{background:#0f325075;}
.socialdescshipp{background: #f7f5f5;box-shadow: 2px 2px 10px #30302d}
.matchcarr td{padding: 1px;}
#AllComingLoads .hiddenRow{padding:0;}
.accordian-body .socialdescshipp ul{text-align:center;}
.accordian-body .socialdescshipp ul li{display: inline-block;line-height: 20px;box-shadow: 2px 2px 10px #cac8c8;margin: 5px 5px;padding: 3px 19px;}
.leftlabel{display: inline-block;padding-right: 20px;}
.leftlabel input{height: 20px;width: 70px;}
.totalres{float:left;}
.rightcon{float:right;}
#TotalCarrierDat{display:inline-block;}
a.setalm{white-space: nowrap;font-family: 'karlaregular';padding: 6px 11px 8px 0;}
a.setalm:hover{background: #000000;border-radius: 30px;padding: 6px 11px 8px 0;font-family: 'karlaregular';text-decoration: none;}
#DashboardAllNewLoads th, #DashboardAllNewLoads td{text-align:center;}
a.setalm.CancelAlarm {background: #0e314e63;border-radius: 30px;padding: 6px 11px 8px 0;font-family: 'karlaregular';text-decoration: none;}
.datmstabs{display: block;text-align: center;border-bottom: 0;padding-left: 15px;}
.datmstabs li{display: inline-block;font-size: 19px;padding: 5px 14px;}
.datmstabs li.active{background: #2d7692;border-radius: 7px 7px 0 0;}
.datmstabs li.active a{color:#ffffff;}
.datmstabs li a{color: #c12020;font-family: 'assistantbold';}
.datmstabs li a:hover{text-decoration:none;}
.today_load .card {border-radius: 0 0px 5px 5px;} 
.shipperForm input{    /* box-shadow: 1px 1px 9px #e2e2e2;*/border: 1px solid #e2e2e2;}
.shipperForm select{box-shadow: 1px 1px 9px #e2e2e2;border: 1px solid #e2e2e2;}
.btncarrier{background: #ffffff;color: #0e0e0e;font-size: 16px;padding: 4px 16px;border-radius: 4px;display: inline-block;text-decoration: none;box-shadow: 2px 2px 10px #000000;font-family: 'assistantbold';border:1px solid #ffffff;}
.serachship:hover{background: #175890;color: #ffffff;border: 1px solid #175890;}
.btncarrier:hover{text-decoration: none;color: #0e0e0e;border:1px solid #000000;box-shadow:none;}
.serachship{width:100%;}
.searchcarr{font-family: 'karlaregular';float: left;background: #3270a7;padding: 20px;margin-bottom: 0px;border-radius: 4px;width: 100%;}
.searchcarr input {height: 30px;font-size: 14px;}
.h32{height:32px;}
/*.dropdown.for-load-notification .dropdown-menu{max-height: 300px;overflow-y: scroll;}
.dropdown.for-load-notification .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
.dropdown.for-load-notification .dropdown-menu::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.dropdown.for-load-notification .dropdown-menu::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
*/

/*  Edit profile setting css  start */

/******edit and change password************/
li.edit_profile::before{content: '';position: absolute;left: 10px;background: url('../img/user.png');background-repeat: no-repeat;width: 19px;height: 19px;background-size: 100%;background-position: center;top: 6px;}
.for-settings li a{padding-left: 25px;color: #666666;text-decoration: none;}
li.change_password::before{content: '';position: absolute;left: 10px;background: url('../img/cp.png');background-repeat: no-repeat;width: 19px;height: 19px;background-size: 100%;background-position: center;top: 6px;}
.for-settings li{position: relative;line-height: 23px;}
li.logouticon::before{content: '';position: absolute;left: 10px;background: url('../img/logout.png');background-repeat: no-repeat;width: 19px;height: 19px;background-size: 100%;background-position: center;top: 6px;}

.header-left .dropdown .dropdown-menu li.dropdown-item{padding: 5px 15px 5px;}
.for-settings ul{margin-bottom: 0;}
#formedit{border-radius: 0;padding: 0px 35px 25px 35px;margin: 0% auto;background:url(../img/blueback.png);color:#ffffff;background-size:cover;background-repeat: no-repeat;background-position: top;width: 90%;max-width: 480px;position: relative;-webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);text-align: center;}
#formedit h2{position: relative; text-align: left; font-family: 'assistantbold';font-size: 21px;    padding: 25px;}
.prof_img{width: 100%; max-width: 100px;border: 3px solid #ffffff;box-shadow: 0px 0px 17px #615a5a;height: 100px;}
.edit_profile_form li{list-style: none;position: relative;  }
.img_wrap{max-width: 100px;margin: 0 auto;width: 100%;position: relative;}
.f_name::before{content: '';background: url('../img/man-user.png');background-position: center;background-size: 100%;width: 18px;position: absolute;left: 0;height: 18px;bottom: 19px;background-repeat: no-repeat;}
.file-upload {display: none;}
.p-image {position: absolute;top: 54px;right: -12px;border-radius: 100%;cursor: pointer;background: #dc3545;transition: all .3s cubic-bezier(.175, .885, .32, 1.275);}
.p-image:hover {transition: all .3s cubic-bezier(.175, .885, .32, 1.275);}
.upload-button {font-size: 1.2em;padding: 6px;}
.upload-button:hover {transition: all .3s cubic-bezier(.175, .885, .32, 1.275);color: #f9f9f9;}
.edit_fieldname{width: 100%;margin-bottom: 13px;background: transparent;border: 0;padding: 12px 0 1px 30px;border-bottom: 1px solid #dddddd;}
.ph_no::before{content: '';background: url('../img/phone-call.png');background-position: center;background-size: 100%;width: 18px;position: absolute;left: 0;height: 18px;bottom: 19px;background-repeat: no-repeat;}
.emailf_name::before{content: '';background: url('../img/close-envelope.png');background-position: center;background-size: 100%;width: 18px;position: absolute;left: 0;height: 18px;bottom: 19px;background-repeat: no-repeat;}
.upd_btn{background: #dc3545;color: #ffffff;width: 100%;}
#formedit h2::before{content: '';background: url('../img/users.png');background-position: center;background-size: 100%;width: 18px;position: absolute;left: 0;height: 18px;top: 29px;background-repeat: no-repeat;}
.upd_btn:hover{background-color: #ec4858;color: #ffffff;}
.fitimage{max-width: 100%;}

/*************changepass*****************/

#formeditpass{border-radius: 0;padding: 0px 35px 25px 35px;margin: 0% auto;background:url(../img/bluebackground-patter.png);color:#ffffff;background-size:cover;background-repeat: no-repeat;background-position: top;width: 90%;max-width: 480px;position: relative;-webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);text-align: center;}
#formeditpass h2{position: relative; text-align: center; font-family: 'assistantbold';font-size: 21px;    padding: 0 0 25px 0;}
.pt60{padding-top: 64px;}
.chnage_pass_form li{position: relative;list-style: none;color: #ffffff;}
.chnage_pass_form li ::placeholder{color: #ffffff;}
.change_pas::before{content: '';background: url('../img/passwordlockwhite.png');background-position: center;background-size: 100%;width: 18px;position: absolute;left: 0;height: 18px;bottom: 19px;background-repeat: no-repeat;}
.upd_btn2{background: #f2fbff;color: #000000;width: 100%;}
#all_loads_l td, #covered_tb td, #cancel_tb td{border:0;    padding: 4px;}
#viewAllinfoloadsC .modal-dialog{max-width: 1080px;}
#myChart2-license-text{display: none;}
.show_allr{color: #ec4949;font-weight: 700;}
.modal-head{padding: 0 0 16px;}
#search_company_by_name{height:32px;}
#search_company_name{height:32px;}
.srchtruck{background: linear-gradient(45deg, #03a9f3, #0168bf);color: #ffffff;padding: 4px 12px;border-radius: 4px;font-size: 13px;text-decoration: none;font-weight:700;}
.srchtruck:hover{background: linear-gradient(45deg, #0168bf, #03a9f3);color: #ffffff;text-decoration: none;}
.update-load-ship{background: linear-gradient(45deg, #03a9f3, #0168bf);color: #ffffff;padding: 4px 12px;float: right;border-radius: 4px;font-size: 13px;text-decoration: none;font-weight:700;}
.update-load-ship:hover{background: linear-gradient(45deg, #0168bf, #03a9f3);color: #ffffff;text-decoration: none;}
.srchload{background: linear-gradient(45deg, #03a9f3, #0168bf);color: #ffffff;padding: 4px 12px;border-radius: 4px;font-size: 13px;text-decoration: none;margin-left:5px;font-weight:700;}
.srchload:hover{background: linear-gradient(45deg, #0168bf, #03a9f3);color: #ffffff;text-decoration: none;}

.searchfilr{background: #0b3a62;padding: 20px 20px 10px 10px;border-radius: 5px; margin-bottom: 10px;}
.searchfilr input{height: 30px;font-size: 14px;    margin-bottom: 12px;}
.searchfilr select{height: 30px;font-size: 14px;margin-bottom: 12px;}
.searchtrk{background: #309ac2;color: #ffffff;padding: 3px 22px;border-radius: 4px;display: inline-block;text-decoration: none;box-shadow: 2px 2px 10px #010101;width: 183px;text-align: center;}
.searchtrk:hover{color: #ffffff;text-decoration: none;background: #00b6fb;}
.closesrctruk{background: #dc3545;color: #ffffff;padding: 7px 10px;border-radius: 4px;display: inline-block;text-decoration: none;box-shadow: 2px 2px 10px #010101;}
.closesrctruk:hover{color: #ffffff;text-decoration: none;background: #b11010;}
.searchtrkall{background: #738188;color: #ffffff;padding: 3px 28px;border-radius: 4px;display: inline-block;text-decoration: none;box-shadow: 2px 2px 10px #010101;}
.searchtrkall:hover{background: #99abb4;color:#ffffff;text-decoration:none;}
.leftsechtxt{float:left;}
.rightsrchttxt{float: right;margin-left: 29px;}

#Search-Truck-Filter .error {color: red;font-weight: 300;float: none;font-size: 12px;display: block;text-align: left;}
.changepswd {
  background: linear-gradient(45deg, #94c9e0, #bbcddc);
  color: #ffffff;
  padding: 9px 18px;
  border-radius: 4px;
  font-size: 13px;
  text-decoration: none;
  font-weight: 700;
}
.leftprofilepic{width: 100px;height: 100px;box-shadow: 2px 2px 10px #887c7c;transition: all .2s ease-in-out;}
.leftprofilepic:hover{transform: scale(1.3);}
.uploaded_on_dat h3 {font-size: 14px;margin-left: 87px;}
.uploaded_on_dat {position: absolute;}
.uploaded_on_dat img {
  margin-left: 76px;
  margin-top: -3px;
}










/*********addshipment********/
#all_bloads a.add_ship_btn{color: #282626;background: #ffffff;padding: 2px 8px;font-family: 'karlaregular';font-size: 13px;box-shadow: 2px 2px 10px #534444;}
.add_ship_btn:hover{text-decoration: none;}
.load_fetch input{border: 1px solid #ebebeb;padding: 0px 4px;height: 23px;font-size: 14px;border-radius: 2px;}
.load_fetch td{border:0;text-align: left;padding: 2px 7px;font-size: 14px;}
.carrier_fetch input{border: 1px solid #ebebeb;padding: 0px 4px;height: 23px;font-size: 14px;border-radius: 2px;}
.carrier_fetch td{border:0;text-align: left;padding: 2px 4px;font-size: 14px;}
.small_head{padding: 5px 15px;font-size: 18px;background: #0b3a62;color: #ffffff;text-align: center;margin-bottom: 0;}
.carrier_fetch{background-color: #ffffff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);padding-top: 10px;}
.cus_det{padding-right: 5px;}
.bill_det{padding-left: 5px;}
.form-control[readonly] {border:1px solid #cccccc;background-color: #ffffff;margin-bottom: 0;}
.shadow_box{box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);}
.docu_fetch{background-color: #ffffff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);padding-top: 10px;padding-bottom: 20px;}
.shipment_drop ul{margin-bottom: 0;}
.shipment_drop ul li a{text-decoration: none;display: block;color: #666666;font-family: 'karlaregular';font-size: 15px;}
.header-left .shipment_drop .dropdown-menu ul li.dropdown-item{padding: 0 11px;}
.w100{width: 100px;text-align: center;}
.load_fetch label{font-weight: 700;margin-bottom: 0;}
.load_fetch select{border: 1px solid #ebebeb;padding: 0px 4px;height: 23px;font-size: 14px;border-radius: 2px;width: 100%;}
.load_ti h3{font-size: 20px;margin-bottom: 0;}
.blueheading{background: #0b3a62;color: #ffffff;padding: 6px 0;}
.whitebox{background:#ffffff; padding: 15px;}
.pl5{padding-left: 5px;}
.confirm_btn{background: #239d70;color: #ffffff;padding: 8px 13px;border-radius: 4px;text-decoration: none;font-size: 14px;}
.confirm_btn:hover{text-decoration: none;color: #ffffff;    background: #187855;}
.bottmbtnW{background: #ffffff;padding: 20px;}
.confirm_btns{background: #267d97;color: #ffffff;padding: 8px 13px;border-radius: 4px;text-decoration: none;font-size: 14px;}
.confirm_btns:hover{text-decoration: none;color: #ffffff;background-color: #2a748a;}
.confirm_btnb{background: #e17130;color: #ffffff;padding: 8px 13px;border-radius: 4px;text-decoration: none;font-size: 14px;}
.confirm_btnb:hover{text-decoration: none;color: #ffffff;background-color: #d6621f;}
.confirm_btnext{background: #865493;color: #ffffff;padding: 8px 13px;border-radius: 4px;text-decoration: none;font-size: 14px;}
.confirm_btnext:hover{text-decoration: none;color: #ffffff;background-color: #6a3578;}

/* The container */
.radiowrap {
display: inline-block;
position: relative;
padding-left: 35px;
/* margin-bottom: 12px;*/
cursor: pointer;
font-size: 15px;
    margin-right: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default radio button */
.radiowrap input {
position: absolute;
opacity: 0;
cursor: pointer;
}

/* Create a custom radio button */
.checkmarkradio  {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #ccc;
border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radiowrap:hover input ~ .checkmarkradio {
background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiowrap input:checked ~ .checkmarkradio {
background-color: #0b3a62;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkradio:after {
content: "";
position: absolute;
display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiowrap input:checked ~ .checkmarkradio:after {
display: block;
}

/* Style the indicator (dot/circle) */
.radiowrap .checkmarkradio:after {
top: 6px;
left: 6px;
width: 8px;
height: 8px;
border-radius: 50%;
background: white;
}
.pdf_sec{border-bottom: 1px solid #dfd9d9;}
.h30{height: 30px;}
.extTable td{border: 0;padding: 4px;text-align: left;font-size: 14px;}
.extTable label{font-weight: 700;}
.extTable{margin-bottom: 0;}
.pt20{padding-top: 20px;padding-right: 5px;padding-left: 5px;padding-bottom: 20px;}
.picksec{ background: #f1f2f7;}
.pickhead {padding: 6px;background: #000000;color: #ffffff;font-size: 16px;margin: 0 0 14px 0;display: inline-block; width: 85px;
  text-align: center;}
.pickhead{margin: 0 0 0 0px;display: inline-block;}
.pickheads{padding: 6px;background: #000000;color: #ffffff;font-size: 16px;margin: 0 0 14px 0;display: inline-block; width: auto;text-align: center;}
.pickheads{margin: 0 0 0 0px;display: inline-block;}
#extrapicstop .modal-dialog{max-width: 1080px;}
.ext_st{float: right;color: #44c4ac;position: absolute;right: 6px;}
.addmPick{background: #d02020;color: #ffffff;font-family: 'karlabold';display: inline-block;padding: 3px 16px;border-radius: 4px;float: right;}
.addmPick:hover{color: #ffffff;text-decoration: none;}
.addmstop{background: #d02020;color: #ffffff;font-family: 'karlabold';display: inline-block;padding: 3px 16px;border-radius: 4px;float: right;}
.addmstop:hover{color: #ffffff;text-decoration: none;}

.imageThumb {
max-height: 75px;
border: 2px solid;
padding: 1px;
cursor: pointer;
}
.pip {
display: inline-block;
margin: 10px 10px 0 0;
}
.remove {
display: block;
background: #444;
border: 1px solid black;
color: white;
text-align: center;
cursor: pointer;
}
.remove:hover {
background: white;
color: black;
}
.h180{height: 184px;}
.pickedtbn{background: #e17130;padding: 4px 13px;font-size: 14px;border-radius: 4px;color: #ffffff; margin-top: 10px;margin-bottom: 5px;}
.pickedtbn:hover{color: #ffffff;}
.releasebtn{background: #239d70;padding: 4px 13px;font-size: 14px;border-radius: 4px;color: #ffffff;margin-top: 10px;margin-bottom: 5px;}
.releasebtn:hover{color: #ffffff;}
.uncoverbtn{background: #267d97;padding: 4px 13px;font-size: 14px;border-radius: 4px;color: #ffffff;margin-top: 10px;margin-bottom: 5px;}
.uncoverbtn:hover{color: #ffffff;}
/*.mainbg{background: url('../images/truck23.jpg');background-size: cover;background-repeat: no-repeat;}*/
/*.form-control{box-shadow: 2px 2px 10px #e2e2e2;}*/
/*form input, form select, form .fs-wrap  {box-shadow: 2px 2px 10px #e2e2e2;}
.account_wrap{ border-radius: 4px;border-radius: 4px;padding: 9px;background: #f7f5f5;}*/
/******addaccountdetailInShipper************/
/* The container */
.radiowrap2 {
display: inline-block;
position: relative;
padding-left: 35px;
/* margin-bottom: 12px;*/
cursor: pointer;
font-size: 15px;
    margin-right: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default radio button */
.radiowrap2 input {
position: absolute;
opacity: 0;
cursor: pointer;
}

/* Create a custom radio button */
.checkmarkradio2  {
position: absolute;
top: 4px;
left: 0;
height: 20px;
width: 20px;
background-color: rgba(11, 58, 98, 0.52);
border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radiowrap2:hover input ~ .checkmarkradio2 {
background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiowrap2 input:checked ~ .checkmarkradio2 {
background-color: #0b3a62;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkradio2:after {
content: "";
position: absolute;
display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiowrap2 input:checked ~ .checkmarkradio2:after {
display: block;
}

/* Style the indicator (dot/circle) */
.radiowrap2 .checkmarkradio2:after {
top: 6px;
left: 6px;
width: 8px;
height: 8px;
border-radius: 50%;
background: white;
}
.account_wrap label{margin-bottom: 0;}
.acc_det{background: #efefef;padding-top: 17px;}
.addCusRate th{font-size: 13px;font-family: 'karlaregular';padding: 0 0 6px;}
.addCusRate td{text-align: center;padding: 2px 4px;}
.addCusRate input{margin-bottom: 0;    vertical-align: middle;}
.greybox{display: inline-block;background: #efeeee;padding: 1px 14px;}
.h320{min-height: 320px}
.saveallbtn{color: #ffffff;background-color: #2a748a;padding: 4px 13px;font-size: 14px;border-radius: 4px;color: #ffffff;margin-top: 10px;}
.saveallbtn:hover{color: #ffffff;}
.mydiv{display: none;}
.mydiv{background: #ffffff none repeat scroll 0 0;height: auto;left: auto;position: absolute;top: auto;width: auto; overflow-y: auto;    box-shadow: 1px 1px 14px #747373;    border-radius: 5px;}
.smalldivinfo{max-width: 300px;padding: 11px 0;}
.breifinfo{margin-top: 19px;float: left;width: 100%;}
.breifinfo ul{padding-left: 22px;}
.breifinfo li{list-style: none;font-size: 15px; font-family: 'karlaregular';line-height: 29px;position: relative;padding-left: 30px;}
.smalldivinfo .rihtdescarea{padding-left: 0;width: 100%;display: block;}
.breifinfo ul{padding-left: 0;}
.carrFulldet{cursor: pointer;}
.closecls{float: right;cursor: pointer;}
.today_load .accordian-body{background: #ffffff;color: #000000;}
.socialdescshipp{float: left;width: 100%;}
.socialdescshipp ul{margin: 0;padding: 7px 0;}
.socialdescshipp li{margin-left: 8px;display: inline-block;list-style: none;font-size: 15px; font-family: 'karlaregular';line-height: 29px;position: relative;padding-left: 30px;}
.socialdescshipp{background: #f7f5f5;box-shadow: 2px 2px 10px #30302d}
.matchcarr td{padding: 1px;font-size: 15px;line-height: 23px;}
.chngecolr{background:#676565;}
.carrier_fetch select{border: 1px solid #ebebeb;padding: 0px 4px;height: 23px;font-size: 14px;border-radius: 2px;}
.w75{width: 75px;}
.mb5{margin-bottom: 5px;}
.myallloadselect li{display: inline-block;list-style: none;width: 146px;}
.myallloadselect ul{background: #ffffff;padding: 8px 12px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);border-radius: 4px;}
.opencolr{color: white;background: #d83e3e;}
.tonuclr{background: #e99804; color: #ffffff;}
.coverclr{background: #efff00;}
.deliverclr{background: #0d9b81;color: #ffffff;}
.invoiclr{background: #0072ff;color: #ffffff;}
.paidclr{background: #663399;color: #ffffff;}
.voidclass {background: #f7a7a7;}
/*#all_bloads a{color: #ffffff; }*/
#all_bloads .coverclass a{color: #000000; }
#all_bloads tr:hover{opacity: 0.8;}
#eventManage .modal-dialog{max-width: 810px;}
#eventManage .sav_btn{padding: 2px 17px;}
#eventManage .cancel_btn{padding: 2px 17px;}
/*#eventManage label{display: inline-block;}
#eventManage input{width: 140px;display: inline-block;height: 20px;border: 1px solid #cccccc;}
#eventManage select{width: 140px;display: inline-block;height: 20px;border: 1px solid #cccccc;}*/
.searchfilr{background: #0b3a62;padding: 20px 20px 20px 10px;border-radius: 5px; margin-bottom: 10px;}
.searchfilr input{height: 30px;font-size: 14px;margin-bottom: 12px;}
.searchfilr select{height: 30px;font-size: 14px;margin-bottom: 12px;}
.searchtrk{background: #309ac2;color: #ffffff;padding: 3px 18px;border-radius: 4px;display: inline-block;text-decoration: none;box-shadow: 2px 2px 10px #010101;}
.searchtrk:hover{color: #ffffff;text-decoration: none;background: #00b6fb;}
.closesrctruk{background: #dc3545;color: #ffffff;padding: 3px 10px;border-radius: 4px;display: inline-block;text-decoration: none;box-shadow: 2px 2px 10px #010101;}
.closesrctruk:hover{color: #ffffff;text-decoration: none;background: #b11010;}  
.makeship_btn{background: linear-gradient(45deg, #03a9f3, #0168bf);color: #ffffff;padding: 4px 12px;border-radius: 4px;font-size: 13px;text-decoration: none;font-weight: 700;box-shadow: 2px 2px 10px #b6abab;display: inline-block;}
.makeship_btn:hover {background: linear-gradient(45deg, #0168bf, #03a9f3);color: #ffffff;text-decoration: none;}


.ship_confdt .time{width: 100%;margin-bottom:6px;}
.ship_confdt .time .prev{float: left;width: 20px;background-size: 76%;height: 20px;line-height: 20px;padding: 11px;background-position: 34% -26%;}
.ship_confdt .time .ti_tx{float: left;width: 42px;margin: 0;}
.ship_confdt .time .next{float: left;width: 20px;background-size: 76%;height: 20px;line-height: 20px;padding: 11px;background-position: 50% 114%;}
.ship_confdt .mins{width: 100%;margin-bottom:6px;}
.ship_confdt .mins .prev{float: left;width: 20px;background-size: 76%;height: 20px;line-height: 20px;padding: 11px;background-position: 34% -26%;}
.ship_confdt .mins .mi_tx{float: left;width: 42px;margin: 0;}
.ship_confdt .mins .next{float: left;width: 20px;background-size: 76%;height: 20px;line-height: 20px;padding: 11px;background-position: 50% 114%;}
.ship_confdt .meridian{width: 100%;margin-bottom:6px;}
.ship_confdt .meridian .prev{float: left;width: 20px;background-size: 76%;height: 20px;line-height: 20px;padding: 11px;background-position: 34% -26%;}
.ship_confdt .meridian .mer_tx{float: left;width: 42px;margin: 0;}
.ship_confdt .meridian .next{float: left;width: 20px;background-size: 76%;height: 20px;line-height: 20px;padding: 11px;background-position: 50% 114%;}

.mb12{margin-bottom:12px;}
.show-imgsrc{background: #ffffff;}
.show-imgsrc .Ship_Doc_Id{
float: left;
  position: relative;
  margin-right: 8px;
  text-align: center;
}
.shipdoc{
    border: 3px solid #ffffff;
  box-shadow: 0px 0px 17px #615a5a;
  max-width: 130px;
  border-radius: 5px;
  width: 100%;
  margin: 0px 18px 0px 0px;
}
.ship-date-label{
 position: absolute;
  bottom: -1px;
  color: #fff;
  font-size: 14px;
  right: 15px;
}
.downlodfile{    
position: absolute;
  color: #ffffff;
  left: 9px;
  bottom: 7px;
}
.downltrash{position: absolute;
  right: 23px;
  bottom: 9px;
  color: #ef6565;
}
#CreateShipmentForm input{box-shadow: 2px 2px 4px #e2e2e2;    margin-bottom: 5px;}
#ulList li{list-style:none;display:inline-block;margin-right:5px;    box-shadow: 2px 2px 10px #bfbcbc;
  padding: 4px 21px;}
#ulList{text-align:left;margin-top: 20px;}
#ulList1 li{list-style:none;display:inline-block;margin-right:5px;    box-shadow: 2px 2px 10px #bfbcbc;
  padding: 4px 21px;}
#ulList1{text-align:left;margin-top: 20px;}
#ulList2 li{list-style:none;display:inline-block;margin-right:5px;    box-shadow: 2px 2px 10px #bfbcbc;
  padding: 4px 21px;}
#ulList2{text-align:left;margin-top: 20px;}
.right-panel table.dataTable tbody tr{background:transparent;}
.baseprice ul li{list-style:none;display:inline-block;}

/*********quates***********/
#loadformModalQuotes .formwrap .form-group{margin-bottom:6px;}
#loadformModalQuotes .formwrap input{height:32px;}
#loadformModalQuotes .formwrap select{height:32px;}
#loadformModalQuotes .formwrap .fs-label-wrap{height: 32px; line-height: 20px;}
#loadformModalQuotes .formwrap textarea{box-shadow: 1px 1px 9px #e2e2e2;
border: 1px solid #e2e2e2;}
/*********Locations Css Starts Here***********/
#shipment_pick_cityList{position: absolute;}
#shipment_drop_cityList{position: absolute;}
/***********ratemate******************/
.topsearchfield .equiwidth{display: inline-block;width: 12%;position: relative;}
.topsearchfield .autodroporigin ul{width: 100%;margin: 0;}
.searchbtnwrap{display: inline-block;}
.topsearchfield .equiwidth input{border: 0;box-shadow: 2px 2px 10px #afafaf;padding: 4px 10px;margin-left: 5px;border-radius: 3px;height: 30px;width: 100%;}
.topsearchfield .equiwidth select{border: 0;box-shadow: 2px 2px 10px #afafaf;padding: 4px 10px;margin-left: 5px;border-radius: 3px;height: 30px;width: 100%;}
.searchbtnwrap .btnsearch{background: #dc3545;color: #ffffff;margin-bottom: 0;padding: 3px 24px;margin-left: 8px;box-shadow: 2px 2px 10px #afafaf;}
.searchbtnwrap .btnsearch:hover{background: #eb2a3c;color: #ffffff;}
.topsearchfield{text-align: center;}
.contryinfo{font-size: 21px;background: linear-gradient(360deg, #0b5a9d, #1b4a72);color: #ffffff;font-family: 'assistantbold';text-align: center;padding: 3px;margin-top: 5px;}
.ratematewrap{background: #ffffff;padding: 14px 14px 14px;}
.col-md-9, .col-sm-9{float: left;}
.ratematewrap ul{box-shadow: 2px 2px 10px #e2e2e2;}
.ratematewrap ul.nav-pills .nav-link{color: #241f1f;border-bottom: 1px solid #c2adad;}
.ratematewrap ul.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: #0b5a9d;color: #ffffff;}
#myTabContent h2{text-align: center;font-size: 18px; background: #0b5a9d;color: #ffffff;padding: 8px;    margin-bottom: 0;}
.ratetable th, .ratetable td{padding: 7px;text-align: center;font-size: 15px;}
.ratetable{width: 100%;}
.right_ratesec{box-shadow: 2px 2px 10px #e2e2e2;}
.ratetable th{border-bottom: 1px solid #cccccc;background: aliceblue;}
.bgcontainer{background: url(../images/truck23.jpg);background-size: cover;background-attachment: fixed;background-repeat: repeat;}
#extrapicstop_det .modal-dialog{max-width:1080px;}
.picup_det h3{color: #ffffff;text-align: left;font-size: 16px;margin-bottom: 0;padding: 4px 0;}
.pickuptd td{border-bottom: 1px solid #f9f9f9;}
.blackHeading_strip{background: #000000;color: #ffffff;font-size: 19px;text-align: center;padding: 0;margin-bottom: 0;}
.editpick{color: #ffffff;}
.editpick:hover{color: #fbfbfb;}
.trshpick{color: #ffffff;}
.trshpick:hover{color: #ffffff;}
/*input[readonly="true"]{ border: 0;}*/

.pickuptd{margin-bottom: 12px;}
.pickuptd .table{margin-bottom: 0;}


/****threeframes************/
.threpanel .panel.panel-default{width: 32%;float: left;margin-right: 1%;}
/*.carrFulldet{width: 200px;display: inline-block;}*/
.expandfull{float: right;}
.datsec{padding: 0px;box-shadow: 2px 2px 16px #443e44;width: 31%;float: left; margin-right: 1%;}
.tmssec{padding: 0px;box-shadow: 2px 2px 16px #443e44;width: 33%;float: left;   margin-right: 1%;}
.truckstopsce{padding: 0px;box-shadow: 2px 2px 16px #443e44;width: 33%;float: left;}
.datsec .panel-heading{padding: 8px 15px;background: #082640;}
.datsec .panel-heading h4{margin-bottom: 0;}
.datsec .panel-body{padding: 0 15px;height: 400px;}
.tmssec .panel-heading{padding: 8px 15px;background: #10688a;}
.tmssec .panel-heading h4{margin-bottom: 0;}
.tmssec .panel-body{padding: 0 15px;height: 400px;}
.truckstopsce .panel-heading{padding: 8px 15px;background: #127ca5;}
.truckstopsce .panel-heading h4{margin-bottom: 0;}
.truckstopsce .panel-body{padding: 0 15px;height: 400px;}
.threeframes{float: left; background: #315063;}
/*.accordian-body .socialdescshipp ul li {display: block;line-height: 23px;box-shadow: 2px 2px 10px #cac8c8;margin: 5px 0;}*/
/*.matchcarr{    width: 800px;}*/
/*.socialdescshipp{    width: 33%;}*/
.tmssec .panel-body{max-height: 400px;overflow-y: scroll; background: linear-gradient(45deg, #86cbed, #114169);}
.tmssec .panel-body::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
.tmssec .panel-body::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.tmssec .panel-body::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}

.datsec .panel-body{max-height: 400px;overflow-y: scroll;background: linear-gradient(45deg, #89d8ff, #094170);}
.datsec .panel-body::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
.datsec .panel-body::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.datsec .panel-body::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}

.truckstopsce .panel-body{max-height: 400px;overflow-y: scroll;    background: linear-gradient(45deg, #89c7ed, #09222c);}
.truckstopsce .panel-body::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
.truckstopsce .panel-body::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.truckstopsce .panel-body::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}

.datsec h4{margin-bottom: 0;position: relative;font-size: 20px;}
.tmssec h4{margin-bottom: 0;position: relative;font-size: 20px;}
.truckstopsce h4{margin-bottom: 0;position: relative;font-size: 20px;}
.tmssec h4 a.tmsexpand{display: block;}
.datsec h4 a.datexpand{display: block;}
.truckstopsce h4 a.truckexpand{display: block;}
.tmssec h4 a.tmsexpand:hover{text-decoration: none;}
.datsec h4 a.datexpand:hover{text-decoration: none;}
.truckstopsce h4 a.truckexpand:hover{text-decoration: none;}
.panel-heading:hover{background: linear-gradient(45deg, #082640, transparent);}
.datsec .panel-heading:hover h4{background: transparent;}
.tmssec .panel-heading:hover h4{background: transparent;}
.truckstopsce .panel-heading:hover h4{background: transparent;}
a.datall_det{position: absolute;right: 5px;    top: 0;}
.fullsec{float: right;}
.threeramebtn i{ font-size: 30px; color: #000000;}
#DashboardAllDatMatchTruck, #DashboardAllOurTMSMatchTruck, #DashboardAllTSMatchTruck{}
.datall_det{float: right; margin-top: 3px;}
.leftlabel h3{font-size: 16px;color: #edd843;font-family: 'karlabold';}
.threeFrame_wrap .topresult{margin-bottom: 0;background: #315063;padding: 14px 12px 6px;color: #ffffff;}
/*****expanded load form******/
#loadformModal .modal-dialog{    max-width: 1100px;}
#loadformModal input {height: 30px;font-size: 14px;}
#loadformModal .form-group {margin-bottom: 7px;}
#loadformModal .fs-wrap {height: 30px;font-size: 14px;}
#loadformModal select {height: 30px;font-size: 14px;}
.w73 {width: 74%;display: inline-block;}
#loadformModal .fs-label-wrap {height: 30px;padding: 0px 7px;}
.brokwrap {width: 49%;display: inline-block;border-right: 1px solid #cccccc;}
.brokwrap2 {display: inline-block;width: 48%;float: right;padding-left: 13px;border-left: 1px dashed #0b3a62;}
p.pemile {font-size: 12px;display: inline-block;margin-left: 19px;}
.brokwrap h3 {font-size: 16px;margin-bottom: 0;}
.highlight_para {font-size: 13px;display: block;}
.highlight_rate{font-size: 28px;}
.ratetrip {font-size: 23px;font-family: 'assistantbold';margin-bottom: 0;display: inline-block;}
#loadformModal .pstloadbtn {height: 39px;font-size: 17px;}
#loadformModal .btnshipper{margin-bottom: 0;}
#add-load-form{margin-bottom:0;}
#CarrierSpot{background: rgba(0, 98, 190, 0.09);padding: 8px 20px;border: 1px dashed #0b3a62;box-shadow: 2px 2px 10px #bfb5b5;}
#CarrierSpot p{margin-bottom:0;line-height: 22px;font-size: 15px;}
#CarrierSpot:hover{background:#f7f7f7;}
/**********expanded editload form************/

#EditLoadDashBoard .modal-dialog{    max-width: 1100px;}
#EditLoadDashBoard input {height: 30px;font-size: 14px;}
#EditLoadDashBoard .form-group {margin-bottom: 6px;}
#EditLoadDashBoard .fs-wrap {height: 30px;font-size: 14px;}
#EditLoadDashBoard select {height: 30px;font-size: 14px;}
.w73 {width: 74%;display: inline-block;}
#EditLoadDashBoard .fs-label-wrap {height: 30px;padding: 0px 7px;}
.brokwrap {width: 49%;display: inline-block;border-right: 1px solid #cccccc;}
.brokwrap2 {display: inline-block;width: 48%;float: right;padding-left: 13px;border-left: 1px dashed #0b3a62;}
p.pemile {font-size: 12px;display: inline-block;margin-left: 19px;}
.brokwrap h3 {font-size: 16px;margin-bottom: 0;}
.highlight_para {font-size: 13px;display: block;}
.highlight_rate{font-size: 28px;}
.ratetrip {font-size: 23px;font-family: 'assistantbold';margin-bottom: 0;display: inline-block;}
#EditLoadDashBoard .pstloadbtn {height: 39px;font-size: 17px;}
#EditLoadDashBoard .btnshipper{margin-bottom: 0;}
#add-load-form{margin-bottom:0;}
#CarrierSpot{background: rgba(0, 98, 190, 0.09);padding: 8px 20px;border: 1px dashed #0b3a62;box-shadow: 2px 2px 10px #bfb5b5;}
#CarrierSpot p{margin-bottom:0;line-height: 22px;font-size: 15px;}
#CarrierSpot:hover{background:#f7f7f7;}
.timepicker_wrap .time, .timepicker_wrap .mins, .timepicker_wrap .meridian {
  width: 39px;
}

.searchtop{float: left;}
.searchtop input{height: 29px;border: 0;}
.searchtop .mt13{margin-top: 13px;}
.searchalltop{background: #ffffff;height: 29px;}
.searchalltop .fa.fa-search{color: #99abb4;}
.addquotsDB .modal-dialog{max-width: 900px;}
.addquotsDB .brokwrap{border-right: 0;}
.addquotsDB .brokwrap2 p{margin-bottom: 0;font-size: 13px;}
.btnaddQuotes{color: #ffffff;padding: 4px 12px;border-radius: 4px;font-size: 14px;text-decoration: none;font-weight: 700;background: linear-gradient(45deg, #71b3a3, #1dc85a);font-family: 'karlabold';}
.btnaddQuotes:hover{color: #ffffff;background: linear-gradient(45deg, #21c65c, #00c292);text-decoration: none;}
.viewBtnalldet{background: linear-gradient(45deg, #03a9f3, #0168bf);color: #ffffff;padding: 4px 12px;border-radius: 4px;font-size: 13px;text-decoration: none;font-weight: 700;margin-top: 13px;font-family: 'karlabold'; margin-left: 10px;border:0;}
.viewBtnalldet:hover{background: linear-gradient(45deg, #0168bf, #03a9f3);color: #ffffff;text-decoration: none;}
.btnaddlocation{color: #ffffff;padding: 4px 12px;margin-top: 10px;cursor: not-allowed!important;border-radius: 4px;font-size: 14px;text-decoration: none;font-weight: 700;background: linear-gradient(45deg, #dc3545, #b61121);font-family: 'karlabold';}
.btnaddlocation:hover{color: #ffffff;background: linear-gradient(45deg, #b61121, #dc3545 );text-decoration: none;}
.lightpadding{padding: 4px 18px;}
#addlocationpopup .modal-dialog { margin: 9rem auto;}
.avgamt{font-size: 23px;font-family: 'assistantbold';}
.avgratewap{text-align: center;margin: 0 15px;background: rgba(241, 243, 245, 0.09);padding: 8px 20px;border: 1px dashed #0b3a62;box-shadow: 2px 2px 10px #bfb5b5;}
.boldhed{font-family: 'assistantbold';}
.daysrate span{background: #f5f5f5;padding: 2px 12px;width: 145px;display: inline-block;margin-top: 5px;    font-size: 13px;}
.trendcls{text-align: right; margin: 0;}
.rightpostloadbtn{width: 21%;float: left;}
.eqlbtn{width: 135px;}

#CopyLoadDashBoard .modal-dialog{    max-width: 1100px;}
#CopyLoadDashBoard input {height: 30px;font-size: 14px;}
#CopyLoadDashBoard .form-group {margin-bottom: 6px;}
#CopyLoadDashBoard .fs-wrap {height: 30px;font-size: 14px;}
#CopyLoadDashBoard select {height: 30px;font-size: 14px;}
.w73 {width: 73%;display: inline-block;}
#CopyLoadDashBoard .fs-label-wrap {height: 30px;padding: 0px 7px;}
.brokwrap {width: 49%;display: inline-block;border-right: 1px solid #cccccc;}
.brokwrap2 {display: inline-block;width: 48%;float: right;padding-left: 13px;border-left: 1px dashed #0b3a62;}
p.pemile {font-size: 12px;display: inline-block;margin-left: 19px;}
.brokwrap h3 {font-size: 16px;margin-bottom: 0;}
.highlight_para {font-size: 13px;display: block;}
.highlight_rate{font-size: 28px;}
.ratetrip {font-size: 23px;font-family: 'assistantbold';margin-bottom: 0;display: inline-block;}
#CopyLoadDashBoard .pstloadbtn {height: 39px;font-size: 17px;}
#CopyLoadDashBoard .btnshipper{margin-bottom: 0;}
#ShipmentDataList{position: relative;}
#ShipmentDataListSelect{top: 30px;}
#ExtraDropShipment .modal-dialog{ max-width: 1000px;}
/*********CRM for shipper***********/
.crmbtn{background: #b0b4b8;color: #ffffff;display: inline-block;padding: 1px 12px;border-radius: 3px;}
.crmbtn:hover{text-decoration: none;color: #ffffff;background: #969799;}
.tabshow .tab-content{background: #ffffff;box-shadow: 2px 2px 20px #bebaba;padding: 6px;}
.summrytxt{text-align: left;width: 68%;display: inline-block;}
.crm_reportpage ul li a{color: #ffffff;position: relative;padding: 7px 34px;display: inline-block;}
.crm_reportpage ul li{background: #165e9b;font-size: 15px;font-family: 'karlaregular';text-align: center;width: 25%;}
.crm_reportpage ul {border-bottom: 0;}
.crm_reportpage .card{border-radius: 0 0 5px 5px;}
.crm_reportpage table th{font-size: 13px;}
/*.arcredit ul li.active a::after{content: '';background: #ffffff;width: 100%;position: absolute;border-radius: 8px 8px 0 0;right: 0;left: 0;height: 4px;bottom: 0px;}
*/.crm_reportpage ul li a:hover{text-decoration: none;}
.greenul {background: #165e9b;}
.crm_reportpage ul li.active a{background: #ffffff;color: #000000;border-radius: 0px 28px 0px 28px;box-shadow: 0px 0px 9px rgba(35, 33, 33, 0.24);}
.summrytxt small{color: #dc3545;font-size: 17px;}
.crm_reportpage table td{font-size: 14px;}
.summrytxt h3{margin-bottom: 25px;}
.shipper_add{width: 30%;text-align: right;display: inline-block;}
.bottomgrey{background: #e5e2e2}
.shipper_add p{color: #155993;font-weight: 700;}

/* puneet css starts here  */
.borderRed{ border:1px solid red; }
.carrier_fetch input[readonly]{ border: 1px solid #eae3e3;}
/* puneet css ends here  */


/*********add carrierdesign change**********/
#AddcarrierformModalBroker .modal-dialog{max-width: 1100px;}
.shipperForm input{font-size: 14px;}
.shipperForm .fs-label-wrap{ height: 37px;font-size: 14px;border: 1px solid #e2e2e2;}
#AddcarrierformModalBroker .form-group{margin-bottom: 5px;}
.shipperForm select{height: 30px;font-size: 14px;}
.mergebtn{text-decoration: none;
  color: #ffffff;
  background-color: #d6621f;float: right;}
.mergebtn:hover{color: #ffffff;}
#extrapicstopShow .modal-dialog{max-width: 1100px;}
.sav_btn.btn.saveEnrt{padding: 6px 25px;height: 38px;border: 0;
  font-size: 16px;
  margin-bottom: 4px;
  border-radius: 4px;}
.carrier_fetch.pickuptd input.editbox{width:100%;}
.autodroporigin  ul#ShipmentDataListSelect{left: 22%;width: 71%;}
#CarrierSpotQuotes{    background: #f7f6f6;
  padding: 10px;
  border: 1px dashed;}

#loadformModal .containergrd input{    padding: 0;
  height: 16px;
  margin-bottom: 0;}
.cargotab td input.form-control{margin-bottom: 14px;    border: 1px solid #eeeeee;}

.w98{width: 98px;float: right;}
.truck_color1{background: #99aeff87;}
.truck_color2{background: #9a769366;}
.truck_color3{background: #aeb8e061;}
.truck_color4{background: #6d636b1f;}
.truck_color5{background: #599bb52e;}
.truck_color6{background: #6759b542;}
.truck_color7{background: #b5939c42;}
.truck_color8{background: #ff89e53d;}
.truck_color9{background: #76ab7a2b;}
.truck_color10{background: #d8a68d2b;}
.truck_color11{background: #99aeff87;}
.truck_color12{background: #9a769366;}
.truck_color13{background: #aeb8e061;}
.truck_color14{background: #6d636b1f;}
.truck_color15{background: #599bb52e;}
.truck_color16{background: #6759b542;}
.truck_color17{background: #b5939c42;}
.truck_color18{background: #ff89e53d;}
.truck_color19{background: #76ab7a2b;}
.truck_color20{background: #d8a68d2b;}


.covercls {
  background: rgba(247, 231, 34, 0.37);
  color: #a5a11e;
  display: inline-block;
  padding: 4px 15px;
  border-radius: 40px;
}
.delivercls {
  background: rgba(0, 128, 0, 0.16);
  color: green;
  display: inline-block;
  padding: 4px 15px;
  border-radius: 40px;
}
.delivercls:hover {
  text-decoration: none;
  color: green;
}
.opencls {
  background: rgba(220, 53, 69, 0.23);
  color: #dc3545;
  display: inline-block;
  padding: 4px 15px;
  border-radius: 40px;
}
.covercls:hover {
  text-decoration: none;
  color: #a5a11e;
}
.opencls:hover {
  text-decoration: none;
  color: #dc3545;
}


.consigncls{ background: rgba(251, 255, 10, 0.65);
  color: #a5a11e;
  display: inline-block;
  padding: 4px 15px;
  border-radius: 40px;}

.consigncls:hover{ background: rgba(251, 255, 10, 0.65);color: #a5a11e;text-decoration: none;}
tr.consignclsRow:hover{ background: #fbea464a!important; opacity: 1!important;}
tr.consignclsRow:hover .consigncls{background: rgba(251, 255, 10, 0.69);
  color: #010100;
  text-decoration: none;
  box-shadow: 2px 2px 5px #c8c0c0;
}
tr.openclsRow{border:1px solid #ddd;}
tr.openclsRow:hover{background: #007bff17!important;
  opacity: 1!important;}
tr.openclsRow:hover .opencls{
  text-decoration: none;
  box-shadow: 2px 2px 4px #847e7e08;
}
tr.deliverclsRow:hover{background:rgba(214, 235, 214, 0.59)!important;opacity: 1!important;}
tr.deliverclsRow:hover .delivercls{box-shadow: 2px 2px 5px #403b3b;}

/*************cacci**************/
.searchdot input{box-shadow: 2px 2px 4px #e2e2e2;border: 1px solid #ebebeb;padding: 0px 4px;height: 27px;font-size: 14px;border-radius: 2px;}
.searchdot select{box-shadow: 2px 2px 4px #e2e2e2;border: 1px solid #ebebeb;padding: 0px 4px;height: 27px;font-size: 14px;border-radius: 2px;}
.btnsrch{height: 27px;display: inline-block;color: #ffffff;padding: 4px 12px;border-radius: 4px;font-size: 14px;text-decoration: none;font-weight: 700;background: linear-gradient(45deg, #dc3545, #b61121);font-family: 'karlabold';}
.btnsrch:hover{background: linear-gradient(45deg, #b61121, #dc3545);color: #ffffff;text-decoration: none;}
.smalldesi{text-align: center;margin-bottom: 21px;font-size: 15px;padding: 0 90px;}
.serchcac{color: #ffffff;padding: 4px 12px;border-radius: 4px;font-size: 14px;text-decoration: none;font-weight: 700;background: linear-gradient(45deg, #dc3545, #b61121);font-family: 'karlabold';}
.printcac{background: linear-gradient(45deg, #03a9f3, #0168bf);color: #ffffff;padding: 4px 12px;border-radius: 4px;font-size: 13px;text-decoration: none;font-weight: 700;font-family: 'karlabold';}
.printcac:hover{text-decoration: none;color: #ffffff;}
.serchcac:hover{text-decoration: none;color: #ffffff;}
.firstletter{background: #027fd1;display: inline-block;color: #ffffff;width: 130px;height: 130px;font-family: 'karlabold';font-size: 116px;text-align: center;line-height: 131px;border-radius: 100%;margin-top: 16px;}
.roundtitwrap{text-align: center;}
.compname{font-family: 'assistantbold'; margin-top: 11px;margin-bottom: 0;}
.caccides label{font-family: 'assistantbold';display: block;border-bottom: 1px solid #e5e9ec;}
.caccides p{margin-bottom: 10px;}
.caccides{margin-top: 20px;}
.adreswrap {height: 95px;}
.caccides a{color: #000000;}
.caccides a:hover{text-decoration: none;color: #000000;}
.lastveri{text-align: center;background: #0b3a62;padding: 3px;border-radius: 5px;}
.lastveri a{color: #ffffff;font-size: 17px;}
.lastveri a span{display: block;font-size: 13px;}
.lastveri a:hover{text-decoration: none;color: #ffffff;}
.smalltxt{font-size: 12px;}
.cacinfo{padding: 5px 0 18px 0;}
#carrierContainerDetails .fullbtn{color: #ffffff;padding-left: 43px;}
#carrierContainerDetails .small_head{margin-bottom: 5px;}
#carrierContainerDetails .fullbtn:hover{text-decoration: none;}
#carrierContainerDetails .fullbtn:focus{text-decoration: none;}
.accordion-section-content h3{font-size: 20px;}
th.TitleBar{vertical-align: middle!important; background: #c51f2f;color: #ffffff;padding: 5px;font-size: 16px;font-family: 'assistantbold';}
#performanceReportsTable{box-shadow: 2px 2px 10px #d0cbcb;}
#performanceReportsTable td{padding: 6px;}
#gridAuthorityStatus{box-shadow: 2px 2px 10px #d0cbcb;}
#gridAuthorityStatus td{padding: 6px;}
#gridAuthorityHistory{box-shadow: 2px 2px 10px #d0cbcb;}
#gridAuthorityHistory td{text-align: left;}
#gridAuthorityHistory th{text-align: left;padding: 10px;}
#csascoree{box-shadow: 2px 2px 10px #d0cbcb;}
#csascoree td{padding: 6px;text-align: left;font-size: 14px;}
#csascoree span{font-weight: 700;}
#gridCoverages{box-shadow: 2px 2px 10px #d0cbcb;}    font-size: 12px;
span.imgicons{width: 238px;display: block;}
#loadformModalQuotes .modal-dialog{max-width: 1100px;}
#itemTabs .tabLocal {
  display: block;
  background: url('../img/thumbIcons.png') no-repeat 10px 6px;
  position: relative;
  height: 35px;
  clear: both;
}
#itemTabs .Neutral {
  background-position: 10px -32px;
}
#itemTabs .tabdown{
background-position: 10px -68px;
}
.insurpart{box-shadow: 2px 2px 10px #d2cbcb;border-radius: 10px;padding: 16px 0 6px 16px;}
.linsurnce h3{margin-bottom: 0;}
.linsurnce label{display: block;margin-bottom: 0;}
.linsurnce{padding-left: 16px;    float: left;}
.insuranceLbl{margin-bottom: 0;font-size: 14px;}
.insuranceDisclaimer{font-size: 13px;margin-bottom: 8px;}
.insuranceDetails{margin-bottom: 30px;}
#cBestRatings img{width: 100px;}
#gridAMBestRating{box-shadow: 2px 2px 10px #d0cbcb;}
.table th, .table td{vertical-align: middle;}
.imgicons{display: inline-block;width: 238px;}
.firstletterb{background: #b7c1c7;
  display: inline-block;
  color: #ffffff;
  width: 130px;
  height: 130px;
  font-family: 'karlabold';
  font-size: 116px;
  text-align: center;
  line-height: 131px;
  border-radius: 100%;
  margin-bottom: 15px;}
.carreportinfo label{font-weight: 700;}
.carreportinfo{margin-bottom: 30px;}
.requiredclass{color: #ec1d08;}

.requiredclass {
position: relative;
cursor: pointer;
font-size: 21px;
  line-height: 15px;
}

.requiredclass[aria-label]:after {
opacity: 0;
  content: attr(aria-label);
  padding: 0px 8px;
  position: absolute;
  left: 11px;
  white-space: nowrap;
  z-index: 20;
  background: #383131;
  transition: opacity 0.2s;
  pointer-events: none;
  color: #ffffff;
  border-radius: 5px;
  font-size: 11px;
}

.requiredclass[aria-label]:hover:after {
opacity:1;
transition-delay:0.5s;
}
#QuotesDataListSelect{background: #ecf6ff;}
.right-panel table.dataTable .DashBoardLoad{background: rgba(51, 141, 175, 0.5294117647058824);}
.right-panel table.dataTable .DashBoardQuotes{background: rgba(3, 169, 243, 0.5490196078431373);}
.showAllcurr .bg-flat-color-3{min-height: 293px;}
.threeFrame_wrap tr td{cursor: pointer;}

#add-load-form label{font-size: 14px;}
.w57{width: 57%;display: inline-block;}
.shipperForm label{font-size: 14px;}
#EditShipperModel .shipperForm .form-group {
  margin-bottom: 6px;
}


/* The container */
.containergrd {
display: block;
position: relative;
padding-left: 0;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default checkbox */
.containergrd input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* Create a custom checkbox */
.checkmarkgrd {
position: absolute;
top: 2px;
right: 0;
height: 19px;
width: 20px;
background-color:#e6e0e0;
}

/* On mouse-over, add a grey background color */
.containergrd:hover input ~ .checkmarkgrd {
background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containergrd input:checked ~ .checkmarkgrd {
background-color: #0b416f;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmarkgrd:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.containergrd input:checked ~ .checkmarkgrd:after {
display: block;
}

/* Style the checkmark/indicator */
.containergrd .checkmarkgrd:after {
left: 6px;
top: 1px;
width: 7px;
height: 13px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/************hovercss**********/
.viewld {
position: relative;
}

.viewld[aria-label]:after {
   opacity: 0;
  content: attr(aria-label);
  padding: 3px 8px;
  position: absolute;
  left: -21px;
  white-space: nowrap;
  z-index: 20;
  background: #383131;
  transition: opacity 0.2s;
  pointer-events: none;
  color: #ffffff;
  border-radius: 5px;
  font-size: 11px;
  top: 30px;
}

.viewld[aria-label]:hover:after {
opacity:1;
transition-delay:0.2s;
}

.quotesInformation #loadinfo{background: #65656612;}
#GetDetailsOfShipment{background: #03a9f3;}
.loadsDeletedNow #loadinfo{background: #ffdfdf;}
#all_bloads .fa-check {
  color: #64ef64;
}
/****newnotification design************/
.sendEmalPerm{margin-bottom: 16px;display: inline-block;color: #ffffff;padding: 9px 12px;border-radius: 4px;font-size: 15px;text-decoration: none; font-weight: 700;background: linear-gradient(45deg, #dc3545, #b61121);font-family: 'karlabold';border: 0;}
.name.float-left{display: block;width: 69%;line-height: 19px;}
.time.float-right{width: 30%;text-align: right;font-size: 12px;color: #99abb4;margin: 0;}
.notmedia{border-bottom: 1px solid #f3f3f3;line-height: 23px;color: #99abb4;font-size: 13px;padding: 10px 35px 3px 16px;-webkit-transition: all .25s;transition: all .25s;display: block;float: left;width: 100%;}
.jnmsg{color: #000000;background: #ebeef1;border-bottom: 1px solid #c6ccd2;}
.toparrwo::before{content: '';width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid white;position: absolute;top: -5px;right: 14px;}
.toparrwo{position: relative;}

.rightslidebar{max-height: 500px;overflow-y: scroll;    width: 397px;box-shadow: 2px 2px 10px #636161;margin: 0;}
.rightslidebar::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
.rightslidebar::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.rightslidebar::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
.for-load-notification ul li{list-style: none;float: left;display: block;width: 100%;position: relative;}
.for-load-notification{padding: 0;}
.closenott {display: block;position: absolute;right: -10px;top: 7px;font-size: 23px;}
.marsetting{display: none;position: relative;}
.marsetting{background: #ffffff none repeat scroll 0 0;height: auto;left: auto;right:50px;position: absolute;top:45px!important;}
.p15{padding: 15px;}
.marsetting li{list-style: none;line-height: 17px;}
.marsetting ul{margin-bottom: 0;position: relative;}
.settingclas{position: relative;}
.marsetting::before {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #e4e4e4;
  position: absolute;
  top: -5px;
  right: 10px;
}

/***********extrapick stop************/
.addtimeslot{margin-left: 5px;}
/*.customaddpick, .customaddstop{ padding: 0px 14px;width: 16.66%;display: inline-block;}*/
.extrorign{display: none;}
.customepickwrap, .customestopwrap{clear: both;position: relative;}
.shipperForm label {
  font-size: 14px;
}
.addtimeslots{margin-left: 5px;}
#extrapickadd .modal-dialog{width: 300px;}
#extrapickadd{background: rgba(37, 35, 35, 0.4196078431372549);}
#extrapickadd input{    width: 87%;height: 27px;box-shadow: 2px 2px 10px #e2e2e2;border: 1px solid #e8e2e2;border-radius: 5px;}
#extraDropsAdd .modal-dialog{width: 300px;}
#extraDropsAdd{background: rgba(37, 35, 35, 0.4196078431372549);}
#extraDropsAdd input{width: 87%;height: 27px;box-shadow: 2px 2px 10px #e2e2e2;border: 1px solid #e8e2e2;border-radius: 5px;}
.modal { overflow: auto !important; }
.addpicksbtn{background: #0b416f; color: #ffffff;padding: 2px 16px;}
.addpicksbtn:hover{color: #ffffff;}
.closebtn{background: #d41a1a;color: #ffffff;padding: 2px 16px;}
.closebtn:hover{color: #ffffff;}
.removebtn{margin-left: 5px;cursor: pointer;}
.removebtn i{color: #d41a1a;}
.removebtnDrop{margin-left: 5px;cursor: pointer;}
.removebtnDrop i{color: #d41a1a;}
#extrapickedit .modal-dialog, #extrastopedit .modal-dialog{width: 300px;}
#extrapickedit, #extrastopedit{background: rgba(37, 35, 35, 0.4196078431372549);}
.mb12{margin-bottom: 12px;}
.pickcount{padding: 0px 6px;position: absolute;top: 4px;background: rgb(152, 150, 150);;right: 16px;color: #ffffff;display: inline-block;font-size: 13px;}
.destcount{padding: 0px 6px;position: absolute;top: 4px;background: rgb(152, 150, 150);;right: 16px;color: #ffffff;display: inline-block;font-size: 13px;}

.showdests{display: none;}

.showdests ul{margin-bottom: 0;}
.showdests li{display: block;}


.addextrapick{margin-left: 5px;}
#extrapickaddQuotes .modal-dialog{width: 300px;}
#extrapickaddQuotes{background: rgba(37, 35, 35, 0.4196078431372549);}
#extrapickaddQuotes input{    width: 87%;height: 27px;box-shadow: 2px 2px 10px #e2e2e2;border: 1px solid #e8e2e2;border-radius: 5px;}
.pickcountQuotes{padding: 0px 6px;position: absolute;top: 4px;background: rgb(152, 150, 150);;right: 16px;color: #ffffff;display: inline-block;font-size: 13px;}
.removebtnPickQuotes{margin-left: 0px;cursor: pointer;}
.removebtnPickQuotes i{color: #d41a1a;}

.addextrapick{margin-left: 5px;}
#extraDropsAddQuotes .modal-dialog{width: 300px;}
#extraDropsAddQuotes{background: rgba(37, 35, 35, 0.4196078431372549);}
#extraDropsAddQuotes input{    width: 87%;height: 27px;box-shadow: 2px 2px 10px #e2e2e2;border: 1px solid #e8e2e2;border-radius: 5px;}
.DropQuotesdestcount{padding: 0px 6px;position: absolute;top: 4px;background: rgb(152, 150, 150);;right: 16px;color: #ffffff;display: inline-block;font-size: 13px;}
.removebtnDropQuotes{margin-left: 0px;cursor: pointer;}
.removebtnDropQuotes i{color: #d41a1a;}


.addextrapickEdit{margin-left: 5px;}
#extrapickaddEdit .modal-dialog{width: 300px;}
#extrapickaddEdit{background: rgba(37, 35, 35, 0.4196078431372549);}
#extrapickaddEdit input{    width: 87%;height: 27px;box-shadow: 2px 2px 10px #e2e2e2;border: 1px solid #e8e2e2;border-radius: 5px;}
.pickcountEdit{padding: 0px 6px;position: absolute;top: 4px;background: rgb(152, 150, 150);;right: 16px;color: #ffffff;display: inline-block;font-size: 13px;}
.removebtnEdit{margin-left: 0px;cursor: pointer;}
.removebtnEdit i{color: #d41a1a;}

.addextraDropsEdit{margin-left: 5px;}
#extraDropsAddEdit .modal-dialog{width: 300px;}
#extraDropsAddEdit{background: rgba(37, 35, 35, 0.4196078431372549);}
#extraDropsAddEdit input{    width: 87%;height: 27px;box-shadow: 2px 2px 10px #e2e2e2;border: 1px solid #e8e2e2;border-radius: 5px;}
.DropEditdestcount{padding: 0px 6px;position: absolute;top: 4px;background: rgb(152, 150, 150);;right: 16px;color: #ffffff;display: inline-block;font-size: 13px;}
.removebtnEditDrop{margin-left: 0px;cursor: pointer;}
.removebtnEditDrop i{color: #d41a1a;}

.addextrapickCopy{margin-left: 5px;}
#extrapickaddCopy .modal-dialog{width: 300px;}
#extrapickaddCopy{background: rgba(37, 35, 35, 0.4196078431372549);}
#extrapickaddCopy input{    width: 87%;height: 27px;box-shadow: 2px 2px 10px #e2e2e2;border: 1px solid #e8e2e2;border-radius: 5px;}
.pickcountCopy{padding: 0px 6px;position: absolute;top: 4px;background: rgb(152, 150, 150);;right: 16px;color: #ffffff;display: inline-block;font-size: 13px;}
.removebtnCopyDrop{margin-left: 0px;cursor: pointer;}
.removebtnCopyDrop i{color: #d41a1a;}

.addextraDropsCopy{margin-left: 5px;}
#extraDropsAddCopy .modal-dialog{width: 300px;}
#extraDropsAddCopy{background: rgba(37, 35, 35, 0.4196078431372549);}
#extraDropsAddCopy input{    width: 87%;height: 27px;box-shadow: 2px 2px 10px #e2e2e2;border: 1px solid #e8e2e2;border-radius: 5px;}
.DropCopydestcount{padding: 0px 6px;position: absolute;top: 4px;background: rgb(152, 150, 150);;right: 16px;color: #ffffff;display: inline-block;font-size: 13px;}
.removeCopyDrop{margin-left: 0px;cursor: pointer;}
.removeCopyDrop i{color: #d41a1a;}
.allnotif {
  text-align: center;
  display: block;
  background: #1c4669;
  color: #ffffffff;
}
.allnotif:hover{color: #ffffff;text-decoration: none;}
.allnotif:focus{color: #ffffff;text-decoration: none;}


/*********emailtemplate**********/
.createlist{color: #ffffff;padding: 7px 12px;border-radius: 4px;font-size: 14px;text-decoration: none;font-weight: 700;background: linear-gradient(45deg, #dc3545, #b61121);font-family: 'karlabold';border: 0;}
.createlist:hover{background: linear-gradient(45deg, #b61121, #dc3545);color: #ffffff;text-decoration: none;}
.serchlist {    width: 222px; border: 1px solid #e2e2e2;padding: 3px;box-shadow: 2px 2px 10px #e2e2e2;border-radius: 5px;height: 34px;}
.serchlist:focus{outline: 0;}
.orstyle{display: inline-block;width: 31px;text-align: center;}
.searchleads{background: #f3f0f0;padding: 31px 20px 20px;margin-bottom: 19px;}
.custiput{height: 32px;box-shadow: 2px 2px 10px #c8cccc;}
.sav_list{margin-bottom: 16px;display: inline-block;color: #ffffff;padding: 5px 12px;border-radius: 4px;font-size: 15px;text-decoration: none;font-weight: 700;background: #175890;font-family: 'karlabold';border: 0;}
.sav_list:hover{color: #ffffff;text-decoration: none;}
.marsetting li a:hover{background: #f5f5f5;}
#accordionreports .card-header .btn-link{display: block;width: 100%;text-align: left;color: #ffffff;}
.reoprtdt{float: right;display: block;background: #ffffff;color: #000000;padding: 1px 33px;}
#accordionreports .card-header{padding: 0;background: #165e9b;}
#accordionreports .card-header h2{margin-bottom: 0;}
#accordionreports .btn-link:hover{text-decoration: none;}
.card-header .btn-link i{margin-right: 11px;}
.box{display: none;}
.box input{height: 30px;}
.schedulemail{background: #e2e2e2; padding: 18px 17px 0;}
.tstemail {background: #e2e2e2; padding: 18px 17px 13px;}
.bigdigit{font-size: 33px;}
.leftsalename {width: 26%;float: left;}
.salenames .progress { width: 48%; float: left;}
.topsaleswrap{ width: 100%;float: left;}
.greenopen{background: #3d8618;}
.darkac{background: #13314a;}
.redspam{background: #ce1a1a;}
.procount{display: block;margin-left: 8px;line-height: 17px;float: left;font-size: 14px;}
.leftsalename p{line-height: 17px;font-size: 14px;}
.chartwrap{border-right: 1px solid #cccccc;}
.chartwrap2{border-left: 1px solid #cccccc;}
.engageleads .engageleadsheading{background: #ececec;padding: 6px 0px;margin: 8px 0;}
.engageleads  h3{font-size: 20px;margin-bottom: 0;}
.seloc{width: 150px;border: 1px solid #cccccc;border-radius: 3px;}


.emailopclose li{list-style: none;line-height: 25px;}
.emailopclose ul{box-shadow: 2px 2px 4px #b5b1b1;}
.emailopclose li a{display: block;color: #000000; background: #f0f0f1;border-bottom: 1px solid #cccccc;font-size: 12px; padding: 0 12px;}
.emailopclose.open .form-inline {display: block; }
.emailopclose .dropdown {display: inline-block; }
.emailopclose .dropdown .dropdown-toggle {background: transparent;color: #0b3a62;border: none;font-size: 16px;line-height: 12px;padding-top: 0;padding-bottom: 0; }
.emailopclose .dropdown .dropdown-toggle:after {display: none; }
.emailopclose .dropdown .dropdown-toggle .count {border-radius: 50%;color: #fff;font-size: 11px;height: 15px;width: 15px;line-height: 15px;right: 0;top: 12px;position: absolute; }
.emailopclose .dropdown .dropdown-toggle:active, .emailopclose .dropdown .dropdown-toggle:focus, .emailopclose .dropdown .dropdown-toggle:visited {background: none !important;border-color: transparent !important;color: #0b3a62 !important; }
.emailopclose .dropdown .dropdown-menu {  z-index: 3;  padding: 0;background: #fff;border: none;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;top: 24px !important;left: inherit !important;right: 0 !important;-webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);line-height: 35px; }
.emailopclose .dropdown .dropdown-menu p {font-size: 15px;margin: 0;padding: 5px 15px; }
.emailopclose .dropdown .dropdown-menu .dropdown-item {border-bottom: 1px solid #f3f3f3;line-height: 23px;color: #99abb4;font-size: 13px;padding: 10px 15px 3px;text-overflow: ellipsis;-webkit-transition: all .25s;transition: all .25s; }
.emailopclose .dropdown .dropdown-menu .dropdown-item:hover {background: rgba(233, 236, 239, 0.5); }
.emailopclose .dropdown .dropdown-menu .dropdown-item .photo {float: left;margin-right: 15px;width: 25px; }
.emailopclose .dropdown .dropdown-menu .dropdown-item .message .name { }
.emailopclose .dropdown .dropdown-menu .dropdown-item .message .time {font-size: 11px; }
.emailopclose .dropdown .dropdown-menu .dropdown-item .message p {clear: both;font-size: 14px;margin: 0;padding: 0;text-overflow: ellipsis; }
.toparrwodark::before{content: '';width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #e2e2e2;position: absolute;top: -5px;right: 14px;}
.toparrwodark{position: relative;}
.timeclok{display: block;float: right;}
.allnots{padding: 20px;}
.allnots li.readnot{list-style: none; background: #ffffff;padding: 6px 14px;border-bottom: 1px solid #cccccc;color: #99abb4;}
.allnots li{font-size: 14px;  }
.imidpop {background: #d9e1f3;padding: 9px;border-radius: 5px;margin-bottom: 15px;float: left;font-size: 13px;}
.imidpop .name.float-left{position: relative; padding-left: 25px;}
.imidpop i{left: 0;position: absolute;top: 3px;font-size: 19px;}
.donebtn{margin-bottom: 16px;display: inline-block;color: #ffffff;padding: 5px 12px;border-radius: 4px;font-size: 15px;text-decoration: none;font-weight: 700;background: linear-gradient(45deg, #dc3545, #b61121);font-family: 'karlabold'; border: 0;}
#singlenotif .modal-dialog{margin: 6% auto;}
.pb0{padding-bottom: 0;}

/********add to list popup**************/
#addtolist .modal-dialog{margin: 6% auto;width: 280px;}
.createlistadd{background: #000000;padding: 0px 12px;border-radius: 4px;font-size: 18px;text-decoration: none;font-weight: 700;color: #ffffff;font-family: 'karlabold';border: 0;display: block;text-align: center;}
.createlistadd:hover{color: #ffffff;text-decoration: none;}
.listbox{display: none;margin-top: 5px;}
.cancel_list{margin-bottom: 16px;display: inline-block;color: #ffffff;padding: 5px 12px;border-radius: 4px;font-size: 15px;text-decoration: none;font-weight: 700; background: #bd1828;font-family: 'karlabold';border: 0;}
.cancel_list:hover{color: #ffffff;text-decoration: none;}
#emailpreview button.close{position: absolute;right: 9px;}
.emailopclose li a:hover{text-decoration: none;background: #e7e7ea;}

/***********indexpage**********/
.perfimg img{width: 70px;}
.perfimg{text-align: center;}
.top_header h3{text-align: center;background: #0b3a62;color: #ffffff;font-size: 20px;padding: 7px;}
.desighighlt{background: #03a9f35c;display: inline-block;width: 44px;font-family: 'assistantbold';border-radius: 17px;}
.desighighlt:hover{text-decoration: none;}
.perfimg {margin-bottom: 30px;margin-top: 10px;}
.rightbor{border-right: 1px solid #ededed;}
.perfimg h4{font-family: 'assistantbold'; margin-bottom: 0;margin-top: 10px;}
.todalallload{max-height: 306px;height:306px;overflow-y: scroll;}
.todalallload::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
.todalallload::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.todalallload::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
.crossbtn{color: #000000;}
.view_newD{color: white; background: #26bf6300;padding: 1px 7px;font-weight: 400;font-family: 'karlaregular';border-radius: 4px;text-decoration:none;display: inline-block;margin-bottom:7px;}
.view_newD:hover{color: white;background: #26bf6300;}
.edit_newD{color: white;background: #f38b0a;padding: 1px 7px;font-weight: 400;font-family: 'karlaregular';border-radius: 4px;display: inline-block;margin-bottom:7px;text-decoration:none;}
.edit_newD:hover{color: white;background:#e28109;}
.delete_newD{background: #c5361f;padding: 1px 7px;font-weight: 400;font-family: 'karlaregular';border-radius: 4px;display: inline-block;margin-bottom:7px;text-decoration:none;}
.delete_newD:hover{background: #b32d17;}
.delete_searchD{background: #c5361f;padding: 1px 7px;font-weight: 400;font-family: 'karlaregular';border-radius: 4px;display: inline-block;margin-bottom:7px;text-decoration:none;}
.delete_searchD:hover{background: #b32d17;}
.copy_newD{background: #2cb19e;padding: 1px 7px;font-weight: 400;font-family: 'karlaregular';border-radius: 4px;display: inline-block;margin-bottom:7px;text-decoration:none;}
.copy_newD:hover{background:#35d4bd;}
.new_icons{display: inline-block;}
#all_shiplist td {padding: 5px 4px;border: 0;font-size: 15px;border-bottom: 1px solid #e3dddd;text-transform: capitalize;}
.makeship_btn:hover {background: linear-gradient(45deg, #0168bf, #03a9f3);color: #ffffff;text-decoration: none;}
.makeship_btn {background: linear-gradient(45deg, #03a9f3, #0168bf);color: #ffffff;padding: 4px 12px;border-radius: 4px;font-size: 13px;text-decoration: none;font-weight: 700;box-shadow: 2px 2px 10px #b6abab;display: inline-block;}
#all_shiplist th{padding: 7px 4px;}
.opencls{background: rgba(220, 53, 69, 0.23);color: #dc3545;display: inline-block;padding: 1px 15px;border-radius: 40px;}
.opencls:hover{text-decoration: none;color: #dc3545;}
.covercls{background: rgba(247, 231, 34, 0.37);color: #a5a11e;display: inline-block;padding: 1px 15px;border-radius: 40px;}
.delivercls{ background: rgba(0, 128, 0, 0.16);color: green;display: inline-block;padding: 1px 15px;border-radius: 40px;}
.covercls:hover{text-decoration: none;color: #a5a11e;}
.delivercls:hover{text-decoration: none;color: green;}


.selection_form td{border-bottom: 0; padding: 0px;color: #000000;}
.selection_form label{padding-left: 10px;text-align: left;display: block;font-weight: 700;}
.greyline{background: #f1efef;}
.greyline input{height: 30px;box-shadow: 2px 2px 10px #e2e2e2;margin: 10px;}
.savselbtn{background: #dc3545;color: #ffffff;padding: 7px 17px;border-radius: 5px;text-decoration: none;}
.savselbtn:hover{background: #f12d40;color: #ffffff;text-decoration: none;}
.selectag{height: 27px;font-size: 13px;padding: 1px;border-radius: 0;box-shadow: 2px 2px 10px #e2e2e2;width: 98%;}
.aging_form{width: 715px; margin: 0 auto;}
td a.highlistd{color: #000000;background: #a9d8ff;padding: 4px 40px;}
input.form-rep {width: 96%; font-size: 13px;padding: 3px 6px;border: 1px solid #e2e2e2;box-shadow: 2px 2px 10px #e3e0e0;}
.report_header{font-family: 'assistantbold';text-align: center;background: #ffffff;padding: 9px 3px;box-shadow: 2px 2px 20px #d4c8c8;font-size: 24px;border-top: 4px solid #165e9b;}
input.form-rep{width: 96%;font-size: 13px;padding: 3px 6px;border: 1px solid #e2e2e2;box-shadow: 2px 2px 10px #e3e0e0;}

.selection_form label {
  padding-left: 10px;
  text-align: left;
  display: block;
  font-weight: 700;
  color:#000000;
}

.accesor td{ padding: 6px 0;}
.deleteac{background: #dc3545;
  color: #ffffff;
  padding: 4px 11px;
  border-radius: 50px;}
#appr_list.table th{text-align: center;vertical-align: middle;padding: 7px 0 7px;}
#appr_list.table td{padding: 2px;}
#appr_list.table{box-shadow: 2px 2px 10px #d0cdcd;}

.fs-option-label{font-size: 13px;color: #000000;}
.sendEmalPerm{margin-bottom: 16px;display: inline-block;color: #ffffff;padding: 9px 12px;border-radius: 4px;font-size: 15px;text-decoration: none; font-weight: 700;background: linear-gradient(45deg, #dc3545, #b61121);font-family: 'karlabold';border: 0;}
.name.float-left{display: block;width: 79%;line-height: 19px;}
.time.float-right{width: 20%;text-align: right;font-size: 12px;}
.notmedia{border-bottom: 1px solid #f3f3f3;line-height: 23px;color: #99abb4;font-size: 13px;padding: 10px 15px 3px;-webkit-transition: all .25s;transition: all .25s;display: block;float: left;width: 100%;}
.jnmsg{color: #000000;background: #ebeef1;border-bottom: 1px solid #c6ccd2;}
.toparrwo::before{content: '';width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid white;position: absolute;top: -5px;right: 14px;}
.toparrwo{position: relative;}

.rightslidebar{max-height: 500px;overflow-y: scroll;    width: 397px;margin-bottom: 0;}
.rightslidebar::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
.rightslidebar::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.rightslidebar::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
.allnotif{text-align: center;display: block;background: #1c4669;color: #ffffffff;}
.toparrwo{box-shadow: 2px 2px 10px #636161;}
.allnotif:hover{color: #ffffff;}
.allnots li.notread{list-style: none; background: #edf2fa;padding: 6px 14px;border-bottom: 1px solid #cccccc;}
.allnots ul{padding-left: 0;}
/*********marketingpage*********/
.marsetting{display: none;position: relative;}
.marsetting{background: #ffffff none repeat scroll 0 0;height: auto;left: auto;right:50px;position: absolute;top:45px!important;}
.p15{padding: 15px;}
.marsetting li{list-style: none;line-height: 17px;}
.marsetting ul{margin-bottom: 0;position: relative;}
.settingclas{position: relative;}
.marsetting::before {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #e4e4e4;
  position: absolute;
  top: -5px;
  right: 10px;
}
.selectlist select.form-control.carrship{border: 1px solid #e2e2e2;height: 30px;font-size: 13px;}
.selectlist .fs-label-wrap{height: 30px;border: 1px solid #e2e2e2;font-size: 13px;}
.selectlist .fs-dropdown{width: 89%;}
.selectlist .fs-option{padding: 6px;}
.selectcre{background: #0b3a62;margin: 0 0 13px 0;padding: 12px 0;border-radius: 5px;}
.btnsrch{height: 32px;  color: #ffffff;padding: 5px 12px;border-radius: 4px;font-size: 14px;text-decoration: none;font-weight: 700;background: linear-gradient(45deg, #dc3545, #b61121);font-family: 'karlabold'; border: 0;}
.btnsrch:hover{background: linear-gradient(45deg, #b61121,  #dc3545);color: #ffffff;text-decoration: none;}
.upbtn{background: linear-gradient(45deg, #03a9f3, #0168bf);color: #ffffff;padding: 7px 12px;border-radius: 4px;font-size: 13px;text-decoration: none;font-weight: 700;}
.upbtn:hover{background: linear-gradient(45deg, #0168bf, #03a9f3);color: #ffffff;text-decoration: none;}
.selectlist {
  color: #ffffff;
}
/* The container */
.tickfieldbox {
position: relative;
padding-left: 35px;
margin-bottom: 0px;
cursor: pointer;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default checkbox */
.tickfieldbox input {

opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* Create a custom checkbox */
.checkmarka {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
}

/* On mouse-over, add a grey background color */
.tickfieldbox:hover input ~ .checkmarka {
background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.tickfieldbox input:checked ~ .checkmarka {
background-color: #dc3545;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmarka:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.tickfieldbox input:checked ~ .checkmarka:after {
display: block;
}

/* Style the checkmark/indicator */
.tickfieldbox .checkmarka:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.emailmarket td{padding: 6px 3px;text-align: center;font-family: 'karlaregular';border-bottom: 1px solid #f1eded;vertical-align: -webkit-baseline-middle;}
.sendmail{margin-bottom: 16px;display: inline-block;color: #ffffff;padding: 5px 12px;border-radius: 4px;font-size: 15px;text-decoration: none;font-weight: 700;background: linear-gradient(45deg, #dc3545, #b61121);font-family: 'karlabold';border: 0;}
.sendmail:hover{background: linear-gradient(45deg, #b61121, #dc3545);color: #ffffff;text-decoration: none;}
#emailproModal button.close{position: absolute;right: 9px;}
#prmMSSub{border: 0;margin-top: 10px;border-bottom: 1px solid #d8d0d0;border-radius: 0;box-shadow: 2px 2px 10px #e2e2e2;}
#searchShipper{height: 32px;box-shadow: 2px 2px 10px #c8cccc;}
.serachshipbtn{padding: 3px 12px;background: #175890;color: #ffffff;}
#all_brok td{padding: 2px;}
#allactivel td{padding: 2px;}
#allinactivel td{padding: 2px;}
#all_shipperload td{padding: 2px;}
#allactiveship td{padding: 2px;}
#allinactiveship td{padding: 2px;}


/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkradio:after {
content: "";
position: absolute;
display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiowrap input:checked ~ .checkmarkradio:after {
display: block;
}

/* Style the indicator (dot/circle) */
.radiowrap .checkmarkradio:after {
top: 6px;
left: 6px;
width: 8px;
height: 8px;
border-radius: 50%;
background: white;
}
.pdf_sec{border-bottom: 1px solid #dfd9d9;}
.h30{height: 30px;}
.extTable td{border: 0;padding: 4px;text-align: left;font-size: 14px;}
.extTable label{font-weight: 700;}
.extTable{margin-bottom: 0;}
.pt20{padding-top: 20px;padding-right: 5px;padding-left: 5px;padding-bottom: 20px;}
.picksec{ background: #f1f2f7;}
.pickhead {padding: 6px;background: #000000;color: #ffffff;font-size: 16px;margin: 0 0 14px 0;display: inline-block; width: 85px;
  text-align: center;}
.pickhead{margin: 0 0 0 0px;display: inline-block;}
#extrapicstop .modal-dialog{max-width: 1080px;}
.ext_st{float: right;color: #44c4ac;position: absolute;right: 6px;}
.addmPick{background: #d02020;color: #ffffff;font-family: 'karlabold';display: inline-block;padding: 3px 16px;border-radius: 4px;float: right;}
.addmPick:hover{color: #ffffff;text-decoration: none;}
.addmstop{background: #d02020;color: #ffffff;font-family: 'karlabold';display: inline-block;padding: 3px 16px;border-radius: 4px;float: right;}
.addmstop:hover{color: #ffffff;text-decoration: none;}

.imageThumb {
max-height: 75px;
border: 2px solid;
padding: 1px;
cursor: pointer;
}
.pip {
display: inline-block;
margin: 10px 10px 0 0;
}
.remove {
display: block;
background: #444;
border: 1px solid black;
color: white;
text-align: center;
cursor: pointer;
}
.remove:hover {
background: white;
color: black;
}
.h180{height: 184px;}
.pickedtbn{background: #e17130;padding: 4px 13px;font-size: 14px;border-radius: 4px;color: #ffffff; margin-top: 16px;}
.pickedtbn:hover{color: #ffffff;}
.releasebtn{background: #239d70;padding: 4px 13px;font-size: 14px;border-radius: 4px;color: #ffffff;margin-top: 16px;}
.releasebtn:hover{color: #ffffff;}
.uncoverbtn{background: #267d97;padding: 4px 13px;font-size: 14px;border-radius: 4px;color: #ffffff;margin-top: 16px;}
.uncoverbtn:hover{color: #ffffff;}
.h270{min-height: 270px} 
.saveallbtn{color: #ffffff;background-color: #2a748a;padding: 4px 13px;font-size: 14px;border-radius: 4px;color: #ffffff;margin-top: 16px;}
.saveallbtn:hover{color: #ffffff;}
#invoicehold .modal-header{padding: 0 23px;}
#invoicehold h4.modal-title{text-align: center;display: block;width: 100%;}
.addCusRate select{margin-bottom: 0;    vertical-align: middle;border: 1px solid #ebebeb;padding: 0px 4px;height: 23px;font-size: 14px;border-radius: 2px;}
#invoicehold .modal-dialog{max-width: 1080px;}
/*@keyframes changewidth {
from {
 transform: scaleX(1);
}

to {
 transform: scaleX(2);
}
}

.modal-title {
animation-duration: 3.1s;
animation-name: changewidth;
animation-iteration-count: infinite;
animation-direction: alternate;
}*/
.carrier_fetch select{margin-bottom: 0;    vertical-align: middle;border: 1px solid #ebebeb;padding: 0px 4px;height: 23px;font-size: 14px;border-radius: 2px;}
.w33{width: 33px;}
.savbtn{color: #ffffff;background-color: #2a748a;padding: 4px 13px;font-size: 14px;border-radius: 4px;color: #ffffff;}
.savbtn:hover{color: #ffffff;}
.printbtn{padding: 4px 13px;font-size: 14px;border-radius: 4px;color: #ffffff;margin-bottom: .3rem;background: #ca3c4a;}
.printbtn:hover{background: #a32935;color: #ffffff;}
.artable .fa-check{color: #0dfb0d;}
.artable .fa-times{color: #ed8585;}
#invoicehold .small_head{background: #d3d7db;color: #131212;}
.top_allDet .card-body{padding: 10px;}
.top_allDet .card{margin-bottom: 12px;}
.arcredit > ul > li > a{color: #ffffff;position: relative;padding: 7px 34px;display: inline-block;}
.arcredit > ul > li{background: #165e9b;font-size: 15px;font-family: 'karlaregular';text-align: center;width: 25%;}
.arcredit > ul {border-bottom: 0;}
.arcredit .card{border-radius: 0 0 5px 5px;}
.arcredit table > th{font-size: 12px;}
/*.arcredit ul li.active a::after{content: '';background: #ffffff;width: 100%;position: absolute;border-radius: 8px 8px 0 0;right: 0;left: 0;height: 4px;bottom: 0px;}
*/.arcredit ul li a:hover{text-decoration: none;}

.arcredit > ul > li.active > a{background: #ffffff;color: #000000;border-radius: 0px 28px 0px 28px;box-shadow: 0px 0px 9px rgba(35, 33, 33, 0.24);}
.nobordertable td{border: 0;padding: 2px;}
.nobordertable input{border: 1px solid #ebebeb;padding: 0px 4px;height: 23px;font-size: 14px;border-radius: 2px;margin-bottom: 0;}
.nobordertable label{font-size: 14px;font-weight: 700;}
.srcheck {background: #0b3a62;color: #ffffff;padding: 1px 8px;font-size: 14px;}
.srcheck:hover{background: #0b5899;color: #ffffff;}
.w151{width: 151px;}
.acrecvd input{border: 1px solid #ebebeb;padding: 0px 4px;height: 23px;font-size: 14px;border-radius: 2px;margin-bottom: 0;}
.acrecvd td{font-size: 13px;border: 0;padding: 2px;}
.greenul{background: #165e9b;}
.savebtn{background: #dc3545;color: #ffffff;padding: 1px 21px;}
.acrecvd{border-bottom: 1px solid #ebebeb;}
.savebtn:hover{background: #ed1b30;color: #ffffff;}
.commntxt{font-family: 'assistantbold';text-align: center;}
.selreport td{border: 0;padding: 2px;font-size: 14px;border-right: 1px solid #f7f7f7;}
.selreport td a{display: inline-block;color: #787878;}

.box-title{font-weight: 600;font-size: 1em;padding: 5px 0;font-family: 'assistantbold';display: inline-block; font-size: 22px;color: #9b26af;}
.round-img img{max-width: 50px;}
.selcustomd{float: right;text-align: center;}
.selcustomd span{font-family: 'karlaregular';}
.selcustomd input{border:1px solid #cccccc;  margin-left: 6px;padding:1px 6px;border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.btnserchdate{background: #dc3545;border: 0;color: #ffffff;margin-left: 9px;padding: 3px 14px;}
/***********Setup pages****************/
.userheading{display: block;background: #104d80;color: #ffffff;text-align: center;    padding: 6px;}
.createUserform{border-radius: 4px;background: #ffffff;padding: 36px 35px;}
.userheading:hover{text-decoration: none;color: #ffffff;}
#adduser input, #adduser select{font-size: 14px;height: 28px;box-shadow: 2px 2px 10px #ebe4e4;border: 1px solid #e2e2e2;padding: 3px;margin-bottom: 0;}
#adduser .form-group{margin-bottom: 8px;}
#adduser .form-group label{font-size: 14px;}
.prl5{padding-right: 5px;padding-left: 5px;}
#payuser{background-color: #ffffff;}
.payuserform{padding: 36px 35px;}
#payuser input, #payuser select{font-size: 14px;height: 28px;box-shadow: 2px 2px 10px #ebe4e4;border: 1px solid #e2e2e2;padding: 3px;margin-bottom: 0;}
#payuser .form-group{margin-bottom: 8px;}
#payuser .form-group label{font-size: 14px;}
#invoiceuser{background-color: #ffffff;}
.inuserform{padding: 36px 35px;}
#invoiceuser input, #invoiceuser select{font-size: 14px;height: 28px;box-shadow: 2px 2px 10px #ebe4e4;border: 1px solid #e2e2e2;padding: 3px;margin-bottom: 0;}
#invoiceuser .form-group{margin-bottom: 8px;}
#invoiceuser .form-group label{font-size: 14px;}
.inuserform{padding: 15px 35px;}
#accuser{background-color: #ffffff;}
#accuser input, #accuser select{font-size: 14px;height: 28px;box-shadow: 2px 2px 10px #ebe4e4;border: 1px solid #e2e2e2;padding: 3px;margin-bottom: 0;}
#accuser .form-group{margin-bottom: 8px;}
#accuser .form-group label{font-size: 14px;}
#accpay{background-color: #ffffff;}
#accpay input, #accpay select{font-size: 14px;height: 28px;box-shadow: 2px 2px 10px #ebe4e4;border: 1px solid #e2e2e2;padding: 3px;margin-bottom: 0;}
#accpay .form-group{margin-bottom: 8px;}
#accpay .form-group label{font-size: 14px;}
#otherop{background-color: #ffffff;}
#otherop input, #otherop select{font-size: 14px;height: 28px;box-shadow: 2px 2px 10px #ebe4e4;border: 1px solid #e2e2e2;padding: 3px;margin-bottom: 0;}
#otherop .form-group{margin-bottom: 8px;}
#otherop .form-group label{font-size: 14px;}
.inuserform{background-color: #ffffff;}
#custfile input, #custfile select, .inuserform input, .inuserform select{font-size: 14px;height: 28px;box-shadow: 2px 2px 10px #ebe4e4;border: 1px solid #e2e2e2;padding: 3px;margin-bottom: 0;}
.inuserform .form-group{margin-bottom: 8px;}
.inuserform .form-group label{font-size: 14px;}
.saveall{font-family: 'assistantbold';background: linear-gradient(45deg, #0f4b7c, #1495ff);color: #ffffff;padding: 2px 15px;display: inline-block;margin-bottom: 5px;font-size: 15px;border-radius: 4px;}
.saveall:hover{color: #ffffff;background: linear-gradient(45deg, #1495ff, #0f4b7c);text-decoration: none;}
.mb30{margin-bottom: 30px;}
.sarchtr{background: linear-gradient(45deg, #88111c, #f74859);font-family: 'assistantbold';color: #ffffff;padding: 2px 15px;display: inline-block;font-size: 15px;border:0; border-radius: 4px;}
.sarchtr:hover{background: linear-gradient(45deg, #f74859, #88111c);color: #ffffff;text-decoration: none;}
.deltrailer{background: linear-gradient(45deg, #88111c, #f74859);font-family: 'assistantbold';color: #ffffff;padding: 2px 15px;display: inline-block;font-size: 15px;border:0; border-radius: 4px;}
.deltrailer:hover{background: linear-gradient(45deg, #f74859, #88111c);color: #ffffff;text-decoration: none;}

#addtrailerform .trailerform input, #addtrailerform .trailerform select{font-size: 14px;height: 28px;box-shadow: 2px 2px 10px #ebe4e4;border: 1px solid #e2e2e2;padding: 3px;margin-bottom: 0;}
#addtrailerform .trailerform .form-group{margin-bottom: 8px;}
#addtrailerform .trailerform .form-group label{font-size: 14px;}
.owninfo{background: #dadadf;color: #000000;margin: 15px 0;}
.owninfo p{margin-bottom: 0;font-family: 'assistantbold';}
.savetrail{background: linear-gradient(45deg, #0f4b7c, #1495ff);font-family: 'assistantbold';color: #ffffff;display: inline-block;font-size: 15px;border:none; border-radius: 4px;padding: 4px 23px;}
.savetrail:hover{background: linear-gradient(45deg, #1495ff, #0f4b7c);color: #ffffff;text-decoration: none;}
.canceltrail{background: linear-gradient(45deg, #88111c, #f74859);font-family: 'assistantbold';color: #ffffff;padding: 2px 15px;display: inline-block;font-size: 15px;border:none; border-radius: 4px;padding: 4px 23px;}
.canceltrail:hover{background: linear-gradient(45deg, #f74859, #88111c);color: #ffffff;text-decoration: none;}
.mt60{margin-top: 60px;}
.progress-bar { height: 42px;background: #90c79c;; width: 0px;text-align: center;border: 2px solid gray;}
.pp{width : auto; background-color: #e0e0e0;}
/**********marketing page chnages css ****/
.selectlist select{height: 30px;font-size: 14px;}
.shipcarul{text-align: center;display: block;padding: 9px;    background: white;border-bottom: 0;}
.shipcarul li{list-style: none;display: inline-block;padding: 10px 20px;}
.shipcarul li a{font-family: 'assistantbold';display: inline-block;padding-bottom: 4px;color: #bd1727;}
.shipcarul li.active a{border-bottom: 1px solid;}
.selectlist input{height: 30px;}
.emailtemp p{font-size: 13px;
  line-height: 16px;}
.emailtemp {width: 18%;float: left;margin-right: 10px;background: #0e395d;padding: 15px;margin-bottom: 17px;box-shadow: 2px 2px 10px #636262;color: #fff;}
.emailtemp h1{font-family: 'assistantbold';font-size: 20px;}
#demo.carousel {width: 92%; margin: 0 auto;}
.carousel-control-prev{left: -32px; width: 20px;}
.carousel-control-prev i{color: #0b416f;font-size: 53px;}
.carousel-control-next{right: -20px; width: 20px;}
.carousel-control-next i{color: #0b416f;font-size: 53px;}
.selectcre p{color: #fff;font-size: 20px;padding: 0 12px;}
.selectlead select{height: 32px;box-shadow: 2px 2px 10px #e3e1e1;font-size: 15px;border: 1px solid #e2e2e2;}
.selectlead input{height: 32px;box-shadow: 2px 2px 10px #e3e1e1;font-size: 15px;border: 1px solid #e2e2e2;}
.leadserc{margin-top: 17px;}
.selectlead{text-align: center;
  float: none;
  width: 80%;
  margin: 0 auto;}
.arcredit.shipcarwrap  > ul > li{ width: 45%;   }
.arcredit.shipcarwrap > ul > li > a{padding: 7px 82px;}
.chosen-container.chosen-container-multi{width: 100%!important;height: auto;background: #fff;font-size: 15px;border: 1px solid #e2e2e2;}
.chosen-container-multi .chosen-choices{    border: 0!important;}
.chosen-container .chosen-results li.active-result{text-align: left!important;}
.chosen-container-multi .chosen-drop .result-selected{text-align: left!important;}
.modal button.close{position: absolute;right: 22px;
  top: 27px;padding:3px 8px;}
.chosen-container-multi .chosen-choices li.search-choice{background: #0994e1!important;border: 0!important;box-shadow: 2px 2px 4px #d8d8d8!important;color: #fff!important; padding: 4px 18px 5px 7px!important;font-weight: 700!important;font-size: 13px!important}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{filter: brightness(10%);}
.shipperleadsdnc {
  color: #151414;
  background-color: #ff7c7c87;
}


.custom-file-upload {
      display: inline-block;
  padding: 6px 12px;
  border-radius: 5px;
  cursor: pointer;
  background: #1f6097;
  color: #fff;
}

.csvfileup input[type="file"] {
  display: none;
}
.csvfile-upload {
          display: inline-block;
  padding: 4px 12px;
  border-radius: 5px;
  cursor: pointer;
  background: linear-gradient(45deg, #03a9f3, #0168bf);
  color: #ffffff;
 
}
.csvfile-upload:hover{ background: linear-gradient(45deg, #0168bf, #03a9f3);}
.impemail{background: #039feb;color: #ffffff;font-family: 'assistantbold';display: inline-block;padding: 3px 9px;border-radius: 5px;}
.impemail:hover{background: #28a3df;color: #ffffff;text-decoration: none;}
.companyserh input{height: 32px;box-shadow: 2px 2px 10px #e3e1e1;font-size: 15px;border: 1px solid #e2e2e2;}
.addlistnam{display: none;}
.importsel { width: 210px; border: 1px solid #e2e2e2;padding: 3px;box-shadow: 2px 2px 10px #e2e2e2;border-radius: 5px;height: 34px;}
.selectlist .chosen-container .chosen-drop{position: relative!important;}
.selectlist .chosen-container .chosen-results{position: absolute!important;width: 100%;background: #ffffff;height: 130px;box-shadow: 2px 2px 10px #e2e2e2;}
.downlbtn{background: #165e9b;color: #ffffff;display: inline-block;padding: 8px 13px;border-radius: 5px;}
.listnameim{width: 300px;border: 1px solid #e2e2e2;padding: 3px 10px;box-shadow: 2px 2px 10px #e2e2e2;border-radius: 5px;height: 38px;}
.downlbtn:hover{color: #ffffff;}
.acsvfile-uplod{background: linear-gradient(45deg, #71b3a3, #1dc85a);color: #ffffff;display: inline-block;padding: 6px 11px;border-radius: 5px;}
.custom-file-upload{display: none;}


.approvedicon{background: linear-gradient(45deg, #03A9F3, #0168BF);margin-right: 9px; color: #FFFFFF;padding: 4px 10px;border-radius: 4px;font-size: 13px;text-decoration: none;font-weight: 700;}
.rejecticon{color: #FFFFFF;padding: 4px 12px;margin-top: 10px;border-radius: 4px;font-size: 14px;text-decoration: none;font-weight: 700;background: linear-gradient(45deg, #DC3545, #B61121);font-family: 'karlabold';}
.approvedicon:hover{background: linear-gradient(45deg, #0168BF, #03A9F3);color: #FFFFFF;text-decoration: none;}
.rejecticon:hover{background: linear-gradient(45deg, #B61121, #DC3545);color: #FFFFFF; text-decoration: none;}
.approvedicon i{margin-right: 5px;}
.rejecticon i{margin-right: 5px;}
.mintablewrap{max-height: 300px;overflow-y: scroll;margin-bottom: 14px;margin-top: 10px;}
.mintablewrap::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
.mintablewrap::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.mintablewrap::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}

.normalstar{color: #000000;}
.feedstar{display: none;position: relative;}
#feedstar{background: #fbfdff;box-shadow: 2px 2px 43px #beb6b6;border-radius: 5px;height: auto;left: auto;position: absolute;top: 430px;width: 356px;z-index: 9999;}

#feedstarship{background: #fbfdff;box-shadow: 2px 2px 43px #beb6b6;border-radius: 5px;height: auto;left: auto;position: absolute;top: 430px;width: 356px;z-index: 9999;}
.feedstar::after{content: ''; width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-left:10px solid #fbfdff;position: absolute;right: -10px;top: 125px;}
.starform{background: #039eea;color: #ffffff;display: inline-block;padding: 5px 24px;border-radius: 5px;font-size: 16px;}
.starform i{margin-left: 10px;}
.starform:hover{color: #ffffff;text-decoration: none;background: #0e7eb4;}

.feedstarship::after{content: ''; width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-left:10px solid #fbfdff;position: absolute;right: -10px;top: 125px;}
.starform{background: #039eea;color: #ffffff;display: inline-block;padding: 5px 24px;border-radius: 5px;font-size: 16px;}
.starform i{margin-left: 10px;}
.starform:hover{color: #ffffff;text-decoration: none;background: #0e7eb4;}
.feedstarship{display: none;position: relative;}

.startshipform{background: #5c778ec2;color: #ffffff;display: inline-block;padding: 5px 24px;border-radius: 5px;font-size: 16px;}
.startshipform i{margin-left: 10px;}
.startshipform:hover{color: #ffffff;text-decoration: none;background: #0e7eb4;}

.feedstar input[type=checkbox] {
  display:none;
}

.feedstar input[type=checkbox] + label {
  display:inline-block;
  padding: 0 0 0 0px;
  background:url("http://loadchamp.valueloads.comTest/assets/admin/img/starttransparent.png") no-repeat;
  height: 27px;
  width: 27px;
  background-size: 100%;
}

.feedstar input[type=checkbox]:checked + label {
  background:url("http://loadchamp.valueloads.comTest/assets/admin/img/yellostar.png") no-repeat;
 height: 27px;
  width: 27px;
  background-size: 100%;
}


.rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center
}

.rating>input {
  display: none
}

.rating>label {
  position: relative;
  /*width: 1em;*/
  font-size: 40px;
  color: #FFD600;
  cursor: pointer
}

.rating>label::before {
  content: "\2605";
  position: absolute;
  opacity: 0
}

.rating>label:hover:before,
.rating>label:hover~label:before {
  opacity: 1 !important
}

.rating>input:checked~label:before {
  opacity: 1
}

.rating:hover>input:checked~label:before {
  opacity: 0.4
}
.subratebtn{background: linear-gradient(45deg, #03a9f3, #0168bf);color: #ffffff;padding: 4px 12px;border-radius: 4px;font-size: 13px;text-decoration: none;font-weight: 700;}
.subratebtn:hover{background: linear-gradient(45deg, #0168bf, #03a9f3);color: #ffffff;text-decoration: none;}
.avgrating>label{font-size: 22px;}
.avgtxt{display: flex;justify-content: center;align-items: center;}
.allrat{display: flex;justify-content: center;align-items: center;}
.avgrating{justify-content: flex-end;}
.MatchedShipper{
  background: #4cb54c63;
}
.smallstar>label{font-size: 22px;}
#load_company_nameV{font-size: 15px;}
.feedstarrate{display: none;position: relative;}
#feedstarrate{background: #fbfdff;box-shadow: 2px 2px 43px #beb6b6;border-radius: 5px;height: auto;left: auto;position: absolute;top: 430px;width: 356px;z-index: 9999;}
.feedstarrate p{color: #918d8d;font-size: 14px;}
.feedbackrating{background: #0170c5;display: inline-block;color: #fff; padding: 3px 12px; border-radius: 19px;}
.feedbackrating:hover{text-decoration: none;color: #ffffff;}
.feedstarrate::before{content: ''; width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-right:10px solid #fbfdff;position: absolute;left: -10px;top: 125px;}

.feebackallreview{max-height: 450px;overflow-y: scroll;}
.feebackallreview::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
.feebackallreview::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.feebackallreview::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
.feebackallreview li{border-bottom: 1px solid #e9e4e4;padding-bottom: 5px;margin-bottom: 11px;}
p.brocomm{font-size: 15px;}
#carrier_pageList td{font-size: 14px;padding: 2px 3px;}
#carrier_pageList th{font-size: 14px;padding: 2px 3px;}
/**********shipper timeline************/
.studentcomments > label {border: 1px solid #e3e2e2;
  padding: 0px 15px;
  box-shadow: 2px 2px 10px #e2e2e2;
  font-size: 14px;}
.loadscomment table td{border-bottom: 1px solid #cccccc; font-size: 14px;padding: 3px;}
.loadscomment{height: 450px;overflow-y: scroll;}
.loadscomment::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
.loadscomment::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.loadscomment::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
span.brokname{ font-family: 'Montserrat-Bold';color: #181688;}
.titlewrap{background: #0b3a62;text-align: center;margin-bottom: 9px;color: #ffffff;}
.tablewhite{background-color: #ffffff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);padding: 15px;margin-bottom: 15px;}

.modal-backdrop.fade.show {
opacity: 0.2;
display: none;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}

.modal-backdrop.fade.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
/*.modal-backdrop.fade {
opacity: 0;
display: none;
filter: alpha(opacity=0);
}*/


.aragingshow{ background: #e9e5e5;padding: 0 8px;margin-bottom: 6px;}
.aragingshow label {
  border: 1px solid #e3e2e2;
  padding: 0px 15px;
  box-shadow: 2px 2px 10px #a5a5a5;
  font-size: 14px;
  background: #ffffff;
}

.toggle-handle {
  background: #ffffff;
}
.showhidewrap .toggle.btn {
  min-width: 115px;
}


label.toggle-on{background: #02a2ed;border: 0; left: -10px;cursor: pointer;}
label.toggle-off{background: #c82232;border: 0; right: -13px;color: #ffffff;cursor: pointer;}
.allnots li{list-style: none;padding: 0;}

.customslider{max-height: 500px;overflow-y: scroll; padding-right: 20px; margin: 0;}
.customslider::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
.customslider::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.customslider::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
.report_header {
  font-family: 'assistantbold';
  text-align: center;
  background: #ffffff;
  padding: 9px 3px;
  box-shadow: 2px 2px 20px #d4c8c8;
  font-size: 24px;
  border-top: 4px solid #165e9b;
}
/***********agingsummmary**********/
.invoicedet_wrap{padding: 0 15px;width: 100%;display: flex;}
td.darktd{font-family: 'assistantbold';background: #eaeaea;}
.invoicedet_wrap td{padding: 4px 12px;border-bottom: 1px solid #CCCCCC;text-align: left;}
.invoicedet_wrap table{box-shadow: 2px 2px 10px #E2E2E2;}
.activitytab h1{font-family: 'assistantbold';background: #0B3A62;color: #FFFFFF;font-size: 20px;padding: 7px;text-align: center;}
.activtable th{font-family: 'assistantbold';font-size: 15px;background: #F1F1F1; padding: 3px;}
.activtable td{font-size: 14px;padding: 4px;}
.activtable{    box-shadow: 2px 2px 10px #CAC3C3;}
.adnote{float: right;background: #DC3545;color: #FFFFFF;padding: 3px 9px;display: inline-block;border-radius: 5px;font-size: 17px;}
.invoicedat th{font-family: 'assistantbold';font-size: 15px;background: #EFEFE9;padding:3px;}
.invoicedat td{font-size: 14px;}
.invoicedat {box-shadow: 2px 2px 10px #C3C1C1;padding: 0;}
.adnote:hover{color: #FFFFFF;text-decoration: none;background: #E83143;}
.collacdate th{padding: 2px 7px;font-size: 15px;font-family: 'assistantbold';background: #0B416F;color: #FFFFFF;}
.collacdate td{padding:2px 5px;font-size: 14px;}
.collacdate{box-shadow: 2px 2px 10px #C3C1C1;padding: 0;margin-bottom: 23px;}
.shadinput{height: 30px;box-shadow: 2px 2px 10px #EAE5E5;border: 1px solid #E4E4E4;}
label{font-weight: 700;}
#lightbox{display: block; background: #00000096;}
#lightbox .modal-content{ width: 60%; margin: 5% auto; padding: 40px;overflow: scroll;max-height: 600px;}
img.hover-shadow {
transition: 0.3s;
}

.hover-shadow:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.invoicimg .column {width: 112px;margin: 0 5px;display: inline-block;}
#lightbox{display: none;}

#lightbox .prev,
#lightbox .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -50px;
color: white;
font-weight: bold;
font-size: 20px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
    background: none;
  border: 0;
}

/* Position the "next button" to the right */
#lightbox .next {
right: 50px;
border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
#lightbox .prev:hover,
#lightbox .next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.closebox{position: absolute;right: 38px;top: -5px;font-size: 40px;}
.modal-backdrop.fade.show {
opacity: 0.2;
display: none;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}


/*.modal-backdrop.fade {
opacity: 0;
display: none;
filter: alpha(opacity=0);
}*/
.modal-backdrop.fade.in {
opacity: 0.5;
filter: alpha(opacity=50);
}

.activitytab a img {
position: relative;
display: inline-block;
margin-top: 20px;
}
.activitytab a img[title]:hover:after {
content: attr(title);
position: absolute;
top: -100%;
left: 0;
background:#000000;
color:#ffffff;
}
.selectcustomer {
  background: white;
  padding: 14px 0;
  margin-bottom: 14px;
  box-shadow: 2px 2px 10px #ccc2c2;
  font-weight: 700;
  border-radius: 5px;
}
.customrlab {
  text-align: left;
  margin-top: 4px;
  padding: 0;
}
.sership .fs-label-wrap {
  height: 30px;
  box-shadow: 2px 2px 10px #eae5e5;
  border: 1px solid #e4e4e4;
}
.fs-label {
  font-size: 13px;
  font-weight: 400;
}
.reficon {
  color: #fffefe;
  background: #dc3545;
  padding: 6px 19px;
  border-radius: 5px;
}
.update_btn {
  background: #e53d34;
  color: #ffffff;
}

.newcls{position: relative;}
.newcls span{position: absolute;margin-left: 14px;}
.newcls img{width: 40px;}

.ManageExtraPickC{margin: 5px;background: #28a745;color: #ffffff;font-size: 14px;display: inline-block;padding: 2px 15px;border-radius: 4px;font-family: 'assistantbold';}
.DeleteExtraPickC{background: #dc3545;color: #ffffff;font-size: 14px;display: inline-block;padding: 2px 15px;border-radius: 4px;font-family: 'assistantbold';}

.ManageExtraDropC{margin: 5px;background: #28a745;color: #ffffff;font-size: 14px;display: inline-block;padding: 2px 15px;border-radius: 4px;font-family: 'assistantbold';}
.DeleteExtraDropC{background: #dc3545;color: #ffffff;font-size: 14px;display: inline-block;padding: 2px 15px;border-radius: 4px;font-family: 'assistantbold';}
.mangepickd h4{display: inline-block;padding: 5px 0;}
.mangepickd .shippercon{float: left;background: #ffffff;display: inline-block;color: #000000;padding: 2px 14px;font-family: 'assistantbold';border-radius: 5px;margin: 5px 0;}
.mangepickd .carrircob{float: right;background: #ffffff;display: inline-block;color: #000000;padding: 2px 14px;font-family: 'assistantbold';border-radius: 5px;margin: 5px 0;}
.ManageExtraPickC:hover{background: #149932;color: #ffffff;text-decoration: none;}
.DeleteExtraPickC:hover{background: #ab1221;color: #ffffff;text-decoration: none;}
.ManageExtraDropC:hover{background: #149932;color: #ffffff;text-decoration: none;}
.DeleteExtraDropC:hover{background: #ab1221;color: #ffffff;text-decoration: none;}
.mangepickd .shippercon:hover{text-decoration: none;}
.mangepickd .carrircob:hover{text-decoration: none;}
.copybtn{background: #0177cb;padding: 4px 13px;font-size: 14px;border-radius: 4px;color: #ffffff;margin-top: 16px;margin-bottom: 5px;}
.copybtn:hover{background: #3e7aa5;color: #ffffff;text-decoration: none;}
.sendreq{color: #ffffff; padding: 4px 12px; margin-top: 10px; border-radius: 4px;
  font-size: 14px;
  text-decoration: none;
  font-weight: 700;
  background: linear-gradient(45deg, #dc3545, #b61121);
  font-family: 'karlabold';
  display: inline-block;}
.sendreq:hover{background: linear-gradient(45deg, #b61121, #dc3545);color: #ffffff;text-decoration: none;}
.limitovershipper {
  background: #f9050514 !important;
}
.confirm_btnext.addpickinshipmenrtbroker{float: right;background: #b81323;padding: 4px 15px;margin-top: 8px;}
.confirm_btnext.addstopinshipmenrtbroker{float: right;background: #b81323;padding: 4px 15px;margin-top: 8px;}
.extrapicd h4.modal-title{display: inline-block;padding: 5px 0;}
.confirm_btnext.addpickinshipmenrtbroker:hover{background: #dc3545;}
.confirm_btnext.addstopinshipmenrtbroker:hover{background: #dc3545;}
button.close{
padding: 2px 8px;background: #e53d34;border-radius: 50%;
}
.paginate_button a{color: #000000;}
.sendreportbtn{display: inline-block;color: #ffffff;padding: 5px 12px;border-radius: 4px;font-size: 15px;text-decoration: none;font-weight: 700;background: #bd1828;font-family: 'karlabold'; border: 0;}
.sendpayeml{display: inline-block;color: #ffffff;padding: 5px 12px;border-radius: 4px;font-size: 15px;text-decoration: none;font-weight: 700;background: #175890;font-family: 'karlabold'; border: 0;}
.sendpayeml:hover{text-decoration: none;color: #ffffff;}
.cancelpayeml{display: inline-block;color: #ffffff;padding: 5px 12px;border-radius: 4px;font-size: 15px;text-decoration: none;font-weight: 700;background: #bd1828;font-family: 'karlabold'; border: 0;}
.cancelpayeml:hover{color: #ffffff;}
#TriumphAssign{background-color: #d8e4e0;}
#TriumphAssignAge{background-color: #dccaca82;}
#MyShipperFilter{background-color: #06903d38;}
#PendingShipperFilter{background-color: #ece60ca3;}
#RejectShipperFilter{background-color: #d45e5e4a;}
#OtherShipperFilter{background-color: #d45e5e4a;}


.ShippersFilterData a:hover {color: #0056b3;font-weight: bold;text-decoration: none;}
.carrier_factoring_section {
  background: #efefef;
  padding: 20px 6px;
  display: block;
  margin-bottom: 19px;
  margin-top: 5px;
  float: left;
}
.payBy_check_section {
  background: #efefef;
  padding: 20px 6px;
  display: block;
  margin-bottom: 19px;
  margin-top: 5px;
  float: left;
}
.payBy_ach_section {
  background: #efefef;
  padding: 20px 6px;
  display: block;
  margin-bottom: 19px;
  margin-top: 5px;
  float: left;
}
.payment-method-section{clear: both;}
#ach_address_auto_fill, #check_address_auto_fill {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-left: 5px; 
  display: inline-block;
}
input[type=checkbox]{box-shadow: none;height: auto;
  margin-left: 10px;}

.invnum{text-align: right;margin-bottom: 15px;}
.invdate{text-align: left;}
.invnum input{box-shadow: 2px 2px 10px #958e8e;border: 0;padding: 5px;margin-left: 10px;}
.invdate input{box-shadow: 2px 2px 10px #958e8e;border: 0;padding: 5px;margin-left: 10px;}
.error p {color: red;font-weight: 800;}

.podsec {
  box-shadow: 2px 2px 10px #c5c4c4;
  padding: 23px;
  margin-bottom: 25px;
  min-height: 187px;
}
.podsec input{width:100%;border: 0;}
.whitecolor th{color: #ffffff;}
.whitecolor td{color: #ffffff;}
.whitecolor a{color: #ffffff;}

.activtable{max-height: 200px;overflow-y: scroll;}
.activtable::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
.activtable::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.activtable::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
.filterwraptop {padding: 22px 47px 20px;border-bottom: 1px solid #ccc;}
.InternalBoardStart .filterwraptop {margin-bottom:20px;}
.allcust {box-shadow: 2px 2px 10px #bcb8b8;height: 30px;font-size: 14px;margin-bottom: 0;}
.searchfilter {color: #fffefe;background: #dc3545;padding: 3px 25px;border-radius: 5px;}
.searchfilter:hover {background: #ba1424;color: #ffffff;}

/***********agespopup******************/
.statusall{padding: 20px;text-align: center;}
.statusall li{list-style: none; }
.ageday{margin-left: 108px;}
.agegap{height: 45px;line-height: 42px; font-family: 'karlabold';margin: 10px 0;position: relative;}
.statuswrap{ background: gainsboro;padding: 8px 17px;width: auto;border-radius: 6px;display: block;font-family: 'karlabold';margin-bottom: 4px;}
#agemodal h4{font-size: 19px;font-weight: 700;padding: 12px 13px}
.loadate{display: inline-block;background: #c3c0c0;font-size: 12px;padding: 1px 10px;}
.allcust {box-shadow: 2px 2px 10px #bcb8b8;height: 30px;font-size: 14px;margin-bottom: 0;}
.searchfilter {color: #fffefe;background: #dc3545;padding: 3px 25px;border-radius: 5px;}
.filterwraptop { padding: 22px 47px 20px;border-bottom: 1px solid #ccc;}
.searchfilter:hover{background: #ba1424;color: #ffffff;}
.agegap::before{content: '';position: absolute;width: 33px;height: 48px;background: url(../img/downarrow.png);background-size: 100%;background-repeat: no-repeat;top: 0;left: 46%;}
/*statusall li:last-child::before{display: none;}*/

.shipperForm input[type=radio]{height: auto;}

.SendRequestMCBroker{background: #127ca5;color: #fff;font-size: 13px;padding: 3px 12px;display: inline-block;border-radius: 4px;}
.SendRequestMCBroker i{margin-right: 5px;}
.SendRequestMCBroker:hover{background: #2e88ab;color: #fff;text-decoration: none;}
.mc_records_check_section {
  box-shadow: 2px 2px 10px #e2e2e2;
  padding: 13px;
  margin: 12px 0;
}
.mcappbtn {
  background: #016fc4;
  color: #fff;
  padding: 5px 17px;
  display: inline-block;
  margin-bottom: 14px;
  border-radius: 5px;
}

.sendreqpopup {display: none;padding: 20px;background: #fbfdff;box-shadow: 2px 2px 43px #beb6b6;border-radius: 5px;height: auto;left: auto;position: absolute; top: 430px;width: 285px;z-index: 9999;}
.sendreqpopup::after {content: ''; width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #fbfdff;position: absolute;right: -10px;top: 27px;}

/*******new search design********/
.w100px{width: 100px;}
.w80px{width: 80px;}
.w125px{width: 125px;}
.customtable th{font-size: 13px;color: #000;background-color: #ededed;padding: 5px 7px;font-weight: 400;}
.customtable td{font-size: 13px;color: #ffffff;padding: 7px 3px;}
.customtable{width: 100%;}
.searchtruckTable{background: #2d7692;padding: 0;color: #ffffff;}

input[type="radio"].toggle {
  display: none;
}

input[type="radio"].toggle:checked + label {
  background-image: -moz-linear-gradient(bottom,#be1828,#d83141);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#969696),#727272);
  background-image: -webkit-linear-gradient(bottom,#be1828,#d83141);
  background-image: -o-linear-gradient(bottom,#be1828,#d83141);
  background-image: linear-gradient(to top,#be1828,#d83141);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff969696',endColorstr='#ff727272',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.05);
  -moz-box-shadow: inset 0 1px 6px 0 rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.05);
  box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: default;
  color: #E6E6E6;
  border-color: transparent;
  text-shadow: 0 1px 1px rgba(40, 40, 40, 0.75);
}

input[type="radio"].toggle + label {
  width: auto;
  padding: 1px 5px;
  line-height: 17px;
  font-size: 14px;
      margin: 0;
      border: 1px solid #fff;
  color: #fff;
}

input[type="radio"].toggle:checked + label.btn:hover {
  background-color: inherit;
  background-position: 0 0;
  -webkit-transition: none;
  -moz-trainsition: none;
  transition: none;
}

input[type="radio"].toggle-left + label {
  border-right: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

input[type="radio"].toggle-right + label {
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-top-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.searchtruc{display: inline-block;background: #03a2ee;color: #fff;padding: 4px 10px;border-radius: 3px;    margin-right: 7px;}
.closesrch{display: inline-block;background: #d32c3c;color: #fff;padding: 4px 10px;border-radius: 3px; border:0;   }
.flexend{display: flex;align-items: flex-end;justify-content: flex-end;}
.panel-container-vertical {
display: flex;
flex-direction: column;
height: 500px;

overflow: hidden;
}

.panel-top {
flex: 0 0 auto;

padding: 10px;
height: 210px;
width: 100%;
white-space: nowrap;
background: #fff;
color: white;
overflow: hidden;
}

.splitter-horizontal {
flex: 0 0 auto;
height: 18px;
background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/hsizegrip.png) center center no-repeat #eeeff4;
cursor: row-resize;
z-index: 999;
}

.panel-bottom {
flex: 1 1 auto;

padding: 10px;
min-height: 200px;
background: #fff;
}
/*.selectedsearch{background: #524f4f;}*/
.unselectedsearch{background: #ffffff;}
.unselectedsearch td{color: #000000;}
.searchtr{background: #443d3d;}
.searchtruckTable{max-height: 200px;overflow-y: scroll;}
.searchtruckTable::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
.searchtruckTable::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.searchtruckTable::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
.editsearch{background: #d52e3e;color: #fff;display: inline-block;padding: 3px 7px;border-radius: 5px;}
.blackrow{background: #524f4f;}
.borderbox{border: 1px solid #9c9292;padding: 7px;border-radius: 5px;}

.searchnewtr{background: #0292e0;color: #fff;display: inline-block;padding: 2px 18px;margin-bottom: 11px;border-radius: 5px;font-size: 14px;}
.searchnewtr:hover{background: #016fc5;color: #fff;text-decoration: none;}
.searchnewtr:focus{background: #016fc5;color: #fff;text-decoration: none;}
.linktag{color: #67bdff;}
.linktag:hover{color: #a6d8ff;}
.selectedsearch{background: #696969;
  border-bottom: 1px solid #928a8a;}
.selectedsearch.chngecolr{background: #676565;}

.searchaTableResult th{font-size: 13px;color: #000;background-color: #ededed;padding: 5px 7px;font-weight: 400;}
.searchaTableResult td{font-size: 13px;padding: 6px 5px;border-bottom: 1px solid #ccc;    font-weight: 600;}
.greyrow{background: #f3f3f3;}
.matchestagline{background: #cacaca;font-weight: 400;text-align: left;font-size: 15px;}
.matchestagline p{margin-bottom: 0;}
.greyrow td{font-weight: 400;}
/*.selectedsearch:nth-child(odd) {
background: #524f4f;border: 1px solid #827d7d;
}
.selectedsearch:nth-child(even) {
background: #ccc;border: 1px solid #827d7d;
}*/


.carrier_number_select{width: 100%;box-shadow: 2px 2px 10px #e2e2e2;border: 1px solid #efeaea;padding: 5px;border-radius: 5px;}
.NumRequest label input{margin-right: 4px;margin-bottom: 0;vertical-align: middle;}
#DOTNumberForSent{width: 100%;box-shadow: 2px 2px 10px #e2e2e2;border: 1px solid #efeaea;padding: 5px;border-radius: 5px;margin-top: 10px;}
#MCNumberForSent{width: 100%;box-shadow: 2px 2px 10px #e2e2e2;border: 1px solid #efeaea;padding: 5px;border-radius: 5px;margin-top: 10px;}
#SearchTruckDATEquipmentR{position: relative;}
#SearchTruckDATOriginR{position: relative;}
#SearchTruckDATDestiR{position: relative;}

  /*********incentive plans**************/
.historyicon{ float: right;color: #ffffff;display: inline-block;margin-right: 10px;}
.historyicon:hover{color: #ffffff;text-decoration: none;}
.borderstty{border-top: 2px  solid  #000000;border-bottom: 2px  solid  #000000;}
#previncentiv li{list-style: none;border-bottom: 1px solid #cccccc;    margin-bottom: 4px;}
.lefttxt{text-align: left;font-size: 13px;width: 34%;display: inline-block;}
.rightxt{float: right;background: #6d9bc2;color: #ffffff;font-size: 13px;display: inline-block;padding: 1px 12px;border-radius: 3px;}
.totaloads{font-size: 12px;color: #5386b1;font-family: 'assistantbold';}
#incentivedata th{font-size: 14px;}
#incentivedata td{font-size: 14px;padding: 2px 5px;}
.sendrepbtn{background: #0297e4;color: #fff;font-weight: 700;}
.sendrepbtn:hover{background:#127ca5;color:#ffffff;}
#previncentiv ul{max-height: 470px;overflow-y: scroll;padding-right: 10px;}
#previncentiv ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
#previncentiv ul::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
#previncentiv ul::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
.previcen .card-header{font-family: 'assistantbold';
  font-size: 20px;
  text-align: center;
  padding: 5px;
}
.datewrap input{padding: 2px 7px;
  box-shadow: 2px 2px 10px #ababa4;
  width: 117px;
  border: 0;
  font-size: 12px;}
.pendingdoc{margin:2px 0; background: #dc3545;color: #fff;display: inline-block;padding: 5px 11px;border-radius: 28px;    font-size: 12px;}
.donedoc{margin:2px 0;background: rgb(26 115 45 / 25%);color: #0e691a;display: inline-block;padding: 5px 11px;border-radius: 28px;    font-size: 12px;}
.opencls{background: rgb(220 53 69 / 18%);color: #dc3545;display: inline-block;padding: 5px 15px;border-radius: 40px;}
.covercls{background: rgba(247, 231, 34, 0.37);color: #676519;display: inline-block;padding: 5px 15px;border-radius: 40px;}
.delivercls{ background: rgba(0, 128, 0, 0.16);color: green;display: inline-block;padding: 5px 15px;border-radius: 40px;}
.invoicedcls{ background: rgb(0 128 0 / 75%);color: #ffffff;display: inline-block;padding: 5px 15px;border-radius: 40px;}
#incentivedata td{padding: 5px 3px;}
#docstausreport th, #docstausreport td{font-size: 14px;}

.srchicon{    background: #dc3545;
  color: #fff;
  padding: 3px 7px;
  display: inline-block;
  border-radius: 5px;}


#todayreport th {font-size: 14px;border:0;}
#todayreport td{font-size: 14px;}
#incentivetodayData th, #incentiveLastData th{font-size: 14px;}
#incentivetodayData td, #incentiveLastData td{font-size: 14px;padding: 2px 5px;}
#incentivetodayData{background: #f4faff;border: 1px dashed #e6e6e6;display: none;}
#incentiveLastData{display: none;}
.hoverchange:hover{background: #f9f9f9;cursor: pointer;}
.shadowbox{height: 32px;box-shadow: 2px 2px 10px #dad6d6;border: 1px solid #e4e4e4;text-align: center;}
.customdateshow{height: 32px;    padding: 0px 11px;border: 0;display: inline-block;font-size: 14px;line-height: 32px;background: #f3f3f3;}
.datewrappc{display: none;}
#filtereport  th {font-size: 14px;border:0;}
#todayreport td{font-size: 14px;}
.allreport{background: #fbfbfb;cursor: pointer;}
.customdateshowdate {
  height: 32px;
  padding: 0px 11px;
  border: 0;
  display: inline-block;
  font-size: 14px;
  line-height: 32px;
  background: #f3f3f3;
}
.mh128{min-height: 128px;}
.boxhide{display: none;}

.notfoundcarr {background: #f1c8c8;margin: 0 0 16px 0;padding: 9px;text-align: center;display: none;}
.notfoundcarr span{font-size: 17px;font-weight: 700;color: #c84646;margin-top: 5px;
  display: inline-block;}
.notfoundcarr .btncarrier{float: right;}

.foundcarr{background: #aae2b6;margin: 0 0 16px 0;padding: 9px;text-align: center;display: none;}
.foundcarr p{font-size: 17px;margin-bottom: 0;font-weight: 700;}
.p15{padding: 15px;}
.onhoverdata1:hover{cursor: pointer;}
#sendmcpop .modal-dialog{width: 625px;max-width: 100%;}
.userit.fixed_header tbody{height:350px;}
.userit.fixed_header th{text-align:left;}
.userit.fixed_header td{text-align:left;}


/************sihft report***********/
.todayshiftreport li{list-style: none;font-size: 14px;line-height: 27px;font-family: 'karlaregular';box-shadow: 2px 2px 10px #c3bcbc;margin-bottom: 5px;padding: 0 14px;background: #fff;}
.todayshiftreport li span.w120{width: 118px; display: inline-block;text-align: left;}
.todayshiftreport li span.w80{width: auto; display: inline-block;margin-left: 20px;font-size: 13px;font-weight: 400;}
.todayreporthead{text-align: center;font-size: 21px;margin-bottom: 16px;color: #026fc4;}
.listhead{box-shadow: none!important;text-align: center;font-weight: 700;}
.agecolor{background: #0171c6;}
.pendcolor{background-color: #cc2636;}
.sendreportbtn{background: linear-gradient(45deg, #085ca0, #0ba3f1);color: #fff;padding: 5px 1px;font-size: 17px;border: 0;}
.darkgreen{background-color: #00c292;}
.darkorange{background-color: #e46d19;}
.darkyelow{background: #d2aa1a;}
.greybgcolor{background: #827a7a;}
select#assign_broker{width: 100%;padding: 7px 8px;box-shadow: 2px 2px 10px #d4cdcd;border: 0;}
#registered_participants td{padding: 2px 5px;}
.customdateshowdate {
  height: 32px;
  padding: 0px 11px;
  border: 0;
  display: inline-block;
  font-size: 14px;
  line-height: 32px;
  background: #f3f3f3;
}

.delete_load{background: #e14545;color: #fff;}
.cancellod{background-color: #ec0505;color: #ffffff;}
.sendONreport{background-color: #135787;color: #ffffff;}
.sendreportbtn:hover {background: linear-gradient(45deg, #0ba3f1, #085ca0);color: #ffffff;}
.delete_load:hover{background: #135787;color: #fff;}
.cancellod:hover{background-color: #e14545;color: #ffffff;}
.sendONreport:hover{background-color:#093047 ;color: #ffffff;}


.totaMreport .stat-icon{width: 30%;display: inline-block;vertical-align: middle;}
.totaMreport .stat-content{width:100%;display: inline-block;vertical-align: middle;}
.totaMreport .stat-content .stat-text{margin:0;font-size: 17px;color: #0e0d0d;}
.totaMreport .stat-widget-five{border-bottom: 1px solid #f2f0f0;}
.totaMreport h3{font-size: 21px;margin-bottom: 16px;color: #026fc4;}
.teamreport_status{    min-height: 235px;}
.staussent{background: #00c292;color: #ffffff;border-radius: 20px;font-size: 13px;padding: 1px 8px;margin-left: 7px;}
.statuspend{background: #cc2636;color: #ffffff;border-radius: 20px;font-size: 13px;padding: 1px 8px;margin-left: 7px;}
/*.totaMreport .stat-heading{color: #d11616;}*/
.stat-widget-five a:hover{text-decoration: none;}
.totalcon .card{margin-bottom: 10px;}
/********mark attandance*******/
/* Switch starts here */
.rocker {
display: inline-block;
position: relative;
/*
SIZE OF SWITCH
==============
All sizes are in em - therefore
changing the font-size here
will change the size of the switch.
See .rocker-small below as example.
*/
font-size: 2em;
font-weight: bold;
text-align: center;
text-transform: uppercase;
color: #888;
width: 100%;
height: 4.8em;
overflow: hidden;

}

.rocker-small {
font-size: 0.75em; /* Sizes the switch */

}

/*.rocker::before {
content: "";
position: absolute;
top: 0.5em;
left: 0;
right: 0;
bottom: 0;
background-color: #999;
border: 0.5em solid #eee;
border-bottom: 0;
}*/

.rocker input {
opacity: 0;
width: 0;
height: 0;
}

.switch-left,
.switch-right {
cursor: pointer;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
height: 2.5em;
width: 50%;
transition: 0.2s;
}

.switch-left {
height: 2.4em;
width: 50%;
left: 0.85em;
bottom: 0;
background-color: #ddd;
border-radius: 50px;
}

.switch-right {
right: 0.5em;
bottom: 0;
background-color: #bd5757;
color: #fff;
 border-radius: 50px;
}

/*.switch-left::before,
.switch-right::before {
content: "";
position: absolute;
width: 0.4em;
height: 2.45em;
bottom: -0.45em;
background-color: #ccc;
transform: skewY(-65deg);
}
*/
.switch-left::before {
left: -0.4em;
}

.switch-right::before {
right: -0.375em;
background-color: transparent;
transform: skewY(65deg);
}

input:checked + .switch-left {
background-color: #0084d0;
color: #fff;
bottom: 0px;
left: 0.5em;
height: 2.5em;
width: 50%;
transform: rotate(0deg) skewX(0deg);
}

input:checked + .switch-left::before {
background-color: transparent;
width: 3.0833em;
}

input:checked + .switch-left + .switch-right {
background-color: #ddd;
color: #888;
right: 0.8em;
height: 2.4em;
width: 50%;
border-radius: 50px;
}

input:checked + .switch-left + .switch-right::before {
background-color: #ccc;
}

/* Keyboard Users */
input:focus + .switch-left {
color: #333;
}

input:checked:focus + .switch-left {
color: #fff;
}

input:focus + .switch-left + .switch-right {
color: #fff;
}

input:checked:focus + .switch-left + .switch-right {
color: #333;
}

.mh128{min-height: 128px;}
.boxhide{display: none;}


.switch {
position: relative;
display: inline-block;
width: 130px;
height: 34px;
}

.switch input {display:none;}

.showhidewrap .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #2ab934;
-webkit-transition: .4s;
transition: .4s;
 border-radius: 34px;
}

.showhidewrap .slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
border-radius: 50%;
}

input:checked + .slider {
background-color: #ca2222;
}

input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(96px);
}

/*------ ADDED CSS ---------*/
.showhidewrap .slider:after
{
content:'Present';
color: white;
display: block;
position: absolute;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
font-size: 13px;
font-family: Verdana, sans-serif;
}

input:checked + .slider:after
{  
content:'Absent';
}

/*--------- END --------*/

/****all team status on DB************/
.teamreport_status h3{text-align: left;font-size: 21px;margin-bottom: 16px;color: #026fc4;}
.teamreport_status ul li{list-style: none; font-family: 'karlaregular';margin-bottom: 5px;}
.teamnum{display: inline-block;background: #71beff;color: #ffffff;width: 20px;height: 20px;text-align: center;font-family: 'karlaregular';border-radius: 50px;line-height: 20px;margin: 0 8px 0 0;}
.teamreport_status{padding: 12px;}
.stausd{float: right;background: #00c292;display: inline-block;color: #ffffff;border-radius: 20px;font-size: 13px;padding: 1px 11px;width: 78px;text-align: center;}
.stausp{float: right;background: #cc2636;display: inline-block;color: #ffffff;border-radius: 20px;font-size: 13px;padding: 1px 11px;width: 78px;text-align: center;}
.totaMreport{padding: 5px}
.shipbox h3{font-size: 21px;color: #026fc4;}
.totaMreport .stat-icon{width: 30%;display: inline-block;vertical-align: middle;}
.totaMreport .stat-content{width: 67%;display: inline-block;vertical-align: middle;padding: 3px;}
.totaMreport .stat-content .stat-text{margin:0;font-size: 17px;}
.totaMreport .stat-widget-five{border-bottom: 1px solid #f2f0f0;}
.totaMreport h3{font-size: 21px;margin-bottom: 16px;color: #026fc4;}
.staussent{background: #00c292;color: #ffffff;border-radius: 20px;font-size: 13px;padding: 1px 8px;margin-left: 7px;}
.statuspend{background: #cc2636;color: #ffffff;border-radius: 20px;font-size: 13px;padding: 1px 8px;margin-left: 7px;}
.viewfreport{background: #0b3a62;color: #ffffff;display: inline-block;padding: 1px 12px;border-radius: 24px;text-decoration: none;font-size: 13px;}
.viewfreport:hover{background: #dd0e0e;color: #ffffff;text-decoration: none;}
.bg-flat-color-1 .seldaywrap{padding: 12px;}
.threeframes.whitebg{background-color: #ffffff;}
.SMEUploaded { background-color: #25da5c;color: white;font-weight: 900;}
.NotSMEUploaded { background-color: #ec1717;color: white;font-weight: 900;}

.MoreDetailsRequired{color: #FFFFFF;padding: 4px 12px;margin-top: 10px;border-radius: 4px;font-size: 14px;text-decoration: none;font-weight: 700;background: linear-gradient( 
45deg, #0171c6, #12277c);font-family: 'karlabold';border: 0;}
.MoreDetailsRequired:hover{color: #FFFFFF;background: linear-gradient( 45deg, #12277c, #0171c6);}

#left-panel{max-height: 100%;overflow-y: scroll;}
#left-panel::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 6px;}
#left-panel::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
#left-panel::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 6px;}

#incentivecat td{font-size: 14px;}
#incentivecat th{font-size: 14px;}
#incentivecat{display: none;}
.linkreport{color: #fff;
  margin-left: 20px;
  background: #d63040;
  display: inline-block;
  padding: 5px 9px;
  border-radius: 5px;}

.linkreport:hover{background-color: #b81323;color: #ffffff;}
.zipcode_id{height: 32px;}
.agingreport td a{color: #000;}

.agingreport{max-height: 200px;overflow-y: scroll;}
.agingreport::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 6px;}
.agingreport::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
.agingreport::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 6px;}
.headingage{text-align: center;font-size: 23px;background: #0b3a62;color: #fff;padding: 10px;font-family: 'assistantbold';margin:0;}
.agingreport{background: #ffffff;color: #fff;}
.agingreport td{color: #000;}
.agingreport th{color: #000;}

.serchCacci{display: block;background: #127ca5;color: #fff;text-align: center;border-radius: 5px;padding: 4px;font-size: 15px;}
.serchCacci:hover{background: #016ec4;color: #ffffff;text-decoration: none;}
.searchdot label{font-size: 14px;}
.searchdot .form-group {margin-bottom: 4px;}
.promulti th{font-size: 14px;}
.promulti td{font-size: 14px;}
.switchincentive {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}

.switchincentive input { 
opacity: 0;
width: 0;
height: 0;
}

.sliderincentivehold {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #32a943;
-webkit-transition: .4s;
transition: .4s;
}

.sliderincentivehold:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

input:checked + .sliderincentivehold {
background-color: red;
}

input:focus + .sliderincentivehold {
box-shadow: 0 0 1px #2196F3;
}

input:checked + .sliderincentivehold:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}

/* Rounded sliders */
.sliderincentivehold.round {
border-radius: 34px;
}

.sliderincentivehold.round:before {
border-radius: 50%;
}

/******profimg******/

li.proftopWrap {
  width: 14%;
  text-align: center;
  list-style: none;
  box-shadow: 2px 2px 10px #b8b3b3;
  /* display: flex; */
  float: left;
  margin-right: 29px;
  margin-bottom: 32px;
  padding: 26px;
  border-radius: 10px;
} 
.prof_imgtext{width: 100%;
  margin-bottom: 18px;}

/*************fixed header*********/
#filtereportDD {
    overflow-y: auto;
    height: 500px;
  }
  #filtereportDD thead th {
    position: sticky;
    top: -35px;
  background: #fff;
  }
  table {
    border-collapse: collapse;        
    width: 100%;
  }

/*********trackshipment csss*************/
.sendemReq{display: flex;align-items: center;}
.greybgbox{background: #f3f1f1;padding: 21px;}
.trackWrapper{padding: 24px 18px 12px 18px;clear: both;}
.trachdiv input.chosen-search-input{box-shadow: none!important;}
.trachdiv .chosen-container.chosen-container-multi{height: 38px;box-shadow: 2px 2px 10px #e2e2e2;padding: 6px 0;border-radius: 5px;}
.trachdiv ul.chosen-choices{background-image: none;}
.btnschdeule{background: #239d70;color: #ffffff;padding: 6px 13px;border-radius: 4px;text-decoration: none;font-size: 17px;}
.trachbtn_p{background: #fff;box-shadow:2px 2px 47px #a3a4a5; padding: 4px 20px;}
.trachbtn_p img{width: 28px;margin-right: 8px;}
.trachdiv{align-items: center;}
.trachdiv .form-group{margin-bottom: 0;}

.teamshift_repo td{font-size: 14px;padding: 6px;    border-bottom: 1px solid #efefef;}
.teamshift_repo th{font-size: 14px;}
.lightblue{background: #f4faff;transition: 0.2s;}
.broker_repo{  background: #f4faff;border-radius: 5px;}
.teamshift_repo tr:hover{background: #f4faff;transition: 0.2s;cursor: pointer;}

.teamshift_repo{min-height: 208px;overflow-y: scroll;}
.teamshift_repo::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
.teamshift_repo::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.teamshift_repo::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}
.sendreportbtn:hover{color: #ffffff;background: linear-gradient(45deg, #0ba3f1, #085ca0);}
.brokatt{background: #039b76;color: #fff;font-weight: 400;vertical-align: text-bottom;}
.brokatta{ color: #fff;font-weight: 400;   background: #cc2636;vertical-align: text-bottom;}
span.Tbrok_name{width: 131px;display: inline-block;cursor: pointer;}
.todayshiftreport {padding: 15px 12px;}
.p20{padding: 20px;}
.mh212{min-height: 212px;}
.teamhis h4{font-size: 18px;font-family: 'karlaregular';}
.team_revenue{color: #fff;cursor: pointer;}
.team_revenue td{padding: 4px 5px;border-bottom: 1px solid #efefef;}
.team_revenue th{padding: 2px 5px;}
.revbox, .gtgbox{display: none;}
.simple-widget{background: #ffffff;color: #000;padding: 4px 11px;border-radius: 5px;}

.team_list_rev{max-height: 212px;overflow-y: scroll;}
.team_list_rev::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 4px;}
.team_list_rev::-webkit-scrollbar{width: 8px;background-color: #F5F5F5;}
.team_list_rev::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 4px;}

.brok_aptable{background: #dae2e5;margin-bottom: 0;}
.chngecolr{background: #6499ac; color: #fff;}
.brok_det_tab > td{padding: 0;}

.brok_aptable th{padding: 2px;background: #2a6479;color: #fff;}
.brok_aptable td{padding: 4px 9px;font-size: 14px;border-bottom: 1px solid #efefef;}
.equalheight{width: calc(100% + 1rem);}
.topdate h3{width: calc(50% );margin-bottom: 0;}
.selcwrp{ justify-content: flex-end;width: calc(50% - 1rem);display: flex;}
select.sel_month {border: 0;margin: 0 0 0 7px;box-shadow: 2px 2px 10px #b7abab;padding: 5px 10px;}



.popup-modal{
  border: 8px solid #cdced0;
  border-radius: 10px;
}
.popup_close{
  padding: 2px 8px!important;
  background: #ffffff!important;
  border-radius: 50%!important;
  border: 1px solid #007bff!important;
  color: #007bff!important;
}

.popup_close:hover{
  padding: 2px 8px!important;
  background: #007bff!important;
  border-radius: 50%!important;
  border: 1px solid #007bff!important;
  color: #ffffff!important;
}


.broker_table{
  max-height: 500px;
  overflow: auto;
  padding-top: 0px;
}
.broker_table table thead{
  position: sticky;
  top: 0px;
  background: #fff;
}

.company_work_table{
height: calc(100vh - 37px);
overflow: auto;
}
.company_work_table table thead{
position: sticky;
top: 0px;
background: #fff;
}
.company_work_table table tr {
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
font-size: 14px;
}

.company_work_table table .heading-row{
font-size: 14px;
position: sticky;
top: 0px;
background: #175890;
color: #ffffff;
}

.tm_table{
height: calc(100vh - 105px);
overflow: auto;
}
.latest_pick thead{
position: sticky;
top: -20px;
background: #03a9f3;
}

.latest_pick tr td{
border-bottom: 1px solid #fff;
}

.shipper-add .modal-header{
padding: 11px 15px;
}
.shipper-add .modal-header .modal-title{
font-size: 18px;
}

.shipper-add .form-group {
  margin-bottom: 0.2rem;
}

#registered_participants td {
  padding: 11px 5px;
  border-bottom: 1px solid #ddd;
}

.dashboard-card-section .showAllcurr .card{
min-height: 162px;
  height: 97%;
}
.threeFrame_wrap_section .threeframes {
  width: 100%;
}
.dashboard-card-section .latest_pick thead {
  position: sticky;
  top: -20px;
  background: transparent;
}
.broker_incentive_new_section table tr{
border-bottom:1px solid #ddd;
font-size: 14px;
}


.broker_incentive_new_section tr:first-child td{
font-weight: 600;
}
.broker_incentive_new_section tr td{
font-weight: 600;
border: 1.5px solid #a9a2a2;
}
.close {
opacity: 10;
cursor: pointer;
}
.team_management_bg{
background: #ffffff;
}
.team_management{
padding: 13px 31px;
}
.team_management table tr th{
color: #000;
border-bottom: 1px solid #ddd;
background-color: #fff;
}
.team_management table tr th{
color: #000;
border-bottom: 1px solid #ddd;
border: 1px solid #ddd;
}
.team_management table tr td{
color: #000;
border-bottom: 1px solid #ddd;
border: 1px solid #ddd;
}

.team_management .team_card{
color: #000;
}
.icon_wrap{
color: #007bff;
}


.broker_popup_table{
height: calc(100vh - 300px);
  overflow-y: auto;
  overflow-x: hidden;
}
.broker_popup_table thead{
position:sticky;
top:0px;
z-index: 999;
}
broker_popup_table::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 6px;}
.broker_popup_table::-webkit-scrollbar{width: 3px;background-color: #F5F5F5;}
.broker_popup_table::-webkit-scrollbar-thumb{background-color: #9b9b9b;border-radius: 6px;}
.team_management_bg table th{
background: #134169!important;
color: #fff!important;
}
.team_management .seldaywrap{
max-width: 96%;
margin: auto;
}
.team_title{
font-size: 26px;
  font-weight: 600;
  color: #134169;
}

.team_table_wrap .row{
width: 100%;
margin-right: 0px!important;
margin-left: auto!important;
}

.carrier-trackWrapper{
padding: 11px 14px 4px 18px;
  clear: both;
font-size:13px;
}