/* 
/ General Styles
/----------------------------------------------*/
body{   
	font-family: rubik, Rubik, sans-serif;
	font-weight: normal;
	color: #666;
	font-size: 14px;
}
*{
   outline: none!important;
} 
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}
.main-cover{
	min-height: 100vh;
	margin: 0px;
}
.side-panel{ 
} 
.main-panel{
	background-color: rgb(245, 246, 250); 
	padding: 30px 45px;
}
.btn{  
	font-weight: 500!important;   
}
.btn-link{
	color: #999!important; 
	/*background: #eee!important;*/
} 
.btn-link:hover{
	text-decoration: none!important;
	background: #eee!important;
}
.btn-light-info{
	background: #33b5e5;
	color: #fff!important;
}
.btn-light-info:hover{ 
}
.btn-light-info:focus, .btn-light-info:active, .btn-light-info.active {
	background: #0099CC!important;
}
.btnx{
	padding: 12px 15px!important;
	margin: 0;
	margin-bottom: 15px;  
}
.btnx-outline{
	padding: 12px 16px!important;
	margin: 0;
	margin-bottom: 15px;  
} 
.alert-modal{ 
	padding: 7px 12px;
}
.note{
	font-size: 14px;
	font-weight: normal;
	border: none; 
	padding: 8px 15px;
}
.alert{
	font-size: 14px;
	font-weight: normal;
}
.badge{ 
	display: inline-block;
	padding: 3px 7px;
}
.custom-select{
	border-top: none!important; 
	border-left: none!important; 
	border-right: none!important; 
	border-radius: 0;
	padding-left: 0px;
	padding-right: 0px;
}
.dropdown-menu .dropdown-item{
	/*font-weight: 300;*/
	font-size: 14px;
} 
[role="button"]{
	cursor: pointer!important;
}

/* 
/ Loader
/----------------------------------------------*/

.loader {
    border: 3px solid transparent; /* Light grey */
    border-top: 3px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* 
/ Modal
/----------------------------------------------*/

.modal-header, .modal-footer{
	border: none;
} 
.modal-dialog .badge{
	padding-bottom: 4px;
	font-weight: normal!important;
	display: inline-block; 
} 

/* 
/ Dashboard
/----------------------------------------------*/
.dashboard-card, .dashboard-widget{
	border-bottom: 2px solid #ddd;
} 
.dashboard-widget{
	transition: all 0.2s ease!important;
}
a .dashboard-widget:hover{ 
	cursor: pointer;
	border-bottom-color: #33b5e5;
	padding-top: 0px!important;
	padding-bottom: 8px!important; 
} 
.dashboard-card{
	height: 350px;
}
.btn-group .btnx {
	box-shadow: none; 
}
.btn-group {

}
.table thead tr th{
	font-weight: bold;
}
.table tr td{
	border-color: #eee!important;
}

/* 
/ Dashboard Table
/----------------------------------------------*/
.dashboard-card table tr th{
	font-size: 13px;
	font-weight: 500!important;  
	padding-top: 5px;
	padding-bottom: 6px; 
	border: none;   
	color: #bbb
}
.dashboard-card table tr td{
	font-size: 13px;
	font-weight: normal;
	padding-top: 15px;
	padding-bottom: 7px; 
	color: #666
} 
.font-weight-medium{
	font-weight: 500!important;
}


/* 
/ Powertable
/----------------------------------------------*/
#powertable table{
	border-collapse: separate !important;
	border-spacing: 0 7px !important;
	background: none !important;
}
#powertable th, td {
	border: none!important;
}
#powertable thead tr th{ 
	color: #999;
	padding-top: 0!important;
	padding-bottom: 7px!important;
	font-weight: 500!important;
	font-size: 14px;
}
#powertable tbody tr{
	background-color: #fff;
}
#powertable tbody tr td{ 
	font-size: 14px!important;
	font-weight: normal!important;
} 
#powertable tbody tr td .badge{ 
	font-size: 12px!important; 
	font-weight: normal!important;
} 

label, {
	font-size: 14px!important;
}

.filters-bar .btn{
	font-size: 13px!important;
}

/* 
/ Media Queries
/----------------------------------------------*/

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) { 
}

/* Extra */
@media(max-width: 767px){ 
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) { 
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) { 
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
}

.modal-backdrop{
	background: rgba(0,0,0,0.1);
}

.stock-request{
	cursor: pointer!important;
}

.jconfirm-box .jconfirm-buttons button{ 
	font-size: 12px!important	
}
.jconfirm.jconfirm-my-theme .jconfirm-bg{
	background: rgba(0,0,0,0.3);
}
.jconfirm.jconfirm-my-theme .jconfirm-box{
	padding: 30px!important;
	padding-bottom: 20px!important;
}
.jconfirm.jconfirm-my-theme .jconfirm-box.loading{
}
.jconfirm.jconfirm-my-theme .jconfirm-box.loading:before{
}
.jconfirm.jconfirm-my-theme .jconfirm-box.loading:after{
}
.jconfirm.jconfirm-my-theme .jconfirm-box .jconfirm-closeIcon{
	padding: 25px 30px 30px 30px; 
}
.jconfirm.jconfirm-my-theme .jconfirm-box .jconfirm-title-c{ 
}
.jconfirm.jconfirm-my-theme .jconfirm-box .jconfirm-title-c .jconfirm-title{
	font-size: 20px!important; 
}
.jconfirm.jconfirm-my-theme .jconfirm-box .jconfirm-content-pane{
}
.jconfirm.jconfirm-my-theme .jconfirm-box .jconfirm-content{
}
.jconfirm.jconfirm-my-theme .jconfirm-box .jconfirm-buttons{
	text-align: right; 
}
.jconfirm.jconfirm-my-theme .jconfirm-box .jconfirm-buttons button{ 
	margin-right: 5px!important;
}
.jconfirm.jconfirm-my-theme .jconfirm-box .jconfirm-buttons button:last-child{ 
	margin-right: 0px!important;
}