body { /*background-image:url(../images/frame_bg.jpg);*/
	background-repeat: repeat-x;
	background-position: top 0;
	background-color: #c7712b4a;
}
.login_container{display: flex;
justify-content: center;
align-content: center;
height: 100vh; 
flex-direction: column;}

.login_container .login-wrap{padding:0; width:100%;}
.p_title{font-size:14px; font-weight: 700; color:#000;}
.login_btn{ background-color:#3a7afe; width:100%;}
.el_head_select{ max-width:200px; width:100%;background-color: #3a7afe;
border: 0;
color: #fff;}
.el_head_select:focus{background-color: #3a7afe;color: #fff;}
.el_head_select_li{ margin-left:auto;}
.header__navbar ul{justify-content: flex-start; padding:0 30px;}
.header__navbar > ul > li:first-child  > a{ border-left:0; padding-left:0;color:#000;}
.header__navbar ul li a{font-size:14px; padding:10px 10px; font-weight: 500;
color: #000;border-left: 1px solid rgba(255,255,255,0.05);}
.bot-line{height:2px;}
.header__navbar ul li a i {
	margin-right: 0;
	color: #000;
}
.header__navbar ul li.has-sub ul {
	padding: 0;
	color: #000;
}
.header__navbar ul li a:hover {color:#000;
}
.section1 {
	background: #6E8A9F;
	color: #000;
	padding: 25px;
	border-radius: 10px;
	font-size: 18px;
}
.section1 h3 {
	color: #fff;
	margin-bottom: 10px;
}

.section2 {
	background: #E3B895;
	color: #fff;
	padding: 25px;
	border-radius: 10px;
	font-size: 18px;
}
.section2 h3 {
		color: #fff;
		margin-bottom: 10px;
	}

.header__navbar .header3-sub-list {
	position: absolute;
	min-width: 260px;
	background: #fff;
	-webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	opacity: 0;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-transition: all .0s ease;
	-o-transition: all .0s ease;
	-moz-transition: all .0s ease;
	transition: all .0s ease;
}

.hamburger{width:36px;height:36px;padding:0;line-height:1;vertical-align:top; display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.hamburger{background:transparent}
.hamburger .hamburger-box {
	width: 20px;
	height: 15px;position: relative;
	display: inline-block;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
	position: absolute;
	width: 40px;
	height: 4px;
	transition-timing-function: ease;
	transition-duration: .15s;
	transition-property: transform;
	border-radius: 4px;
	background-color: #000;
}
.hamburger .hamburger-box .hamburger-inner{background:#fff;	width: 20px;
	height: 2px;}
.hamburger .hamburger-box .hamburger-inner::before{background:#fff;
		width: 20px;
		height: 2px;
		top: 6px;display: block;
		content: "";
	
}
body .copyright p{color:#000;}
.hidedesktop {
	display: none;
}
.hamburger.is-active .hamburger-inner {
	transform: translate3d(0,10px,0) rotate(45deg);
}
.hamburger.is-active .hamburger-box .hamburger-inner::before{display: none;}
.hamburger .hamburger-box .hamburger-inner::after{background:#fff; 
		top: 12px;
		width: 20px;
		height: 2px;display: block;
		content: "";
	
}
.header__right {
	display: flex;
	align-items: center;
}
.header__right a.home-icon {
	color: #000;
	font-size: 28px;
}

.user_info {
	display: flex;
	color: #fff;
	background-color: #6E8A9F;
	-webkit-border-radius: 35px 35px 35px 35px;
	border-radius: 35px 35px 35px 35px;
	width: auto;
	justify-content: space-between;
	padding: 0;
	height: 35px;
	position: relative;
	align-items: center;
	margin: 0 0 0 10px;
}
.user_icon i {
	font-size: 20px;
	background-color: #6E8A9F;
	width: 35px;
	height: 35px;
	-webkit-border-radius: 35px 35px 35px 35px;
	border-radius: 35px 35px 35px 35px;
	text-align: center;
	line-height: 33px;
}
.field-validation-error {
	color:red;
}
.setting__btn {
	font-size: 20px;
	margin-right: 10px;
	cursor: pointer;
}
.page-top-wrapper .header__navbar {
	background-color: #6e8a9f;
}
.page-content-bg{ background-color:#fff;-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; width:100%; margin:auto; padding:15px;}
.container {max-width: 100%; padding:0;}
.container_wrapper {max-width: 100%; padding:0 30px;}
.form-control{padding:3px 10px; font-size:14px; height: inherit }
select.form-control{padding:3px 10px; font-size:14px; height: inherit;}
.filter_text {
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	padding: 0 8px;
	line-height: 30px;
}
.width-140{ width:190px;}
.bg-dark-blue {
	background-color: #fab955;
	border: 1px solid #fab955;
	color: #fff;
}
	.bg-dark-blue:focus {
		background-color: #fab955;
		border: 1px solid #fab955;
		color: #fff;
	}
.bg-orange {
	background-color: #6E8A9F;
	border: 0;
	color: #000;
}
	.bg-orange:hover, .bg-orange:focus {
		background-color: #f7f7f7;
		border: 0;
		color: #000;
	}
.bg-red{background-color:#da542e; border:0; color:#fff;}
.bg-red{background-color:#da542e; border:0; color:#fff;}
.bg-red:hover,.bg-orange:focus{background-color:#c53e17; border:0; color:#fff;}
.btn.focus, .btn:focus,.btn:active {
	box-shadow: 0 0 0 .1rem rgba(0,123,255,.5);
}
.buttons-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative; padding:15px 0;}
.btn{font-size:12px; text-transform:uppercase; font-weight:500;padding: 10px 10px; }

.right_filter{display:flex;align-items:center;flex-wrap:wrap;}

.left__buttons{display:flex;}
.left__buttons .btn{margin-right:10px;}
.right__buttons{display:flex;}
.right__buttons .btn{margin-left:10px;padding:8px 10px;background-color:#2081aa;}
	.right__buttons .btn:hover, .right__buttons .btn:focus {
		background-color: #1b6796;
		outline:none;
	}


.table-data2.table {
	border: 1px solid #eeeeee;
}
.table-data2.table thead th{padding: 10px 10px; font-size:12px; background-color:#f8f8f8; color:#000}
.table-data2.table tbody td{padding:5px 10px; font-size:12px; color: #606060;}
.status_color{color:#eca02c; }
.table-data2.table tbody tr td:first-child{ vertical-align:middle;}
.table-data2.table tbody tr { border-bottom:1px solid #eee;}

.table_btn_links{display: flex; justify-content: space-between; margin-bottom:15px;}
.table_status{}
.table_status ul{ margin:0; padding:0; }
.table_status ul li{display: inline-block; vertical-align: top; color: #000; margin-right: 5px; font-weight: 500;}
.table_status ul li a{}
.table_status ul li a:hover{}
.table_statusClr{display: inline-block; vertical-align: middle; width: 15px;height: 15px; color: #fff; background-color: #ff0000;-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;}

.clr-pending{background-color:#ffb748;}
.clr-open{background-color:#ff0000;}
.clr-refused{background-color:#b400ff;}
.clr-covered{background-color:#111ba5;}
.clr-dispatched{background-color:#da542e;}
.clr-onRoute{background-color:#1a9e30;}
.clr-unLoading{background-color:#909090;}
.clr-inYard{background-color:#f440af;}

.table_links ul{ margin:0; padding:0; }
.table_links ul li{display: inline-block; vertical-align: top; color: #000;margin-left: 5px;font-weight: 500;}
.table_links ul li a{color:#000;}
.table_links ul li a:hover{color:#3a7afe;}

.setting-menu{}
.setting-menu .navbar-sidebar2 .navbar__list li a{padding: 12px 15px; font-size: 14px;color:#000;}
.setting-menu .navbar-sidebar2 .navbar__list li .arrow{right: 5px;height: 48px;
	width: 48px;
	line-height: 48px;}
	.navbar-sidebar2 .navbar__list li{cursor: default;}
.setting-menu .navbar-sidebar2 .navbar__list li .au-checkbox{color:#000;padding:7px 15px; display: block; margin-bottom: 0; cursor: pointer;}
.setting-menu .navbar-sidebar2 .navbar__list li .au-checkbox:first-child{ padding-top: 12px;}
.setting-menu .navbar-sidebar2 .navbar__list li .au-checkbox:last-child{ padding-bottom: 12px;}
.filterBtn{padding: 7px 15px 15px;}
.filterBtn .btn{ min-width:100px;}
.au-checkbox{cursor: pointer;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #202020;
	border-color: #202020;
}
.commonBtn{min-width: 120px;}
.table-data-feature .item{height: 26px;
	width: 26px;}
.table-data-feature .item i{font-size: 14px;
	color: #000;}
	.datepicker table tr th{font-weight: 500; font-size: 13px;}
	.datepicker table tr td{font-weight: 400; font-size: 13px;}
	.datepicker .next,.datepicker .prev{font-size: 25px;}
	.dt_picker{ background-image: url(../images/dp_white.png); background-repeat: no-repeat; background-position: right 6px;}
	.dt_picker.dd_dark {
		background-image: url(../images/dp_grey.png);
		background-repeat: no-repeat;
		background-position:right 8px;
	}
	.inner_page .p_title{margin-bottom: 20px;}
	.inner_page .form-control{padding: 6px 10px;}
.inner_page .tab-content .form-control {
	padding: 6px 10px 5px; height:auto;
}
.el_small_fld select.form-control {
	padding: 6px 5px 5px !important;
	width: 60px;
}

.custom_tabs ul {
	margin: 0;
	padding: 0;
	display: flex;
	width: 100%;
	border-bottom: 1px solid #ccc
}
	.custom_tabs ul li{list-style: none; vertical-align: top; border:1px solid #ddd; margin:0 5px;-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0; position: relative;}
		.custom_tabs ul li.active_tb span{background-color:#3a7afe ; color:#fff;}
		.custom_tabs ul li:hover span{background-color:#3a7afe ; color:#fff;}
		.custom_tabs ul li span{display: block; cursor: pointer; padding: 5px 10px; }
		.tab_content{position: relative; z-index: 1; padding: 15px; background-color:#ecf2ff; display: none; }
	.carrier_tabs .tab-pane{margin-bottom:30px;}

label.hidden_label{ opacity:0;}
.inner_page .tab-content textarea.el_textarea100 {
	height: 107px;
}
.el_min100 {
	min-width: 100px;
	font-weight: bold;
}
.el_form_headding{
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 10px;
	/* border-bottom: 1px dashed #ccc; */
	padding: 10px;
	background-color: #f5f5f5;
}
.el_qttable {
	width:100%;
	
}
	.el_qttable th {
		padding: 10px;
		background-color: #ddd;
		border: 1px solid #ccc;
		color: #000;
	}
	.el_qttable td {
		padding: 5px;
		border:1px solid #ccc;
		 
	}
.form-check-label.form-check-inline{margin-right:0;}
.el_tablescroll {
	max-height: 600px;
	overflow-x: auto;
	max-width: 1100px;
}

/* =================Side Bar Menu===================*/
#main_outer {
	padding-left: 55px;
	transition: all .4s ease 0s;
	height: 100%
}
#sidebar_wrapp {
	margin-left: -250px;
	left: 55px;
	width: 250px;
	position: absolute;
	height: 100%;
	transition: all .4s ease 0s;
	top: 168px;
}
.sidebar-nav {
	display: block;
	float: left;
	width: 250px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.right_col {
	padding-left: 0;
	margin-left: 0;
	width: 100%;
	height: auto;
}
#main_outer.active {
	padding-left: 250px;
}
#main_outer.active #sidebar_wrapp {
	left: 250px;
}
.right_col {
	width: 100%;
}
#sidebar_menu li a, .sidebar-nav li a {
	color: #000;
	display: block;
	float: left;
	text-decoration: none;
	width: 250px;
	background: #c7712b4a;
	position: relative;
	border-bottom: 1px solid #000;
	-webkit-transition: background .5s;
	-moz-transition: background .5s;
	-o-transition: background .5s;
	-ms-transition: background .5s;
	transition: background .5s;
}
	#sidebar_menu li a i, .sidebar-nav li a i {
		color: #000;
	}
.user_info .user_icon {
	width: calc(100% - 20px);
	padding-right: 24px;
}

.sidebar_name {
	padding-top: 25px;
	color: #000;
	opacity: .7;
}

.sidebar-nav li {
	line-height: 40px;
	text-indent: 20px;
}

.sidebar-nav li a {
	color: #000;
	display: block;
	text-decoration: none;
}

	.sidebar-nav li a:hover, .sidebar-nav li a.active {
		color: #000;
		background: #f7f7f7;	
		text-decoration: none;
	}
		.sidebar-nav li a.active i, .sidebar-nav li a:hover i {
			color: #000;
		}

.sidebar-nav li a:active, .sidebar-nav li a:focus {
	text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
	height: 63px;
	line-height: 60px;
	font-size: 18px;
}

.sidebar-nav > .sidebar-brand a {
	color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
	color: #fff;
	background: none;
}

#main_icon {
	float: right;
	padding-right: 21px;
	padding-top: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.sub_icon {
	float: right;
	padding-right: 35px;
	padding-top: 10px;
}

.top_heads .p_title, .top_heads .filter_text {
	color: #101010;
}
.paging_simple_numbers {
	display: flex;
	justify-content: center;
	padding: 1.5rem 0;
}

	.paging_simple_numbers span {
	}

	.paging_simple_numbers a {
		margin: 3px 5px;
		padding: 4px 12px;
		background-color: #2081aa;
		color: #fff;
	}

.paging_simple_numbers a.disabled {
	opacity: 0.7;
	cursor: none;
	pointer-events: none;
}

.paging_simple_numbers a.current {
background-color: #1b6796;
}
.right_filter .form-control {
	background-color: #f2f2f2;
	border-color: #ccc;
	color:#101010;
	height:auto !important;
}
.dt_picker {
	background-image: url(../images/dp_gray.png);
}





/* @media Queries  */
@media(max-width:1280px) {
	.right_filter .width-140{width:100%;}
}
@media (min-width:992px) and (max-width:1280px){
	.header__navbar ul{padding:0 15px;}
.container_wrapper{padding:0 15px;}
.header3-wrap.section__content--p30{ padding:0 15px;}
	.header__navbar ul li a{font-size: 12px;}
	.el_head_select {font-size: 12px; width: 140px;}
	.setting-menu::before{right: 23px;}
}
@media(max-width:991px){
.header3-wrap.section__content--p30{ padding:0 15px;}
.header__logo{max-width: 150px;}
.header__navbar ul{padding:0 15px;}
.container_wrapper{padding:0 15px;}
.buttons-wrap{display: block;}
.left__buttons{margin-bottom: 15px;}
.right_filter { justify-content: flex-end;}

.setting-menu::before{right: 23px;}
.hidedesktop{display: block;}
.header__navbar ul.list-unstyled{ display: none; padding-bottom: 20px; background: #0000;

}
.header__navbar ul li.has-sub ul{position: relative; 
		opacity: 1;
		-webkit-transform: scaleY(1);
		-moz-transform: scaleY(1);
		-ms-transform: scaleY(1);
		-o-transform: scaleY(1);
		transform: scaleY(1);  
}
.header__navbar .header3-sub-list li a{border-bottom: 1px solid #101010;}
.header__navbar ul.list-unstyled li{display: block; width: 100%;}
.header__navbar ul li a{border:0; padding-left:0 ;}
.header__navbar ul li a i{display: none;}
/* .header__navbar ul.list-unstyled{display:none;} */
.left__buttons{flex-wrap: wrap;}
.left__buttons .btn{margin-bottom: 10px;}
}

@media(max-width:767px){
body{background-color: #09112b;}
.dt_picker{background-position:right 6px;}
.right_filter{justify-content: flex-start;flex-wrap: wrap;}
.right_filter .width-140{margin: 0 0 15px 0;}
.right__buttons{justify-content: flex-end;width: 100%;}
.filter_text{ padding-left: 0;}
.hideMobile{display: none;}
.bot-line{display: none;}
.page-top-wrapper .header__navbar{margin: 15px 0;}
.header-desktop{height: auto;}
.header-desktop .section__content{padding-top: 15px;}
.inner_page .p_title {margin-bottom: 15px;}
.commonForm{ border: 0;}
.commonForm .card-body{padding: 0;}

	#main_outer {
		padding-left: 70px;
		transition: all .4s ease 0s;
	}

	#sidebar_wrapp {
		left: 70px;
	}

	#main_outer.active {
		padding-left: 150px;
	}

		#main_outer.active #sidebar_wrapp {
			left: 150px;
			width: 150px;
			transition: all .4s ease 0s;
		}
}



/* End @media Queries  */