html{
	background: #fff;
}

body {
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: 400 !important;
	font-size: 12px !important;
	padding-right:0px !important;
	margin-right:0px !important;
}

/* #main{
   padding-bottom: 25px !important;
   min-height: 200px !important;
} */

.page-footer{
	height: 34px !important;
	padding:10px !important;
}

@keyframes fadein {
	from { opacity:0; }
	to { opacity:1; }
}
@-moz-keyframes fadein { /* Firefox */
	from { opacity:0; }
	to { opacity:1; }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
	from { opacity:0; }
	to { opacity:1; }
}
@-o-keyframes fadein { /* Opera */
	from { opacity:0; }
	to { opacity: 1; }
}

.modal-header>label{
	margin: 0!important;
	font-size: 14px!important;
}

.modal-header{
   padding: 10px !important;
}

.modal-body {
	overflow-x: hidden;
}

.dt-home{
	margin-top: 7px;
	padding: 0 5px 0 5px;
	text-align: right;
	color: white;
	pointer-events: none;
}

.dt-home>dy{
	font-size: 12px;
	font-weight: bold;
}

.dt-home>.tm{
	font-size: 14px;
	font-weight: bold;
}

.dt-home>.dt{
	font-size: 12px;
	font-weight: bold;
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
}
.vertical-center {
  min-height: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.border-line{
	border: 1px solid #BDBDBD;
	margin-bottom: 5px;
}

i.glyphicon>span{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px;
	font-weight: bold;
	margin-left: -2px;
}

/* ============================================================================================================== */
/* Style Menu Grid */
/* ============================================================================================================== */
.hero-widget {
	text-align: center;
	border-bottom:4px solid transparent;
	color:#000;
	min-height: 64px;
}

div.hero-widget>div.text>label:hover{
	cursor: pointer;
}

a>div.hero-widget:hover{
	/* background:#5ba0a3; */
	background: #005285a8;
	cursor:pointer;
	color:#FFFFFF;
	border-bottom:4px solid #990000;
}

nav ul li.disabled, nav ul li.disabled>a{
	cursor: not-allowed;
	opacity: 0.5;
	background: none;
	pointer-events: none;
}

.hero-widget .icon {
	display: block;
	font-size: 32px;
	/* line-height: 32px;
	padding: 10px; */
	line-height: normal;
	padding: 10px 10px 5px 10px;
	text-align: center;
}

.hero-widget>.text{
	overflow:hidden;
	text-overflow: ellipsis;
}

.hero-widget label {
	/* min-height: 20px; */
	height: auto;
	font-size: 13px;
	white-space: pre-wrap;
	vertical-align: middle;
}

.hero-widget .options {
	margin-top: 10px;
}

/* ============================================================================================================== */
/* END Style Menu Grid */
/* ============================================================================================================== */

.no-bg, .no-bg:focus{
	background: none !important;
	background-color: none !important;
}

/* ============================================================================================================== */
/* PADDING & MARGIN*/
/* ============================================================================================================== */
/* Padding */
.pd-1{padding: 1px !important;}
.pd-2{padding: 2px !important;}
.pd-3{padding: 3px !important;}
.pd-4{padding: 4px !important;}
.pd-5{padding: 5px !important;}
.pd-6{padding: 6px !important;}
.pd-7{padding: 7px !important;}
.pd-8{padding: 8px !important;}
.pd-9{padding: 9px !important;}
.pd-10{padding: 10px !important;}

/* Margin */
.mg-1{margin: 1px!important;}
.mg-2{margin: 2px!important;}
.mg-3{margin: 3px!important;}
.mg-4{margin: 4px!important;}
.mg-5{margin: 5px!important;}
.mg-6{margin: 6px!important;}
.mg-7{margin: 7px!important;}
.mg-8{margin: 8px!important;}
.mg-9{margin: 9px!important;}
.mg-10{margin: 10px!important;}

/* No Padding */
.no-pd{padding: 0!important;}

/* Padding Top */
.no-pd-top{padding-top: 0!important;}
.pd-top-1{padding-top: 1px!important;}
.pd-top-2{padding-top: 2px!important;}
.pd-top-3{padding-top: 3px!important;}
.pd-top-4{padding-top: 4px!important;}
.pd-top-5{padding-top: 5px!important;}
.pd-top-6{padding-top: 6px!important;}
.pd-top-7{padding-top: 7px!important;}
.pd-top-8{padding-top: 8px!important;}
.pd-top-9{padding-top: 9px!important;}
.pd-top-10{padding-top: 10px!important;}

/* Padding Right */
.no-pd-right{padding-right: 0!important;}
.pd-right-1{padding-right: 1px!important;}
.pd-right-2{padding-right: 2px!important;}
.pd-right-3{padding-right: 3px!important;}
.pd-right-4{padding-right: 4px!important;}
.pd-right-5{padding-right: 5px!important;}
.pd-right-6{padding-right: 6px!important;}
.pd-right-7{padding-right: 7px!important;}
.pd-right-8{padding-right: 8px!important;}
.pd-right-9{padding-right: 9px!important;}
.pd-right-10{padding-right: 10px!important;}

/* Padding Bottom */
.no-pd-bottom{padding-bottom: 0!important;}
.pd-bottom-1{padding-bottom: 1px!important;}
.pd-bottom-2{padding-bottom: 2px!important;}
.pd-bottom-3{padding-bottom: 3px!important;}
.pd-bottom-4{padding-bottom: 4px!important;}
.pd-bottom-5{padding-bottom: 5px!important;}
.pd-bottom-6{padding-bottom: 6px!important;}
.pd-bottom-7{padding-bottom: 7px!important;}
.pd-bottom-8{padding-bottom: 8px!important;}
.pd-bottom-9{padding-bottom: 9px!important;}
.pd-bottom-10{padding-bottom: 10px!important;}

/* Padding Left */
.no-pd-left{padding-left: 0!important;}
.pd-left-1{padding-left: 1px!important;}
.pd-left-2{padding-left: 2px!important;}
.pd-left-3{padding-left: 3px!important;}
.pd-left-4{padding-left: 4px!important;}
.pd-left-5{padding-left: 5px!important;}
.pd-left-6{padding-left: 6px!important;}
.pd-left-7{padding-left: 7px!important;}
.pd-left-8{padding-left: 8px!important;}
.pd-left-9{padding-left: 9px!important;}
.pd-left-10{padding-left: 10px!important;}

/* Margin */
.no-mg{margin: 0!important;}

/* Margin Top */
.no-mg-top{margin-top: 0!important;}
.mg-top-1{margin-top: 1px!important;}
.mg-top-2{margin-top: 2px!important;}
.mg-top-3{margin-top: 3px!important;}
.mg-top-4{margin-top: 4px!important;}
.mg-top-5{margin-top: 5px!important;}
.mg-top-6{margin-top: 6px!important;}
.mg-top-7{margin-top: 7px!important;}
.mg-top-8{margin-top: 5px!important;}
.mg-top-9{margin-top: 9px!important;}
.mg-top-10{margin-top: 10px!important;}

/* Margin Right */
.no-mg-right{margin-right: 0!important;}
.mg-right-1{margin-right: 1px!important;}
.mg-right-2{margin-right: 2px!important;}
.mg-right-3{margin-right: 3px!important;}
.mg-right-4{margin-right: 4px!important;}
.mg-right-5{margin-right: 5px!important;}
.mg-right-6{margin-right: 6px!important;}
.mg-right-7{margin-right: 7px!important;}
.mg-right-8{margin-right: 8px!important;}
.mg-right-9{margin-right: 9px!important;}
.mg-right-10{margin-right: 10px!important;}

/* Margin Bottom */
.no-mg-bottom{margin-bottom: 0!important;}
.mg-bottom-1{margin-bottom: 1px!important;}
.mg-bottom-2{margin-bottom: 2px!important;}
.mg-bottom-3{margin-bottom: 3px!important;}
.mg-bottom-4{margin-bottom: 4px!important;}
.mg-bottom-5{margin-bottom: 5px!important;}
.mg-bottom-6{margin-bottom: 6px!important;}
.mg-bottom-7{margin-bottom: 7px!important;}
.mg-bottom-8{margin-bottom: 8px!important;}
.mg-bottom-9{margin-bottom: 9px!important;}
.mg-bottom-10{margin-bottom: 10px!important;}

/* Margin Left */
.no-mg-left{margin-left: 0!important;}
.mg-left-1{margin-left: 1px!important;}
.mg-left-2{margin-left: 2px!important;}
.mg-left-3{margin-left: 3px!important;}
.mg-left-4{margin-left: 4px!important;}
.mg-left-5{margin-left: 5px!important;}
.mg-left-6{margin-left: 6px!important;}
.mg-left-7{margin-left: 7px!important;}
.mg-left-8{margin-left: 8px!important;}
.mg-left-9{margin-left: 9px!important;}
.mg-left-10{margin-left: 10px!important;}
/* ============================================================================================================== */
/* END PADDING & MARGIN */
/* ============================================================================================================== */

/* ============================================================================================================== */
/* BORDER */
/* ============================================================================================================== */
.border{
	border: 1px solid #ccc;
}
/* ============================================================================================================== */
/* END Border */
/* ============================================================================================================== */
/* Label */
.form-group>label{
	display: block!important;
	width: 100%!important;
	height: auto;
	line-height: auto;
}

.lbl{
	display: block!important;
	width: 100%!important;
	height: auto;
	line-height: auto;
	overflow:hidden; 
	white-space:nowrap;
	text-overflow: ellipsis;
}

.form-group .input-group-addon{
	font-size: 12px!important;
}

.form-group.col-xs-*>.menu-item-parent{
	display: block!important;
	width: 100%!important;
	height: auto;
	line-height: auto;
	overflow:hidden; 
	white-space:nowrap;
	text-overflow: ellipsis;
}

.form-group input[type=text]{
	color: #000099!important;
	font-weight: 500;
}

.form-group input[type=search]{
	color: #000099!important;
	font-weight: 500;
}

input[type=text]{
	color: #000099!important;
	font-weight: 500;
}

input[type=search]{
	color: #000099!important;
	font-weight: 500;
}

.col-txt{
	color: #000099!important;
	font-weight: 500;
}

.form-group select{
	color: #000099!important;
	font-weight: 500;
}

select{
	color: #000099!important;
	font-weight: 500;
}

.form-group input[type=text]:disabled{
	background: #F7F7F7!important;
}

.form-group input[type=search]:disabled{
	background: #F7F7F7!important;
}

input[type=text]:disabled{
	background: #F7F7F7!important;
}

.form-group select:disabled{
	background: #F7F7F7!important;
}

select:disabled{
	background: #F7F7F7!important;
}

.form-group textarea:disabled{
	background: #F7F7F7!important;
}

textarea:disabled{
	background: #F7F7F7!important;
}

/* For Firefox */
.form-group input[type=text]:-moz-read-only {
    background-color: #fff!important;
}

input[type=text]:-moz-read-only {
	background-color: #fff!important;
}

.form-group input[type=text]:read-only{
	background: #fff!important;
}

input[type=text]:read-only{
	background: #fff!important;
}

.form-group input[type=text]:-moz-placeholder{
	font-weight: normal!important;
}

input[type=text]:-moz-placeholder{
	font-weight: normal!important;
}

.form-group input[type=text]:placeholder{
	font-weight: 100!important;
}

input[type=text]:placeholder{
	font-weight: 100!important;
}

.form-group input[type=text].numb_counter{
	border: none!important;
	font-size: 24px!important;
	font-weight: bold!important;
	color: #CC0000!important;
	background: #fff!important;
	width: 100%;
}

.form-group input[type=text].numb{
	border: none!important;
	font-size: 18px!important;
	font-weight: bold!important;
	color: rgb(6, 255, 6)!important;
	background: rgb(44, 42, 42)!important;
	width: 100%;
}

input[type=text].numb{
	border: none!important;
	font-size: 18px!important;
	font-weight: bold!important;
	color: rgb(6, 255, 6)!important;
	background: rgb(44, 42, 42)!important;
	width: 100%;
}

.form-group input[type=text].dis_col_white{
	background: #fff!important;
}

.form-group select.dis_col_white{
	background: #fff!important;
}

.form-group input:focus{
	background: #FEF1DA!important;
}

input:focus{
	background: #FEF1DA!important;
}

.form-group select:focus{
	background: #FEF1DA!important;
}

select:focus{
	background: #FEF1DA!important;
}

.form-group textarea:focus{
	background: #FEF1DA!important;
}

textarea{
	color: #000099!important;
	font-weight: 500;
}

.wspace{
	white-space: pre-wrap;
}

.dt-bootstrap{
	background: white !important;
}

/* enable absolute positioning */
.inner-addon { 
	position: relative;
}

.inner-addon-xs{
	position: relative;
}

/* style icon glyphicon */
.inner-addon .glyphicon {
  	position: absolute;
	opacity: 0.5;
	border:1px solid transparent;
	pointer-events: none;
	height: 24px;
	width: 24px;
	padding: 4px;
	margin: 2px 0 0 3px;
}

/* style icon glyphicon */
.inner-addon-xs .glyphicon{
  	position: absolute;
	opacity: 0.5;
	border:1px solid transparent;
	pointer-events: none;
	height: 24px;
	width: 24px;
	padding: 5px;
	margin: 0;
	top: 0;
}

/* align icon */
.left-addon .glyphicon  {
	left:  0px;
	border-right: 1px solid rgb(194, 194, 194);
}
.right-addon .glyphicon {
	right: 0px;
	border-left: 1px solid rgb(194, 194, 194);
}

/* style icon Font Awesome */
.inner-addon .fa {
  	position: absolute;
	opacity: 0.5;
	border:1px solid transparent;
	pointer-events: none;
	height: 22px;
	width: 22px;
	padding: 2px;
	margin: 2px 0 0 3px;
}

/* align icon */
.left-addon .fa {
	left:  0px;
	border-right: 1px solid rgb(194, 194, 194);
}
.right-addon .fa {
	right: 0px;
	border-left: 1px solid rgb(194, 194, 194);
}

/* style Text */
.inner-addon .text {
	position: absolute;
	opacity: 0.5;
	border:1px solid transparent;
	pointer-events: none;
	height: 24px;
	width: 24px;
	padding: 4px;
	margin: 2px 0 0 3px;
}
.inner-addon-xs .text {
	position: absolute;
	opacity: 0.5;
	border:1px solid transparent;
	pointer-events: none;
	height: 24px;
	width: 24px;
	padding: 3px 5px 3px 5px;
	margin: 0;
	top: 0;
}

/* align icon */
.left-addon .text  {
  left:  0px;
}

.right-addon .text {
  right: 0px;
}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.input-group .input-group-btn>.btn{
   height: 30px !important;
}

.input-group .input-group-btn>.btn-sm{
   height: 30px !important;
}

.input-group .input-group-btn>.btn-xs{
   height: 24px !important;
}

.input-group .input-group-btn>.btn-xs>.glyphicon{
	padding: 3px 5px !important;
}

.btn-xs{
	padding: 2px 5px !important;
}

.btn-sm{
	height: 30px !important;
	padding: 5px 10px 5px;
}

.input-group-addon .glyphicon{
	opacity: 0.5;
}

.input-group-xs>.input-group-addon{
	height: 24px !important;
	padding: 0 5px;
}

.input-group-xs .input-group-btn-xs>.btn{
	height: 24px !important;
	padding: 0 5px !important;
}

.input-xs{
	padding: 2px 5px !important;
	font-size: 12px;
}

@media(max-width:720px) {
	.sm-btn{
		padding: 1px 2px 2px 2px!important;
		margin: 0!important;
		line-height: 24px!important;
	}
	
	.sm-btn span{
		display: none!important;
	}
	
	.sm-btn i{
		margin: 0!important;
		padding: 0!important;
		font-size: 18px;
		vertical-align: middle;
	}

	.res-btn span {
		display: none;
	}

	.res-btn>i {
		font-size: 12px;
	}

	/* .dt-home{
		display: none;
	} */
	
  }
  
.menu-item-parent i {
	color:red;
	font-size: 5px;
	vertical-align: text-top;
}

.sts-aktif{
	color: green!important;
	font-weight: bold;
}

.sts-nonaktif{
	color: red!important;
	font-weight: bold;
}

.msg-head{
	font-weight: bold;
}

.msg-icon-warning{
	font-size: 60px;
	color: red;
}

.msg-icon-warning-18{
	font-size: 18px;
	color: red;
}

.msg-icon-warning-22{
	font-size: 22px;
	color: red;
}

.msg-icon-warning-24{
	font-size: 24px;
	color: red;
}

.msg-icon-warning-32{
	font-size: 32px;
	color: red;
}
.alert-i-error{
	font-size: 16px;
	color: red;
}

.msg-content{
	min-height: 24px;
	vertical-align: middle;
	padding: 3px 0 2px 0;
}

.tooltip-inner {
    min-width: 100px !important;
    max-width: 100% !important; 
}

#logo{
	margin-top:4px !important;
	margin-left:5px !important;
}

#logo img{
	width:160px !important;
}

/* TABS */
.tabs-left > .nav-tabs > li > a{
	color: #333 !important;
}

/* Modal */
/* Extra Large */
@media (min-width: 768px) {
   .modal-xl {
      width: 90%;
      max-width:1200px;
   }
}

/* DataTables */
@keyframes spinner {
   to {transform: rotate(360deg);}
}

.spinner:before {
   content: '';
   box-sizing: border-box;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 30px;
   height: 30px;
   margin-top: -10px;
   margin-left: -10px;
   border-radius: 50%;
   border: 2px solid #ccc;
   border-top-color: #333;
   animation: spinner .5s linear infinite;
}
.dataTables_wrapper .dataTables_processing {
   width: 10%;
   margin-left: -5%;
   border: none;
   background: none;
}

/* COLOR */
/* Background */
.bg-col-white{
   background-color: white !important;
}
.bg-col-red{
   background-color: red !important;
}

.bg-col-green{
   background-color: #356e35 !important;
}

.bg-col-yellow{
   background-color: #ffff80 !important;
}

.bg-col-orange{
   background-color: orange !important;
}

.bg-col-blue{
   background-color: rgb(0, 162, 255) !important;
}

/* Text Color */
.txt-col-black{
	color: #000 !important;
}

.txt-col-white{
   color: white !important;
}

.txt-col-red{
   color: red !important;
}

.txt-col-green{
   color: #356e35 !important;
}

.txt-col-yellow{
   color: #ffff80 !important;
}

.txt-col-orange{
   color: orange !important;
}

.txt-col-blue{
   color: rgb(0, 162, 255) !important;
}

legend{
	padding: 4px 0 10px 0 !important;
	margin: 0 0 10px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	height: 32px;
}
legend>span{
	position: absolute;
	padding-top: 4px;
}

/* Font */
/* =============================================================================================================== */
.font-8{ font-size: 8px !important; }
.font-9{ font-size: 9px !important; }
.font-10{ font-size: 10px !important; }
.font-11{ font-size: 11px !important; }
.font-12{ font-size: 12px !important; }
.font-13{ font-size: 13px !important; }
.font-14{ font-size: 14px !important; }
.font-15{ font-size: 15px !important; }
.font-16{ font-size: 16px !important; }

.fw-400{ font-weight: 400 !important; }
.fw-500{ font-weight: 500 !important; }
.fw-600{ font-weight: 600 !important; }
.fw-700{ font-weight: 700 !important; }
.fw-800{ font-weight: 800 !important; }
.fw-bold{ font-weight: bold !important; }

.fs-normal{ font-style: normal !important;}
.fs-italic{ font-style: italic !important;}
/* =============================================================================================================== */
/* End Font */
/* =============================================================================================================== */

/* ============================================================================================================== */
/* Style Themes */
/* ============================================================================================================== */
body.menu-on-top.fixed-header {
	padding-top: 46px !important;
}

#header{
   display: block;
   height: 36px !important;
	padding: 0 !important;
}

#header>div{
	height: auto !important;
}

#main{
	min-height: 300px !important;
	padding-bottom: 20px !important;
}

#logo-group>span {
	display: inline-block;
	height: 30px !important;
}

#logo {
	display: inline-block !important;
	width: 175px !important;
	margin-top: 2px !important;
	margin-left: 3px !important;
}

#logo img {
	width: 120px !important;
	height: auto !important;
	padding-left: 0px !important
}

#logo-group{
   height: auto !important;
}

#mobile-profile-img a.userdropdown img {
	width: 30px;
	margin-top: 2px;
	margin-left: 2px;
	border-radius: 3px;
	/* border: 1px solid #ccc !important; */
}

#mobile-profile-img .dropdown-menu.pull-right {
	margin-right: 6px !important;
	height: auto !important;
}

#mobile-profile-img .dropdown-menu{
	padding: 2px !important;
	margin: 0px !important;
}

#mobile-profile-img .dropdown-menu>li>a{
	padding-left: 5px !important;
}

#mobile-profile-img .dropdown-menu .divider{
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}

.pull-right>#hide-menu{
	margin-right: 5px !important;
}

#hide-menu{
	margin-top: 2px !important;
}

.menu-on-top #main {
	margin-left: 0!important;
	margin-top: 46px!important;
}

.menu-on-top aside#left-panel nav>ul>li {
	height: auto !important;
	padding: 1px !important;
}

.menu-on-top aside#left-panel nav>ul>li>a>i {
	font-size: 16px;
	margin-bottom: 2px;
	width: 100%;
}

.menu-on-top .menu-item-parent {
	max-width: 100% !important;
}

/* .menu-on-top nav ul ul li a {
	padding-left: 5px !important;
	font-size: 12px;
} */

.menu-on-top.smart-style-7 #left-panel {
	padding-top: 36px!important;
}

.smart-style-7.menu-on-top aside {
	background: #1f628c !important;
}

.smart-style-7.menu-on-top aside#left-panel nav>ul>li>a {
	height: auto !important;
	text-shadow: none !important;
	font-size: 11px !important;
	text-decoration: none !important;
	line-height: 16px !important;
	padding: 6px 5px 0 5px !important;
}

.menu-on-top aside#left-panel nav>ul>li:hover{
	background:rgb(247, 247, 248) !important;
	/* background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(1,#cfcfcf));
	background:-ms-linear-gradient(bottom,#fff,#cfcfcf);
	background:-moz-linear-gradient(center bottom,#fff 0,#cfcfcf 100%);
	background:-o-linear-gradient(#cfcfcf,#fff);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#ffffff', GradientType=0) */
}

.smart-style-7.menu-on-top aside#left-panel nav>ul>li:hover>a {
	background: transparent !important;
   border-left-color: transparent;
   border-right-color: transparent;
	padding-left: 4px !important;
	padding-right: 4px !important;
}

.smart-style-7 nav>ul>li>a>i {
	font-size: 20px!important;
}

.smart-style-7.menu-on-top nav ul ul,
.smart-style-7.menu-on-top nav ul ul ul {
   margin-left: -1px;
   border-bottom-color: #4E4E4E;
	border-left: #4E4E4E;
	border-right: #4E4E4E;
   background-color: rgb(10, 10, 23) !important;
   background-image: none !important
}

@media (min-width:768px) and (max-width:979px) {
	body.menu-on-top.fixed-header {
		padding-top: 36px !important;
	}
	
	#hide-menu>:first-child>a {
		margin-top: 0px !important;
		width: 30px !important;
	}

	.btn-header a {
		margin-top: 0px !important;
		width: 30px !important
	}
}

@media (min-width:768px) and (max-width:880px) {
	body.menu-on-top.fixed-header {
		padding-top: 36px !important;
	}

	#hide-menu>:first-child>a,
	.btn-header a {
		margin-top: 0px !important;
		width: 30px !important;
		height: 30px !important;
		line-height: 30px !important
	}
}

@media (max-width:767px) {
	body.menu-on-top.fixed-header {
		padding-top: 36px !important;
	}
	
	#main{
		padding-bottom: 20px !important;
	}

	#hide-menu>:first-child>a,
	.btn-header a {
		margin-top: 0px !important;
		width: 30px !important;
		height: 30px !important;
		line-height: 30px !important
	}

	#hide-menu>:first-child>a {
		width: 30px !important
	}

	table tbody>tr.row-detail>td li{
		text-align: left !important;
	}

	.smart-style-7.menu-on-top aside {
		background: #004976 !important;
	}

	.smart-style-7.menu-on-top nav>ul>li.active,
	.smart-style-7.menu-on-top nav>ul>li.active>a{
		background: rgb(69, 69, 69) !important;
	}

	.smart-style-7.menu-on-top aside#left-panel nav>ul>li>a {
		padding: 6px 5px 6px 5px !important;
	}

	.fixed-navigation nav {
		padding-bottom: 5px;
	}
}

@media only screen and (min-width:0) and (max-width:679px) {
	body.menu-on-top.fixed-header {
		padding-top: 36px !important;
	}
	
	#main{
		padding-bottom: 20px !important;
	}

	#hide-menu>:first-child>a,
	.btn-header a {
		margin-top: 0px !important;
		width: 30px !important;
		height: 30px !important;
		line-height: 30px !important
	}

	#hide-menu>:first-child>a {
		width: 30px !important
	}

	/* table thead>tr>th.action,
	table tbody>tr>td.action,
	table tfoot>tr>th.action{
		width: 6% !important;
	} */

	table tbody>tr.row-detail>td li{
		text-align: left !important;
	}

	/* .dataTables_scrollBody{
		height: 90% !important;
	} */
}

@media only screen and (min-width:320px) and (max-width:479px) {
	body.menu-on-top.fixed-header {
		padding-top: 36px !important;
	}
	
	#hide-menu>:first-child>a,
	.btn-header a {
		margin-top: 0px !important;
		width: 30px !important;
		height: 30px !important;
		line-height: 30px !important;
	}
	.panel-heading {
		padding: 10px 10px;
	}
}

@media (max-width:979px) {
	body.menu-on-top.fixed-header {
		padding-top: 36px !important;
	}
	
	.menu-on-top #mobile-profile-img a.userdropdown img {
		width: 30px;
		margin-top: 2px;
		margin-left: 2px;
		border-radius: 3px;
		margin-right: -3px
	}

	.menu-on-top #main {
		margin-top: 0 !important
	}
	
	.menu-on-top aside#left-panel nav {
		height: auto !important;
	}
	

	.menu-on-top nav>ul>li>ul>li>a,
	.menu-on-top nav>ul>li>ul>li>ul>li>a {
		padding-top: 5px !important;
		padding-bottom: 5px !important
	}

	.menu-on-top nav ul ul li:hover>a:after,
	.menu-on-top nav>ul ul>li a:after,
	.menu-on-top nav>ul ul>li a:hover:after,
	.menu-on-top nav>ul>li>a:after {
		content: "\f0da" !important;
	}

	.dt-home>.dt{
		font-size: 10px;
		font-weight: 400;
	}
	
	.dt-home>.tm{
		font-size: 14px;
		font-weight: 400;
	}
	
}

/* ============================================================================================================== */
/* End Style Themes */
/* ============================================================================================================== */

/* ============================================================================================================== */
/* JarvisWidget */
/* ============================================================================================================== */

.jarviswidget>header h2{
   font-size:13px;
   line-height:32px !important;
}

.widget-toolbar {
	padding: 0px 6px !important;
}

.jarviswidget .widget-body{
	min-height: 0px!important;
	padding-bottom: 0px!important;
}

.widget-body-toolbar {
	/* display: block;
	padding: 8px 10px;
	margin: -13px -13px 13px; */
	min-height: 32px;
	border-bottom: 1px solid #ccc;
	background: #fafafa;
}

.widget-body-toolbar .btn-xs {
	margin-top: 0 !important;
}

.widget-footer {
	min-height: 50px !important;
	padding: 10px !important;
}
/* ============================================================================================================== */
/* End JarvisWidget */
/* ============================================================================================================== */

/* ============================================================================================================== */
/* DataTable */
/* ============================================================================================================== */
/* .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>th{
	padding: 6px 7px !important;
}

.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {
	padding: 5px 7px !important;
} */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	/* padding: 8px;
	line-height: 1.42857143; */
	vertical-align: middle !important;
	/* border-top: 1px solid #ddd; */
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 5px 5px;
}

table>tbody>tr>td{
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	font-size: 12px;
}

.dt-toolbar{
	background: none !important;
	border-top: 1px solid #ccc !important;
}

.dt-toolbar-footer {
	padding: 5px !important;
}

div.dataTables_info {
	font-size: 12px;
}

div.dataTables_filter input:focus{
	background: #FEF1DA!important;
}

.dataTables_filter input {
	height: 28px!important;
}

.dataTables_filter .input-group-addon {
	width: 30px !important;
	height: 28px!important;
	padding: 5px 4px 4px 4px !important;
}

.dataTables_length select{
	height: 28px!important;
}

.pagination>li>a, .pagination>li>span {
	padding: 4px 10px !important;
}

table>tbody>tr>td>.btn-group>.btn-xs{
	padding: 2px !important;
	line-height: normal !important;
	background: initial !important;
	border: none !important;
	box-shadow: none !important;
}

table>tbody>tr>td>.btn-xs{
	padding: 0 5px !important;
}

table.dataTable thead .sorting{
	background: none !important;
}

table.dataTable tfoot>tr>th, table.dataTable thead>tr>th {
	padding-left: 5px!important;
}

table.dataTable thead>tr>th {
	padding-right: 5px !important;
}

/* ============================================================================================================== */
/* End DataTable */
/* ============================================================================================================== */
.form-group{
	margin-bottom: 10px !important;
}

.btn{
	-webkit-box-shadow: none !important;
}

.checkbox input[type=checkbox]{
	position: absolute;
	margin-left: -20px;
}

input[type=checkbox], input[type=radio] {
	margin: 1px 0 0;
	line-height: normal;
}

.checkbox, .radio {
	position: relative;
	display: block;
	margin-top: 0;
	margin-bottom: 0;
}

.checkbox label, .radio label {
	display: inline-block;
	min-height: auto;
	/* padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px; */
	margin-bottom: 0;
	/* font-weight: 600; */
	font-size: 12px;
	cursor: pointer;
	vertical-align: middle;
}

.dishome{
	cursor: not-allowed;
	opacity: 0.5;
	background: none;
	pointer-events: none;
}

.enhome{
	cursor: default;
	opacity: 15;
	background: none;
	pointer-events: auto;
}

/* ============================================================================================================== */
/* End Table Autocomplete */
/* ============================================================================================================== */
/* table.table-autocomplete thead tr th, table.table-autocomplete .ui-menu-item td{
	padding: 5px 3px 5px 3px;
} */

/* ul.ui-autocomplete .table tbody>tr.ui-menu-item:first{
	background: #6693bc !important;
	font-weight: bold !important;
} */
input[type="search"].ui-autocomplete-loading, input[type="text"].ui-autocomplete-loading{
	background-image: none !important;
}

/* .ui-autocomplete .table{
	max-height: 183px !important;
} */
/* .ui-autocomplete{
	overflow-y: hidden !important;
} */
 
/* .ui-autocomplete .table>thead {
	display: table;
	width: calc(100% - 17px);
	width: 100%;
}

.ui-autocomplete .table>tbody {
	display: block !important;
	max-height: 183px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	width: 100%;
}

.ui-autocomplete .table th, .ui-autocomplete .table td {
	width: auto;
	padding: 5px;
	word-break: break-all;
}
 
.ui-autocomplete .table tr {
	display: table;
	width: 100%;
	box-sizing: border-box;
} */

/*
.ui-autocomplete td {
	text-align: center;
	border-bottom: none;
	border-left: none;
 }
*/
/* ============================================================================================================== */
/* End Table Autocomplete */
/* ============================================================================================================== */