.x-cloak {
  display: none !important;
}

.closed-sidebar #header-logo {
	width: 75px;
}

body {
	background-color: #fafcfe;
}

#page-header {
	width: 100%;
	z-index: 141;
	position: fixed;
}

#page-header .user-account-btn > a.user-profile span {
	width: 200px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#header-logo .logo-content-big, .logo-content-small {
	background: url('../static/imgs/logo.png');
}

#header-nav-right a {
	cursor: pointer;
}

#page-content-wrapper {
	margin-top: 78px;
}

#page-content {
	background-color: none;
	padding: 10px 10px;
}

#page-content > .container-wrapper > .container-fluid {
	margin: 0px;
	padding: 0px;
	max-width: 100%;
}

#page-content > .header > h2 {
	font-size: 22px;
    text-transform: uppercase;
    padding: 0;
    font-weight: 100;
    margin: 0;
    color: #414C59;
}

a i, button i {
	display: inline-block;
}

.xbg-green {
	color: #fff;
	background-color: #2ecc71;
	border-color: #29b765;
}

.xbg-yellow {
	color: #fff;
	background-color: #fc0;
	border-color: #deb200;
}

.xbg-blue-alt {
	color: #fff;
	background-color: #65a6ff;
	border-color: #5388d1;
}

.xbg-red {
    color: #fff;
    background-color: #e74c3c;
    border-color: #cf4436;
}

.bg-gray-alt2 {
	color: #3e4855;
	background: #dee8f1;
	border-color: #dee8f1;
}

.bg-gray-alt3 {
	background: #dfdfdf;	
}

.badge {
	font-weight: normal;
}

/* center  vertical */
.center-vertical2 {
	height: 100%;
	position: relative;	
}

.center-vertical2 > div {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* end center vertical */
/* header button */
#page-header .btn-group {
	float: left;
}

#page-header .btn-group .btn.header-btn {
	width: auto;
	background-color: transparent;
	color: rgba(255, 255, 255, 0.8);
}

#page-header .btn-group .btn.header-btn:hover {
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.25);
}

#page-header .btn-group.open .dropdown-toggle {
	-webkit-box-shadow: none;
	box-shadow: none;
}

#page-header #header-nav-right .open > .dropdown-menu {
	position: absolute;
    left: -260px !important;
    width: 320px;
}

.dropdown > .dropdown-menu.float-right:before
, .dropup > .dropdown-menu.float-right:before
, .minicolors-position-right .minicolors-panel:before {
	right: 25px;
}

.dropdown > .dropdown-menu.float-right:after
, .dropup > .dropdown-menu.float-right:after
, .minicolors-position-right .minicolors-panel:after {
	right: 25px;
}

.dropdown > .dropdown-menu.float-right .btn.vertical-button > .bs-badge.badge-absolute.float-right
{
	top: 5px;
	right: 5px;
}

/* end header nav */
/* panel */

.title-hero {
	text-transform: none;
	font-size: 17px;
	font-weight: bold;
	opacity: 0.9;
}

.panel-body-header p {
	opacity: 0.6;
}

/* end panel */
/* content box */
.content-box-header {
	padding: 15px;
	text-transform: none;
}

.content-box-header h3 {
	font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 17px;
	opacity: 0.9;
}

.content-box-header p {
	opacity: 0.6;
}

.content-box-header.row {
	margin-left: -15px;
	margin-right: -15px;	
}

.content-box-header span {
	line-height: 25px;
}

.content-box-toolbar {
	padding: 15px;
	background-color: #fefeff;
	border-top: 1px solid #dfe8f1;
	min-height: 68px;
}

.content-box-toolbar span.toolbar-text {
	line-height: 34px;
}

.content-box table.table-bordered,
.content-box table.table-bordered tbody tr:last-child td  {
	border-bottom: none;
}

.content-box table.table-bordered,
.content-box table.table-bordered thead tr th:first-child,
.content-box table.table-bordered tbody tr td:first-child {
	border-left: none;
}

.content-box table.table-bordered,
.content-box table.table-bordered thead tr th:last-child,
.content-box table.table-bordered tbody tr td:last-child {
	border-right: none;
}

/* end content box */

/* tile */
.tile-header {
	text-transform: none;
}
/* end tile */

/* restricted */
.version {
	font-size: 10px;
	position: absolute;
	right: 2px;
	bottom: -16px;
	opacity: 0.7;
}
/* end restricted */

/* table */
.table-bordered {
	border-color: #d6d6d6;
}

.table > thead > tr > th, .table > tbody > tr > td {
	border-color: #d6d6d6;	
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th {
	background-color: #fafafa;
}

.table tr.table-group-header {
	color: #3e4855;
	font-weight: bold;
}

.table .form-group {
	margin-left: 0px;
	margin-right: 0px;
}

.table.table-hover .table-row-hover {
	cursor: pointer;
}

.table > tbody > tr > td.table-cell-hover {
	cursor: pointer;
    background-color: #dff0d8;
}

table.table-fixed {
	table-layout: fixed;
}

table.table-list .form-control-static {
	padding-top: 5px;
	padding-bottom: 5px;
	min-height: 16px;
}

/* end table */
/* user profile */
.user-account-btn .user-profile .user-info {
	margin-left: 8px;	
}

.user-account-btn .user-profile .user-info span {
	line-height: 18px;
}

.user-account-btn .user-profile .user-info .role {
	opacity: 0.7;
}

.user-account-btn .user-profile img {
	width: 35px;
	height: 35px;
}
/* end user profile */

/* image */
.img-preview-sm,
.img-preview-md,
.img-preview-lg {
	text-align: center;	
}

.img-preview-lg img {
	max-width: 280px;
	max-height: 200px;
	border: 1px solid #d6d6d6;
}
/* end image */

/* table */
.table {
	margin-bottom: 0px;
}

.pagination {
	margin: 15px;
}

.panel .panel-body .pagination {
	margin-bottom: 0px;
	margin-right: 0px;
}

table.table tbody tr td.actions button {
	margin-right: 3px;
}

table.table thead th {
	font-weight: 600;
}

table.table tbody td {
	color: #555555;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th {
	color: #333333;
}
/* end table */

.text-alert {
	color: red;
}

.text-ellipsis {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-decoration{
	text-decoration: line-through;
}
/* progress bar */
.progressbar-value {
	transition: width .5s ease;
}

/* progress bar */

/* mail box left nav */
.nav-list .list-group .list-group-header {
	position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    font-size: 14px;
}

.nav-list .list-group .list-group-item {
	border: none;
}

.nav-list .list-group .list-group-item i { 
	min-width: 13px;
}

.nav-list .list-group .list-group-item label {
	cursor: pointer;
}

.nav-list .list-group .divider {
	margin: 1px 0px;
}

.nav-list .list-group .list-group-item.selected {
	color: #2b2f33;
	background: #eff4f6;
}
/* mail box */

/*  table fix header*/
.table-fix-header-wrapper {
	overflow: scroll;
}

   table.table-fix-header {
       display: table;
    width: 100%;
    border-left: none;
    border-bottom: none;
    border-right: none;   
   }
   table.table-fix-header thead, table.table-fix-header tbody {
       float: left;
       width: 100%;
       
   }
   table.table-fix-header tbody {
       overflow: auto;
   }
   table.table-fix-header tr {
       width: 100%;
       display: table;
       text-align: left;
   }
   table.table-fix-header th, table.table-fix-header td {
   	
   }
   
   table.table-fix-header.table-bordered > tbody > tr > td {
   	border-top: none;
   }
    .col30{
   	width:30px;
   	max-width:30px;
   	min-width:30px;
   }
   .col50{
   	width:50px;
   	max-width:50px;
   	min-width:50px;
   }
   
     .col70{
   	width:70px;
   	max-width:70px;
   	min-width:70px;
   }
   .col100{
   	width:100px;
   	max-width:100px;
   	min-width:100px;
   }
   .col130{
   	width:130px;
   	max-width:130px;
   	min-width:130px;
   }   
   .col150 {
   	width:150px;
   	max-width:150px;
   	min-width:150px;
   }
   .col200 {
   	width:200px;
   	max-width:200px;
   	min-width:200px;
   }
   .col300 {
   	width:300px;
   	max-width:300px;
   	min-width:300px;
   }  
 /* end table fix header*/
 
/* side nav */
.side-nav {
	float: left;
	position: relative;
	margin-right: -100%;
}
 
.container-wrapper {
	position: relative;
}
/*end side nav */
 
 .cursor-pointer {
	cursor: pointer;
}

/* form and input */

label {
	font-weight: normal;	
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=text].warning {
	color: #624b0f;
	border-color: #ebc875;
	background: #ffeec6;
}

input[type=email].warning {
	color: #624b0f;
	border-color: #ebc875;
	background: #ffeec6;
}

textarea.warning {
	color: #624b0f;
	border-color: #ebc875;
	background: #ffeec6;
}

.form-group.has-error input[type=text].form-control.warning {
	border-color: #a94442;	
}

.form-group.has-error .no-error {
	color: inherit;
}

.form-group.has-error input.form-control.no-error {
	border: #dfe8f1 solid 1px;
}

.form-horizontal .control-group {
	margin-left: -15px;
	margin-right: -15px;
}

.form-horizontal .control-group > div {
	margin-bottom: 15px;
}

.form-group.required label.control-label:before {
    content: '*';
    margin-right: 3px;
    color: #ff5b57 !important;
}

.form-group.required.no-label:before {
	content: '*';
 	color: #ff5757 !important;
 	line-height: 34px;
 	position: absolute;
 	left: -13px;
}

/* for fixed layout width */
/*
.form-horizontal .control-label {
	text-align: right;
}

.col-xs-1-5, .col-xs-2-5, .col-xs-3-5, .col-xs-4-5, .col-xs-5-5, .col-xs-6-5,
.col-xs-7-5, .col-xs-8-5, .col-xs-9-5, .col-xs-10-5, .col-xs-11-5, .col-xs-12-5 {
	float: left;	
}
*/

.col-xs-1-5, .col-xs-2-5, .col-xs-3-5, .col-xs-4-5, .col-xs-5-5, .col-xs-6-5,
.col-xs-7-5, .col-xs-8-5, .col-xs-9-5, .col-xs-10-5, .col-xs-11-5, .col-xs-12-5,
.col-sm-1-5, .col-sm-2-5, .col-sm-3-5, .col-sm-4-5, .col-sm-5-5, .col-sm-6-5,
.col-sm-7-5, .col-sm-8-5, .col-sm-9-5, .col-sm-10-5, .col-sm-11-5, .col-sm-12-5,
.col-md-1-5, .col-md-2-5, .col-md-3-5, .col-md-4-5, .col-md-5-5, .col-md-6-5,
.col-md-7-5, .col-md-8-5, .col-md-9-5, .col-md-10-5, .col-md-11-5, .col-md-12-5, 
.col-lg-1-5, .col-lg-2-5, .col-lg-3-5, .col-lg-4-5, .col-lg-5-5, .col-lg-6-5, 
.col-lg-7-5, .col-lg-8-5, .col-lg-9-5, .col-lg-10-5, .col-lg-11-5, .col-lg-12-5 {
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5-5 {
	width: 20.83333333%
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* end form and input */

/* profile picture */
.profile-picture {
	border: 1px solid #ededed;
	height: 200px;
	width: 200px;
	padding: 2px;
}

.profile-picture img {
	height: 100%;
	width: 100%;
}
/* end profile picture */

/* inspection request */
.inspection-request-roles {
	margin-bottom: 10px;	
}

.inspection-request-roles > div > div {
	position: relative;
}

.inspection-request-roles > div > button {
	position: absolute;
    right: 15px;
    top: 6px;
}

.inspection-request-users {
	margin-bottom: 10px;	
}

.inspection-request-users > div {
	position: relative;
}

.inspection-request-users > div > button {
	position: absolute;
    right: 15px;
    top: 6px;
}
/* end inspection request */


/* responsive */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12
, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12
, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12
, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	margin-bottom: 8px;
}

.form-group {
	margin-bottom: 0px;
}

#header-nav-right {
	float: right;
}

#header-nav-right .header-btn {
	margin-right: 10px;
}

.side-nav.sidebar-show {
	display: initial !important;
	width: 100%;
}

.side-nav.sidebar-show + .container-wrapper {
	display: none;
}

@media only screen and (min-width: 56.25em) and (max-width: 1199px) { /* override theme css*/
	#page-content {
		padding: 10px 10px;
	}
	
	#theme-options, #header-logo {
		display: none;
	}
	
	#mobile-navigation {
		display: initial;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	#page-content {
		padding: 10px 10px;
		overflow-x: hidden; 
	}
	
	.side-nav.sidebar-show {
		display: initial !important;
		width: 240px;
	}
	
	.side-nav.sidebar-show + .container-wrapper {
		display: block;
		left: 260px;
	}
}

@media only screen and (min-width: 1200px) {
	#page-content {
		padding: 20px 20px;
	}
	
	#theme-options, #header-logo {
		display: block;
	}
	
	#mobile-navigation {
		display: none;
	}
	 
	.side-nav {
		width: 240px;
	}
	
	.side-nav.sidebar-show {
		display: initial !important;
		width: 240px;
	}
	
	.container-wrapper {
		margin-left: 260px;
	}
	
	.side-nav.sidebar-show + .container-wrapper {
		display: block;
	}
}
/* end responsive */