/*************** labels of css section ***************
/*************** labels of css section ***************
import CSS and fonts
default settings
preloader
Back to top btn
media responsive
********************/
/***************import CSS and fonts********************/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,400italic,700,900);
@import url('../plugins/elegant-font/elegant-icon.css');
@import url('../plugins/font-awesome/css/font-awesome.min.css');
@import url('../plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css');
/***************default settings********************/
body { padding:0px !important; background: #fbfbfb ; font-family: 'Open Sans', sans-serif; color:rgba(0, 0, 0, 0.87)}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600; }
p { color:#666; }
a { color:#576538; }
a:focus { outline:none; box-shadow:none; }
.form-control:focus { box-shadow:none; }
.btn-default { background-color:#f8f8f9; border-color:#dae4f5; color:#9daeb8; }
.btn-default:hover, .btn-default:focus { background-color:#dae4f5; border-color:#dae4f5; }
.nopadding { padding:0px !important; }
.margin-bottom-0 { margin-bottom:0px !important; }
.border-none { border:none !important; }
.mb-15{ margin-bottom:15px;}
.mb-10 {margin-bottom: 10px;}
.btn{border-radius: 3px;}
.primary-btn { background:#ffc123; border-color:#ffba0b; color:#fff; border-radius: 2px;}
.primary-btn:hover { background:#ffba0b;border-color:#ffba0b; color:#fff;  }
.pnotify-center {
    right: calc(50% - 150px) !important;
}
.brighttheme-notice {
    background-color: #ffffa2;
    border: 0 solid #ff0;
    color: #4f4f00;
}
.p-a {
    padding: 1rem;
}
.scrollable {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
#analyticsmap{
	width:100%;
	height:84vh;
}
/* Added By MM */
.mydropzonephoto{
	padding: 0px 10px;
	cursor: pointer;
	color:rgba(0, 0, 0, 0.87);
	font-weight:500;
}
.dz-image,.dz-details,.dz-success-mark,.dz-error-mark{
	display:none !important;
}
.errorblock .text-shadow {
    font-size: 100px;
    text-shadow: 0 1px 0 #303030, 0 2px 0 #0c0c0c, 0 5px 10px rgba(8, 8, 8, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2);
    color: #ffc123;
}
.errorblock a.list-group-item,.errorblock a.list-group-item:hover, .errorblock a.list-group-item:focus {
    color: #555;
    text-decoration: none !important;
    background-color: #f5f5f5;
} 
.errorblock .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.errorblock .list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.errorblock a:active, .errorblock a:hover {
    outline: 0;
}

.form-control-label .btn {
    background: none;
    text-align: left;
    padding: 0px;
    font-weight: 400;
    border: none;
}
.btn-line {
    background: #fff;
    border-radius: 3px;
    border: 1px solid rgba(120, 130, 140, 0.13);
}
.btn.gp-btn {
    background-color: #f5f5f5;
}
.gp-btn i {
    display: block;
    line-height: 28px;
}
form label.error {
    display:none !important;
}
.form-control.error{
	border-color:red;
}

.form-control-label{
	margin-bottom: 0px; 
    line-height: 33px;
	font-weight: normal;
    font-size: 13px;
}

.coordinate-btn:hover, .coordinate-btn:focus, .coordinate-btn:active {
    outline: none;
    box-shadow: none;
} 
.coordinate-btn i {
    font-size: 18px;
	line-height:24px;
} 
.coordinate-btn {
    height: 34px; 
    padding-top: 3px;
}

.btn.btn-primary i {
    margin-left: -4px;
    font-size: 22px;
    vertical-align: -4px;
}
.btn.btn-sm i {
    padding: 0;
    font-size: 18px;
    vertical-align: -4px;
}
.btn.btn-sm{
	line-height:14px;
	padding: 4px 10px;
}
form label {
    margin-bottom: 0px;
    line-height: 33px;
    font-weight: normal;
    font-size: 13px;
}
.carrier-steps {
    display: none;
}
.modal-body {
    position: relative;
    padding: 10px;
}

.wizard-nav{ width:100%; border:1px solid #edf1f5; overflow:hidden; border-radius:3px; position:relative; margin:0px 0px 16px 0px; padding:0px; list-style:none;}
.wizard-nav li {
	position:relative;
    border: none;
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
	margin:0px; padding:0px;
}
.wizard-nav li:after{
    content: '';
    position: absolute;
    top: 0px;
    left: 100%;
    height: 0;
    width: 0;
    border: 25px solid transparent;
    border-right-width: 0;
    border-left-width: 16px;
}
.wizard-nav li:after {
    z-index: 1;
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px);
    border-left-color: #fff;
    margin: 0;
}
.wizard-nav li > a {
    position: relative;
    padding: 0px 18px 0px 30px;
    color: #2c3f4c;
    background-color: #edf1f5;
    border-color: #edf1f5;
	line-height:50px;
	display:block;
}
.wizard-nav li > a.active {
    color: #fff;
    background-color: #409c20;
    border-color: #409c20;
}
.wizard-nav li > a:hover {
    color: #fff;
    background-color: #409c20;
    border-color: #409c20;
}
.wizard-nav li > a:after{
    content: '';
    position: absolute;
    top: 0px;
    left: 100%;
    height: 0;
    width: 0;
    border: 25px solid transparent;
    border-right-width: 0;
    border-left-width: 16px;
}
.wizard-nav li > a:after {
    z-index: 2;
    border-left-color: inherit;
}
.navbar-fixed-top .nav li h4{
    line-height: 38px;
    font-weight: 500;
}
.log-well{
    min-height: 450px;
    max-height: 450px;
    overflow-y: auto;
}
/* END */

.btn.btn-green {
    color: #fff !important;
    background-color: #4bad29;
    border: 1px solid #409c20;
    -webkit-box-shadow: rgba(0,0,0,0.05) 0 1px 1px 0;
    -moz-box-shadow: rgba(0,0,0,0.05) 0 1px 1px 0;
    box-shadow: rgba(0,0,0,0.05) 0 1px 1px 0;
}
.btn.btn-green:hover {
    color: #fff !important;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1);
    box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1);
    background-color: #409c20;
}
.btn-green i {
    margin-left: -4px;
    font-size: 22px;
    vertical-align: -6px;
}
.btn-green i.fa-download {
    margin-left: 0px;
    font-size: 18px;
    vertical-align: middle;
}
.btn.btn-line {
    background: #fff;
    border-radius: 3px;
    border: 1px solid rgba(120, 130, 140, 0.13);
}
.btn.btn-line:hover {
    background: #fff;
    border-radius: 3px;
    border: 1px solid rgba(120, 130, 140, 0.13);
}
.btn-line i {
    margin-left: -4px;
    font-size: 22px;
    vertical-align: -6px;
}

.input-group .btn-default { background-color:#ffc123; border-color:#ffba0b; color:#fff; }
 /*.input-group :hover, .input-group :focus {background-color:#ffba0b; border-color:#ffba0b; }*/
.input-group .form-control:hover, .input-group .form-control:focus { background-color:#eee; border-color:#ccc; } 
.input-group .btn-default:active:focus,.input-group .btn-default:active:hover{background-color:#ffba0b; border-color:#ffba0b; color:#fff;}

/* .passEye :hover, .passEye :focus {
    background-color: #eee !important;
    border: 1px solid rgba(120, 130, 140, 0.2) !important;
    border-left: none !important;
} */
.m-t-3{margin-top:3px!important;} 
.red {
    background-color: #d04444;
}
.danger {
    background-color: #d04444;
}
.success {
    background-color: #4bad29;
}


.row {
    margin-right: -10px;
    margin-left: -10px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.container-fluid {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}
.form-horizontal .form-group{ position: relative;}
.form-horizontal .form-group .teamimg{ position: absolute; left: 10px; top: 0px;}
.form-horizontal .form-group {
    margin-right: -10px;
    margin-left: -10px;
}
.select2-container--default .select2-selection--multiple {
    background-color: white;
    border-color: rgba(120, 130, 140, 0.2);
        border-radius: 0.25rem;
		    box-shadow: none;
    cursor: text;
}
.select2-container--default .select2-search--inline .select2-search__field{
	min-width:150px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0px 12px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
	 border-color: #66afe9;
    outline: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	background:#1d1f2b;
	border-color:#1d1f2b;border-radius: 3px;
	color:#fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	color: #989898;
}


.md-check input[type="checkbox"]:checked + i:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 6px;
    top: 2px;
    display: table;
    width: 6px;
    height: 12px;
    border: 2px solid;
    border-top: 0;
    border-left: 0;
    content: ' ';
}
.md-check > i{height: 14px;}

.md-check > i:before {width: 14px; border: 2px solid #989898; }
.md-check > i {
    width: 0;
    height: 18px;
    line-height: 1;
   /*  margin-left: -20px; */
    margin-top: 1px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    margin-right: 28px;
    position: relative;
}
.md-check > i:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 100%;
    border: 2px solid #818a91;
    border-radius: 2px;
}
.md-check {
    cursor: pointer;
    padding-left: 1.25rem;
    margin: 0;
    display: inline-block;
    position: relative;
	line-height: 22px;
}
.md-check input {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
    margin-left: -1.25rem;
}
#permissions_list .md-check{padding-left:0px; padding-top:0px; font-size:12px;}
#permissions_list .md-check > i{ margin-bottom:4px;    margin-right: 22px;}
#permissions_list .md-check > i:before{ top:1px;}
.form-addpermissions .label-text{ line-height:18px;}
.modal-xlg {
    width: 1010px;
}
.dark {
    color: rgba(225, 235, 245, 0.87);
    background-color: #263449;
}

.md-check input:checked + i:before {
    border-width: 0;
    background-color: inherit;
}
.table .md-check input:checked + i.dark:before {
    border: 2px solid #181a1d;
    background: #212325;
}
.table .md-check input[type="checkbox"]:checked + i.dark:after {
    left: 6px;
    color: #fff;
    top: 1px;
}

.md-check input:checked + i.dark:before {
    border: 2px solid #181a1d;
    background: #212325;
}
.md-check input[type="checkbox"]:checked + i.dark:after {
    left: 6px;
    color: #fff;
    top: 1px;
}


.form-group .md-check{padding-left:0;}
.md-check input[type=radio]+i, .md-check input[type=radio]+i:before {
    border-radius: 50%;
}
.md-check input[type=radio]:checked+i:after {
    position: absolute;
    left: 6px;
    top: 6px;
    display: table;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    content: ' ';
}
/***************pre loader*****************/

/*********************dropdown*************************/
.panel-nav-dropdown{
	max-width:160px;
	display: inline-block;
}
.max-input-width{
	max-width:160px;
}
.max-input-height{
	max-height:34px;
}
.panel-nav-dropdown>li>a{
	padding:6px 12px;
} 
.panel-nav-dropdown .dropdown-menu a{
	padding:6px 12px;
	
}
.panel-nav-dropdown .dropdown-menu a:hover{
	text-decoration:none;
	
}
.text-success {
    color: #4bad29;
}
.text-warning {
    color: #ffc123;
}
.text-danger {
    color: #e53935;
}
.x-panel .panel-heading .list-inline li.dropdown a.nav-link {
    line-height: 20px;
    font-size: 14px;
        color: rgba(0, 0, 0, 0.87);
	padding: 6px 12px;
}
.x-panel .panel-heading .list-inline li.dropdown .dropdown-menu a{
	font-size: 14px;
	    color: rgba(0, 0, 0, 0.87);padding:6px 12px;    line-height: 20px;
}
.x-panel .panel-heading .list-inline li.dropdown .dropdown-menu a:hover{
	text-decoration:none; 
}
.x-panel .panel-body .list-group-item .label:empty {
    display: inline;
    margin-right: 8px;
}
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active:hover, .dropdown-item.active:focus {
color: rgba(0, 0, 0, 0.87);
    background-color: rgba(0, 0, 0, 0.065);
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    color: #373a3c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
}
.dataTable .list-inline>li .dropdown-item {
/*     width: auto; */
	cursor:pointer;
	opacity:0.7;
	text-decoration:none;
}
.dataTable .list-inline>li .dropdown-item label{ 
	cursor:pointer;
}
 
.dropdown-item {
    color: rgba(0, 0, 0, 0.87);
}
.dropdown-item i {
    vertical-align: middle;
    font-size: 20px;
}

.dropdown > a{padding:0 8px;display:block;cursor:pointer;} 
/*********************preloader*************************/
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:99999; }
#status {
    width: 160px;
    height: 160px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -80px 0 0 -80px;
}
#status .loader {
    position: absolute;
    width: 24px;
    left: 0px;
    right: 0px;
    margin: 38px auto;
}
#status span {
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #333;
}
.sk-fading-circle {
    margin: 10px auto;
    width: 80px;
    height: 80px;
    position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 8%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}
/***************Back to top btn********************/
.back-to-top { position: fixed; bottom: 15px; right: 10px; text-decoration: none; color: #fff; background-color:#f3bf1c; font-size: 24px; padding:0.15em 0.5em; display: none; border-radius: 3px; z-index:99999; }
.back-to-top:hover { background:#363636; color:#fff; }
/*******************header***********************/
.navbar>.container-fluid .navbar-brand { margin:0px; background: #fff;}

.user-box { padding:0px 15px 15px 15px; border-bottom:1px solid #f8f8f9; }
.user-box .media .img-circle { width:36px; height:36px; display:block; }
.user-box .media .media-left a { position:relative; border-radius: 50%; border:1px solid #576538; display:block; }
.user-box .media .media-left a .circle { background: #576538; border-radius: 50%; bottom:0px; right:0px; border:1px solid #fff; position:absolute; width:8px; height:8px; display:block; }
.user-box .media .media-heading { font-weight:300; }
.user-box .media .media-heading a:hover { text-decoration:none; color:#242424; }
.user-box .media .media-heading i { float:right; }
.user-box .media .media-body { vertical-align:middle; }

.nav.nav-sidebar{ }
.nav.nav-sidebar > li > a { /* text-align:center;  */color: #989898; font-size:14px; padding:12px 15px; }
.nav.nav-sidebar > li > a:hover, .nav.nav-sidebar > li > a:hover i{background: #212325; color: #fff; }
.nav.nav-sidebar > li.active > a, .nav.nav-sidebar > li.active > a i { color: #fff; }
.nav.nav-sidebar > li > a i {font-size:20px; vertical-align: -4px; /* margin-bottom: 10px; display:block; */ color:#999690; }
.nav.nav-sidebar > li > a .badge { background: #576538; color: #fff; margin-left:10px; }
.navbar { margin-bottom:0px; min-height:56px; background:#fff; border-bottom:1px solid rgba(120, 130, 140, 0.13); }
.container-fluid>.navbar-header { margin-left:-15px; width:17.28%; background:#f8f8f9; }
.navbar-brand { height:auto; float:none; display:block; text-align:center; padding: 10px 15px; }
.navbar-nav>li>a { position:relative; font-size:18px; color:#657984; padding: 19px 15px; }
.navbar-nav>li>a .badge {
    position: absolute;
    background: #576538;
    color: #fff;
    border-radius: 50%;
    line-height: 16px;
    top: 14px;
    right: 2px;
    font-size: 10px;
    min-width: 20px;
    min-height: 20px;
    padding: 2px;
}
.navbar-nav>li>a.toggle-nav { color:#576538; }
.navbar-nav>li>a.toggle-nav:hover { color:#657984; }
.navbar-form { margin-top:14px; margin-bottom:14px; }
.navbar-form .input-group>.form-control { width: 100%; border-left:none; box-shadow:none; background-color:#f8f8f9; border-color:#dae4f5; }
.navbar-form .input-group .input-group-addon { border-color:#dae4f5; color:#cad1dc; background-color:#f8f8f9; }
.nav>li>a:focus, .nav>li>a:hover { text-decoration: none; color:#989898; background-color: transparent; }

.navbar-nav>.active>a, .navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #e7e7e7;
}


#navbar .navbar-nav>li>a.btn.btn-green {
    padding: 6px 12px;
    font-size: 14px;
        margin: 10px 0px;
    line-height: 1.42857143;
}
#navbar .navbar-nav>li>a.btn.btn-green:focus,#navbar .navbar-nav>li>a.btn.btn-green:hover{
	background-color: #409c20;
    border: 1px solid #409c20;
}
#navbar .navbar-nav>li>a.btn.btn-line {
    padding: 6px 12px;
    font-size: 14px;
    margin: 10px 10px;
    line-height: 1.42857143;
}
#navbar .navbar-nav>li>a.btn.btn-line:focus,#navbar .navbar-nav>li>a.btn.btn-line:hover{
	background: #fff;
    border-radius: 3px;
    border: 1px solid rgba(120, 130, 140, 0.13);
}

/*****************content*********************/
.main {/* padding-top: 56px;*/  padding-top:59px;}
.title-box .media-object{ width:60px;}
.title-box { background:#fff; float:left; width:100%; padding:9px 0px; }
.title-box h1.page-title { margin:0px; font-weight:400; color:#546a79; font-size:27px; }
.title-box p { color:#546a79; font-size:15px; margin-bottom:0px; }
.title-box .btn { margin-top: 8px; }
.x-panel { float: left; width: 100%; border-color:#dce4ec; -webkit-box-shadow: 0px 0px 12px 2px rgba(237, 239, 241, 0.89); -moz-box-shadow: 0px 0px 12px 2px rgba(237, 239, 241, 0.89); box-shadow: 0px 0px 12px 2px rgba(237, 239, 241, 0.89); border-radius: 0px; }
.x-panel .panel-heading { background:#f6f8f9; border-color:#dce4ec; }
.x-panel .panel-heading .list-inline { margin-bottom:0px; }
.x-panel .panel-heading .list-inline li a { line-height: 29px; font-size:16px; color:#657984; }
.x-panel .panel-heading .list-inline li a:hover { color:#576538; }
.x-panel .panel-title { line-height: 29px; font-size:16px; font-weight:700; color:#546a79; }
.x-panel .panel .panel-body { min-height:415px; }
.inner-content { padding-top:15px; }
.x-panel .panel-heading .list-inline li a.btn { line-height: 24px; font-size:14px; }
.x-panel .panel-heading .list-inline li a.btn i {
    font-size: 16px;
    vertical-align: -2px;
}

.stat-panel a { display:block; float: left; width: 100%; }
.stat-panel .icon-box { background:#f6f8f9; text-align:center; border-right:1px solid #dce4ec; min-height: 90px; }
.stat-panel .info-box { min-height: 90px; padding: 13px 15px; }
.stat-panel .icon-box i { font-size:32px; color:#ffc123; line-height:90px; }
.stat-panel .info-box h3 {    line-height: 24px; font-weight:400; font-size:16px; margin:0px; color: rgba(0, 0, 0, 0.87);}
.stat-panel .info-box p { font-weight:400; font-size:28px; margin:0px; color:#ffc123; }


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { color:#7f96a3; font-size:14px; font-weight:400;     vertical-align: middle;}
.blue-color-500 { color:#025cb0 !important; }
.blue-color-400 { color:#576538 !important; }
.blue-color-300 { color:#199af5 !important; }
.blue-color-200 { color:#59bbf9 !important; }
.blue-color-100 { color:#81c5f2 !important; }
.media-list .media .media-object { border-radius: 50%; width:45px; height:45px; display:block; }
.media-list .media:first-child { border-top:none; }
.media-list .media { padding:13px 17px; margin:0px 17px; border-top:1px dashed #dde3e7; }
.media-list .media p { color:#cfd9e0; font-size:13px; font-weight:600; }
.media-list .media p.media-heading { font-size:17px; font-weight:400; color:#7f96a3; margin-bottom:0px; }
.media-list .media p.media-heading a { font-weight:500; color:#0091ea; }
.media-left, .media>.pull-left { padding-right: 15px; }
.media-list .media .media-body { position:relative; }
.media-list .media .media-body .close { color:#dce4ec; opacity:1; font-size:18px; position:absolute; right:5px; top:5px; }
.media-list .media .media-body .close:hover { color:#242424; }
.slimScrollBar { height:14px !important; width:14px !important; opacity:1 !important; border-radius: 50% !important; display:block; background:#576538 !important; }
.slimScrollRail { display:block !important; width:1px !important; background:#dce4ec !important; opacity:1 !important; right: 7px !important; }

/***********************slider****************************/
.logo-header{ background:#212325; max-height:60px;}
.logo-header .navbar-brand{ padding:20px 15px;}
.logo-header .navbar-brand img{ margin:0px auto; width:100%; display:block;}
.sidebar {position: fixed; top: 0px; bottom: 0; left: 0; z-index: 1040; display: block; padding: 0px 0px; overflow-x: hidden; overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */   background-color: #1d1f2b; }

.foot-nav{
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 16.66666667%;
    background: #212325;
    padding: 15px;
    text-align: center;
}
.foot-nav .btn{
    padding-left: 20px;
    padding-right: 20px;
}
.sidebar .nav.nav-sidebar {
    padding-bottom: 64px;
}
.resizeable-none{
	resize:none;
}
/***********************pagination****************************/
.pagination .page-item.active, .pagination > .active > a, .pagination > .active > span, .pager .page-item.active, .pager > .active > a, .pager > .active > span{
    background-color: #989898 !important;
    border-color: #888888 !important;
}
.pagination>li>a, .pagination>li>span{color:#777;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
	 background-color: #989898;
    border-color: #888888;
	color:#fff;
} 
.p-0{ padding:0px !important;}
.p-b-0{ padding-bottom:0px !important;}
.p-t-0{ padding-top:0px !important;}
.p-r-0{ padding-right:0px !important;}
.p-l-0{ padding-left:0px !important;}

.p-t-10 {
    padding-top: 10px !important;
}
.p-b-10 {
    padding-bottom: 10px !important;
}
.p-l-10 {
    padding-left: 10px !important;
}
.p-r-10 {
    padding-right: 10px !important;
}
.p-t-15 {
    padding-top: 15px !important;
}
.p-b-15 {
    padding-bottom: 15px !important;
}
.p-l-15 {
    padding-left: 15px !important;
}
.p-r-15 {
    padding-right: 15px !important;
}
/***********************button****************************/
.btn-primary{
    background: #96c33b;
    border-color: #799c31;
	
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background: #799c31;
    border-color: #799c31;
    color: #fff;
	box-shadow:none;
	outline:none;
}
.btn-primary:active:focus, .btn-primary:active:hover{ background: #799c31;
    border-color: #799c31;
    color: #fff;
	box-shadow:none;
	outline:none; }
.btn-primary.active, .btn-primary.focus {
    background: #799c31;
    border-color: #799c31;
    color: #fff;
	box-shadow:none;
	outline:none;
}
.btn-line { background: #fff; border-radius: 3px; border: 1px solid rgba(120, 130, 140, 0.13); }
.btn-line:hover, .btn-line:focus { background-color: #f5f5f5; }
 
label .btn-link{ padding:0px;color: rgba(0, 0, 0, 0.87); line-height:18px;}
label .btn-link:hover, label .btn-link:focus{box-shadow:none !important;color: rgba(0, 0, 0, 0.87); background:none;}
.coordinate-btn{padding: 4px 5px;}

.map-modal .btn-add {
    position: absolute;
    right: 50px;
    top: 10px;
    z-index: 99;
}
.map-modal-sp .btn-add {
    position: absolute;
    right: 50px;
    top: 10px;
    z-index: 99;
}


.nav.nav-sidebar > li > a i.glyphicon-sm {
    font-size: 12px;
    width: auto;
    line-height: 20px;
    float: right;
}
.nav.nav-sidebar > li ul{
    list-style: none;
    margin: 0px;
background: #212325;
    padding: 0px;
}
.nav.nav-sidebar > li ul li a {
    display: block;
    padding:7px 15px 7px 30px;
    font-size: 12px;
	color:#989898;
}
.nav.nav-sidebar > li ul li a i{ margin-right: 5px; vertical-align:middle;    font-size: 18px;}

.nav.nav-sidebar > li ul li a:hover,.nav.nav-sidebar > li ul li a:focus {
    background-color: #212325;
    color: #fff;
    text-decoration: none;
} 
.nav.nav-sidebar > li ul li.active a{color:#fff;}

.ui-rangeSlider .ui-rangeSlider-container{ background:#90a4ae;box-shadow:none; border:none;}
.ui-rangeSlider .ui-rangeSlider-leftArrow{background:#78909c;box-shadow:none; border:none;}
.ui-rangeSlider .ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner{border-right: 10px solid #455a64;}
.ui-rangeSlider .ui-rangeSlider-rightArrow {background:#78909c;box-shadow:none; border:none;}
.ui-rangeSlider .ui-rangeSlider-rightArrow  .ui-rangeSlider-arrow-inner{border-left: 10px solid #455a64;}
.ui-rangeSlider .ui-rangeSlider-bar{background:#455a64;box-shadow:none; border:none;border-radius: 0px;}

.ui-rangeSlider .ui-ruler-scale .ui-ruler-tick:first-child .ui-ruler-tick-inner{border-left:none;}
.ui-rangeSlider .ui-rangeSlider-label{background:#cfd8dc; color:#363636;}
.ui-rangeSlider .ui-rangeSlider-label .ui-rangeSlider-label-inner{    border-top: 10px solid #cfd8dc;}
.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-label{ bottom:4px; left:5px;}

.range-box {
    background: #fff;
    float: left;
    width: 100%;
    padding: 15px 0px;
}
.range-box h3{     line-height: 36px;
    font-weight: 400;
    margin: 0px;
    padding-top: 34px;}
	
.media-list.campaign .media{ margin:0px;}	

.media-list.campaign .media .title{ font-size:42px; font-weight:600;}
.campaign .table thead>tr>th{font-size:18px; font-weight:500; color:#363636;}
.stat-boxs strong{ font-size:22px; font-weight:700;color:#025cb0;}
.stat-boxs p{ font-size:16px; margin-bottom:40px;}

.stat-boxs .big strong{ font-size:36px; font-weight:700;color:#025cb0;}
.stat-boxs .big p{ font-size:16px; margin-bottom:40px;}
	


.table>thead>tr>th {
   font-weight: 700;
   color: #363636;
}
.table .media-object{ height: 34px;}

.breadcrumb{
  margin-bottom: 0px;
      padding: 0px 0px 15px 0px;
  background: transparent;
}
.breadcrumb li a{ display:block; line-height:36px;}

.pagination>li>span.current{background-color: #337ab7;color: #fff;}

.heading-line {
    margin: 0px 0px 15px 0px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-top: 30px;
    color: #777;
}
.min-content .sidebar{left:0px; display:block; width:0px;}
.min-content .main{margin-left:0px; width:100%;}
.min-content .navbar-fixed-top{margin-left:0px;}

 

/***********************accordion****************************/
#addressinput{ width: 90%;  margin: 30px auto; right: 0px;}
#map-modal { height:300px; }
.pac-container{ z-index:9999;}
.map-modal{ position:relative;}
.map-modal .slider {
    position: absolute;
    bottom: 19px;
    right: 60px;
}
.map-modal .slider.slider-horizontal .slider-track{ background:#fff;}
.map-modal  .slider-handle{background:#ffc123;}

#map-modal-sp { height:300px; }
.pac-container{ z-index:9999;}
.map-modal-sp{ position:relative;}
.map-modal-sp .slider {
    position: absolute;
    bottom: 19px;
    right: 60px;
}
.map-modal-sp .slider.slider-horizontal .slider-track{ background:#fff;}
.map-modal-sp  .slider-handle{background:#ffc123;}



/***************accordion-panel ***********************/
.accordion{/* width:500px; min-height:409px; */margin: 0 auto;    background-color: #fff;    border: 1px solid #dce4ec;    border-radius: 4px;}
.accordion-toggle {border: 1px solid #dce4ec;cursor: pointer;margin: 0;padding: 15px;position: relative;font-size:14px;background-color: #f6f8f9; border-right: none; border-left: none; border-bottom: none;}
.accordion-toggle:first-child{border-radius:4px 4px 0 0;border-top:none; }  
.accordion-toggle.active:after{content:"";position:absolute;right:10px;top:20.5px;width:0;height:0;border-bottom:4px solid rgba(51,51,51,1);border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);}
.accordion-toggle:before{content:"";position:absolute;right:10px;top:20.5px;width:0;height:0;border-top:4px solid #333;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);}
.accordion-toggle.active:before{display:none;} 
.accordion-content {display: none; padding:15px;border-top: 1px solid #dce4ec;}}
.accordion-toggle.active {/* color: #333;  */}
.accordion-toggle.last{border-radius:0 0 4px 4px;}
.accordion-toggle.last.active{border-radius:0}
/***********************map****************************/
.map-modal {
    position: relative;
}
.map-modal-sp {
    position: relative;
}
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/***********************sign-page****************************/
.white-spinner{
	background-image: url(../images/load.png);
	height: 16px;
    width: 16px;
	background-repeat: no-repeat;
	background-size: 16px 16px;
    vertical-align: middle;
}

.m-b-0 {
    margin-bottom: 0px !important;
}
.sign-page {
    /* background-image: url(../images/bg.jpg); 
    background-image: url(../images/bgimage.png);*/
	background-image: url(../images/bgimage.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	height: 100vh;
}
.color-overlay {
    background: rgba(16, 24, 35, 0.5);
    position: relative;
    z-index: 9;
    height: 100vh;
}
.sign-wrap {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}
.sign-wrap .middle {
    display: table-cell;
    vertical-align: middle;
}

.sign-wrap .inner {
    margin-left: auto;
    margin-right: auto; 
    width: 460px; /*whatever width you want*/
}

.sign-box {
    background: #fff;
    padding: 50px 50px 0px 50px;
    border-radius: 3px;
    margin: 0px auto;
    overflow: hidden;
    display: block;
    width: 460px;
    box-shadow: 0 1px 4px 0 rgba(50, 50, 50, 0.7);
	text-align: left;
    vertical-align: middle;
}
.logo-box {
    width: 285px;
    margin: 0px auto;
    display: block;
}
.logo-box .brand {
    display: block;
    position: relative;
}
.logo-box .brand>img {
    width: 100%;
}
.sign-box .form-block {
    padding: 50px 40px 90px 40px;
}
.sign-box .form-control {
    font-size: 14px;
    border-color: rgba(120, 130, 140, 0.2);
    border-radius: 0.25rem;
	box-shadow:none;
}
.sign-box .form-control:focus, 
.sign-box .form-control.custPass:focus {
    background-color: #e8f0fe!important;

} 
.sign-box .form-control.error {
    border-color: red;
}
/********** error message show for reset password start**********/
.sign-box #reset-form .input-group{ 
    width: 100%;
}
.sign-box #reset-form .form-control,
.sign-box #reset-form .form-control.error { 
    width: calc(100% - 42px);
    display: inline-block!important;
}
.sign-box #reset-form .input-group-addon{ 
    height: 33.99px;
    overflow: hidden;
    display: inline-block!important;
    width: 42px;
    border-radius: 0 4px 4px 0;
    
    position: absolute;
    right: 0;
    top: 0;
}
.sign-box #reset-form  label.error { 
    display: block!important;
    clear: both;
} 
.sign-box #reset-form .form-group.reset_pass  label.error{
    display: none!important;
}
/********** error message show for reset password end**********/
.form-control {
    border-color: rgba(120, 130, 140, 0.2);
    border-radius: 0.25rem;
	box-shadow:none;
}
.sign-box .help-block {
    margin-bottom: 18px;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}
.checkbox {
    padding-left: 20px;
}
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}
.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #96c33b;
    border-color: #799c31;
}
.sign-box .checkbox input[type=checkbox], .sign-box .checkbox-inline input[type=checkbox], .sign-box .radio input[type=radio], .sign-box .radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px;
	opacity: 0;
}
.sign-box .help-block{margin-top:0px;}
.sign-box .help-block label {
    font-size: 12px;
    margin-bottom: 0px;
	color: rgba(0, 0, 0, 0.87);
	line-height: 16px;
	
}
.sign-box .form-block a {
    color: rgba(0, 0, 0, 0.87);
    text-decoration: underline;
    font-weight: 500;
	font-size: 12px;
}
form label.error{ font-size:11px; color:red; margin-bottom:0px;}
form label .req{  color:red; margin-bottom:0px;}


.x-tabs .tab-content{
	border-left: 1px solid #dce4ec;
	border-right: 1px solid #dce4ec;
	border-bottom: 1px solid #dce4ec;
	padding:10px;
}
.x-tabs .nav-tabs {
    border-bottom: 1px solid #dce4ec;
}
.x-tabs .nav-tabs>li.active>a, .x-tabs .nav-tabs>li.active>a:focus, .x-tabs .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #dce4ec;
    border-bottom-color: transparent;
}
.x-tabs .nav-tabs>li>a{
color: rgba(0, 0, 0, 0.87);
padding: 8px 20px;
}
.x-tabs .nav-tabs>li>a:hover {
    border-color: #dce4ec #dce4ec #dce4ec;
	color:#546a79;
	background: #f6f8f9;
}

.profile-thumbnail {
    height: 120px;
    width: 120px;
    display: block;
    margin: 0px auto;
}
.profile-thumbnail img {
    width: 100%;
    min-height: 120px;
    min-width: 120px;
    max-height: 120px;
    border: 1px solid #d3d3d3;
}
.form-file {
    position: relative;
}
.form-file input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0px;
    right: 0px;
}
.form-file input, .form-file .btn {
    cursor: pointer;
}
.profile-label {
    display: block;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0px;
}
.stat-panel.box-stat{
	
}
.box-stat .material-icons{
	position:absolute;
	top:0px;
	left:0px;
	color:#1d1f2b;
}
.stat-panel.box-stat .info-box p{
	font-size:36px;
	font-weight:700;
}
.stat-panel.box-stat .info-box h3{
	font-size:14px;
	margin-bottom:15px;
	
}
.jqstooltip{
	width:auto !important;
	height:auto !important;
	padding:8px 12px;
}
.block-label{
	display:inline-block;
}
.block-label i{
	font-size:14px;
}

.chart-title {
    margin: 0px;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
}

.timeline {
    margin: 30px 0px 0px 0px;
    padding: 0px;
}
.tl-item {
    display: block;
}
.tl-wrap {
    display: block;
    margin-left: 6em;
    padding: 7px 0px 7px 20px;
    border-style: solid;
    border-color: rgba(120,130,140,.13);
    border-width: 0 0 0 2px;
	    text-align: left;
}
.b-info {
    border-color: #2196f3;
}
.tl-item:after {
    content: "";
    display: table;
    clear: both;
}
.tl-date, .tl-wrap:before {
    float: left;
    position: relative;
}
.tl-wrap:before, .ui-switch i:after {
    border-radius: 50%;
    content: "";
}
.tl-wrap:before {
    top: 15px;
    margin-left: -26px;
    width: 10px;
    height: 10px;
    border-color: inherit;
    border-width: 3px;
    border-style: solid;
    background: #F6FAFB;
    box-shadow: 0 0 0 4px #F6FAFB;
}
.tl-date {
    top: 10px;
    margin-left: -7.5em;
    display: block;
    width: 4.5em;
    text-align: right;
}
.text-muted {
    color: inherit!important;
    opacity: .6;
}
.tl-content {
    display: inline-block;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}
.b-success {
    border-color: #22b66e;
}
.box-shadow-z2, .box-shadow-z2 .box, .box-shadow-z2 .box-color {
    box-shadow: 0 1px 2px rgba(0,0,0,.15), 0 -1px 0 rgba(0,0,0,.02);
}
.box, .box-color {
    background-color: #fff;
    position: relative;
    margin-bottom: 1.5rem;
}
.arrow.left {
    top: 50%;
    left: -9px;
    margin-top: -9px;
}
.arrow.pull-top {
    top: 18px;
}
.arrow {
    position: absolute;
    z-index: 10;
}
.nav-inline .nav-item {
    display: inline-block;
}
.panel-heading .nav-inline li .form-inline {
    float: left;
}

.select2-container {
    min-width: 180px;
    text-align: left;
    max-width: 180px;
}
.select2-container--default .select2-selection--single {
    border: 1px solid rgba(120, 130, 140, 0.2);
    border-radius: 3px;
        height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
        color: rgba(0, 0, 0, 0.87);
    line-height: 32px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}


.passEye{ background-color: #eee !important; }
.passEyeGroup :hover, .passEyeGroup :focus { border-top: 1px solid #ccc !important; border-bottom: 1px solid #ccc!important; border-right: 1px solid #ccc!important;}
.input-group .custPass:hover, .input-group .custPass:focus{ background-color: #fff !important;}
.fa_custom_eye { color: #96c33b;}

.input-group-addon{ 
    background-color: #fff;
}
.pwdEyeColor{  
    font-size: 17px;
    color: #96c33b;
}
 
.popup_focus .form-control:focus { 
    background-color: #e8f0fe;
} 

.password_eye i{ 
    color: #96c33b;
    font-size: 17px;
}
/***********************box management****************************/
.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    touch-action: none;
}

.jvectormap-tip {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback {
    position: absolute;
    left: 10px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    box-sizing: content-box;
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    width: 10px;
    height: 10px;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}

.jvectormap-goback {
    bottom: 10px;
    z-index: 1000;
    padding: 6px;
}

.jvectormap-spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat url(data:image/gif;base64,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);
}

.jvectormap-legend-title {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.jvectormap-legend-cnt {
    position: absolute;
}

.jvectormap-legend-cnt-h {
    bottom: 0;
    right: 0;
}

.jvectormap-legend-cnt-v {
    top: 0;
    right: 0;
}

.jvectormap-legend {
    background: black;
    color: white;
    border-radius: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend {
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px 3px 1px 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
    float: left;
}

.jvectormap-legend-cnt-v .jvectormap-legend {
    margin: 10px 10px 0 0;
    padding: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick {
    width: 40px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
    height: 15px;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.jvectormap-legend-tick-text {
    font-size: 12px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
    text-align: center;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px;
}

svg {
    touch-action: none;
}

.jvectormap-container path {
    fill: #96c03a;
}
.jvectormapcontainer svg {
    min-height: 335px;
}


.detail-map #jobs-filter.btn {
    position: absolute;
    z-index: 9; 
    margin-left: 10px;
    top: 11px;
    font-size: 12px; 
    line-height: 27.5px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    transition: all 0.5s ease-in-out;
}
.detail-map #analyticsmap{
    height: calc(100vh - 59px);
}
.detail-map #jobs-filter.btn{
    color: rgba(0, 0, 0, 0.87);
}  
.btn_box .nav-link.btn.btn-green{
    /* margin-top: -83px;
    position: relative;
    z-index: 1030; */
    font-weight: 500;
}
.btn_box .nav-link.btn.btn-green:hover { 
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
    background-color: #409c20;
}
.btn_box .line-tabs{
    padding-top:0;
    /* margin-top: -42px;
    position: relative;
    z-index: 1030; */
}

.col-box{
    /* border-right: 1px solid rgba(120, 130, 140, 0.13); 
    height: calc(100vh - 59px); */
    border-right: 1px solid rgba(120, 130, 140, 0.13);
    height: calc(100vh - 0px);
    /* position: relative;
    z-index: 1030; */
    margin-top: -59px;
    padding-top: 12px;
}
.col-md-12.col-box{
    border:none
}
.col-box-1 { 
    border-right: 1px solid rgba(120, 130, 140, 0.13);
    height: calc(100vh - 0px);
    position: relative;
    z-index: 1030;
    margin-top: -59px;
    padding-top: 12px;
    padding-left:0;
}
.col-box-2 { 
    border-right: 1px solid rgba(120, 130, 140, 0.13); 
    position: relative; 
     
}
.btn_box .col-box .nav-link.btn.btn-green{
    position: relative;
    z-index: 1030;
    max-width:200px;
}
.col-tab-box { 
    height: calc(100vh - 0px);
    margin-top: -60px;
    padding-top:0px;
}
.col-tab-box .line-tabs {
    position: relative;
    z-index: 1030;
    max-width: 50%;
}
.col-tab-box .scrollable{
    height: calc(100vh - 60px);
}
.col-tab-box-btn{
    position: relative;
    z-index: 1030;
    max-width: 200px;
    min-height:59px;
    display: flex;
    align-items: center;
}


.col-tab-box .table-box h3.panel-title {
    line-height: 33px;
}
.col-tab-box .table-box .box-header .form-group .btn.btn-inline {
    line-height: 16px;
    color:#333;
} 
.scrollable .table>tbody>tr>td,
.scrollable .table>tbody>tr>th,
.scrollable .table>tfoot>tr>td,
.scrollable .table>tfoot>tr>th,
.scrollable .table>thead>tr>td,
.scrollable .table>thead>tr>th {
color: rgba(0, 0, 0, 0.87);
}
/* Class for padding on label */
.asset-style .form-group-label {
    padding-left: 26px;
    padding-top: 10px;
}

/* Class for padding on the select container */
.asset-style .form-group-select {
    padding-right: 19px;
    padding-top: 12px;
    padding-left: 0;
}
/*************************line-tabs*****************/ 
.line-tabs {
    padding: 4px 10px 0px 10px;
}
.line-tabs .nav-tabs{
    border:none;
}
.line-tabs .nav-tabs .nav-item {
    margin: 0px 10px;
}

.line-tabs .nav-tabs .nav-item .nav-link {
    line-height: 36px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    border-bottom: 3px solid #ffffff;
    display: block;
    color: rgb(24, 26, 29);
}

.line-tabs .nav-tabs .nav-item.active .nav-link {
    background: #ffffff;
    color: rgb(24, 26, 29); 
}
.line-tabs .nav-tabs .nav-item.active .nav-link {
    border-bottom: 3px solid #181a1d;
}

.line-tabs .nav-tabs .nav-item .nav-link.active {
    border-bottom: 3px solid #181a1d;
}

.line-tabs .nav-tabs .nav-item .nav-link:hover,
.line-tabs .nav-tabs .nav-item .nav-link:focus {
    border-bottom: 3px solid #181a1d;
}

/**************************************************************/
.check-header {
    padding: 15px ;
    background: transparent;
}

.check-header .md-check {
    font-size: 15px;
    line-height: 26px;
    color: #212325;
    padding:0;
}

.check-header .md-check>i:before {
    width: 22px;
    height: 22px;
    border: 1px solid #e0e0e0;
    background: #e0e0e0;
}

.check-header .md-check input[type="radio"]:checked+i:after {
    left: 6px;
    top: 6px;
}

.check-header .md-check input[type="radio"]:checked+i:after {
    width: 10px;
    height: 10px;
    background: #96c03a;
}

.check-header .md-check input[type="radio"]+i {
    margin-right: 30px;
}

.check-header .md-check input:checked+i:before {
    background-color: #e0e0e0;
}

.rounded-btn-group .dropdown-toggle::after {
    margin-left: .6em;
}

.rounded-btn-group .btn {
    border-radius: 20px;
    border: none;
    box-shadow: inset 0 -10rem 0px rgba(158, 158, 158, 0.2);
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    line-height:24px;
    padding: 4px 15px 4px 5px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
}
.rounded-btn-group .btn:hover,
.rounded-btn-group .btn:focus {
    outline: none;
}
.rounded-btn-group.btn-group>.btn+.dropdown-toggle{
    padding-right:15px;
    position:relative;
    box-shadow: inset 0 -10rem 0px rgba(158, 158, 158, 0.2);
    max-width: 150px;
}
.rounded-btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.rounded-btn-group.btn-group>.btn+.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.3em;
    vertical-align: middle;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
    position: absolute;
    right: 7px;
    top: 15px;
}
.navjoblisting {
    max-height: 500px;
    overflow-y: auto;
}

/**************************no loads *********************************/

.no-loads {
    width: 200px;
    margin: 80% auto;
    text-align: center;
    display: block;
}


.no-loads i {
    font-size: 48px;
    color: #cacaca;
}

.no-loads p {
    color: #818a91;
}

.loadcount a {
    font-weight: 500;
    color: #2196f3;
}

.no-loads-map {
    width: 200px;
    margin: 25% auto;
    text-align: center;
    display: block;
}

.no-loads-map i {
    border-bottom: 2px solid #96c03a;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 120px;
    color: #cacaca;
}

.no-loads-map p {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.87);
}

.no-jobs {
    width: 240px;
    margin: 16% auto;
    text-align: center;
    display: block;
}

.no-jobs i {
    border-bottom: 2px solid #ffc123;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 120px;
    color: #cacaca;
}

.no-jobs p {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.87);
}
/**************************box *********************************/
/*
Box
*/
.box,
.box-color {
    background-color: #fff;
    position: relative;
    margin-bottom: 1.5rem;
}

.box-header {
    position: relative;
    padding: 1rem;
}

.box-header h2,
.box-header h3,
.box-header h4 {
    margin: 0;
    font-size: 18px;
    line-height: 1;
}

.box-header h3 {
    font-size: 16px;
}

.box-header h4 {
    font-size: 15px;
}

.box-header small {
    display: block;
    margin-top: 4px;
    opacity: 0.6;
}

.box-body {
    padding: 1rem;
}

.box-footer {
    padding: 1rem;
}
.table-box.box table{
    /* width:100%!important; */
}
.table-box-body table.dataTable{
    margin: 0px !important;
    width: 100% !important; 
}
.box-divider {
    border-bottom: 1px solid rgba(120, 130, 140, 0.13);
    margin: 0 16px;
    height: 0;
}

.box-tool {
    position: absolute;
    right: 16px;
    top: 14px;
}

.box-shadow,
.box-shadow .box,
.box-shadow .box-color {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.03);
}

.box-shadow-z0,
.box-shadow-z0 .box,
.box-shadow-z0 .box-color {
    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.15);
}

.box-shadow-z1,
.box-shadow-z1 .box,
.box-shadow-z1 .box-color {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 -1px 0px rgba(0, 0, 0, 0.02);
}

.box-shadow-z2,
.box-shadow-z2 .box,
.box-shadow-z2 .box-color {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 -1px 0px rgba(0, 0, 0, 0.02);
}

.box-shadow-z3,
.box-shadow-z3 .box,
.box-shadow-z3 .box-color {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 -1px 0px rgba(0, 0, 0, 0.02);
}

.box-radius-1x,
.box-radius-1x .box,
.box-radius-1x .box-color {
    border-radius: 2px;
}

.box-radius-2x,
.box-radius-2x .box,
.box-radius-2x .box-color {
    border-radius: 3px;
}

.box-radius-3x,
.box-radius-3x .box,
.box-radius-3x .box-color {
    border-radius: 4px;
}
/**************************list *********************************/

/*
List
*/
.list {
    padding-left: 0;
    padding-right: 0;
    border-radius: 3px;
}

.list.no-border {
    padding-top: 8px;
    padding-bottom: 8px;
}

.list-item {
    display: block;
    position: relative;
    padding: 12px 16px;
}

.list-item::after {
    content: "";
    display: table;
    clear: both;
}

.list-item:last-child .list-body:after {
    border: none;
}

.no-border .list-item {
    padding-top: 8px;
    padding-bottom: 8px;
}

.no-padding .list-item {
    padding-left: 0;
    padding-right: 0;
}

.list-item.active {
    background-color: rgba(22, 32, 42, 0.15);
}

.list-left {
    float: left;
}

.list-left>span {
    display: table-cell;
    vertical-align: middle;
}

.list-left+.list-body {
    margin-left: 56px;
}

.list-body h3 {
    font-size: 16px;
    margin: 0 0 3px 0;
    font-weight: normal;
}

.list-body:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid rgba(120, 130, 140, 0.065);
}


/**************************overview page*********************************/
.project {
    width: 100%;
    float: left;
    margin-bottom: 16px;
    padding: 0px;
}

.project .profile-img {
    float: left;
    position: relative;
    z-index: 1;
    margin-right: 15px;
}

.project .profile-img>.x-thumbnail {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    width: 140px;
    height: 140px;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
}

.project .profile-img>.x-thumbnail>a {
    display: block;
    background: #fff;
    line-height: 140px;

}

.project .profile-img>.x-thumbnail a img {
    width: 140px;
    min-height: 140px;
}

.project .profile-img>.x-thumbnail a i {
    font-size: 72px;
    line-height: 140px;
    vertical-align: middle;
    color: #d3d3d3;
}

/* .project .project-info {
    margin-top: 20px;
    margin-left: 15px;
    padding-right: 0px;
} */
.project-info .title {
    display: block;
    margin-bottom: 5px;
    margin-top:0;
}
.project .project-info .title a {
color: rgba(0, 0, 0, 0.87);
}
.project .project-info .title a:hover {
   text-decoration: none;
}
.project-info .title a span {
    font-size: 14px;
    color: #818a91;
    vertical-align: super;
    display: inline-block;
}

.project-info .material-icons {
    color: rgba(0, 0, 0, 0.87);
    vertical-align: middle;
    font-size: 16px;
}

.project-info p {
    color: #818a91;
    margin-bottom: 5px;
}

.project-info strong {
    color: rgba(0, 0, 0, 0.87);
}

.project-info .title {
    font-size: 28px;
    display: block;
}

.project-info .title label {
    /*    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    padding: 4px 8px;
    border-radius: 3px;
	margin-bottom:0; */
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    border-radius: 100px;
    padding: 0px;
    margin-bottom: 0;
    width: 13px;
    height: 13px;
    margin-top: -15px;
}

.project .project-info small {
    font-size: 14px;
    margin-bottom: 5px;
    display: inline-block;
    margin-right: 20px;
}

.project .project-info small i {
    font-size: 16px;
    vertical-align: middle;
}

.project-info .title label a {
    font-size: 12px;
    display: block;
    cursor: pointer;
}

/**************************box setting list *********************************/
.box-setting-list {
    border-color: #2f3033;
    margin-top:0px;
    overflow-y: auto;
    height: calc(100vh - 60px);
} 
.box-setting-list ul{
    list-style:none;
    padding:0;
}
.box-setting-list ul li a {
    color: #333;
    padding: 10px 5px 10px 12px;
    position: relative;
    display: block;
    font-weight: 600;
}

.box-setting-list ul li.active a {
    color: #333;
    background-color: #CDE6F7;
    border-left: 3px solid #96c03a;
    padding-left: 10px;
}

.box-setting-list ul li a:hover,
.box-setting-list ul li a:focus,
.box-setting-list ul li a.hover {
    background-color: #CDE6F7;
    border-left-color: #96c03a;
    text-decoration: none;
}

.box-setting-list ul li i {
    font-size: 21px;
    vertical-align: -6px;
}
 
/**************************col list *********************************/
.w-40 {
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
}
.avatar i.success {background-color: #4bad29;}
.avatar i.warning {  background-color: #ffc123;}
.avatar i.danger { background-color: #d04444; }
.avatar i.dark { background-color: #263449; }
.avatar i.info { background-color: #2196f3; }

.avatar i {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    margin: 1px;
    border-width: 2px;
    border-style: solid;
    border-radius: 100%;
    background-color: #fff;
}

.col-box-list{
    margin-top:2px;
    overflow-y: auto; 
    height: calc(100vh - 60px);
} 
.col-box-list-1{
    height: calc(100vh - 1px); 
    overflow: unset;
}
.col-box-list-2 {
    height: calc(100vh - 60px);
    margin-top: 1px;
    overflow-y: auto; 
}
.col-box-list .list-item:hover {
    cursor: pointer;
    background: #E6F2FA;
    border-color: #E6F2FA;
}

.col-box-list .list-item {
    padding: 12px 16px 12px 13px;
    border-left: 3px solid #fff;
    background-color: #fff;
}
.col-box-list .list-item.active {
    cursor: pointer;
    background: #CDE6F7;
    border-color: #96c03a;  
}
.col-box-list .list-item .list-body .item-title a{
    color: rgba(0, 0, 0, 0.87);
    font-weight:500;
}
.col-box-list .list-item .list-body .item-title a:hover {
    text-decoration:none;
}
.col-box-list .list-item .avatar.circle {
    text-transform: uppercase;
    vertical-align: middle;
    border-radius: 500px;
    position: relative;
}
.col-box-list .list-item .blue-grey {
    background-color: #607d8b;
    color: rgba(255, 255, 255, 0.87);
}
.col-box-list .list-item .text-ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.col-box-list .list-item .dropdown a{
    padding:0;
    margin-right: -5px;
}
.col-md-3.col-box .col-box-list .list .list-item .list-body .item-title {
    width: 175px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.simple-grid-filter {
    width: 100%;
    border-bottom: 1px solid rgba(120, 130, 140, 0.13);
    /* background: #ffffff; */
    padding: 12px 16px;
}

.table-box-body .dataTables_wrapper .dataTables_info {
    margin: 10px;
    padding: 0px;
    line-height: 33px;
}
.table-box-body .dataTables_wrapper .dataTables_paginate .pagination {
    margin: 10px;
    height: 33px;
    float: right;
}
/***********************modal****************************/
     .modal-content{border-radius:3px;box-shadow:0 5px 5px rgba(0,0,0,.25)} 
  .custom-height .modal-body{min-height: 500px;}
  .custom-height .modal-body #map-modal{height: 385px;} 
  .custom-height .modal-body #map-modal-sp{height: 385px;} 

#add_companybox_listing .ui-switch.text-switch>span.load.noselect,
#add_companybox_listing .ui-switch.text-switch>span.load {
    vertical-align: top;
}
@media (min-width: 992px){
    .hidden-lg-up {
      display: none !important;
    }
}
@media (max-width: 800px) {
	.sidebar{ left:-210px;}	
	.navbar-brand>img{ width:100%;}				
	.container-fluid>.navbar-header {    margin-left: -5px;    width: 25%;    background: #f8f8f9;}	
	.stat-panel .icon-box i {    line-height: 60px;}	
	.stat-panel .icon-box {		min-height: 60px;    border-right: none;	border-bottom: 1px solid #dce4ec;}
	.stat-panel .info-box{ text-align:center;}
	}
	@media (max-width: 768px) {	
	.sidebar{ left:-210px;}	.navbar-brand>img{ width:100%;}		
	.container-fluid>.navbar-header {    margin-left: -5px;    width: 25%;    background: #f8f8f9;}	
	.stat-panel .icon-box i {    line-height: 60px;}	
	.stat-panel .icon-box {		min-height: 60px;    border-right: none;	border-bottom: 1px solid #dce4ec;}
	.stat-panel .info-box{ text-align:center;}
	}
	@media (max-width: 600px) {	
	.sidebar{ left:-210px;}	
	.navbar-brand>img{ width:100%;}		
	.container-fluid>.navbar-header {    margin-left: -5px;    width: 25%;    background: #f8f8f9;}	
	.stat-panel .icon-box i {    line-height: 60px;}	
	.stat-panel .icon-box {		min-height: 60px;    border-right: none;	border-bottom: 1px solid #dce4ec;}
	.stat-panel .info-box{ text-align:center;}
	}

    
/*
Switch
*/
.ui-switch {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 32px;
    height: 18px;
    border-radius: 30px;
    background-color: #22b66e;
    margin: 0;
}

.ui-switch input {
    position: absolute;
    opacity: 0;
}

.ui-switch input:checked+i:before {
    top: 50%;
    bottom: 50%;
    left: 50%;
    right: 5px;
    border-width: 0;
    border-radius: 5px;
}

.ui-switch input:checked+i:after {
    margin-left: 15px;
}

.ui-switch i:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 30px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.ui-switch i:after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 16px;
    top: 1px;
    bottom: 1px;
    border-radius: 50%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-transition: margin 0.3s;
    transition: margin 0.3s;
}

.ui-switch-md {
    width: 40px;
    height: 24px;
}

.ui-switch-md input:checked+i:after {
    margin-left: 17px;
}

.ui-switch-md i:after {
    width: 22px;
}

.ui-switch-lg {
    width: 50px;
    height: 30px;
}

.ui-switch-lg input:checked+i:after {
    margin-left: 21px;
}

.ui-switch-lg i:after {
    width: 28px;
}

.ui-switch.text-switch {
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
    text-align: left;
    padding-left: 8px;
}

.ui-switch.text-switch>span {
    color: #fff;
    position: relative;
    z-index: 1;
    line-height: 18px;
    font-size: 11px;
    margin-left: 11px;
}

.ui-switch.text-switch.offtracking>span {
    margin-left: 15px;
}

.ui-switch.text-switch>span.load.noselect {
    margin-left: 20px;
}
.ui-switch.text-switch>span.load {
    margin-left: 0px;
}

.ui-switch.text-switch input:checked+i:after {
    margin-left: 11px;
    right: 1px;
    left: auto;
}

.ui-switch.text-switch {
    width: 60px;
}

.ui-switch.text-switch i:after {
    right: auto;
    left: 1px;
}

.ui-switch.text-switch i:before {
    background-color: #ffc123;
}

.ui-switch.text-switch.offduty i:before {
    /* background-color: #d04444; */
    background-color: #78828c;
}

.ui-switch.text-switch.notificationoff {
    width: 110px;
}

.ui-switch.text-switch.notificationoff>span {
    margin-left: 18px;
}

.ui-switch.text-switch.notificationon {
    width: 110px;
}

.table-epc-min>div {
    font-size: 10px;
}

.ontracking.ui-switch.text-switch {
    width: 90px;
}
.form-control.datepicker {
    width: 100%;
    padding: 6px 12px;
    box-sizing: border-box;
}

.offtracking.ui-switch.text-switch {
    width: 90px;
}
 .datepicker,
 .table-condensed {
     width: 250px;
 }
#assign_auto_asset .modal-body .fix-h-scroll{ 
    max-height: 350px;
    overflow-y: auto;  
}
 /**************box-timeline*****************/

.box-timeline {
    height: calc(100vh - 80px);
    overflow: hidden;
}
.box-timeline .nav-item {
    margin: 0 0 0 5px;
}
.box-timeline .nav-item .btn.btn-sm{
    line-height: 20px;
}
.box-timeline .box-visualizer{
    height: calc(100vh - 130px);
    overflow-y: auto;
}




    .box-visualizer *,
    .box-visualizer *::before,
    .box-visualizer *::after {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    } 
    .box-visualizer h4 {
        text-align: center;
    } 
    .box-visualizer ul { 
    display: grid;
    grid-template-columns: 4px 1fr;
    grid-auto-columns: max-content;
    column-gap: 20px;
    list-style: none;
    width: 80%;
    margin-inline: auto;
    margin-top: 20px;
    } 
    .box-visualizer ul::before {
    content: "";
    grid-column: 1; 
    grid-row: 1 / span 76; 
    background: #ddd;
    border-radius: 0;
    margin-top:20px;
    } 
    .box-visualizer ul li:not(:last-child) {
    margin-bottom: 20px;
    } 
    .box-visualizer ul li {
    grid-column: 2; 
    margin-inline: 24px;
    grid-row: span 2;
    display: grid;
    grid-template-rows: min-content min-content min-content;
    } 
    .box-visualizer ul li .date { 
    height:40px;
    margin-inline: calc(24px * -1); 
    text-align: center;
    background-color:rgba(0, 0, 0, 0.1);
    color: #546a79; 
    font-size:  12px;
    line-height: 14px;
    font-weight: 700; 
    display: grid;
    place-content: center;
    position: relative; 
    border-radius: calc(48px / 2) 0 0 calc(48px / 2);  
    display: flex; 
    flex-direction: column;
    align-items: center;
    justify-content: center; 
    padding: 0 10px;     
    text-wrap: wrap;
    } 
    .box-visualizer ul li .date::before {
    content: "";
    width:24px;
    aspect-ratio: 1;  
    background-image: linear-gradient(rgba(0, 0, 0, 0.1) 100%, transparent);
    position: absolute;
    top: 100%; 
    clip-path: polygon(0 0, 100% 0, 0 100%);
    right: 0;
    } 
    .box-visualizer ul li .date::after {
    content: "";
    position: absolute;
    width:20px;
    aspect-ratio: 1;
    background:#fff;
    border: 3px solid #657984;
    border-radius: 50%;
    top: 50%; 
    transform: translate(50%, -50%);
    right: calc(100% + 20px + 4px / 2);
    }
    .box-visualizer ul li .date .label{ 
        font-size: 12px;
        line-height: 14px;
        font-weight: 400;
        padding: 1px 5px;
        margin: 0 0 0 5px;
        font-size: 10px;
    }
    .box-visualizer ul li .date .company-title{}
    .box-visualizer ul li .date .company-job{}
    .box-visualizer ul li .status-table { 
    background-color: #f9f9f9;
    }
    .box-visualizer ul li .status-table tr{
        position:relative;
    }
    .box-visualizer ul li .status-table tr:after{
        content: '';
        height: 1px;
        background-color: #ddd;
        width: 100px;
        display: block;
        position: absolute;
        bottom: 0;
        margin: 0 auto;
        left: 33%;
    }
    .box-visualizer ul li .status-table tr:last-child:after{
        content: none; 
    }
    .box-visualizer ul li .status-table .d-user,
    .box-visualizer ul li .status-table .d-id {
    display: block;
    font-size: 10px;
    margin: 0 0 5px 0;
    color: #546a79;
    }  
    .box-visualizer ul li .status-table .d-id .c-title{
        display: block;
        font-size: 10px;
        line-height: 15px;
        font-weight: 600;
        color: rgba(0, 0, 0, 0.87);
    }
    .box-visualizer ul li .status-table .d-id .label{
        padding: 1px 5px;
        margin: 0 0 0 5px;
        font-size: 10px;
        line-height: 15px;
        font-weight: 400;
    }
    .box-visualizer ul li .title,
    ul li .descr { 
    position: relative;
    padding-inline: 1.5rem;
    } 
    .box-visualizer ul li .title {
    overflow: hidden;
    padding-block-start: 1.5rem;
    padding-block-end: 1rem;
    font-weight: 500;
    } 
    .box-visualizer ul li .descr { 
        font-weight: 300;
        margin: 0;
        font-size: 12px;
        line-height: 15px; 
        vertical-align: top;
        overflow: hidden;
        padding-block-start: 1.5rem;
        padding-block-end: 1rem; 
        color: #546a79;
    }  
    .box-visualizer ul li::before {
    bottom: calc(100% + 0.125rem);
    } 
    .box-visualizer ul li .descr::before {
    z-index: -1;
    bottom: 0.25rem;
    }
     
    @media (min-width: 40rem) {
        .box-visualizer ul {
            grid-template-columns: 1fr 4px 1fr;
        }

        .box-visualizer ul::before {
            grid-column: 2;
        }

        .box-visualizer ul li:nth-child(odd) {
            grid-column: 1;
        }

        .box-visualizer ul li:nth-child(even) {
            grid-column: 3;
        }

        /* start second card */
        .box-visualizer ul li:nth-child(2) {
            grid-row: 2/4;
        }

        .box-visualizer ul li:nth-child(odd) .date::before {
            clip-path: polygon(0 0, 100% 0, 100% 100%);
            left: 0;
        }

        .box-visualizer ul li:nth-child(odd) .date::after {
            transform: translate(-50%, -50%);
            left: calc(100% + 20px + 4px / 2);
        }

        .box-visualizer ul li:nth-child(odd) .date {
            border-radius: 0 calc(48px / 2) calc(48px / 2) 0;
            border-radius: 0 15px 15px 0;
        }
    }


/**************box-timeline end*****************/