/* here you can put your own css to customize and override the theme */

.navbar-brand .img-responsive { display: block; max-width: 100%; height: auto; max-height: 34px; }
.navbar-brand { padding: 5px; }
.page-sidebar-closed .logo { display: none; } 
.page-sidebar-hover-on .logo { display: block; } 
.page-sidebar .sidebar-toggler { margin-top: 30px;}
.page-sidebar .sidebar-search .form-container { margin: 20px 20px 22px 20px;}
.page-sidebar .logo { padding: 15px; border-top: 1px solid #242424; overflow: hidden;}
.portlet.box > .portlet-title { padding: 3px 10px 6px 10px;}
.portlet > .portlet-title > .caption { margin-top: 10px;}
.portlet-body.form { position:relative;}
.page-sidebar-fixed .footer { padding: 0px 20px; }
.footer .footer-tools .go-top { margin-top: 6px; }
.footer .copyright { text-decoration: none; color: #999999;}
.footer .copyright img { margin-right: 5px; }
form .row .row { margin: 0px; padding-top: 5px;}
form .row .tab-content .row>.col-md-12 { margin: 0px; padding: 15px;}
form .row .tab-content .row>.col-md-10 { margin: 0px; padding: 15px;}
form .row .tab-content .row>.col-md-8 { margin: 0px; padding: 15px;}
form .row .tab-content .row>.col-md-6 { margin: 0px; padding: 15px;}
form .row .tab-content .row>.col-md-4 { margin: 0px; padding: 15px;}
form .row .tab-content .row>.col-md-2 { margin: 0px; padding: 15px;}
form .row .nav-tabs, form .row .nav-pills {margin-left: 15px; margin-right: 15px;}
form .row .form-group .nav-tabs, form .row .form-group .nav-pills {margin-left: 0px;}
form .row .form-group .tab-content { padding-bottom:10px; border-bottom: 1px solid #ddd; margin-right: 15px; }
form .row .panel-group, form .row .form-section { margin: 0px 15px 20px 15px; clear: both; }
form .row .form-group .radio-list table>tbody>tr>td { padding: 8px 0 0 8px; line-height: 1.42857143; vertical-align: middle; border-top: none;}
.form-body { overflow: hidden; }
.form-group td { vertical-align: top; }
.form-group img { width: 100%; height: auto; }
label { display: block;} 
.form-actions { margin-top: 0px; }
.form-control {padding: 4px 12px;}
textarea.form-control { min-height: 146px; }
textarea.nxt_cke_editor { background-color: #f8f8f8; }
.form-control.inline { display: inline; width: auto; }
.form-control.inline-block { display: inline-block; width: auto; }
.select2-search { padding: 0px 5px 5px 5px; border: 1px solid #999999; border-bottom: 0px;} 
.select2-results {min-width: 295px; background-color: #fff; padding: 4px 0 0 0; margin: 0 0 5px 0; border: 1px solid #999999; background-color: #fff;}
.select2-results li { padding: 5px 10px; }
.select2-results ul.select2-result-sub li { padding-left: 20px; }
.select2-results li.select2-result-unselectable.select2-result-with-children { padding-left: 0px; padding-right: 0px; }
.select2-results .select2-result-label {padding: 5px 0px 5px 5px; }
.select2-drop-active {min-width: 300px !important; border: none;}
.imageselect2me .select2-choice { height: 44px; } 
.imageselect2me .option { position:relative; display: block; height: 44px; line-height: 20px; padding-left: 72px; overflow: hidden; }
.imageselect2me .option img { position: absolute; top: 0px; left: 0px; width: auto; max-height: 36px;}
.imageselect2me .select2-results .option img { top: 4px; }
.select2-container .select2-choice .select2-chosen { white-space: normal; }
.select2-container.imageselect2me .select2-choice .select2-chosen .option { line-height: 36px;}
.select2-container.select2me .row { padding: 0; margin: 0 -15px;}
.btn.default { margin-right: 5px; }
.contentMainItemHeadMinimize { float: left; margin: 8px; }
.jstree-node span { margin: 0px 5px 0px 0px; }
.jstree-icon, .jstree-anchor { float: left; }
.jstree-anchor { width: 98%; display: block; }
.jstree-buttons { float: right; }
@media (min-width: 480px) and (max-width: 768px) {
	.col-xs-6  { width: 33.333%;}
}
.thumbnail { min-height: 282px; position: relative;}
.thumbnail img { max-height: 10em;}
.thumbnail .table { margin: 5px 0px 5px 0px; position: absolute; bottom: 0px; left: 0px;}
.thumbnail .caption { position: absolute; width: 100%; bottom: 20px; left: 0px;}
.thumbnail .caption p { white-space:nowrap; max-height: 45px; overflow: hidden; text-overflow:ellipsis;}
.thumbnail #systemOverviewTable.table td { padding: 5px 0px 0px 0px; }
#systemOverviewTable .button { width: 2%; text-align: center;}
#systemOverviewTable .icon { width: 2%; }
#systemOverviewTable .status { width: 2%; }
#systemOverviewTable .smalltext { width: 2%; }
#systemOverviewTable td.button a, #systemOverviewTable td.button a:hover { text-decoration: none;}
#systemOverviewTable td.icon a, #systemOverviewTable td.icon a:hover { text-decoration: none;}
#systemOverviewTable td.status a, #systemOverviewTable td.status a:hover { text-decoration: none;}
#systemOverviewTable td.smalltext a, #systemOverviewTable td.smalltext a:hover { text-decoration: none;}
#systemOverviewTable .progress { margin: 0; }
.pagination { margin: 0px; display: block; }
.pagination>li>a { padding: 7px 12px; }
.navbar .form-group { overflow: hidden; } 
.select2-results { margin: 0 0 5px 0; border: 1px solid #999999; background-color: #fff;}
.select2-drop-active { border: none; }
.pagination>div, .pagination>select { float: left; }
.pagination>select:focus {border-color: #ddd}
.pagination>div>a, .pagination>div>span { padding: 7px 12px;
  position: relative; 
  display: inline-block;
  margin-left: 0px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
   }
.pagination>div.prev>a { border-right: transparent; }
.pagination>div.next>a { border-left: transparent; }
#system_message { position: absolute; }
.radio input[type=radio] { margin-left: auto; }
.header.navbar .navbar-brand { width: 225px !important; }
.header.navbar .navbar-brand img { margin-left: 42px; }
.navbar-default .navbar-form { border-color: transparent; }
.accordion iframe { border: none; }
.page-content { 
 	overflow: hidden;
}
.menu-header {
	position: absolute;
	margin-left: 42px;
	font-size: 29px;
	font-weight: 300;
	line-height: 29px;
	color: #ffffff;
}
.disabled {
	color: #dddddd;
}
.button {
	position: relative;
}
.button, .button a {
	color: rgba(36,36,36,0.7) !important;
}
.button:hover, .button a:hover {
	color: rgba(36,36,36,1) !important;
}
.button .badge {
	position: absolute;
	top: 2px;
	left: 2px;
	font-size: 9px !important;
    background-color: #35aa47;
    height: 12px;
    padding: 2px 3px 2px 3px;
}
/*
 * Image upload
 */
.link-upload-clickzone {
	position:absolute;
	width:24px;
	height:24px;
	top:0px;
	right:0px;
	overflow: hidden;
	cursor: pointer;
	cursor: hand;
}
.link-upload-clickzone {
	background-image: url('../img/link-upload-clickzone.png');
	background-repeat: no-repeat;
	background-position: center;
}
.image-upload-container, .document-upload-container {
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	overflow: hidden;
	padding: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px #34aa47 dashed;
	background-repeat: no-repeat;
	background-position: center 100px;
	background-color: rgba(255,255,255,1);
	cursor: pointer;
	cursor: hand;
}
.image-upload-container img, .document-upload-container img {
	display: none;
}
.modal .imagecontainer img {
	width: 100%;
	height: auto;
}
.loading {
	position: absolute;
	bottom: 0px;
	width: 100%;
	min-width: 100px;
	min-height: 20px;
}
.loading-bar {
	height: 10px;
	border: 1px solid #35aa47;
	border-radius: 5px;
	background-color: #ffffff;
}
.loading-color {
	width: 0%;
	height: 4px;
	background-color: #35aa47;
	margin: 3px 0px;
}
.table.notree>tbody>tr.child>td {
	border-top: none;	
}
.table.notree>tbody+tbody {
	border-top: 1px solid #ccc;
}
.table-hover.notree>tbody:hover>tr>td {
	background-color: #f5f5f5;
}
.invalid .tooltip .tooltip-arrow, .invalid + .tooltip .tooltip-arrow {
	border-top-color: #f00;
}
.invalid .tooltip .tooltip-inner, .invalid + .tooltip .tooltip-inner {
	border-radius: 4px !important;
	background-color: #f00;
}
.table th.sorting a {
	position: relative;
}
.table th.sorting a:after {
	position: absolute;	
	font-family: "FontAwesome";
	margin-left: 10px;
}
.table th.sorting.asc a, .table th.sorting.desc a {
	font-weight: bold;
}
.table th.sorting.asc a:after {
	content: "\f106"; /*up*/
	font-weight: bold;
}
.table th.sorting.desc a:after {
	content: "\f107"; /*down*/
	font-weight: bold;
}
.table th.sorting a:hover:after, .table th.sorting.desc a:hover:after {
	content: "\f106"; /*up*/
}
.table th.sorting.asc a:hover:after {
	content: "\f107"; /*down*/
}

.page-sidebar-menu > li > ul.sub-menu > li {
	position:relative;
}
.page-sidebar-menu > li > ul.sub-menu > li .favourite {
	position: absolute;
	display: none;
	top: 15px;
	transform: translate(0, -50%);
	margin-left: 10px;
	color: #F9A602;
	cursor: pointer;
}
.page-sidebar-menu > li > ul.sub-menu > li:hover .favourite {
	display: block;
}

input[type=checkbox].switch {
	position: relative;
	display: inline-block !important;
	height: 1px;
	width: 1px;
	margin-right: 57px;
}
input[type=checkbox].switch::before {
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	position: absolute;
	content: "";
	cursor: pointer;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	height: 30px;
	width: 57px;
	border: 1px solid #E1E1E1;
	background-color: #EDEDED;
	border-radius: 15px !important;
	box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.19);
	z-index: 1;
}
input[type=checkbox].switch::after {
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	position: absolute;
	content: "";

	top: 2px;
	left: 0px;
	margin-left: 2px;
	height: 24px;
	width: 24px;
	border-radius: 13px !important;
	background-color: #FFFFFF;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
	z-index: 2;
}
input[type=checkbox].switch:checked::before {
	background-color: #127DBE;
}
input[type=checkbox].switch:checked::after {
	margin-left: 29px;
}