/***********************************|ASAP ILS Reports 30 July 2019|************************************/
/***********************************|ASAP ILS Reports 30 July 2019|************************************/

.projectsselect ~ .select2-container{margin-top:6px; margin-right: 15px;}
.table.dataTable tr:hover{background-color: #EDEFF3 !important}
.card{overflow: hidden;}
.container-fluid{padding-top: 20px !important;}
table .badge{margin:2px !important;}
html body{font-size: 0.9rem; background-color: #EDEFF3}
.main-menu.menu-light .navigation > li.hover > a, .main-menu.menu-light .navigation > li:hover > a, .main-menu.menu-light .navigation > li.active > a {
    color: #2c3648;
    background-color: #EDEFF3;
}
.main-menu.menu-light{ z-index: 1000;}
.main-menu.menu-light{border-right: none; background-image: url('../images/backgrounds/unl<td><input type="checkbox"></input> &nbsp; <input type="checkbox"></inp &nbsp; <input type="checkbox"></input> &nbsp; OCk-logo.png'); background-position: bottom left; background-repeat: no-repeat;}
/*.main-menu.menu-light .navigation > li.hover > a, .main-menu.menu-light .navigation > li:hover > a, .main-menu.menu-light .navigation > li.active > a, .main-menu.menu-light .navigation > li.open > a{border-top-left-radius: 50px;
border-bottom-left-radius: 50px;}*/
.main-menu.menu-light .navigation > li{margin-bottom: 3px !important; margin-top: 0px !important;}
.main-menu.menu-light .navigation > li.open{border-left: 4px solid transparent;}
/********|left-bar|********/
/*.main-menu.menu-light .navigation > li{border-bottom: 1px #525252 solid;}

.main-menu.menu-light{background-color: #292B2E; z-index: 10000;}

.main-menu.menu-light .navigation .navigation-header{color: #fff}
.main-menu.menu-light .navigation{background-color: transparent;}
.main-menu.menu-light .navigation li a{color: #fff;}
.main-menu.menu-light .navigation > li.hover > a, .main-menu.menu-light .navigation > li:hover > a, .main-menu.menu-light .navigation > li.active > a{
	background-color: #FF8F00;
	color: #fff;
}

.main-menu.menu-light .navigation > li{border-left: 0px !important;}
.main-menu.menu-light .navigation > li.open > a {
    color: #fff;
    background-color: transparent;
}*/

/********|brand-logo|********/
.brand-logo{float: left; margin-top: -4px; margin-left: -4px;}

html body .content .content-wrapper .content-header-title, .breadcrumb, .card .card-title{text-transform: inherit;}
.breadcrumbs-top .breadcrumb{margin-top: 5px;}

/********|right section|********/
.d<td><input type="checkbox"></input> &nbsp; <input type="checkbox"></inp &nbsp; <input type="checkbox"></input> &nbsp; OCimg{width: 70%;}

.card-body{padding-top: 0px;}

.visitsx{color: #2b7497}
.ordersx{color: #933c34}
.salesx{color: #faab2d}

.cardbgimg{position: absolute; right: -59px; bottom: -40px;  opacity: 0.4}
.bigmain{font-size: 2.2rem !important;}
.nopading{padding-bottom: 0px;}

.card-fullscreen .height-250{height: auto !important;}
.font-large-2 {

    font-size: 2rem !important;

}

#goal-list-scroll{margin-bottom: 20px}
.statxinfo, .statxinfo .card{overflow: hidden;}
/*.heading-elements-toggle{display: none;}*/

#monthly-sales rect{fill: #009df0;}
.topers td {position: relative;}
.topers td span{position: absolute; left: 0px; top: 15px;}
.topers .progress{margin-top: 0.7rem !important;}





.card .bg-gradient-x-primary, .card .bg-primary{background-image: linear-gradient(to right, #F78211 0%, #F78211 100%); background-repeat: repeat-x;}
.card .bg-gradient-x-danger , .card .bg-danger{background-image: linear-gradient(to right, #00A4C0 0%, #00A4C0 100%); background-repeat: repeat-x;}
.card .bg-gradient-x-warning, .card .bg-warning{background-image: linear-gradient(to right, #CD263C 0%, #CD263C 100%); background-repeat: repeat-x;}
.card  .bg-gradient-x-success, .card .bg-success {background-image: linear-gradient(to right, #739B68 0%, #739B68 100%); background-repeat: repeat-x;}


@media (min-width:1280px) and (max-width:1300px){
.nav.nav-tabs{width: 150%; transform: scale(0.68) !important; transform-origin: left !important;}
}

@media (min-width:1301px) and (max-width:1440px){
.nav.nav-tabs{width: 150%; transform: scale(0.74) !important; transform-origin: left !important;}
}

@media (min-width:1440px) and (max-width:1920px){
.nav.nav-tabs{width: 150%; transform: scale(0.90) !important; transform-origin: left !important;}
}


@media(min-width:1280px){
/*.mytabs .tabname{font-size: 0.4em !important;}*/


.mytabs .nav-link i{font-size: 2em !important; color: #999 !important;}
.mytabs .nav-item{font-size: 1.1em;}

.mytabs .nav-link.active i{color: #444 !important;}
.mytabs .nav-link.active{background-color: #fff; margin-bottom: -1px !important;}
.mytabs .nav-link{ margin:2px; margin-left: 0px; margin-bottom: 0px;   padding: 1rem 2rem !important; background-color: #EDEFF3;}
.mytabs .nav-tabs{border-bottom: 1px #ddd solid !important;}


.mytabs .dataTables_length{padding: 13px 0px 0px 0px;}
.mytabs  .table.dataTable, .mytabs .dataTables_wrapper{width: 100% !important; padding: 0px !important; overflow-x:auto;}


.app-content.content .content-wrapper{position: relative;}
.floatingcontrol{position: fixed;

z-index: 100;

width: 100%;

background-color: #edeff3;

padding: 10px 20px 0px 0px;

top: 57px;
right: 0px;
}


}


@media(max-width:1280px){
	.content-header.row.floatingcontrol{
width: 110% !important;
}
.content-header.row.floatingcontrol ~ br{display: none !important;}
}

.navbar-brand img, .brand-text img{ width:40px; }

.responsivtable{overflow: scroll;}

.hide {	display: none;}

.pagination_top li {	
	width: 8%;
}	.pagination_top .active {
		background-color: #009c9f;
		
	}

.pagination_top .active a{	
	color: white;
}
input[type=submit], .btnSearch, .btnEdit, .btnDelete, .btnViewUser, .btnAchor {
	background-color: #fe4948;
	color: #ffffff !important;
	text-transform: uppercase;
	font-size: 1em;
	display: inline-block;
	padding: 7px 16px;
	text-decoration: none !important;
	transition: 0.3s;
	border: none !important;
}
.mytabs .nav-item {
	font-size: 1.4em;
}
.btnSearch:hover{
	cursor:pointer;
}