/* Optional Light Navigation 
=================================================================== */

.quick-button.small i.mdi {

    font-size: 14px !important;

}


.admin .quick-button.small i {
    font-size: 20px !important;
    padding-bottom: 0px;
    line-height: 22px;
}

#sidebar-left.minified .sidebar-nav li i {

    border-bottom: 0px solid #dbdee0;

}

img.logoadminlogin {
    max-width: 583px !important;
}
.login-page .bblue {
    background: #aaaaaa10 !important;
}


.login-page .text-danger.forgot_password_link h4 {
    color: #ff9900 !important;
}

.login-page .login-content, .login-page .reg-content {
    color: #333 !important;
    background: transparent !important;
}
.quick-button.small {

    min-height: 50px;

}

.control-label.checkbox-label {
    padding-left: 10px !important;
}

.nav.ul.main-menu li ul li.active a{
	color:#ff9900 !important;
}

.nav.main-menu li ul li.active a span{
	color:#ff9900 !important;
}

.nav.main-menu > li > a > i, .nav.main-menu > li > ul > li > a > i {
    margin-right: 0px !important;
}

.service_link td{
	text-align:center !important;
}

.header-nav a.btn {
    border-left: 1px solid #ccc !important;
}

.header-nav a.btn, .header-nav a.btn.cart {
    background: #ccc !important;
}

.sidebar_logo {
    width: 169px !important;
}
#payment_buttons .btn.btn-primary.btn-lg.btn-block{
	margin:0px !important;
	width:100% !important;
}

.buttons{
	width: 99%;
	padding-right: 5px !important;
	
}

.sidebar-nav > ul > li > ul{

    padding-left: 20px !important;
    background-color: #666;
}


.btn-group-justified > .btn, .btn-group-justified > .btn-group {
    display: block;
    float: left;
    width: 33% !important;
    padding: 0px !important;
    margin: 0px !important;
    border: 5px solid #fff;
}

.btn-group-justified > .btn, .btn-group-justified > .btn-group.edit,  .btn-group-justified > .btn, .btn-group-justified > .btn-group.delete{

    width: 50% !important;

}

#reset.btn{
	width:96% !important;
	float:left;
	margin-left:25px;
	margin-top:30px;
	
}

.header-nav a.btn .number {
    position: absolute;
    font-size: 20px !important;
    line-height: 10px;
    top: 0;
    right: 0;
    height: 10px;
    width: 10px;
}

.tip .blightOrange {
    background: transparent !important;
    border: 0px solid #fabb3d !important;
    color: #ff9900 !important;

}

.alert-info .btn{
	width:120px !important;
}
.service_link td div.text-right{
	text-align:center !important;
}

form .col-md-12 {
    padding-left: 0px;
}
.btn#addSupplier{
	width:10% !important;
}

.dataTable tbody tr td{
	text-align:center !important;
}

.dataTable tbody tr td div.text-right{
	text-align:center !important;
	font-weight:bold;
	font-size:1.2em;
}
.sorting_1{
	
	font-style:italic;
}

.sorting_2{
	font-weight:bold;
	font-size:1.2em;
}

#PRData {
    width: 99% !important;
}

.service_wo_empl{
    float: right;
    right: 30px !important;
    margin-right: 20px;
    margin-top: 10px;
    color: #fff;
    background-color: #ff9900;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
}
#content, #content:before { border-left: none !important; }
#content.sidebar-minified {
    border-left: 40px solid #e9ebec !important;
}
.account img{
	max-width:300px !important;
}

.calendar_booking .fc-center h2 {
    color: #9e9e9e;
    font-size: 1.6em;
    margin-top: 7px;
}


.btn-file{
	max-width:200px !important;
	float:left;
}
.fileinput-remove-button{
	float:left;
}

.btn-slug {
	width: 40% !important;
	float: right !important;
	margin: 10px;
	background-color: #666 !important;
	margin-bottom: 15px !important;
	color: #fff;
}

.well {
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    box-shadow: none;
    border-radius: 0px;
    width: 99%;
    padding: 20px;
}

.nav-tabs.nav-justified > li > a:hover {
    color: #9e9e9e !important;
}

.nav-tabs.nav-justified > li.active > a:hover {
    color: #333 !important;
}
.padding1010 p {

    font-size: 0.9em;
}

.box-header h2.blue {
    color: #9e9e9e !important;
}

footer {
    height: 60px;
}

.nav-tabs li.active > a {
  	color:#9e9e9e !important;
	font-size: 1.1em;
	border: 0px !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #9e9e9e;
    border-color: #ff6600;
}

.nav-tabs.nav-justified > li > a {
    color: #666 !important;
}

.highcharts-container{
	width:100% !important;
}

#dbTab .box-content .table {
    width: 100% !important;
    margin-top: 0px;
}

.latest5 .tab-content .tab-pane {
	padding:0px !important;
}

.latest5 .col-md-12 {
    width: 100%;
}

.latest5 .table-responsive {
    margin-left: 0px !important;
}

.latest5 .box-content .table {
    width: 100% !important;
}

.nav-tabs li.active > a.tab-grey{
	color:#9e9e9e !important;
	font-size: 1.2em;
	border: 0px !important;
}
.nav-tabs li.active > a.tab-grey:focus{
	color:#9e9e9e !important;
}
.nav-tabs li > a.tab-grey:hover{
	color:#9e9e9e !important;
}

.nav-tabs li.active > a.tab-grey:hover{
	color:#9e9e9e !important;
	border: 0px solid #ddd !important;
	background: #fff !important;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #fff;
}


.highcharts-container {
    width: 100% !important;
    height: 100% !important;
}


a.navbar-brand span:hover, .header-nav a.btn:hover, .header-nav a.btn.account:hover {
    background: #ccc !important;
    color: #9e9e9e !important;
}

.pos .navbar, .pos a.navbar-brand span, .pos .header-nav a.btn, .pos .header-nav a.btn.account {
    background: #ccc;
    color: #777 !important;
}
.pos .navbar{
	border-bottom:2px solid #9e9e9e !important;
}

.pos .header-nav a.btn, .pos .header-nav a.btn.cart {
   
    background: #fff !important;
}

.pos .header-nav a.btn{
    border-left: 1px solid #fff;
}

.breadcrumb a:hover {
    color: #9e9e9e !important;
}
.padding010 {
    padding: 10px 10px 10px 10px !important;
}
.bcimg{
	height: 83px;
	width: 200px;
}

.fc-unthemed td.fc-today {
    background: rgba(202,202,217,0.6) !important;
    border-color: #fff !important;
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #ccc !important;
}

.fprom-group .btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    width: 97%;
    margin-bottom: 20px;
}
 
.pos .header-nav a.btn:hover{
    border-left: 1px solid #fff;
    color:#9e9e9e !important;
       background: #fff !important;
}
#display_time{
	font-size:1.5em;
}

.pos .btn.bblack{
	border-bottom:0px solid #000 !important;
}

.nav.main-menu > li.active > a, .nav.main-menu > li.active > a > i, #sidebar-left.minified .sidebar-nav > ul > li.active > a .text {
    background: transparent !important;
    color: white;
    border-color: transparent !important;
}

.nav.main-menu > li.active > a, .nav.main-menu > li.active > a > i, #sidebar-left.minified .sidebar-nav > ul > li.active > a .text {
    color:#ff9900 !important;

    background-color: #333 !important;

}

.btn-primary {
    color: #fff;
    background-color: #999;
    border-color: #999;
}

.btn-primary:hover {
    color: #fff;
    background-color: #9e9e9e;
    border-color: #999;
}
.bblue {
    background: #444 !important;
}

.main-menu li.active ul li.active a{
	color:#9e9e9e !important;
}

.main-menu li.active ul li.active a i{
	color:#9e9e9e !important;
}

.main-menu li.active ul li a:hover{
	color:#9e9e9e !important;
}

.data tr:nth-child(2n+1) td {
    color: #9e9e9e !important;
}

.pagination > li > a, .pagination > li > span {

    color: #9e9e9e;

}

.content {
    text-align: left;
    color: #333;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #f4c44f;
    border-color: #f4c44f;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #999;
    border-color: #999;
}
.ddmodal-content .nav-tabs li.active .tab-grey{
    background-color: #9e9e9e !important;
    border-color: #9e9e9e !important;
    color:#fff !important;
}

.table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table-striped thead tr.primary:nth-child(2n+1) th {
    background-color: #999;
    color: white;
    border-color: #999;
    border-top: 1px solid #999;
    text-align: center;
}

a {
    color: #333;
    text-decoration: none;
}

.breadcrumb{
	background-color: #bbb !important;
}
.breadcrumb > .active {
    color: #fff !important;
    font-weight:bold;
}

.header-nav a.btn, .header-nav a.btn.cart {
   
    background: #ccc !important;
}

.header-nav a.btn:hover, .header-nav a.btn.cart:hover {
    /* background: #9BA0A5  !important;*/
}
.bnav, .navbar #search input, .navbar #search i,footer  {
    background: #e9ebec;
    color: #282b2e !important;
}
.navbar #search {
    background: #e9ebec;
    border: 1px solid #fff;
}
.header-nav a.btn{
    border-left: 1px solid #fff
}

footer {
    border-top: 1px solid #dbdee0;
}
.header-nav a.btn:hover,
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background: #3276B1;
}
a#main-menu-toggle {
  background: #e9ebec;
}
a#main-menu-toggle.close {
  opacity: 1;
  background: #282b2e !important;
  padding: 10px 13px !important;
}
/*
a#main-menu-act {
  border-bottom: 1px solid #dbdee0;
}

a#main-menu-act i {
    background: #ced1d4;
    color: #282b2e;
    border-bottom: 1px solid #dbdee0;
}
a#main-menu-act i:hover {
    background: #ced1d4;
    color: #FFF;
}
*/
a#main-menu-min i:hover {
  background: #ced1d4;
  color: #6f7880;
}
#sidebar-left {
    background: none; 
}
.lt td.sidebar-con { 
    background-color: #e9ebec;
    border-right: 1px solid #dbdee0;
}
.nav.main-menu > li {
  margin-top: -1px;
  border-bottom: 1px solid #dbdee0;
}
.nav.main-menu > li > a,
.nav.main-menu > li > ul > li > a,
.nav.main-menu > li > ul > li > ul > li > a,
.nav.main-menu > li > ul > li > ul > li > ul > li > a {
  color: #7c848d;
  border-bottom: 1px solid #333;
  background: #333;
}
.nav.main-menu > li:first-child > a {
    border-right: 1px solid #dbdee0;
}
.nav.main-menu > li > a .chevron,
.nav.main-menu > li > ul > li > a .chevron,
.nav.main-menu > li > ul > li > ul > li > a .chevron,
.nav.main-menu > li > ul > li > ul > li > ul > li > a .chevron {
  color: #b2b8bd !important;
}
.nav.main-menu > li > a .chevron.closed:after,
.nav.main-menu > li > ul > li > a .chevron.closed:after,
.nav.main-menu > li > ul > li > ul > li > a .chevron.closed:after,
.nav.main-menu > li > ul > li > ul > li > ul > li > a .chevron.closed:after {
  color: #b2b8bd !important;
}
.nav.main-menu > li > a > i,
.nav.main-menu > li > ul > li > a > i {
  border-right: none;
}
.nav.main-menu > li > ul > li > a {
  background: #e4e5e7;
}
.nav.main-menu > li > ul > li > ul > li > a {
  background: #e1e3e5;
}
.nav.main-menu > li > ul > li > ul > li > ul > li > a {
  background: #dee0e2;
}
.nav.main-menu > li > a:hover,
.nav.main-menu > li > ul > li > a:hover,
.nav.main-menu > li > ul > li > ul > li > a:hover,
.nav.main-menu > li > ul > li > ul > li > ul > li > a:hover {
  background: #666;
  border-bottom: 1px solid #666;
  box-shadow: none;
  border-radius: 0px;
}
.nav.main-menu > li > a:hover,
.nav.main-menu > li > ul > li > a:hover {
  background: #666;
  box-shadow: none;
  border-radius: 0px;
}
.nav.main-menu > li > ul > li.active > a,
.nav.main-menu > li > ul > li > ul > li.active > a,
.nav.main-menu > li > ul > li > ul > li > ul > li.active > a {
  background: #ff9900;
}
.nav.main-menu > li.active > a > i {
  border-right: 1px solid #5385B0;
}
.nav.main-menu > li > ul > li.active > a > i,
.nav.main-menu > li > ul > li > ul > li.active > a > i,
.nav.main-menu > li > ul > li > ul > li > ul > li.active > a > i {
  color: #ff9900;
}
.nav.main-menu > li.active > a:hover,
.nav.main-menu > li > ul > li.active > a:hover {
  border: none;
  color: white;
}
.nav.main-menu > li.active > a:hover > i,
.nav.main-menu > li > ul > li.active > a:hover > i {
  color: white;
}
#sidebar-left.minified .sidebar-nav li {
  border: 0;
}
#sidebar-left.minified .sidebar-nav li i {
  border-bottom: 0px solid #dbdee0;
}
#sidebar-left.minified .sidebar-nav li ul i {
  border-bottom: 0;
}
#sidebar-left.minified .sidebar-nav li > ul > li > a > i {
  border-right: 0;
}
#sidebar-left.minified .sidebar-nav > ul > li > a .text {
  background: #e9ebec;
  border: 1px solid #dbdee0;
}
#sidebar-left.minified .sidebar-nav > ul > li:hover > a .text {
  background: #c8ccd0;
  border: 1px solid #c8ccd0;
  color: white;
  margin-top: 0;
}
#sidebar-left.minified .sidebar-nav > ul > li:hover > ul {
  top: 38px;
  background: #e9ebec;
  border: 1px solid #dbdee0;
  border-bottom: none;
}
.nav.main-menu > li.active > a, .nav.main-menu > li.active > a > i, #sidebar-left.minified .sidebar-nav > ul > li.active > a .text {
    background: #5385B0;
    color: white;
    border-color: #5385B0;
}
.nav.main-menu > li > ul > li.active > a,
.nav.main-menu > li > ul > li > ul > li.active > a,
.nav.main-menu > li > ul > li > ul > li > ul > li.active > a {
    background: #dbdee0;
    border-color: #dbdee0;
    color: #7C848D;
}

.periods_item {
	background: #e08409;
}

a:hover, a:focus {
    color: #9e9e9e;

}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: #9e9e9e !important;
    border: 1px solid #9e9e9e !important;
    color: #fff;
}

.quick-button {
    background: #ccc !important;

    color: #333 !important;
}

.quick-button:hover {
    background: #333 !important;
 
    color: #9e9e9e !important;
}
@media only screen and (max-width: 1024px) {
	.fc-scroller.fc-time-grid-container{
		height:50vh !important;
	}
}
@media only screen and (max-width: 767px) {
	html {
    -webkit-text-size-adjust: none
}
	.navbar .logo img {
	    width: 240px !important;
	    float: left  !important;
	}
	
	.btn-visible-sm .btn {
	    color: #444 !important;
	}
	.btn-visible-sm  {
	   float:right !important;
	}
	
	.col-lg-1 {
	    margin-top: 30px;
	    width: 33% !important;
	}
	
	.col-md-12 {
	    width: 100%;
	}
	
	.nav-tabs > li {
	    width:100%;
	}
	
	.col-md-12, .col-lg-12 {
	    padding-right: 7px;
	    padding-left: 0px;
	  
	}
	.addincomings  .box-content {
 
	    padding-left: 0px !important;
	}
	
	.addincomings #datepicker_day {
	    text-align: center;
	    font-size: 20px;
	    width: 95%;
	    margin-left: 10px !important;
	}
	.addincomings #datepicker_day {
	    text-align: center;
	    font-size: 20px;
	    width: 95%;
	    margin-left: 10px !important;
	}
	.addincomings label {
		text-align:center;
		width:100%;
	}
	.addincomings .tab-content .col-md-12 {
		float:left;
	}
	.periods{
		padding:0px !important;
	}
	
	.periods_item {
	    float: left;
	    background: #e08409;
	    margin: 0px;
	    border: 1px solid #ccc;
	    padding: 9px;
	    width: 20%;
	}
	.select_period{
		width:100%;
	}
	.selected_period {
	    background-color: #ccc;
	    margin-top: 26px;
	    margin-top: 17%;
	}
	
	.availablecustomer{
		margin-top: 17%;
	}
	
	
	
	.latest5 .box .box-content {
	    padding: 20px;
	    background: white;
	    width: 100%;
	}
	
}