/* ------------------Put your custom code here--------------------*/
label.error {
	font-size: 13px !important;
}
.errorMessage {
	color: #C93605;	
}

.collapseBtn.leftbar {
	top: 125px !important;	
}

.collapseBtn.leftbar.top {
    left: 240px !important;
    top: 22px !important
}

.elfinder .elfinder-button {
	height: auto !important;
	width: auto !important;	
}

.bg-black {
	background: #000 !important;	
}

#thumbGallery li {
	width: auto !important;	
}

/* Gallery  Modal */
.noTitleBar { z-index: 2500 !important; }
.noTitleBar .ui-dialog-titlebar {display:none}
.noTitleBar .ui-dialog .ui-dialog-content { background: #000 !important; }
.noTitleBar .ui-widget-content { border: 0 !important; }
.noTitleBar.ui-dialog{ width: 833px !important; }
.ui-dialog .ui-dialog-content { padding: 0 !important; }
.noTitleBar .bxslider{ margin: 0 !important; }

.noTitleBar .bx-wrapper .bx-viewport {
	background: none;
	border: 0;
	box-shadow: none;
	left: 0;
}

.noTitleBar .ui-widget-content a {
	color: #00F;
	text-decoration: underline;	
}

.closeGalleryModal.entypo-icon-close {
	display: inline !important;	
}

#galleryOverlay {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
	z-index: 2000;
}

.closeModal {
	position: absolute;
	z-index: 3000 !important;
	right: 10px;
	top: 10px;
}

.closeGalleryModal1 {
	font-size: 20px;
	width: 15px;
	height: 15px;
	color: #fff;	
	cursor: pointer;
}

.closeGalleryModal {
	background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 20px;
    color: #333333;
    cursor: pointer;
    font-size: 20px;	
}

.padContent{
	padding: 6px;	
}

.caption .row {
	margin-left: 0 !important;
	margin-right: 0 !important;	
}

.navbuttons {
	color: #ffffff !important;
	
	border-left: none;
    border-right: none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	background-color: #27282a;
    background-image: linear-gradient(to bottom, #f80016, #bf0011);
}

/* Gallery Navigation Buttons
.buttonset {
    color: #FFFFFF;
    display: inline-block;
    font: 12px/25px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    height: 25px;
    margin: 0 40px 0 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
}

.navbuttons {
	
    border-left: 1px solid #3F3F3F;
    border-right: 1px solid #515151;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	background-color: #27282a;
    background-image: linear-gradient(to bottom, #27282a, #0b0b0b);
    cursor: pointer;
    float: left;
    padding: 0 10px;
	width: 176px;
	height: 40px;
	color: #ffffff !important;
	line-height: 40px;
	font-size: 14px;
}

.navbuttons:hover {
	text-decoration: none !important;	
	color: #f00;
}
 */
 
.search {
	margin-top: 3px;
	border-right: 1px solid #f0f0f0;
	padding-right: 20px !important;
}

.search .top-search {
	width: 100%;	
}


.control-label {font-weight: bold;}
form .control-group:last-child {margin-bottom: 0;}
form .control-group .controls-row {	margin-bottom: 5px;}
form .control-group .controls-row textarea {margin-bottom: 15px;}
form .control-group .controls-row .btn.special {margin-left: 10px;}

.elfinder-dialog .ui-dialog-content {
	padding-left: 60px !important;
	padding-top: 5px !important;	
}

.elfinder-quicklook-titlebar {
	z-index: 120 !important;	
}

.elfinder-quicklook-titlebar .ui-icon {
	cursor: pointer !important;	
}

.white-text, .white-text * {
	color: #fff;	
}

.row .news-row {
	border-bottom: 1px solid #404040;
	padding-bottom: 35px;
	margin-top: 35px;
}

.row:first-child .news-row {
	margin-top: 0;	
}

.row:last-child .news-row {
	border: 0;	
}

.news-title {
	margin: 0;
	padding: 0;
	margin-botom: 3px;
	font-weight: normal;
}

.news-date {
	font-size: 12px;
	margin-bottom: 25px;
	display:block;	
}

.recent .notification {
	position: relative;
	top: auto;	
}

.pagination.black {
	margin-top: 15px;
}

.pagination.black a {
    background: -moz-linear-gradient(center top , #434345 1%, #2F2F31 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid #1D1D1D !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 0 #434345, 0 1px 0 #2F2F31 inset !important;
    color: #717171 !important;
    display: inline-block !important;
    float: left !important;
    font-weight: 700 !important;
    line-height: 28px !important;
    margin-bottom: 10px !important;
    margin-right: 4px !important;
    min-height: 28px !important;
    padding: 0 14px !important;
    text-decoration: none !important;
}

.pagination.black .active a, .pagination.black .active a:hover {
    background: none repeat scroll 0 0 #45AA98 !important;
    border-color: #5098AA !important;
    box-shadow: 0 1px 0 #538079, 0 1px 0 #538079 inset !important;
    color: #F2F2F2 !important;
}

.rightBox {
	margin-right: 0 !important;	
}

.dualBtn {
	margin-top: 100px !important;	
}

menu {
	margin-bottom: 60px;
}

/*
.buttonset {
	background-color: transparent !important;	
	background-image: none !important;
}
*/

[class^="brocco-icon-"], [class*=" brocco-icon-"], [class^="cut-icon-"], [class*=" cut-icon-"], [class^="entypo-icon-"], [class*=" entypo-icon-"], [class^="icomoon-icon-"], [class*=" icomoon-icon-"], [class^="minia-icon-"], [class*=" minia-icon-"], [class^="iconic-icon-"], [class*=" iconic-icon-"], [class^="meteo-icon-"], [class*=" meteo-icon-"], [class^="silk-icon-"], [class*=" silk-icon-"], [class^="typ-icon-"], [class*=" typ-icon-"], [class^="wpzoom-"], [class*=" wpzoom-"], [class^="eco-"], [class*=" eco-"], [class^="wpzoom-"]::before, [class*=" wpzoom-"]::before, [class^="eco-"]::before, [class*=" eco-"]::before {
	color: #F80016;	
}

#header .navbar .nav > li > a {
    background-color: #e0e0e0;
    background-image: linear-gradient(to bottom, #F80016 0px, #BF0011 100%);
    border-color: #BF0011 #BF0011 #BF0011;
    color: #ffffff;
    text-shadow: none;
}

#header .navbar .nav > li > a:hover  .icomoon-icon-exit {
	color: #F80016;
}

#header .navbar .nav > li > a .icomoon-icon-exit {
	color: #ffffff;
}

#header .navbar {
	background: #ffffff;
}

#sidebar .shortcuts, #sidebar-right .shortcuts {
	height: 49px;
}

.navbar-default .navbar-toggle {
	right: 0px !important;	
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.alert-text {
	color: #b94a48;
}

.notification {
    background-image: linear-gradient(to bottom, #f80016 0%, #bf0011 100%);
    background-repeat: repeat-x;
    border-color: #bf0011;
}

#overlay {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

.btn-info .white {
	color:#ffffff !important;
}

.btn-info {
  /*
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#F80016), to(#BF0011));
  background-image: -webkit-linear-gradient(top, #F80016 0%, #BF0011 100%);
  background-image: -moz-linear-gradient(top, #F80016 0%, #BF0011 100%);
  background-image: linear-gradient(to bottom, #F80016 0%, #BF0011 100%);
  background-repeat: repeat-x;
  */
  background-image:none !important;	
  background-color: #F80016 !important;
  border-color: #BF0011;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF80016', endColorstr='#FBF0011', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:focus {
  background-image:none !important;
  background-color: #000000 !important;
  background-position: 0 -15px;
}

.btn-info:active,
.btn-info.active {
  background-image:none !important;
  background-color: #000000 !important;
  border-color: #333333 !important;
}


.pagination .active a, .pagination .active a:hover {
	background-color: #e0e0e0 !important;
    background-image: linear-gradient(to bottom, #F80016 0px, #BF0011 100%) !important;
    border-color: #BF0011 #BF0011 #BF0011 !important;
    color:#ffffff !important;
}

.messages li div.message .head span.name strong {
    color: #F80016;
}

.navbuttons:hover {
    background-color: #333;
    background-image: linear-gradient(to bottom, #222222, #3c3c3c);
}

.loginContainer {
	width: 500px;
	left: 45%;
	margin-top: -200px;
}

@media only screen and (max-width: 1360px) {
	/* ------------------ Form styles --------------------*/
	[class*="span6"] form .control-group .control-label {width: 120px;}
	[class*="span6"] form .control-group .controls {margin-left: 150px;}
}

@media only screen and (max-width: 1280px) {
	/* ------------------ Form styles --------------------*/
	[class*="span6"] form .control-group .control-label {width: 100%; text-align: left;margin-bottom: 5px;}
	[class*="span6"] form .control-group .controls {margin-left: 0;}
	[class*="span6"] form .control-group {margin-bottom: 10px;}
	[class*="span6"] form .form-actions {padding-left: 20px;}
}

@media only screen and (max-width: 767px) {
	/* ------------------ Form styles--------------------*/
	form .control-group [class*="span"] {margin-bottom: 10px !important;}
	form .control-group .control-label {width: 100%; text-align: left;margin-bottom: 5px;}
	form .control-group .controls {margin-left: 0;}
	form .control-group {margin-bottom: 10px;}
	form .form-actions {padding-left: 20px;}
	form .control-group .controls-row [class*="span"] {margin-left: 0 !important;}
	form .control-group .controls-row .btn.special {margin-left: 0px;}
	
	.loginContainer {
		width: 450px !important; 
		left: 40% !important; 
		margin-top: 0px;
	}
}

@media only screen and (max-width: 400px) {
	.loginContainer {
		width: 250px !important; 
		left: 55% !important; 
		margin-top: 0px;
	}
}