/***********
** main css 
***********/
body { color:#333; }
.wrapper {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	height: 100vh;
	position: relative;
}

.star {
    color: red;
}

.active {
    background: #fa8238;
}

nav#sidebar {
	position: fixed;
	width: 15%;
	/*max-width: 200px;*/
	height: 100vh;
	background: #f7f7f7;
	border-right: 1px solid #ccc;
	overflow: hidden;
	z-index: 99;
}
#content {
	position: absolute;
	right: 0;
	float: right;
	width: 85%;
	height: 100%;
	background: #fff;
}
#header {
	float: left;
	width: 100%;
	height: 50px;
	*background: #2a2a2a;
	background: rgba(251, 251, 251,0.8);
	color: #fff;
	padding: 5px;
	border-bottom: 1px solid #ccc; 
	color:#333;
} 

.sticky {position:fixed;width:100%;left:0;top:0;z-index:9;}
/*.sticky .row {float:unset;}
.sticky .col-md-4 {float:unset;width:unset;}*/
/*.sticky h4 {position:absolute;left:50%;}*/

#content > .container-fluid {
	margin-top: 35px;
	background: #FFF;
}
.logo {
	float: left;
	width: 100%;
	padding: 5px;
	*border-bottom: 2px  solid #333;
	border-bottom: 2px  solid #ccc;
}
.sidebar-box {
	float: left;
	width: 100%;
	height: 91%;
	background: ;
	overflow-y: auto;
}
.side-ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
}
.side-ul li {
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
}
.side-ul li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #333;
	padding: 0 14px;
	font-size: 13px;
	*border-bottom: 1px solid #333;
	border-bottom: 1px solid #ccc;
}
#content .breadcrumb {
	margin-bottom: 10px;
}
#content .table {
	color: #333;
}
#content label {font-weight: normal;}
#content .well {background:#fff;border-radius:1px;box-shadow:0 0px 10px rgba(0,0,0,0.25);}
#content table.table {margin-bottom:0px;border-collapse:collapse;*border:1px solid #3379b7 !important;border:1px solid #fa8238!important;}
#content table.table td {border:none;}
#content table thead {*background:#3379b7;background:#fa8238;color:#fff;border-collapse:collapse;*border-bottom:1px solid #3379b7;border-bottom:1px solid #fa8238;}
#content table .sorting {color:#fff;}
#content table.table tbody td {border:1px solid #ccc;}


.mb-5 {margin-bottom: 5px;}
.w-50px {width: 50px;}
.w-52px {width: 52px;}
.w-90px {width: 90px;}
.w-100px {width: 100px;}
.w-150px {width: 150px;}



/*changes 2 july*/

.form-control {box-shadow:none;border-radius:0;}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #fa8238 !important;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.btn-sub{background: #fa8238 !important;border-color: #fa8238;color:#fff;}
.btn-sub:hover{border-color:#f96306!important;background:#e05906!important;color:#fff; }

.list-inline>li{margin-bottom:5px;}

.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 8px;}

.list-SEO{padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
ul.list-SEO li{margin-bottom:3px;}

/*loader*/
.loader {position:fixed;left:0;top:0;width:100%;height:100%;background:#fffe;z-index:999;display:none;}
.loader:before {
	content:'';
	position: absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	border: 10px solid #f3f3f3; /* Light grey */
	border-top: 10px solid #f68137; /* Blue */
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1.5s linear infinite;
}

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