/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
a, button{outline: none !important;}
body {
	margin-top: 100px;
	background-color: #FFF;
        font-size: 14px;
}
.page-header{margin: 42px 0 10px 0;}

@media(min-width:768px) {
	body {
		margin-top: 60px;
		margin-bottom: 60px; /* Vasek 10.9.2015 */
	}
	.page-header{margin: 30px 0 10px 0;}
}

#wrapper {
	padding-left: 0;
}

#page-wrapper {
	width: 100%;
	padding: 0;
	background-color: #fff;
}

.huge {
	font-size: 50px;
	line-height: normal;
}

#menu-wrapper{background: #2c3e50;}
#menu-wrapper .navbar-brand{color: #618199}
#menu-wrapper .navbar-toggle {}
#menu-wrapper .navbar-toggle span{background: #618199; }

#page-wrapper .btn-top-right{
	float:none;
	margin-bottom: 15px;
}
#page-wrapper .btn-bottom-right{
	float:none;
	margin-bottom: 15px;
}
#page-wrapper #datepicker-wrapper{text-align: right;}
#page-wrapper #datepicker-wrapper .btn-main{
	padding: 4px 15px;
	width: 30%;
}
#page-wrapper #datepicker-container{
	float:none;
	margin-bottom: 15px;
	width: 68%;
	margin-top: -34px;

}
#page-wrapper #datepicker-container .input-group-addon{
	background: #dce4ec;
	border: 0;
	color: #2c3e50;
}

@media(min-width:768px) {
	#wrapper {
		padding-left: 300px;
	}

	#page-wrapper {
		padding: 10px;
	}

	.top-nav {
		padding: 0 15px;
	}

	#menu-wrapper{background: #FFF; border-bottom: 1px solid #e5e7ea;}
	#menu-wrapper .navbar-brand{background: #2c3e50; width: 250px; border-bottom: 1px solid #26394a; color: #618199}
}

/* Top Navigation */


#menu-wrapper #nav-search .btn-search{background: none; padding: 10px 5px;}
#menu-wrapper #nav-search .btn-search span{color: #999999; font-size: 1.2em}
#menu-wrapper #nav-search .btn-search:hover span{color: #4a647d;}

#menu-wrapper #nav-search input{background: none; border: 0; padding: 10px 0;}


.top-nav>li {
	display: inline-block;
	float: left;
}

.top-nav>li>a {
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 20px;
	color: #999ca3;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
	color: #fff;
	background-color: #4a647d;
}

.top-nav>.open>.dropdown-menu {
	float: left;
	position: absolute;
	margin-top: 0;
	border: 1px solid rgba(0,0,0,.15);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
	white-space: normal;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	background-color: #4a647d;
}


ul.message-dropdown {
	padding: 0;
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}

li.message-preview {
	width: 275px;
	border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
	padding-top: 15px;
	padding-bottom: 15px;
}

li.message-footer {
	margin: 5px 0;
}

ul.alert-dropdown {
	width: 200px;
}

/* Side Navigation */
.side-nav {margin: 0 -15px;}

.side-nav>li>a {
	/*color: #ffffff;*/
	color: #618199;
}
.side-nav li a:hover,
.side-nav li a:focus {
	outline: none;
	background-color: #4a647d !important;
	color: #FFF;
}
.side-nav li .active{background-color: #4a647d; color: #FFF;}
.side-nav li .active:active, .side-nav li .active:focus {background-color: #4a647d; color: #FFF;}

.side-nav li ul li .active{background: none; color: #FFF;}

@media(min-width:768px) {
	#menu-wrapper{}

	.side-nav {
		position: fixed;
		top: 60px;
		left: 250px;
		width: 250px;
		margin-left: -250px;
		border: none;
		border-radius: 0;
		overflow-y: auto;
		background-color: #2c3e50;
		bottom: 0;
		overflow-x: hidden;
		padding-bottom: 40px;
	}
	.side-nav .sidebar-search {
		padding: 15px;
	}


	.side-nav>li>a {
		width: 250px;
	}

}

.side-nav>li>ul {
	padding: 0;
}
.side-nav > li > a {
	padding-bottom: 19px;
	padding-top: 19px;
}


.side-nav>li>ul>li>a {
	display: block;
	padding: 8px 15px 8px 38px;
	text-decoration: none;
	color: #999ca3;
}

.side-nav>li>ul>li>a:hover {
	color: #fff;
}

#menu-logo{position: absolute; left: 0; bottom: 0; background: #2c3e50;}
#menu-logo a{ padding: 15px;}
#menu-logo a:hover{background: #2c3e50 !important;}

/* Flot Chart Containers */

.flot-chart {
	display: block;
	height: 400px;
}

.flot-chart-content {
	width: 100%;
	height: 100%;
}

/* Custom Colored Panels */

.huge {
	font-size: 40px;
}

.panel-blue {
	border-color: #337ab7;
}

.panel-blue > .panel-heading {
	border-color: #337ab7;
	color: #fff;
	background-color: #337ab7;
}

.panel-blue > a {
	color: #337ab7;
}

.panel-blue > a:hover {
	color: #23527c;
}

.panel-green {
	border-color: #5cb85c;
}

.panel-green > .panel-heading {
	border-color: #5cb85c;
	color: #fff;
	background-color: #5cb85c;
}

.panel-green > a {
	color: #5cb85c;
}

.panel-green > a:hover {
	color: #3d8b3d;
}

.panel-red {
	border-color: #d9534f;
}

.panel-red > .panel-heading {
	border-color: #d9534f;
	color: #fff;
	background-color: #d9534f;
}

.panel-red > a {
	color: #d9534f;
}

.panel-red > a:hover {
	color: #b52b27;
}

.panel-yellow {
	border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
	border-color: #f0ad4e;
	color: #fff;
	background-color: #f0ad4e;
}

.panel-yellow > a {
	color: #f0ad4e;
}

.panel-yellow > a:hover {
	color: #df8a13;
}


/* --------------------------------------- LOGIN --------------------------------------- */


#login {background: #FFF; margin: 15px auto 15px 0;}
#login .page-header {text-align: center; padding-bottom: 5px;}
#login .page-header #logo{width: 240px;}
#login .page-header small {display: block; margin-top: 25px; font-size: 24px;}
#login hr{margin: 10px 0 0 0;}

#login #menu-wrapper{background: #FFF; border-bottom: 1px solid #e5e7ea; min-height: 80px}
#login #menu{margin: 0px -15px; text-align: center;}

#login #support-list{margin-top: 30px; text-align: center;}
#login #support-list li a{color: #b4bcc2; transition: all 0.1s;}
#login #support-list li a:hover{text-decoration: none; color:#4a647d; transition: all 0.2s;}

#login #support-list li a span.visible-xs, #login #support-list li a span.visible-sm{display: inline-block !important}
#login #support-list li a span.fa{vertical-align: middle; margin-top: -5px;}


.datepicker{
	margin-top: 100px;

}
/* Custom, iPhone Retina */
@media(min-width:320px) {
	#login .page-header{margin-top: 0px; }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	#login .page-header{margin-top: 42px;}
	#login hr{margin: 21px 0;}

	#login {margin: 0px auto 30px auto;}
	#login #menu{margin-left: 0; margin-right: -15px;}
	#login #login-footer{background: url(../images/login-bg.jpg) no-repeat; position: absolute; width: 100%; bottom: 0; height: 300px;z-index: -1;}
}

/* Small Devices, Tablets */
@media(min-width:768px) {
	#login #support-list li a span.visible-xs, #login #support-list li a span.visible-sm{display: none !important}
	#login #login-footer{ bottom: 0; }

	.datepicker{
		margin-top: 60px;

	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	#login #login-footer{ bottom: -100px; }
	#page-wrapper .btn-top-right{
		float:right;
		margin-top: -60px;
	}
	#page-wrapper .btn-bottom-right{
		float:right;
		margin-top: 30px;
	}
	#page-wrapper #datepicker-wrapper{
		float:right;
		margin-top: -60px;
		width: 320px;
	}

}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1300px) {
	#login #login-footer{ bottom: -50px; }
	#login #logo{margin-top: 5px;}
	#page-wrapper #datepicker-wrapper{
		width: 380px;
	}
}
/* Full HD Screens */
@media only screen and (min-width : 1700px) {
	#login #login-footer{ bottom: 0; }
}

form[role=login] {
	color: #5d5d5d;
	background: #FFF;
	padding: 0 26px;
	padding-top: 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
form[role=login] img {
	display: block;
	margin: 0 auto;
	margin-bottom: 35px;
}
form[role=login] input,
form[role=login] button {
	font-size: 18px;
	margin: 16px 0;
}
form[role=login] > div {
	text-align: center;
}
/* --------------------------------------- LOGIN --------------------------------------- */


/* --------------------------------------- LISTS, TABLES, INPUTS --------------------------------------- */

.panel-main{border-color: #dadfe0; margin-bottom: 15px; }
.panel-main .panel-heading{background: #ecf0f1;}
.panel-main thead{background: #ecf0f1;}
.panel-main table td{padding: 5px 5px 5px 10px !important; }
.panel-main table th{padding: 10px 5px 10px 10px !important;}
.panel-main table th{padding: 10px 5px 10px 10px !important;}

.panel-main .form-group{margin-bottom: 21px;}
.submiter .form-group{margin-bottom: 21px;}
.panel-main .form-group:last-child{margin-bottom: 10px;}
.panel-main .help-block{margin-left:4px; font-style: italic;}
.panel-main .help-block:last-child{margin-bottom: 0;}
.panel-main .panel-heading .panel-title .fa{margin-right: 5px;}
.panel-main .panel-heading .panel-title a{text-decoration: none;}

.panel-default{border-color: #dadfe0; margin-bottom: 7px;margin-bottom: 15px;}
.panel-default table td{padding: 5px 5px 5px 10px !important; }
.panel-default table th{padding: 10px 5px 10px 10px !important;}
.panel-default table th{padding: 10px 5px 10px 10px !important;}
.panel-default .panel-heading .panel-title .fa{margin-right: 5px;}

.panel-filter .panel-body{padding-top: 5px;}
.panel-filter .control-label{padding: 0; padding-top: 10px;}
.panel-filter .btn-filter{background: none; color: #2c3e50; border: 2px solid #dce4ec;}
.panel-filter .btn-filter{height: 35px;}
.panel-filter .dropdown-toggle:focus {outline: none;}
.panel-filter .btn-bottom-right{text-align: right; margin-top: 15px;}


.panel-main .list-action{display: inline-block;}
.panel-main .list-action span{margin-right: 5px; vertical-align: middle;}


#login .alert{margin-top: 15px;}
.alert-success {
	background-color: #18bc9c;
	border-color: #18bc9c;
	color: #ffffff;
}
.panel-success {
	border-color: #18bc9c;
}
.panel-success > .panel-heading {
	background-color: #18bc9c;
	border-color: #18bc9c;
	color: #ffffff;
}

.panel-success thead{background: #18bc9c; color: #FFF;}
.panel-success table td{padding: 5px 5px 5px 10px !important; }
.panel-success table th{padding: 10px 5px 10px 10px !important;}
.panel-success table th{padding: 10px 5px 10px 10px !important;}

.panel-success .list-action{display: inline-block;}
.panel-success.list-action span{margin-right: 5px; vertical-align: middle;}

.btn i{margin-right: 3px;}
.btn-main{background-color: #2c3e50; color: #FFF; transition: all 0.1s}
.btn-main:hover{background-color: #202c39; color: #FFF; transition: all 0.2s; box-shadow: inset 0 2px 3px #1a2530;}


@media only screen and (min-width : 480px) {
	#login .alert{margin-top: 0px;}
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	.panel-main table td:first-child{width: 35px;}
	.panel-main table td:last-child{width: 115px;}
}


/* --------------------------------------- LISTS, TABLES --------------------------------------- */

.fa-2x{font-size:1.5em}

#legend .panel-body{padding: 0;}
#legend table span{width: 35px; vertical-align: middle; text-align: center; margin-right: 0px;}
#legend table {margin: 0;}
#legend table td{width: 25%;}
#legend table td span{margin-right: 5px; vertical-align: bottom;}
.table>thead>tr>th {
	line-height: 2;
}
/* --------------------------------------- MOBILE, TABLET TABLES --------------------------------------- */

@media only screen and (max-width: 767px){
	.panel.panel-main {
		border: none;
	}

	.table-mobile table,
	.table-mobile thead,
	.table-mobile tbody,
	.table-mobile tfoot,
	.table-mobile th,
	.table-mobile td,
	.table-mobile tr {
		display: block !important;
		width: 100% !important;
	}

	/*Hide table headers (but not display: none;, for accessibility)*/
	.table-mobile thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.table-mobile tr {
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}

	.table-mobile td {
		/*Behave  like a "row"*/
		border: none;
		border-bottom: 1px solid #eee;
		position: relative !important;
		padding-left: 50%;
		text-align: right;
		min-height: 32px;
		white-space: normal!important;

	}

	.table-mobile td:before {
		/*Now like a table header*/
		position: absolute;
		/*Top/left values mimic padding*/
		top: 6px;
		left: 6px;
		/*width: 45%;*/
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}

	.table-mobile .list-action span {
		margin-right: 15px;
		font-size: 25px;
	}

	.table-mobile tbody>tr>td:before {
		content: attr(data-css-content);
	}

	.table-mobile {
		border: 0;
		margin-bottom: 0;
	}
}
/*-------------------------------------------------- BOOTSTRAP MEDIA QUERIES --------------------------------------------------*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*-------------------------------------------------- BOOTSTRAP MEDIA QUERIES --------------------------------------------------*/


/*--------------------------------------------------------- HELP CSS ---------------------------------------------------------*/
.nowrap{white-space:nowrap}
.vertical-align-top{vertical-align: top;}
.vertical-align-middle{vertical-align: middle;}
.vertical-align-bottom{vertical-align: bottom;}
.clear {clear:both}
.clear-left {clear:left}
.clear-right {clear:right}
.strong{font-weight: bold;}
.italic{font-style: italic;}
.block{display:block;}
.inline-block{display: inline-block;}

.width-40{width: 40%;}
.width-45{width: 45%;}
.width-50{width: 50%;}
.width-55{width: 55%;}
.width-60{width: 60%;}
.width-100{width: 100%;}

.width-120{width: 120px !important;}
.width-350{width: 350px !important;}
.height-37{height: 37px;}
.height-50{height:50px;}
.height-90{height:90px !important;}
.height-100{height:100%;}
.font-size-12{font-size: 12px;}
.font-size-14{font-size: 14px !important;}
.font-size-16{font-size: 16px !important;}
.font-size-18{font-size: 18px;}
.font-size-20{font-size: 20px;}
.font-size-22{font-size: 22px;}
.font-size-24{font-size: 24px;}
.font-size-28{font-size: 28px;}
.font-size-32{font-size: 32px;}
.font-size-36{font-size: 36px;}
.font-size-40{font-size: 40px;}
.relative{position:relative;}
.absolute{position: absolute;}


.bg-main{background-color: #601a23;}
.color-main{color: #601a23;}

.color-white{color: #FFFFFF !important;}
.color-black{color: #000000 !important;}
.color-red{color:red;}
.color-blue{color:#428bca;}
.color-grey{color: #666;}
.color-light-grey{color: #999;}
.color-orange{color: #f15e4c; }

.text-decoration-none{text-decoration: none;}

.padding-0{padding: 0;}
.padding-4{padding:4px;}
.padding-5{padding:5px;}
.padding-10{padding:10px;}
.padding-15{padding:15px !important;}
.padding-30{padding:30px;}

.padding-25-25{padding: 0 25px !important;}

.padding-bottom-3{padding-bottom: 3px !important;}

.padding-top-5{padding-top: 5px;}
.padding-top-10{padding-top: 10px;}
.padding-top-20{padding-top: 20px;}
.padding-top-25{padding-top: 25px;}
.padding-top-30{padding-top: 30px;}

.padding-left-0{padding-left: 0px}
.padding-left-15{padding-left: 15px}
.padding-left-20{padding-left: 20px}
.padding-left-22{padding-left: 22px}
.padding-left-37{padding-left: 37px}
.padding-left-80{padding-left: 80px}
.padding-left-100{padding-left: 100px}
.padding-left-115{padding-left: 115px}
.padding-left-130{padding-left: 130px}
.padding-right-0{padding-right: 0px}

.space-bottom-0{margin-bottom: 0px !important;}
.space-bottom-5{margin-bottom: 5px !important;}
.space-bottom-10{margin-bottom: 10px !important;}
.space-bottom-15{margin-bottom: 15px !important;}
.space-bottom-20{margin-bottom: 20px !important;}
.space-bottom-25{margin-bottom: 25px !important;}
.space-bottom-30{margin-bottom: 30px !important;}
.space-bottom-40{margin-bottom: 40px !important;}
.space-bottom-50{margin-bottom: 50px !important;}
.space-bottom-60{margin-bottom: 60px !important;}
.space-bottom-70{margin-bottom: 70px !important;}
.space-bottom-80{margin-bottom: 80px !important;}
.space-bottom-90{margin-bottom: 90px !important;}
.space-bottom-100{margin-bottom: 100px !important;}
.space-bottom-110{margin-bottom: 110px !important;}
.space-bottom-120{margin-bottom: 120px !important;}
.space-bottom-140{margin-bottom: 140px !important;}
.space-bottom-150{margin-bottom: 150px !important;}
.space-bottom-180{margin-bottom: 180px !important;}

.space-top-0{margin-top: 0px !important;}
.space-top-2{margin-top: 2px !important;}
.space-top-5{margin-top: 5px !important;}
.space-top-10{margin-top: 10px !important;}
.space-top-15{margin-top: 15px !important;}
.space-top-20{margin-top: 20px !important;}
.space-top-23{margin-top: 23px !important;}
.space-top-25{margin-top: 25px !important;}
.space-top-30{margin-top: 30px !important;}
.space-top-35{margin-top: 35px !important;}
.space-top-50{margin-top: 50px !important;}
.space-top-60{margin-top: 60px !important;}
.space-top-70{margin-top: 70px !important;}
.space-top-80{margin-top: 80px !important;}
.space-top-100{margin-top: 100px !important;}
.space-top-120{margin-top: 120px !important;}

.space-left-5{margin-left: 5px !important;}
.space-left-7{margin-left: 7px !important;}
.space-left-10{margin-left: 10px !important;}
.space-left-15{margin-left: 15px !important;}
.space-left-20{margin-left: 20px !important;}
.space-left-30{margin-left: 30px !important;}
.space-left-40{margin-left: 40px !important;}
.space-left-50{margin-left: 50px !important;}
.space-left-52{margin-left: 52px !important;}
.space-left-60{margin-left: 60px !important;}
.space-left-70{margin-left: 70px !important;}

.space-right-5{margin-right: 5px !important;}
.space-right-7{margin-right: 7px !important;}
.space-right-10{margin-right: 10px !important;}
.space-right-15{margin-right: 15px !important;}
.space-right-20{margin-right: 20px !important;}
.space-right-30{margin-right: 30px !important;}
.space-right-40{margin-right: 40px !important;}
.space-right-50{margin-right: 50px !important;}
.space-right-60{margin-right: 60px !important;}
.space-right-70{margin-right: 70px !important;}
.space-right-80{margin-right: 80px !important;}

.z-index-100{z-index: 100}

.border-right{border-right: #a5aeb7 solid 1px}

.google-maps {
	position: relative;
	padding-bottom: 55%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 5px solid rgba(255,255,255,0.5);
	background-clip: padding-box;
	border-radius: 5px;
}
/*--------------------------------------------------------- HELP CSS ---------------------------------------------------------*/




/* --------------------------------------- DATAGRID --------------------------------------- */

.panel-datagrid .datagrid {
	padding: 0 !important;
	border-radius: 4px;
}

.panel-datagrid .datagrid .panel-body {
	padding: 0;
}

.panel-datagrid .datagrid table.table-bordered {
	border: none;
}

.panel-datagrid .datagrid table.table-bordered thead > tr:first-child > th:last-child {
	border-top-right-radius: 4px;
}

.panel-datagrid .datagrid table.table-bordered tbody > tr:last-child > td:last-child {
	border-bottom-right-radius: 4px;
}

.panel-datagrid .datagrid table.table-bordered tbody > tr:last-child > td:first-child {
	border-bottom-left-radius: 4px;
}

.panel-datagrid .datagrid table.table-bordered thead > tr:first-child > th:first-child {
	border-top-left-radius: 4px;
}

.panel-datagrid .datagrid table.table-bordered tr > th:last-child,
.panel-datagrid .datagrid table.table-bordered tr > td:last-child {
	border-right: 0;
}

.panel-datagrid .datagrid table.table-bordered tr:last-child > th,
.datagrid table.table-bordered tr:last-child > td {
	border-bottom: 0;
}

.panel-datagrid .datagrid table.table-bordered tr > th:first-child,
.datagrid table.table-bordered tr > td:first-child {
	border-left: 0;
}

.panel-datagrid .datagrid table.table-bordered tr:first-child > th,
.panel-datagrid .datagrid table.table-bordered tr:first-child > td {
	border-top: 0;
}

.panel-datagrid .datagrid table thead tr th {
	font-size: 100%;
}

.panel-datagrid.filter-outer .datagrid table.table-bordered thead th {
	border-radius: 0 !important;
}

.panel-datagrid .datagrid .row-filters {
	background-color: #ecf0f1;
	border-bottom: 1px solid #DADFE0;
	padding: 10px 10px 0;
}

.panel-datagrid .datagrid .row-filters > div {
	margin-top: 0;
	margin-bottom: 10px;
}
.panel-datagrid .datagrid .row-filters label {
	margin-right: 5px;
}

.panel-datagrid .datagrid .row-filters .input-group-addon {
	padding: 0 10px;
}

.panel-datagrid .panel-footer {
	display: none;
	padding: 10px;
}

.panel-datagrid .panel-footer.active {
	display: block;
}

.panel-datagrid .panel-footer a.reset-filter {
	margin-left: 5px;
}

@media only screen and (min-width: 768px) {
	.panel-datagrid .datagrid .row-filters > div + div {
		margin-left: 25px;
	}
}

.panel-datagrid .datagrid .row-grid-bottom {
	padding: 0 !important;
	border: none !important;
	background-color: transparent !important;
}

.ublabooFilterIn th {
	background: white;
}
/* --------------------------------------- DATAGRID --------------------------------------- */



/* --------------------------------- LS Multi Upload wrapper ------------------------------ */

.ls-dropzone-control.dragover {
	display: block !important;
	z-index: 1000;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.ls-dropzone-control.dragover input {
	height: 100%;
	margin: 15px auto;
}

.ls-dropzone-zone .thumbnail {
	border: 2px dashed #dce4ec;
	min-height: 174px;
	padding: 15px;
	font-size: 13px;
}

.ls-dropzone-zone .thumbnail i {
	display: block;
	padding: 15px 0;
	font-size: 50px;
}

.ls-dropzone-container .thumbnail:hover {
	background-color: #dce4ec;
}

.ls-dropzone-container .ls-dropzone-file .thumbnail {
	padding: 5px;
}

.ls-dropzone-container .ls-dropzone-file .file-info {
	padding: 15px 0;
}

.ls-dropzone-container .details {
	min-height: 164px;
}

/* --------------------------------- LS Multi Upload wrapper ------------------------------ */

/* ------------------------------------- ck editor ---------------------------------------- */

[id^=cke_frm] {
	/* border: none !important; */
	box-shadow: none !important;
}

/* ------------------------------------- ck editor ---------------------------------------- */

/* --------------------------------------- menu ------------------------------------------- */

@media (min-width: 768px) {
	#wrapper {
		padding-left: 250px !important;
	}

	#menu-wrapper .navbar-brand {
		width: 250px !important;
	}

	#menu-logo {
		position: fixed;
		overflow: hidden;
		height: 85px;
		display: block !important;
	}

	.side-nav {
		left: 250px !important;
		width: 250px !important;
		margin-left: -250px !important;
		margin-bottom: 85px;
		max-height: 100%;
	}

	.side-nav > li > a {
		width: 250px !important;
	}
}

/* --------------------------------------- menu ------------------------------------------- */