/* Import other stylesheets */
@import url('forms.css');

/* FONTS */
@font-face {
	font-family: 'open_sansregular';
	src: url('fonts/OpenSans-Regular-webfont.eot');
	src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
		 url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
		 url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansitalic';
	src: url('fonts/OpenSans-Italic-webfont.eot');
	src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
		 url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
		 url('fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sanssemibold';
	src: url('fonts/OpenSans-Semibold-webfont.eot');
	src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
		 url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
		 url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sanssemibold_italic';
	src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
	src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
		 url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
		 url('fonts/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Main */
body {
	font-family: 'open_sansregular';
	margin: 0px;
	padding: 0px;
	background-color: #602960;
	color: #333333;
}
a {
	color:#1A4137;
}

a:hover, a:focus {
	color:#684E1B;
	text-decoration: none;
}

h1, h2, h3 {
	font-family: 'open_sanssemibold';
	font-weight: normal;
}

strong {
	font-family: 'open_sansregular';
	color:#666;
}

h1 {
	padding-bottom: 5px;
	margin: 0px;
	font-size: 24px;
	color:#1A4137;
}
h1 i {
	font-size: 18px;
	color: #622910;
	margin-left: 5px;
}
h1 small {
	font-size: 20px;
	font-weight: normal;
	color: #CB977F;
}
h2 {
	padding-bottom: 5px;
	font-size: 21px;
}

a:hover {
	text-decoration: none;
}
.clear {
	clear: both;
}
.tc {
	text-align: center !important;
}
.tr {
	text-align: right !important;
}
.table td.table-button {
	width: 25px;
	padding: 5px 6px 6px 0;
}
.table tr td.table-button.first-button {
	padding-left: 10px;
}
td.nowrap, th.nowrap {
	white-space: nowrap;
	width: 1%;
}

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }

table td { vertical-align: middle!important; }

.small-font {
	font-size:11px;
}

.gray {
	color:#DDD8C2;
}

.blue {
	color:#1A4137;
}

.orange {
	color:#754E2E;
}

tr.drop td {
	background: #d9edf7;
}

.btn-blue {
color: #fff;
background-color: #602960;
border-color: #cccccc;
}

.btn-blue:hover {
background-color: lightgray;
}

.btn-orange {
color: #fff;
background-color: lightgray;
border-color: #cccccc;
}

.btn-orange:hover {
background-color: #602960;
}

/*************************************************************/
/* Login Form                                                */
/*************************************************************/
#login-wrap {
	background-color: #FFFFFF;
	margin: 114px auto;
	width: 300px;
	padding: 25px;
	-moz-box-shadow: #000000 0 4px 10px -1px;
	-webkit-box-shadow: #000000 0 4px 10px -1px;
	box-shadow: #000000 0 4px 10px -1px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
}
/*************************************************************/
/* Top Bar                                                   */
/*************************************************************/
.navbar-inverse {
	background-color:#602960;
	border-bottom:2px solid white;
}

.navbar-inverse .navbar-nav > li > a {
	margin-top:7px;
}

.navbar-inverse .navbar-nav > li > a {
	color:#fff;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color:#602960;
}

.dropdown-menu > li > a {
	color:#1A4137;
}

.navbar-inverse .navbar-brand{
	color:#DDD8C2!important;
}

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

/*************************************************************/
/* Sidebar                                                   */
/*************************************************************/
#sidebar { float: left; width: 250px; }
#sidebar #logo {
	padding: 10px 0px;
	text-align: center;
}
#sidebar > ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background: #602960;
}
#sidebar > ul > li {

	border-bottom: 1px solid #FFF;
}
#sidebar > ul > li.active {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset;
	background: lightgray;
}
#sidebar > ul > li > a {
	padding: 10px 0 10px 15px;
	display: block;
	color: #FFF;
}
#sidebar ul i {
	margin-right: 5px;
	color: #FFFFFF;
	min-width: 14px;
	text-align: center;
	display: inline-block;
}
#sidebar > ul ul {
	display: none;
	margin: 0;
	padding: 0;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
}
#sidebar > ul li.open ul {
	display: block;
}
#sidebar > ul ul li a {
	padding: 10px 0 10px 15px;
	display: block;
	color: #fff;
	border-top: 1px solid #fff;
	background-color:#14647F;
}

#sidebar > ul ul li:first-child a {
	border-top: 0;
}
#sidebar > ul ul li:last-child a {
	border-bottom: 0;
}
#sidebar > ul > li.open.submenu > a {
	border-bottom: 1px solid #393939;
}
#sidebar > ul > li.open.active.submenu > a {
	border-bottom: 1px solid #2A2A2A;
}

#sidebar > ul ul li.active { border-right: 7px solid #975030; }

#sidebar a:hover {
	background-color: lightgray;
	text-decoration: none;
}

#sidebar > ul ul {
	border-top: 1px solid #4E4E4E;
	background-color: #161616;
}
#policies {
	padding:15px;
}

#policies a {
	color:#ddd;
	font-size:12px;
}

#policies a:hover {
	background-color:transparent;
	color:#444;
}

/***************************************************************/
/* Breadcrumb                                                     */
/***************************************************************/
.breadcrumb {
	/*bootstrap fix*/
	padding: 11px 21px; border-bottom: 1px solid #CCCCCC; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;

}

/***************************************************************/
/* Content                                                     */
/***************************************************************/
#content {
	min-height: 950px;
	background-color: #FFFFFF;
	overflow: auto;
}

#content #content-padding {  margin: 0px 10px;  }

#content div.tools {
	padding: 10px 0px;
	border-top: 1px solid #CCCCCC;
}

#content #h1-container {
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
#content #h1-container div.sub-header {
	font-size: 16px;
	color: #999;
	margin: -4px 0 6px;
}

#content #h1-container #header-buttons { margin-top: -5px; }


#content #h1-container div.sub-header i {
	color: #ccc;
	margin: 0 3px 0 5px;
}

#content .file-icon {
	width:30px;
}

#content .tooltip-inner {
    max-width: 500px;
	padding:8px;
	background-color:#DDD8C2;
}

div.has-error table td { background: #FFCCCC!important; }

/*******************************************************************/
/* bootstrap fix												   */
/*******************************************************************/
.ui-datepicker-div { display: none; }
.input-append, .input-prepend { margin-bottom: 10px; }
form div.row-fluid { margin-bottom: 20px; }
form.admin-form { max-width: 1000px; }
table.sortable { margin: 10px 0px; }
i.icon-white { color: #fff; }
div.input-prepend { margin-left: 0px!important; }
div.input-prepend span { max-width: 10%; }
div.input-prepend input { min-width: 90%; }
.radio-group, .checkbox-group { margin-bottom: 6px; }
.radio-group button.btn, .checkbox-group button.btn { margin-bottom: 4px; }
.chzn-container { margin-bottom: 10px; }

select.form-control {
	padding: 5px 7px 7px 7px;
}

div.dataTables_wrapper label { margin-bottom: 0px; }
.dataTables_info { color: #999999; margin-top: 4px; }
table.dataTable .sorting_desc { background: url(../img/arrow-down.png) no-repeat right!important; }
table.dataTable .sorting_asc { background: url(../img/arrow-up.png) no-repeat right!important; }



div.mce-panel div.mce-btn-group button { max-height: 25px; line-height: 25px; }
div.mce-panel div.mce-btn-group div.mce-btn-small { max-height: 22px; line-height: 22px; }
div.mce-panel div.mce-menubar div.mce-menubtn button { padding: 3px 5px; }




/* BOX! */
div.box {
	border: 1px solid #292929;
	margin-bottom:20px;
}
div.box h2 {
	margin: 0px;
	background: lightgray;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	padding: 10px 10px;
}

div.box h2.orangebar {
	background: lightgray;
}

div.box div.box-content {
	padding: 10px;
}
div.box h2 i {
	line-height: 40px;
}

form fieldset {
	margin-bottom: 20px;
}

nav { margin-bottom: 0px!important; }

div.box-colored { color: #FFFFFF; padding: 5px 10px; position: relative; }
div.box-colored div.box-content { padding: 0px 0px 0px 40px }
div.box-blue { background-color: #3276b1; }
div.box-orange { background-color: #47a447; }
div.box-lblue { background-color: #39b3d7; }
div.box-yellow { background-color: #ed9c28; }
div.box-red { background-color: #d2322d; }

div.box-colored i.fa-2x {
	position: absolute;
	margin-top: -14px;
	top: 50%;
}

div.btn-separate label {
	margin-bottom: 4px;
}

div.dataTables_wrapper ul.pagination { margin: 0px; }

.text-orange { color: #47a447; }
.text-red { color: #d2322d; }

.label-breadcrumbs {
	font-size: 100%;
	background: #CCCccc;
}

.tab-notification {
	float: right;
	line-height: 15px;
	padding-top: 2px;
	padding-bottom: 3px;
}

/***********************************************/
/* File uploader                               */
/***********************************************/
.qq-uploader { position:relative; width: 100%;}

.qq-upload-button { margin-bottom: 10px; }
.qq-upload-button-focus {outline:1px dotted black; }

.qq-upload-drop-area {
   display: none!important;
}

.qq-upload-list {margin:0; padding:0; list-style:none;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-list li.qq-upload-success { display: none; }
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

/* pages */
.box {
	position: relative;
}
.box .controls {
	position: absolute;
	top: 4px;
	right: 4px;
}
tbody.sort, tbody.parent {
	border: 0 !important;
}

/* Fix the chosen issue with not showing text when you're typing or placeholders. */
.chzn-fix *, .chzn-fix *:before, .chzn-fix *:after {
	-webkit-box-sizing: content-box!important;
	-moz-box-sizing: content-box!important;
	box-sizing: content-box!important;
}

.center-image {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
