﻿

/**
* SIDEBAR MODULE MENU
*/
.module-menu { border-bottom: 1px solid #111; border-radius: 0px; margin: 10px 0; padding: 0; }
.module-menu > .nav { padding: 0 10px; margin: 0; }
.module-menu .nav > li > a { border: 1px solid transparent; margin-bottom: -1px; }
.module-menu .nav > li > a:hover,
.module-menu .nav > li > a:active,
.module-menu .nav > li > a:focus,
.module-menu .nav .open > a,
.module-menu .nav .open > a:hover,
.module-menu .nav .open > a:focus,
.module-menu .nav > .active > a {
  background: rgba(0,0,0,0.5);
  color: #f6f6f6;
	border-color: transparent;
	border-bottom-color: #C02026;
	outline: none !important;
}
.module-menu .nav > li.active a { background: transparent; border-color: #111; border-bottom-color: #C02026; }
.module-menu .nav li.dropdown li a { color: #111; }
.sidebar-collapse .module-menu .nav,
.sidebar-collapse .module-menu .nav > li { padding: 0; margin: 0; width: 100%; }
.sidebar-collapse .module-menu .nav > li > a  span:not(.caret) { display: none; }
.sidebar-collapse	.module-menu .nav > li > a { border: none; margin-bottom: -1px; }
.sidebar-collapse	.module-menu .nav > li > a:hover,
.sidebar-collapse	.module-menu .nav > li > a:active,
.sidebar-collapse	.module-menu .nav > li > a:focus,
.sidebar-collapse	.module-menu .nav .open > a,
.sidebar-collapse	.module-menu .nav .open > a:hover,
.sidebar-collapse	.module-menu .nav .open > a:focus,
.sidebar-collapse	.module-menu .nav > .active > a {
	background: rgba(0,0,0,0.5);
	color: #f6f6f6;
	outline: none !important;
}
.sidebar-collapse	.module-menu .nav > li.active a { background: none; font-weight: bold; color: #111; }
@media (max-width: 767px) {
	.module-menu .nav > li a { border: 1px solid #111; margin-bottom: -1px; }
	.module-menu .nav > li > a:hover,
	.module-menu .nav > li > a:active,
	.module-menu .nav > li > a:focus,
	.module-menu .nav .open > a,
	.module-menu .nav .open > a:hover,
	.module-menu .nav .open > a:focus,
	.module-menu .nav > .active > a {
		background: rgba(0,0,0,0.5);
		color: #f6f6f6;
		outline: none !important;
	}
	.module-menu .nav > li.active a { background: none; font-weight: bold; }
}




/**
* BUTTON
*/
 .menu-btn  {
	display: inline-block;
	padding: 5px;
	min-width: 24px;
	min-height: 24px;
	line-height: 24px;
	text-align: center;
	color: #FFF;
	opacity: 0.75;
	outline: none;
	box-shadow: none;
	border: none;
	cursor: pointer;
}
 .menu-btn:active,
 .menu-btn:focus,
 .menu-btn:hover { color: rgba(255,255,255,0.8); outline: none; text-decoration: none; }
 .menu-btn-blue {
  background-color: #3c8dbc;
  border-color: #367fa9;
}
 .menu-btn-blue:hover,
 .menu-btn-blue:active,
 .menu-btn-blue.hover {
  background-color: #367fa9;
}
 .menu-btn-green {
  background-color: #00a65a;
  border-color: #008d4c;
}
 .menu-btn-green:hover,
 .menu-btn-green:active,
 .menu-btn-green.hover {
  background-color: #008d4c;
}
 .menu-btn-cyan {
  background-color: #00c0ef;
  border-color: #00acd6;
}
 .menu-btn-cyan:hover,
 .menu-btn-cyan:active,
 .menu-btn-cyan.hover {
  background-color: #00acd6;
}
 .menu-btn-red {
  background-color: #dd4b39;
  border-color: #d73925;
}
 .menu-btn-red:hover,
 .menu-btn-red:active,
 .menu-btn-red.hover {
  background-color: #d73925;
}
 .menu-btn-yellow {
  background-color: #f39c12;
  border-color: #e08e0b;
}
 .menu-btn-yellow:hover,
 .menu-btn-yellow:active,
 .menu-btn-yellow.hover {
  background-color: #e08e0b;
}

/**
* UPLOADER
*/
.uploader { padding: 5px; overflow: auto; }
.uploader.uploader-vertical .uploader-preview { width: 100%; float: none; clear: both; display: block; }
.uploader.uploader-horizontal .uploader-preview { width: 20%; float: left; clear: left; display: block; }
.uploader .uploader-preview { text-align: center; padding: 5px; }
.uploader .uploader-preview .no-image { display: none; font-size: 200%; width: 100%; height: 100%; }
.uploader .uploader-preview.fill img,
.uploader .uploader-preview.empty .no-image { display: block; }
.uploader .uploader-preview.empty img,
.uploader .uploader-preview.fill .no-image { display: none; }
.uploader .uploader-menu { padding: 5px; }
.uploader .uploader-menu .uploader-clear-images,
.uploader .uploader-menu .uploader-undo { display: none; }
.uploader.uploader-vertical .uploader-menu { width: 100%; float: none; clear: both; display: block; }
.uploader.uploader-horizontal .uploader-menu { width: 80%; float: left; clear: right; display: block; }
.uploader .uploader-input { display: none; }
.uploader .uploader-msg { font-style: italic; font-size: 90%; color: #999; }
@media only screen and (max-width: 767px) {
	.uploader.uploader-vertical .uploader-preview,
	.uploader.uploader-horizontal .uploader-preview,
	.uploader .uploader-preview { text-align: left; width: 100%; padding: 5px 50% 5px 5px; }

	.uploader.uploader-horizontal .uploader-menu,
	.uploader.uploader-vertical .uploader-menu,
	.uploader .uploader-menu { width: 100%; float: none; clear: both; display: block; }
}
/**
* MODAL
*/
.modal.modal-custom { background-color: rgba(255,255,255,0.95); outline: none; position: fixed; z-index: 10011 !important; perspective: 1000px; }
.modal.modal-custom.fade {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 400ms ease-in-out;
			-moz-transition: all 400ms ease-in-out;
				-ms-transition: all 400ms ease-in-out;
				-o-transition: all 400ms ease-in-out;
				transition: all 400ms ease-in-out;
}
.modal.modal-custom.fade.in { opacity: 1; transform: scale(1); }
.modal.modal-custom .modal-dialog {
	width: 80%;
	margin: 2% auto;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
.modal.modal-custom.flip .modal-dialog { transform: rotateY(180deg); }
.modal.modal-custom .modal-content {
	box-shadow: none;
	border: none;
	background: none;
	position: relative;
	z-index: 2;
	transform: rotateY(0deg);
}
.modal.modal-custom .modal-content,
.modal.modal-custom .modal-content.modal-back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.modal.modal-custom .modal-content.modal-back { transform: rotateY(180deg);  }
.modal.modal-custom.flip .modal-content.modal-back {
	display: block;
	z-index: 10001;
	color: #111;
	background: #FFF;
}
.modal.modal-custom .modal-header [data-dismiss="modal"].close {
	width: 100px;
	height: 100px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999;
	transform: translate(25px,-25px);
}
.modal.modal-custom .modal-header [data-dismiss="modal"].close span {
	display: block;
	width: 80%;
	height: 1px;
	margin: 0 auto;
	background-color: #111;
}
.modal.modal-custom .modal-header [data-dismiss="modal"].close span:first-child { transform: translateY(1px) rotateZ(45deg); }
.modal.modal-custom .modal-header [data-dismiss="modal"].close span:last-child { transform: translateY(-1px) rotateZ(135deg); }
.modal.modal-custom .modal-header [data-dismiss="modal"].close:active,
.modal.modal-custom .modal-header [data-dismiss="modal"].close:focus,
.modal.modal-custom .modal-header [data-dismiss="modal"].close:hover { border: none; outline: none; }
.modal.modal-custom .modal-footer .btn {
	display: inline-block;
	padding: 5px;
	min-width: 24px;
	min-height: 24px;
	line-height: 24px;
	text-align: center;
	color: #FFF;
	opacity: 0.75;
	outline: none;
}
.modal.modal-custom .modal-body input:hover, .modal.modal-custom .modal-body input:focus, .modal.modal-custom .modal-body input:active,
.modal.modal-custom .modal-body select:hover, .modal.modal-custom .modal-body select:focus, .modal.modal-custom .modal-body select:active,
.modal.modal-custom .modal-body textarea:hover, .modal.modal-custom .modal-body textarea:focus, .modal.modal-custom .modal-body textarea:active {
	border: 1px solid #333;
	outline: none;
	box-shadow: none;
}
.select2-search-choice {
    background-color: red !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    color: #333;
    border: 1px solid #aaaaaa;
}










