/** style.css
 * 
 * Theme Name:	AWB Theme
 * Version:		2.0.1
 */
 
/*
 * Component: Main Header
 * ----------------------
 */
 a {cursor: pointer;}
 
.main-header {
  position: relative;
  max-height: 100px;
  z-index: 1030;  
  background-color: #3c8dbc;
}
.company-logo{
	color:white;
	font-size: 20px;
	font-weight:bold;
	line-height: 50px;	
}
.sidebar{
	float:left;
	width: 200px;
	position: absolute;
	top:0;
	left:0;
	padding-top:50px;
}
#sidebar{
	float:left;
	width: 200px;
	position: absolute;
	top:0;
	left:0;
	padding-top:50px;
}
#sidebar.active {
    margin-left: -150px;
}
section{
	margin-left: 130px;
	padding-top: 10px;
	/*background-color: #ecf0f5;*/
	background-color: white;
	min-height: 100vh;
	overflow:hidden;
}
#sub-menu{padding: 0; margin-top:0;background: #222d32;min-height: 100vh;}
.side-menu{text-align: left; margin: 0; padding-left:2px;}
.side-menu {list-style-type:none;margin-top: 10px;}
.side-menu li, .side-menu li a {color: #8aa4af; padding-top:10px;}
./*side-menu i{margin-right: 10px;}*/
.side-menu li p.active{background:#0f4767; color: white; font-weight: bold;}
.side-menu li li {list-style-type:none;}
.side-menu li li.active a{font-weight: bold;color: white;}
.side-menu li li:hover a{text-decoration: none; color: white;}
.side-menu li li:hover {color:white;}
.side-menu li p{color:#616161;}
.side-menu-item {font-size: 18px; font-weight:bold;}
.side-menu-item:hover{color:white; text-decoration:none;}
.menu-list {display:none;padding-left:10px;}
.side-menu .active{color:white; text-decoration:none;}
.dx-datagrid {z-index:0 !important; padding-top:10px;}
.side-menu-item  i{width:20px;}

@media only screen and (max-width: 900px) {
    section {margin:0;}
	.sidebar{width: 100%;position:relative; float:none;padding:0;display:none;}	
}

#ui-datepicker-div{
	z-index: 9999 !important;
}

.help-block{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.form-control-feedback{
	right: 15px !important;
	pointer-events: auto !important;
	cursor: pointer;
}
/*.form-control-feedback:hover{background-color: #ddd; border-radius: 10px;}*/
.wrapper1, .w2{
	width: 100%;
    padding: 6px 12px;
	min-height: 34px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;    
    border-bottom: 1px solid #ccc;
	margin-bottom:0;
}

.edit-confirm, .note-confirm, .select-customer-detail{right:45px !important;color: #3c763d;}
.edit-cancel, .note-cancel{color: #d9534f;}
.edit-field, .note-edit{color: #8a6d3b;}
.note-edit {right:45px !important;}
.note-delete {color: #d9534f;}
.content {white-space: pre-line;}
.dx-datagrid-search-panel{margin-right: 20px;}
.selected {text-decoration: none; font-weight: bold;}

.input-error{ border: 1px solid #a94442;}
@media (max-width: 480px) {
    #mobile-menu {
           display: flex;
    }
}
@media (min-width: 1200px) {
    #mobile-menu {
           display: none;
    }
}
@media (min-width: 992px) {
    #mobile-menu {
           display: none;
    }
}
@media (min-width: 750px) {
    #mobile-menu {
           display: none;
    }
}

.dx-pivotgrid{
    font-size:16px !important;
	color: black !important;
}