/* Add here all your CSS customizations */

/*.content-body {
	max-width:1140px;
}*/

h3, .h3 {
    font-size: 1.8rem;
}

hr {
	margin:20px 0px;
}

.alert {
    padding: 10px;
}

.sub-text {
	font-size:12px;
}

.modal-text h4 {
	font-size:16px;
}

.toggle > .toggle-content label {
    color: #777;
}
.text-muted {
    color: #ccc !important;
}

.userbox.open .dropdown-menu li.nav-active a {
    background: #0088cc;
	color:#fff;
}

.table .actions, .table .actions-hover {
	vertical-align:top;
}

.form-group:last-child, .form-group:last-of-type {
    margin-bottom: 15px;
}

.note-editor, .note-editor.note-frame {
	margin-bottom:0px;
}

p {
	line-height:17px;
}

.widget-summary.widget-summary-xs .summary .title {
    font-size: 13px;
    line-height: 17px;
	word-break:normal
}

.widget-summary .widget-summary-col {
    vertical-align: middle;
}

.widget-summary.widget-summary-xs .summary-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 1.8rem;
    margin-right: 8px;
}

.btn-grey {
	    color: #fff;
    background-color: #CCCCCC;
    border-color: #CCCCCC;
}

body .btn-grey:hover {
	color: #fff;
    border-color: #0088CC !important;
    background-color: #0088CC;
}

.listing-btns > li {
    padding-right: 2px;
    padding-left: 2px;
}

.checkbox-custom:last-child, .checkbox-custom:last-of-type {
    margin-bottom: 7px;
}

.media-gallery .mg-files .thumbnail {
    width: 224px;
}


.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom {
    background-color: #0088cc;
    z-index: 1;
	max-width:50px;
	    left: 0;
		    border-radius: 0 0 15px 0;
		right:initial;
		-webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}

.media-gallery .mg-files .thumbnail .mg-title {
    margin: 13px 0 2px;
    padding-bottom: 2px;
    display: inline-block;
    font-size: 1.6rem;
}

.widget-summary .summary .amount {
    font-size: 2.1rem;
}

.media-gallery .mg-files .thumbnail .thumb-preview img {
	    background: #444;
    width: auto;
    border-radius: 0px;
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    border-right: none;
}

/*input#search {
	height:33px;
}*/

.media-gallery .mg-files .thumbnail .thumb-preview .thumb-image {
    display: block;
    overflow: hidden;
    padding: 10px;
    background: #F9F6F6 !important;
}
.label-dark2 {
    background: #282d36;
    color: #fff;
}

/* General Color ==========================================*/

/*.notifications .notification-menu:before, .notifications .notification-icon:before, .page-header h2 {
    border-bottom-color: #00CC64;
}

.panel-featured-primary {
    border-color: #00CC64;
}

.notifications .notification-menu .notification-title, .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom, .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar, .slider-primary .ui-slider-range, .slider-primary .ui-slider-handle, .userbox.open .dropdown-menu a:hover, html.no-overflowscrolling .nano > .nano-pane > .nano-slider, .bg-primary, body .btn-primary {
	background:#00CC64;
}

body .btn-primary {
	background:#00CC64;
	border-color: #00CC64;
}
body .btn-primary:

ul.nav-main > li.nav-active > a {
    box-shadow: 2px 0 0 #00CC64 inset;
}

a, .btn-link, ul.nav-main li .nav-children li.nav-active > a,.sidebar-left .sidebar-header .sidebar-toggle:hover i {
    color: #00CC64;
}

.toggle label {
    border-left-color: #00CC64;
    color: #00CC64;
}

.toggle.active > label {
    background: #00CC64 !important;
    border-color: #00CC64;
}*/

/* Summernote classes ==========================================*/

.defaultWYSIWYG {
	font-family:"Comic Sans MS", cursive !important;
	font-size:14px !important;
}

.heading {
	font-weight:600;
	font-size:18px;
    line-height: 22px;
    letter-spacing: 0px;
    text-transform: none;
}
.subHeading {
	font-weight:400;
	font-size:16px;
    line-height: 20px;
    letter-spacing: 0px;
    text-transform: none;

}

.bodyText {
	font-size: 13px;
	color:#5f6263;
}

.quoteText {
	font-size: 13px;
	color: #5f6263;
	font-style: italic;
}

.imageLeft {
	margin-right: 12px !important;
	margin-bottom:12px !important;
}

.imageRight {
	margin-left: 12px !important;
	margin-bottom:12px !important;
}

.btn.disabled {
	background:#CCC !important;
	color:#666;
	    border-color: #CCC;
}

body .btn[disabled],
body .btn-primary[disabled] {
	background:#CCC !important;
	color:#666 !important;
	    border-color: #CCC !important;
}

.quoteSmallText {
	font-size: 11px;
	color: #5f6263;
	font-style: italic;
}

.alertText {
	font-size: 13px;
	color: #FF0000;
}

.captionText {
	font-size: 10px;
	color: #5f6263;
}

.captionAlertText {
	font-size: 10px;
	color: #5f6263;
	font-weight:bold;
}

html.mobile-device .sidebar-left {
	background: #1D2127;
}

html.mobile-device.sidebar-light .sidebar-left {
	background: #FFF;
}

html.no-mobile-device .inner-wrapper,
html.no-mobile-device .nano {
	min-height: auto !important;
}

#preloader  {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fff;
     z-index: 99999;
    height: 100%;
 }

#preloadStatus  {
     width: 48px;
     height: 48px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image: url(../../img/fancybox_loading@2x.gif);
     background-repeat: no-repeat;
     background-position: center;
     margin: -24px 0 0 -24px;
 }

@media only screen and (max-width: 767px) {
	html.mobile-device .inner-wrapper,
	html.mobile-device .nano {
		min-height: auto !important;
	}
}

.btn-group, .btn-group > .multiselect {
	width: 100%;
	text-align: left;
}

.alert-salert {
  color: #ffffff;
  background-color: #FF0000;
  border-color: #DB0000;
}
.alert-salert hr {
  border-top-color: #DB0000;
}
.alert-salert .alert-link {
  color: #FFCACA;
}