@import url("font-awesome.min.css");

/****************************/
/* RESET STYLES             */
/****************************/
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}
	input:focus,
	select:focus,
	textarea:focus,
	button:focus,
	a:focus {
    	outline: none;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
  }
  
/****************************/
/* GENERAL STYLES           */
/****************************/
/* Aviso legal: http://www.pre.calidadendestino.org/RGPD/Aviso%20legal.html */

html { font-size: 13px; }

body{
	/*background-image: url(../img/compromiso-calidad-logo.png), url(../img/bgHeader.png);
    -webkit-background-size: 160px, 1920px;
    -moz-background-size: 160px, 1920px;
    -o-background-size: 160px, 1920px;
    background-size: 160px, 1920px;
    background-position: 10px 25px, top left;
	background-repeat: no-repeat;
	background-attachment: fixed, fixed;*/
	color: #212121;
	font-family: 'Open Sans', sans-serif;
}

body.sign-in{
	background-image: url(../../ImgResponsive/SCTE.png), url(../../ImgResponsive/bgHeader.png);    
	background-position: 10px 25px, top left;
	background-repeat: no-repeat;
	background-attachment: fixed, fixed;
	-o-background-size: 102px, 1920px;
	-ms-background-size: 102px, 1920px;
	-moz-background-size: 102px, 1920px;
	-webkit-background-size: 102px, 1920px;
	background-size: 102px, 1920px;
}
body.sign-in::after{ content: "DESTINOS";position: fixed; left: 66px; top: 66px; font-size: 16px; font-weight: 600; color: #909090; }

body.cogs {
	background: url(../img/idea.jpg);
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    top: -0;
    left: 0;
    width: 100%;
    z-index: -1;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
body.cogs::after 			{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(255,255,255,0.8); z-index: -1; }

body > .container-fluid		{ margin-bottom: 40px; }
body * 						{ line-height: 1.2em; font-size: 1rem; }
body p 						{ line-height: 1.5em; margin-bottom: .5rem; }
h1, h2, h3, h4, h5, h6 		{ color: #001ca8; margin: 0 0 1em 0; }
h1 							{ font-size: 2.25em; line-height: 1.35em; }
h2 							{ font-size: 2em; line-height: 1.35em; }
h3 							{ font-size: 1.35em; line-height: 1.5em; color: #fff; border: 1px solid rgba(0,0,0,0.1); background: #928F90; padding: 0px 10px; position: relative; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset; }
h3 .fa, h3 .glyphicon		{ font-size: 15px; position: absolute; right: 5px; top: 6px; }
h4 							{ font-size: 1.25em; line-height: 1.5em; }
h5 							{ font-size: 0.9em; line-height: 1.5em; }
h6 							{ font-size: 0.7em; line-height: 1.5em; }
body h1 *, 
body h2 *,
body h3 *,
body h4 *,
body h5 *,
body h6 * 					{ font-size: inherit; }
strong, b 					{ color: #555; font-weight: 700; }

fieldset 					{ width: 100%; padding: 10px 5px; border: 1px solid rgba(0,0,0,0.2); margin: 15px 0 0 0; }
fieldset legend				{ font-weight: 600; width: auto; padding: 0 5px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

input, 
.form-control,
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="search"], 
select, 
textarea, 
.type-input				{ 
	border: 1px solid rgba(0,0,0,0.2);
	color: #212121;
	outline: 0 none;
	height: 28px;
    padding: 10px 10px;
	line-height: 1.42857143;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 100%;
}
select{ padding: 0 10px !important; }
textarea {margin-bottom: 2px; }

article header						{ width: 100%; display: inline-block; height: auto; border-bottom: 2px solid #808080; }
article header .header-icon 		{ width: 100px; float: left; }
article header .header-icon img 	{ display: block; margin: 0 auto; width: auto; height: 50px; margin-top: 10px; }
article header .header-title 		{ width: calc(100% - 115px); float: left; }
article header .header-title h1		{ margin-bottom: 3px; color: #808080; }
article header .header-title h2 	{ font-size: 1.2rem; color: #808080; margin-bottom: 10px; }
article footer 						{ position: inherit; background: rgba(0,0,0,0); padding: 0; color: #212121; border-top: 2px solid #808080; margin-top: 15px; }
article footer .legend 				{ font-size: 0.9rem; font-style: italic; color: #808080; }
article footer p 					{ margin-top: 10px; display: inline-block; }

@media screen and (max-width: 767px){
	article header 					{ width: 100%; display: block; height: auto;}
	article header .header-icon 	{ width: auto; float: none; height: auto; margin: 0 auto; }	
	article header .header-title	{ width: 100%; float: none; height: auto; }
	article header .header-icon img { float: left; margin: 0; }
	article h1 						{ font-size: 1.6rem; }
	article h2 						{ font-size: 1.2rem; }
}


/* Margins */
.mg-t-64-120				{ margin-top: 64px !important; }
.mg-t-96					{ margin-top: 96px !important; }
.mg-b-96					{ margin-bottom: 96px !important; }
.mg-l-96					{ margin-left: 96px !important; }
.mg-r-96					{ margin-right: 96px !important; }
.mg-t-64					{ margin-top: 64px !important; }
.mg-b-64					{ margin-bottom: 64px !important; }
.mg-l-64					{ margin-left: 64px !important; }
.mg-r-64					{ margin-right: 64px !important; }
.mg-t-32					{ margin-top: 32px !important; }
.mg-b-32					{ margin-bottom: 32px !important; }
.mg-l-32					{ margin-left: 32px !important; }
.mg-r-32					{ margin-right: 32px !important; }
.mg-t-20					{ margin-top: 20px !important; }
.mg-b-20					{ margin-bottom: 20px !important; }
.mg-l-20					{ margin-left: 20px !important; }
.mg-r-20					{ margin-right: 20px !important; }
.mg-t-15					{ margin-top: 15px !important; }
.mg-b-15					{ margin-bottom: 15px !important; }
.mg-l-15					{ margin-left: 15px !important; }
.mg-r-15					{ margin-right: 15px !important; }
.mg-t-10					{ margin-top: 10px !important; }
.mg-b-10					{ margin-bottom: 10px !important; }
.mg-l-10					{ margin-left: 10px !important; }
.mg-r-10					{ margin-right: 10px !important; }
.mg-t-0					    { margin-top: 0 !important; }
.mg-b-0					    { margin-bottom: 0 !important; }
.mg-l-0					    { margin-left: 0 !important; }
.mg-r-0					    { margin-right: 0 !important; }
.pd-t-0						{ padding-top: 0 !important; }
.pd-b-0						{ padding-bottom: 0 !important; }
.pd-l-0						{ padding-left: 0 !important; }
.pd-r-0						{ padding-right: 0 !important; }
.pd-t-15					{ padding-top: 15px !important; }
.pd-b-15					{ padding-bottom: 15px !important; }
.pd-l-15					{ padding-left: 15px !important; }
.pd-r-15					{ padding-right: 15px !important; }


.input-group.datepicker input.form-control,
.input-group.datepicker-year input.form-control 							{ width: 7rem; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.input-group.datepicker-year input.form-control								{ width: 5.5rem; }
.input-group.datepicker input.form-control + .input-group-addon, 
.input-group.datepicker input.form-control + div + .input-group-addon,
.input-group.datepicker-year input.form-control + .input-group-addon, 
.input-group.datepicker-year input.form-control + div + .input-group-addon 	{ width: 32px; display: inline-block; height: 26px; border: 0 none; font-size: 21px; padding: 0; margin: 4px 0; background: rgba(0,0,0,0); margin-bottom: 0; }
.input-group.datepicker input.form-control:not(:disabled) + .input-group-addon, 
.input-group.datepicker input.form-control:not(:disabled) + div + .input-group-addon,
.input-group.datepicker-year input.form-control:not(:disabled) + .input-group-addon, 
.input-group.datepicker-year input.form-control:not(:disabled) + div + .input-group-addon 	{ cursor: pointer; }
.datepicker-year .fa.fa-calendar-o 											{ position: relative; }
.datepicker-year .fa.fa-calendar-o::after 									{ content: "YY"; position: absolute; font-size: 11px; font-family: Arial; font-weight: 600; top: 9px; left: 2px; }

.bootstrap-datetimepicker-widget.dropdown-menu								{ z-index: 9999; }
.bootstrap-datetimepicker-widget table td.active, 
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active,
.bootstrap-datetimepicker-widget table td span:hover,
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover, 
.bootstrap-datetimepicker-widget table td.second:hover,
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover		{ background: #001ca8; color: #ffffff; }
.bootstrap-datetimepicker-widget table td.today:before 						{ border-bottom-color: #001ca8; }

input.form-control.number,
.input-group input.form-control.number							{ -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: right; }
.input-group input.form-control.number							{ padding-right: 20px; }
input.form-control.number + .input-group-addon					{ background: rgba(0,0,0,0); border: 0 none; position: absolute; right: 0; top: 0; z-index: 9; padding: 0px 15px 0 5px; line-height: 28px; }
.datepicker-year input.form-control.number						{ margin-top: 2px; }
.datepicker-year input.form-control.number + .input-group-addon	{ position: inherit; top: 2px; left: auto; margin: 0; }
.cif															{ text-transform: uppercase; }

.form-control 						{ font-size: 1rem; }
.form-control:focus 				{ border-color: rgba(0,28,168,0.75); -o-box-shadow: 0 0 15px 5px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 0 15px 5px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 0 15px 5px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,0.1) inset; box-shadow: 0 0 15px 5px rgba(0,28,168,0.2) inset; }
.form-control[readonly]:focus		{ background: #eeeeee; -o-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: rgba(0,0,0,0.2); }
.form-group 						{ margin-bottom: 0; }
.sourceSansPro 						{ font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 1.1250rem; }
a 									{ color: #000; text-decoration: underline; width: 100%; display: block; }
a:not(:disabled)					{ cursor:pointer; }
a:focus, a:hover 					{ color: #004457; text-decoration: underline; }

body:not(.sbCollapsed) .toolbar + .container-data { margin-left: 150px; }
.toolbar + .container-data 			{ margin-top: 64px; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.row [class*="col-"] label 			{ line-height: 2rem; white-space: pre; overflow: hidden; text-overflow: ellipsis; }
.row [class*="overflow-text"] label	{ overflow: inherit; text-overflow: inherit; }
.row [class*="col-"] 				{ min-height: 2.3rem; /*padding-top: 0.25em;*/ }
.row .even 							{ background: rgba(0,0,0,0.05); }

button#sidebarToggle 				 { margin-left: 15px; padding: 0 8px; }
button#sidebarToggle + button		 { position: relative; margin-left: 0px; }
button#sidebarToggle + button::after { border-right: 1px solid #c8c8c8; content: ""; position: absolute; top: -14px; right: -5px; height: 52px; }
.sidebar-opened .navbar-header .navbar-toggle[aria-expanded="false"] span:nth-child(2) { opacity: 1;}
header .navbar-default .navbar-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
header .navbar-default .navbar-toggle[aria-expanded="true"] span:first-child { -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; top: 10px; }
header .navbar-default .navbar-toggle[aria-expanded="true"] span:last-child { -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); bottom: 10px; position: relative; }
.sidebar-opened .navbar-header button:not(.navbar-toggle) {
    display: none;
}

/*
	EUIPO TASK
	-------------
	comprobar los req. de las máquinas
	moodle en ambos nodos
	moodledata en NAS y mapeado en ambas máquinas y en var/www/html/moodledata
	la bbdd accesible des el heidiSQL
	* jobs para los backups de todo
	* enganchar con el GIT
	URLs Moodle
	upgrade de moodle 3.5.1
	-----
	mikel dominguez - enviar correo - 946.535.031

/* LOADER */
.loader-box {
	position: fixed;
	width: 208px;
	height: 208px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 9999;
}
.loader-box::before {
    position: fixed;
    background: rgba(255,255,255,0.95);
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
   #loader-wrapper {
	position: absolute;
	top: -6px;
	left: -6px;
	width: 100%;
	height: 100%;
	}
   #loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 6px solid transparent;
	border-top-color: #F7DE10;
	-webkit-animation: spin 2s linear infinite;
	-moz-animation: spin 2s linear infinite;
	-ms-animation: spin 2s linear infinite;
	-o-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	z-index: 1001;
	}
   #loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 6px solid transparent;
	border-top-color: #9A9A9A;
	-webkit-animation: spin 3s linear infinite;
	-moz-animation: spin 3s linear infinite;
	-ms-animation: spin 3s linear infinite;
	-o-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
	}
   #loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 6px solid transparent;
	border-top-color: #E11534;
	-webkit-animation: spin 1.5s linear infinite;
	-moz-animation: spin 1.5s linear infinite;
	-ms-animation: spin 1.5s linear infinite;
	-o-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
	}
.loader-section.section-left img 		{ left: 0; height: 48px; margin: 84px 62px;display: block; }
.loader-section.section-left p 			{ position: absolute; bottom: 0; width: 100%; text-align: center; font-weight: 600; left: 0; }
.loader-section.section-left::after 	{ content: "Destinos"; position: fixed; left: 76px; top: 116px; font-size: 16px; font-weight: 600; color: #909090; }
@keyframes spin {
   0% {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	}
   100% {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	}
   }
   @-webkit-keyframes spin {
   0% {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	}
   100% {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	}
   }
   @-moz-keyframes spin {
   0% {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	}
   100% {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	}
   }
   @-ms-keyframes spin {
   0% {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	}
   100% {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	}
   }
   @-o-keyframes spin {
   0% {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	}
   100% {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	}
   }
   #loader-wrapper .loader-section {
	position: absolute;
	top: 0;
	width: 256px;
	height: 256px;
	background-color: transparent;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	}
   #loader-wrapper .loader-section.section-left {
	 left: 0;
	 top: -7px;
	}
   #loader-wrapper .loader-section.section-right {
	 right: 0;
	}
   .loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-ms-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
   .loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-ms-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
   .loaded #loader {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}
   .loaded #loader-wrapper {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all 0.3s 1s ease-out;
	-moz-transition: all 0.3s 1s ease-out;
	-ms-transition: all 0.3s 1s ease-out;
	-o-transition: all 0.3s 1s ease-out;
	transition: all 0.3s 1s ease-out;
}

/*PANELS */
.panel {
    background: #f8f9fa;
    border: 1px solid rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 1px 10px 1px rgba(0,0,0,.2);
	-ms-box-shadow: 0 1px 10px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 10px 1px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,.2);
	box-shadow: 0 1px 10px 1px rgba(0,0,0,.2);
	margin-top: 20px;
}
.panel-title{
	font-size: 1.12rem;
	line-height: 1.6rem;
}
.panel-warning,
.panel-danger {
    border: 0 none;
}
.panel-default>.panel-heading, 
.panel-warning>.panel-heading,
.panel-danger>.panel-heading {
    color: #000;
	padding: 5px 15px;
	position: relative;
}
.panel-default>.panel-heading {
    background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	border-color: #c8c8c8;
}
.panel-default>.panel-body { background: #ffffff; }

.panel-warning>.panel-heading {
	background: rgb(241,231,103);
	background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
	background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%);
	background: linear-gradient(to bottom, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 );
	border-color: rgba(254,182,69,0.5);
}
.panel-warning>.panel-body 			{ background: #feb645; }
.panel-warning .panel-title			{ padding-left: 20px; position: relative; }
.panel-warning .panel-title:before 	{ content: "\f071"; position: absolute; left: 0px; top: 0; font-family: fontAwesome; }

.panel-danger>.panel-heading {
    background: rgb(255,48,25);
	background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
	background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
	border-color: rgba(207,4,4,0.5);
	color: #fff;
}
.panel-danger>.panel-body   		{ background: rgba(207,4,4,1); }
.panel-danger>.panel-body * 		{ color: #fff; }
.panel-danger .panel-title			{ padding-left: 20px; position: relative; }
.panel-danger .panel-title:before 	{ content: "\f1e2"; position: absolute; left: 0px; top: 0; font-family: fontAwesome; }

.panel .panel-heading button.close { position: absolute; right: 5px; top: 3px; color: #000; opacity: 1; }
.panel .panel-heading button.close span { font-size: 21px; }

.panel-warning input[type="checkbox"] + label:before, 
.panel-warning input[type="checkbox"] + input[type="hidden"] + label:before,
.panel-danger input[type="checkbox"] + label:before, 
.panel-danger input[type="checkbox"] + input[type="hidden"] + label:before {
    border-color: rgba(255,255,255,0.5);
}
.panel-danger .panel-heading button.close { color: #ffffff; }

.panel-default.h1Message, 
.panel-warning.h1Message,
.panel-danger.h1Message{
	-o-box-shadow: none;
	-ms-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0 none;
}
.panel-default.h1Message h1,
.panel-warning.h1Message h1 ,
.panel-danger.h1Message h1 { text-align: center; }

/* ALERTS */
.alert-danger 				{ margin: 5px 0 15px 0; padding: 10px; color: #ff0000; font-weight: 600; background: rgba(0,0,0,0); border: 1px solid rgba(0,0,0,0.125);}
.alert-warning 				{ margin: 5px 0 15px 0; padding: 10px; color: #c77103; font-weight: 600; background: rgba(0,0,0,0); border: 1px solid rgba(0,0,0,0.125);}
.alert-info 				{ margin: 5px 0 15px 0; padding: 10px; color: #001ca8; font-weight: 600; background: rgba(0,0,0,0); border: 1px solid rgba(0, 28, 168, 0.125);}

/* TABS */
.nav-tabs 					{ padding: 0px; /*border: 2px solid rgba(0,0,0,0.2);*/ border-bottom: 0 none; }
.nav-tabs > li 				{ text-align: center; border: 1px solid rgba(0,0,0,0.2); border-bottom: 0 none; -o-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; margin-right: 2px; }
.nav-tabs > li:not(.active)	{ border: 0 none; }
.nav-tabs > li.active a		{ background: #ffffff; -o-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; height: 40px; }
.nav-tabs > li:not(.active) a{ position: relative; top: 10px; }
.nav-tabs > li a			{ font-weight: 400; padding: 5px 10px; } 
.nav-tabs > li a,
.nav-tabs>li>a, 
.nav-tabs>li>a:focus, 
.nav-tabs>li>a:hover,
.nav-tabs>li>a:hover		{
	color: #ffffff; 
	text-decoration: none;
	background: #001ca8;
    border: 1px solid rgba(0,0,0,0.2);
    border-color: transparent rgba(255,255,255,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.2);
    -o-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
    -ms-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
	box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset; 
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover {
	border: 1px solid rgba(0,0,0,0);
	border-bottom: 1px solid rgba(0,0,0,0);
	font-weight: 600;
	color: #000000;
}
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	-o-box-shadow: none; 
	-moz-box-shadow: none; 
	-ms-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
}
.nav-tabs>li>a:focus, 
.nav-tabs>li>a:hover,
.nav-tabs>li>a:hover		{
	background: rgba(0,0,0,0.75);
}
.nav-tabs + .tab-content,
.nav-tabs-overflow + .tab-content 	{ 
	border: 1px solid rgba(0,0,0,0.2);
	background: #ffffff;
	padding: 5px; 
}
.nav-tabs-overflow + .tab-content { margin-top: -1px; }

.nav-tabs-overflow 				{ overflow: hidden; height: 40px; position: relative; padding-left: 20px; }
.nav-tabs-overflow ul			{ position: relative; z-index: 0;}
.nav-tabs-overflow .nav-prev, 	
.nav-tabs-overflow .nav-next 	{ 
	background: #fff; 
	-o-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	border: 1px solid rgba(0,0,0,0.2);
	border-width: 0 0 1px 0;
    color: #000;
    text-align: center;
	font-size: 24px; 
	line-height: 44px; 
	width: 20px; 
	height: 40px; 
	margin: 0; 
	padding: 0; 
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 1; 
}
.nav-tabs-overflow .nav-next	{ left: auto; right: 0; }
.nav-tabs-overflow .nav-prev:hover, 
.nav-tabs-overflow .nav-next:hover,
.nav-tabs-overflow .nav-prev:focus, 
.nav-tabs-overflow .nav-next:focus,
.nav-tabs-overflow .nav-prev:active, 
.nav-tabs-overflow .nav-next:active {
    background: rgba(0,0,0,0.75);
    color: #fff;
    border-radius: 4px 0 0 0;
    border-top: 1px solid #fff;
}
.nav-tabs-overflow .nav-next:hover,
.nav-tabs-overflow .nav-next:focus,
.nav-tabs-overflow .nav-next:active {
    border-radius: 0 4px 0 0;
}

.tab-content .tab-content 	{
	background: rgba(0,28,168,0.2);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,28,168,0.2) 200px);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,28,168,0.2) 200px);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,28,168,0.2) 200px);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33001ca8',GradientType=0 ); 
}

/* BUTTONS */
.btn-primary{
	color: #fff;
	background: #000c98;
	border-color: rgba(0,0,0,0.4);
	-o-box-shadow: 0 0 0px 1px rgba(255,255,255,0.25) inset;
	-ms-box-shadow: 0 0 0px 1px rgba(255,255,255,0.25) inset;
	-moz-box-shadow: 0 0 0px 1px rgba(255,255,255,0.25) inset;
	-webkit-box-shadow: 0 0 0px 1px rgba(255,255,255,0.25) inset;
	box-shadow: 0 0 0px 1px rgba(255,255,255,0.25) inset;
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	font-size: 1.0rem;
    height: 28px;
    line-height: 1.2rem;
	padding: 0 24px 0 10px;
	background-position: 50% 7px;
	position: relative;
	overflow: hidden;
	font-family: 'Open Sans', sans-serif;
	outline: 0 none;
}

.btn-primary.pull-right + .btn-primary.pull-right { margin-right: 5px; }
.btn-primary.pull-left + .btn-primary.pull-left { margin-left: 5px; }

.btn.btn-primary.focus, .btn.btn-primary:focus,
.btn.btn-primary.hover, .btn.btn-primary:hover,
.btn.btn-primary.active, .btn.btn-primary:active,
.btn.btn-primary.active:focus, .btn.btn-primary:active:focus,
.btn.btn-primary.active:hover, .btn.btn-primary:active:hover{
	color: #fff;
	border-color: rgba(255,255,255,0.5);
	background-color: rgba(0,0,0,0.75);
	background-image: url(../img/forward.png);
	background-repeat: no-repeat;
	background-position: -moz-calc(100% - 5px) 50%;
	background-position: -webkit-calc(100% - 5px) 50%;
	background-position: calc(100% - 5px) 50%;
	background-size: auto 50%;
	-o-box-shadow: 0 0 0px 1px #fff inset;
	-ms-box-shadow: 0 0 0px 1px #fff inset;
	-moz-box-shadow: 0 0 0px 1px #fff inset;
	-webkit-box-shadow: 0 0 0px 1px #fff inset;
	box-shadow: 0 0 0px 1px #fff inset;
	outline: 0 none;
}

/* PSEDO-SELECTOR BEFORE SET ICON OF FONTAWESOME TO THE RIGHT */
.btn-primary::before {
    font-family: fontAwesome;
    font-size: 14px;
	color: rgba(255,255,255,0.5);
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	position: absolute;
    right: 6px;
    top: 0;
    line-height: 28px;
}

.btn.btn-primary.focus::before, .btn.btn-primary:focus::before,
.btn.btn-primary.hover::before, .btn.btn-primary:hover::before,
.btn.btn-primary.active::before, .btn.btn-primary:active::before,
.btn.btn-primary.active:focus::before, .btn.btn-primary:active:focus::before,
.btn.btn-primary.active:hover::before, .btn.btn-primary:active:hover::before{
	right: 50%;
	opacity: 0;
}

/* PSEDO-SELECTOR AFTER SET ONE CIRCLE TO RIGHT */
/*.btn-primary::after {
    content: "\f111";
    position: absolute;
	top: 6px;
    right: 2px;
    height: 28px;
    width: 20px;
    display: inline-block;
    font-family: fontAwesome;
    font-size: 10px;
	color: rgba(255,255,255,0.5);
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.btn.btn-primary.focus::after, .btn.btn-primary:focus::after,
.btn.btn-primary.hover::after, .btn.btn-primary:hover::after,
.btn.btn-primary.active::after, .btn.btn-primary:active::after,
.btn.btn-primary.active:focus::after, .btn.btn-primary:active:focus::after,
.btn.btn-primary.active:hover::after, .btn.btn-primary:active:hover::after{
	right: 50%;
	opacity: 0;
}*/

button.noAnimationEfect { background-image: none !important; }

@media screen and (max-width: 767px){
	button.btn.btn-primary { width: 100%; float: none !important; margin: 10px 0 0 0; }
}

.modal								{ border: 1px solid rgba(0,0,0,0.2); }
.modal .modal-header 				{ padding: 5px 15px; background: rgba(0,0,0,1); -o-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.modal .modal-header .modal-title 	{ color: #fff; }
.modal .modal-content				{ border: 0 none;}
.modal .modal-body					{ padding: 15px 10px 25px 10px; }
.modal .modal-footer 				{ padding: 5px; position: relative; border-top: 1px solid rgba(0,0,0,0.1); background: rgba(0, 0, 0, 0); }
.modal button.close 				{ position: absolute; right: 6px; top: 3px; color: #fff; text-shadow: 0 1px 0 #000; opacity: 1; }
.modal button.close span 			{ font-size: 21px; }

.modal.info .modal-header 			{ background: rgba(0,12,152,1); }
.modal.warn .modal-header 			{ background: rgba(241, 151, 16, 1); }

.btn-secondary {
	border-color: rgba(0,0,0,0.4);
	-o-box-shadow: 0 0 0px 1px #fff inset;
	-ms-box-shadow: 0 0 0px 1px #fff inset;
	-moz-box-shadow: 0 0 0px 1px #fff inset;
	-webkit-box-shadow: 0 0 0px 1px #fff inset;
	box-shadow: 0 0 0px 1px #fff inset;
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	font-size: 1.0rem;
    height: 28px;
    line-height: 1.2rem;
	padding: 0 24px 0 10px;
	background-position: 50% 7px;
	position: relative;
	overflow: hidden;
	font-family: 'Open Sans', sans-serif;
	background-color: #000000;
	color: #ffffff;
	outline: 0 none;
}

.btn-secondary.pull-right + .btn-secondary.pull-right { margin-right: 5px; }
.btn-secondary.pull-left + .btn-secondary.pull-left { margin-left: 5px; }

.btn.btn-secondary.focus, .btn.btn-secondary:focus,
.btn.btn-secondary.hover, .btn.btn-secondary:hover,
.btn.btn-secondary.active, .btn.btn-secondary:active,
.btn.btn-secondary.active:focus, .btn.btn-secondary:active:focus,
.btn.btn-secondary.active:hover, .btn.btn-secondary:active:hover{
	color: #fff;
	border-color: rgba(255,255,255,0.5);
	background-color: rgba(0,0,0,0.75);
	background-image: url(../img/forward.png);
	background-repeat: no-repeat;
	background-position: -moz-calc(100% - 5px) 50%;
	background-position: -webkit-calc(100% - 5px) 50%;
	background-position: calc(100% - 5px) 50%;
	background-size: auto 50%;
	-o-box-shadow: 0 0 0px 1px #fff inset;
	-ms-box-shadow: 0 0 0px 1px #fff inset;
	-moz-box-shadow: 0 0 0px 1px #fff inset;
	-webkit-box-shadow: 0 0 0px 1px #fff inset;
	box-shadow: 0 0 0px 1px #fff inset;
	outline: 0 none;
}

/* PSEDO-SELECTOR BEFORE SET ICON OF FONTAWESOME TO THE RIGHT */
.btn-secondary::before {
    font-family: fontAwesome;
    font-size: 14px;
	color: rgba(255,255,255,0.5);
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	position: absolute;
    right: 6px;
    top: 0;
    line-height: 28px;
}

.btn.btn-secondary.focus::before, .btn.btn-secondary:focus::before,
.btn.btn-secondary.hover::before, .btn.btn-secondary:hover::before,
.btn.btn-secondary.active::before, .btn.btn-secondary:active::before,
.btn.btn-secondary.active:focus::before, .btn.btn-secondary:active:focus::before,
.btn.btn-secondary.active:hover::before, .btn.btn-secondary:active:hover::before{
	right: 50%;
	opacity: 0;
}

.button1 {
	background: rgba(0, 0, 0, 0);
	display: inline-block;
	padding: 5px 10px;
	border: 0.1em solid #000000;
	margin: 10px 0.3em 0.3em 0;
	-o-border-radius:0.12em;
	-ms-border-radius:0.12em;
	-moz-border-radius:0.12em;
	-webkit-border-radius:0.12em;
	border-radius:0.12em;
	box-sizing: border-box;
	text-decoration:none;
	font-weight:300;
	color:#000000;
	text-align:center;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
    text-transform: uppercase;
	white-space: nowrap;
	outline: 0 none;
}
.button1 b 					{ color: #001ca8; }
.button1 p, .button1 a 		{ margin-top: 10px; text-transform: none; }
.button1 img 				{ display: block; margin: 5px auto 10px; height: 50px; }
article.button1.pull-left 	{ min-width: 240px; cursor: pointer; min-height: 172px; }
.btn-group .button1			{ border-left: 0 none; height: 28px; padding: 0 2px; margin: 0; float: left; }
.btn-group .button1 img 	{ height: 21px; display: inline-block; padding: 0; margin: 0; border: 0 none;width: auto; }


.btn.btn-primary.btn-xs 			{
	font-size: 1rem;
    background-color: transparent;
    color: #212121;
    border: 0 none;
    padding: 0;
    line-height: 24px;
    height: 24px;
    margin-top: 2px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-o-transition: background 0.25s ease;
	-ms-transition: background 0.25s ease;
	-moz-transition: background 0.25s ease;
	-webkit-transition: background 0.25s ease;
	transition: background 0.25s ease;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn.btn-primary.btn-xs:hover,
.btn.btn-primary.btn-xs:focus,
.btn.btn-primary.btn-xs:active {
	background-color: rgba(0,0,0,0.0);
	background-image: url(../img/forward_blk.png);
    background-position: 98% 50%;
    background-size: 14px;
    line-height: 24px;
    color: #004457;
    text-decoration: underline;
	border-color: rgba(0,0,0,0);
	-o-box-shadow: none;
	-ms-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-primary.icon::before 	{ color: #000; font-size: 17px; text-align: center; position: relative; left: auto; top: auto; right: auto; bottom: auto; bottom: auto; width: 100%; display: block; }
.btn-primary.icon 			{ background: rgba(0,0,0,0) !important; border: 0 none; margin: 0 auto; position: relative; text-align: center; width: 100%; padding: 0; overflow: initial; }
.btn.btn-primary.icon.focus::before, .btn.btn-primary.icon:focus::before,
.btn.btn-primary.icon.hover::before, .btn.btn-primary.icon:hover::before,
.btn.btn-primary.icon.active::before, .btn.btn-primary.icon:active::before,
.btn.btn-primary.icon.active:focus::before, .btn.btn-primary.icon:active:focus::before,
.btn.btn-primary.icon.active:hover::before, .btn.btn-primary.icon:active:hover::before{
	right: auto;
	opacity: 1;
	color: #001ca8;
	outline: 0 none;
}

@media all and (max-width:30em){
	.button1{
	display: block;
	margin: 0.6em auto;
	}
}

/* FULL CALENDAR CUSTOMIZE */
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number 	{ text-align: right; text-decoration: none; font-weight: 500; color: #808080; }
.fc-day-header.fc-widget-header 					{ background: #001ca8; color: #fff; font-weight: 500; font-size: 1rem; line-height: 2rem;}

/* FILE UPLOAD */
.fileupload{
    width: 100%;
    height: 28px;
    position: relative;
	z-index: 1;
	border: 1px solid rgba(0,0,0,0.2);
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.fileupload > span{
    display: block;
    padding: 0 5px;
    line-height: 26px;
}
.fileupload input[type="file"]{
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.fileupload:after{
    content: attr(data-label);
    width: 100px;
    height: 28px;
    color: #fff;
	background-color: #001ca8;
	padding: 0 10px;
    position: absolute;
    top: -1px;
    right: -1px;
    line-height: 28px;
    text-align: center;
    font-weight: 600;
	-o-border-radius: 0px 4px 4px 0;
	-ms-border-radius: 0px 4px 4px 0;
	-moz-border-radius: 0px 4px 4px 0;
	-webkit-border-radius: 0px 4px 4px 0;
	border-radius: 0px 4px 4px 0;
}
.fileupload-preview {
	width: 126px; 
	height: 126px; 
	background-size: contain;
	background-repeat: no-repeat;
    background-position: center center;
	margin: 0 2px 0 0;
    float: left;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.fileupload-preview + .fileupload,
.fileupload-preview + .fileupload + .fileupload-help {
	width: -moz-calc(100% - 128px);
	width: -webkit-calc(100% - 128px);
	width: calc(100% - 128px);
	float: right;
}
.fileupload-preview + .fileupload + .fileupload-help{
	padding: 10px 0;
	font-size: 0.9rem;
    font-weight: 600;
	color: #808080;
	margin-top: 2px;
	padding: 5px;
}

@media screen and (max-width: 640px){
	.fileupload-preview,
	.fileupload-preview + .fileupload, 
	.fileupload-preview + .fileupload + .fileupload-help { width: 100%; }
	.fileupload-preview { margin: 2px; }
}

/* ***************** */
/* SWITCH COMPONENT */
/* ***************** */

.switch {
    background: rgb(238,238,238);
	background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 );
    -o-border-radius: 0px; -ms-border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
    -o-box-shadow: 0 -1px white inset, 0 1px 1px rgba(0, 0, 0, 0.25) inset; -ms-box-shadow: 0 -1px white inset, 0 1px 1px rgba(0, 0, 0, 0.25) inset; -moz-box-shadow: 0 -1px white inset, 0 1px 1px rgba(0, 0, 0, 0.25) inset; -webkit-box-shadow: 0 -1px white inset, 0 1px 1px rgba(0, 0, 0, 0.25) inset; box-shadow: 0 -1px white inset, 0 1px 1px rgba(0, 0, 0, 0.25) inset;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    padding: 3px;
    position: relative;
    vertical-align: top;
    width: 200px;
	max-width: 86px;
	margin: 0;
	border: 1px solid rgba(0,0,0,0.05);
}
.switch-input 									{ left: 0; opacity: 0; position: absolute; top: 0; }
.switch-label 									{ font-size: 12px; background: #eceeef none repeat scroll 0 0; -o-border-radius: inherit; -ms-border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit; border-radius: inherit; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset, 0 0 2px rgba(0, 0, 0, 0.15) inset; -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset, 0 0 2px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset, 0 0 2px rgba(0, 0, 0, 0.15) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset, 0 0 2px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset, 0 0 2px rgba(0, 0, 0, 0.15) inset; display: block; font-size: 10px; height: inherit; text-transform: uppercase; -o-transition: all 0.15s ease-out 0s; -ms-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; -webkit-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; }
.switch-label::before,
.switch-label::after 							{ font-size: 12px; line-height: 1; margin-top: -0.5em; position: absolute; top: 50%; -o-transition: inherit; -ms-transition: inherit; -moz-transition: inherit; -webkit-transition: inherit; transition: inherit; }
.switch-label::before 							{ color: #4f4c4d; content: attr(data-off); right: 7px; text-shadow: 0 1px rgba(255, 255, 255, 0.2); }
.switch-label::after 							{ color: #4f4c4d; content: attr(data-on); left: 7px; opacity: 0; text-shadow: 0 1px rgba(255, 255, 255, 0.2); }
.switch-input ~ .switch-label 					{ background: #eaecee; background: -moz-linear-gradient(top, #eaecee 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #eaecee 0%,#ffffff 100%); background: linear-gradient(to bottom, #eaecee 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaecee', endColorstr='#ffffff',GradientType=0 ); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset; -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset; }
.switch-input:checked ~ .switch-label::before 	{ opacity: 0; }
.switch-input:checked ~ .switch-label::after 	{ opacity: 1; }
.switch-handle 									{ background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); -o-border-radius: 0px; -ms-border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -o-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); height: 20px; left: 1px; position: absolute; top: 1px; -o-transition: left 0.15s ease-out 0s; -ms-transition: left 0.15s ease-out 0s; -moz-transition: left 0.15s ease-out 0s; -webkit-transition: left 0.15s ease-out 0s; transition: left 0.15s ease-out 0s; width: 50%; }
.switch-handle::before 							{ background: rgb(238,238,238); background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); -o-border-radius: 6px; -ms-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -o-box-shadow: 0 1px rgba(0, 0, 0, 0.02) inset; -ms-box-shadow: 0 1px rgba(0, 0, 0, 0.02) inset; -moz-box-shadow: 0 1px rgba(0, 0, 0, 0.02) inset; -webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.02) inset; box-shadow: 0 1px rgba(0, 0, 0, 0.02) inset; content: ""; height: 12px; left: 50%; margin: -6px 0 0 -6px; position: absolute; top: 50%; width: 12px; }
.switch-input:checked ~ .switch-handle			{ -o-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); left: 47.80%; }

/* FREQUENTLY QUESTIONS */
.faq-section 								{ margin-top: 15px; }
.faq										{ padding-bottom: 5px; text-align: justify; }
.faq header  								{ color: #212121; padding: 10px; font-size: 13px; text-transform: none; cursor:pointer; border: 1px solid rgba(0,0,0,0.2); -o-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.faq .fa 									{ padding-right: 5px; }
.faq .response 								{ background: #ffffff; padding: 20px; border: 1px solid rgba(0,0,0,0.2); border-top: 0 none; color: #000000; padding-left:30px; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.faq .response.collapsed 					{ height: 0; overflow: hidden; padding-top: 0; padding-bottom: 0; border-bottom: 0 none; }
.faq .response ul 							{ list-style: outside; }
.faq .response p 							{ margin-bottom: 1rem; }
.faq .response p:last-child 				{ margin: 0; }

/* ASIDE APPENDIX OF DOCUMENT */
/*SIDEBAR */
body:not(.sbCollapsed) #appendix 					{ width: 25%; padding: 36px 0 0 5px; margin-bottom: 48px; border-right: 1px solid rgba(0,0,0,0.2); position: fixed; height: 100%; top: 0; left: 0; display: inline-block; z-index: 1; overflow-y: auto; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
body:not(.sbCollapsed) #appendix a 					{ width: 100%; display: block; border: 0 none; padding: 0 5px; font-weight: 600; margin-bottom: 0.5rem; }
body:not(.sbCollapsed) #appendix a.H1				{ padding-left: 0; color: #000; }
body:not(.sbCollapsed) #appendix a.H2				{ padding-left: 25px; color: #808080; }
body:not(.sbCollapsed) #appendix a.H3				{ padding-left: 50px; }
body:not(.sbCollapsed) #appendix + .container-data 	{ margin-left: 25%; padding: 0 5px; }

/* DOC to WEB */
#doc2web {
    width: 100%;
    font-weight: 500;
    color: #000;
    margin-top: 50px;
}

#doc2web p {
	margin: 0 0 1em 0;
}

#doc2web img {
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
	display: block;
}

#doc2web table:first-child tbody tr:first-child {
	background: #fff;
}

#doc2web > table:first-child tr:nth-child(2) p {
	font-size: 36px;
	text-align: center;
	color: #3EB772;
	border-bottom: 2px solid rgba(0,0,0,0.2);
	margin-bottom: 25px;
	padding: 15px 0;
	-o-box-shadow: 0 10px 20px 0px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 10px 20px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 10px 20px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 10px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0 10px 20px 0px rgba(0,0,0,0.1);
	overflow: hidden;
}

#doc2web + #messages {
	display: none;
}

#doc2web * + table tbody tr:first-of-type {
	color: #ffffff;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: rgba(26,122,7,0.9);
	border: 1px solid rgba(0,0,0,0.1);
	border-color: transparent rgba(255,255,255,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.2);
	-o-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
	-ms-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
	box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
}

#doc2web table tbody tr:first-of-type td {
	line-height: 12px;
}

#doc2web table tbody tr:first-of-type * {
	color: #fff;
}

#doc2web table td {
	padding: 15px 15px 0;
}

#doc2web h1 {
	color: rgba(26,122,7,1);
}

#doc2web h3 {
	color: #000;
	font-weight: 600;
	font-size: 0.9rem;
}

#doc2web h5 {
	color: #333;
	word-wrap: normal;
	word-spacing: normal;
	word-break: keep-all !important;
	white-space: pre !important;
	text-align: left;
	font-size: 1rem;
	line-height: 1.42rem;
	background: rgba(26,122,7,0.2);
	padding: 0 5px;
	margin: 0;
}

#doc2web h6 {
	color: #333;
	word-wrap: normal;
	word-spacing: normal;
	word-break: break-all !important;
	white-space: normal !important;
	text-align: left;
	font-size: 1rem;
	line-height: 1.42rem;
	background: rgba(26,122,7,0.2);
	padding: 0 5px;
	margin: 0;
}

body #doc2web * {
    white-space: normal;
    word-break: break-word;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    #doc2web td[data-field] {
        display: list-item;
        padding: 0;
    }

	#doc2web td[data-field]::before {
		font-style: italic;
		color: #449e5b;
		white-space: pre-wrap;
		height: auto;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0;
		margin: 0;
		display: list-item;
		/* background: rgba(26,122,7,0.2); */
		margin-bottom: 5px;
		font-weight: 600;
	}

    #doc2web table tbody tr:first-child {
        display: none;
    }

    #doc2web ul {
        margin: 15px 0 2em 0;
        text-align: left;
    }

    #doc2web p,
    #doc2web > h1,
    #doc2web > h2,
    #doc2web > h3 {
        text-align: left;
    }
}

/* CARDS */
.cards-container 					{ width: 100%; display: block; }
.cards-container .card 				{ 
	border: 1px solid rgba(0,0,0,0.2); 
	width: -moz-calc(50% - 10px); 
	width: -webkit-calc(50% - 10px);
	width: calc(50% - 10px);
	float: left;
	margin: 0 5px;
	padding: 0;
	max-width: 300px;
	-o-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.cards-container .card dt			{ 
	background: #585858;
	-o-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
	-ms-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
	box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
	height: 96px;
    width: 100%;
	position: relative;
	-o-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.cards-container .card dt img		{ 
	-o-border-radius: 128px;
	-ms-border-radius: 128px;
	-moz-border-radius: 128px;
	-webkit-border-radius: 128px;
	border-radius: 128px;
	width: 96px;
    height: 96px;
    position: absolute;
    top: 50%;
	left: -moz-calc(50% - 48px);
	left: -webkit-calc(50% - 48px);
	left: calc(50% - 48px);
    background: #fff;
    padding: 5px;
}

.cards-container .card.android dt	{ 
	background: #a4ca39;
}
.cards-container .card.ios dt		{ 
	background: #0070c9;
}

.cards-container .card dd 			{ padding-top: 48px; }
.cards-container .card dd img		{ margin: 0 auto; display: block; }

@media screen and (max-width: 640px){
	.cards-container .card { width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: calc(100% - 10px); max-width: none; }
}

/* IMPORTANT INFORMATION */
.error {
	color: #d81215 !important; 
	font-weight: 600 !important;
}
.important-info{
	font-size: 0.85rem;
	color: #808080;
	padding-top: 10px;
	display: inline-block;
	width: 100%;
	text-align: justify;
	border: 1px solid rgba(0,0,0,0.2);
    padding: 5px;
    margin: 5px 0;
    background: rgba(0,0,0,0.1);
}
.important-info p{
	font-size: 0.85rem;
}
.important-info a{
	display: inline-block;
    text-decoration: underline;
    width: auto;
    font-size: 0.85rem;
}

.important-info.normal-text,
.important-info.normal-text p,
.important-info.normal-text a {
	font-size: 1rem;
	background: rgba(0,0,0,0)
}


/*TREEVIEW PLUGIN */
body .treeview 								{ margin-top: 15px; }
body .treeview span.icon 					{ width: 21px; margin-right: 5px; font-size: 16px; position: relative; top: 1px; }
body .list-group-item 						{ background: rgba(0,0,0,0) !important; color: #212121 !important; line-height: 28px; padding: 0 10px; }
body .treeview span.icon.expand-icon 		{ top: 2px; }
body .node-tree:not(.node-disabled):hover 	{ color: #004457 !important; }
body .treeview a 							{ display: inline-block; width: auto; text-decoration: none; }

/* ********************************************************** */
/* STYLE PAGES AND COMPONENTS                                 */
/* ********************************************************** */

/* LOGIN PAGE */
.login 						{ margin: 0; padding: 0; }
.login .panel-body			{ padding: 0 15px 15px 15px; }
.login .panel-default 		{ width: 50%; margin: 150px auto 30px; max-width: 480px; }
.login .panel-default p 	{ margin: 10px 0 0 0; }
.login fieldset				{ border: 0 none; }
.login + footer				{ display: block; width: 100%; margin: 0 auto; position: fixed; bottom: 0px; left: 0; width: 100%; background: #fff; z-index: -1; }
.login + footer p 			{ height: 2.5rem; margin-bottom: 15px; }
.login + footer a			{ width: 100%; display: block; text-align: center; }
.login + footer img			{ max-width: 220px; width: auto; height: 40px; object-fit: cover; }
.login input[type="submit"]	{ margin-top: 10px; }

/* TOP NAVIGATION */
.navbar-header 									{ float: none; }
.navbar-collapse 								{ border-top: 1px solid transparent; -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
.navbar-collapse.collapse 						{ display: none!important; }
.navbar-collapse.collapse.in					{ display: block!important; }
.navbar-nav 									{ float: none!important; margin: 0; }
.navbar-nav>li 									{ float: none; text-align: right; }
.navbar-nav>li>a 								{ padding-top: 10px; padding-bottom: 10px; }
.navbar-default .navbar-toggle					{ display: block; border-color: #ddd; border: 0 none; margin: 10px -15px 0 0; }
.navbar-default .navbar-toggle .icon-bar		{ -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:hover			{ background: rgba(0, 0, 0, 0)}
.navbar-default button.sidebar,
.navbar-default a.sidebar	 					{ border: 0 none;  background: rgba(0, 0, 0, 0); margin-top: 13px; }
.navbar-default a.sidebar						{ width: auto; }
.navbar-default button.sidebar img,
.navbar-default a.sidebar img					{ height: 24px; }
.navbar-default button.sidebar.animate img		{ -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
.navbar-default .navbar-nav li a i				{ padding: 0 0 0 10px; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.navbar-default .open>.dropdown-menu 			{ position: relative; width: 100%; text-align: right; padding: 0 40px 10px 0; float: none; margin: 0 auto; display: inline-block; background: rgba(0, 0, 0, 0); border: 1px solid rgba(0,0,0,0.2); border-top: 0 none; margin-bottom: 5px; }
.navbar-default .open>.dropdown-menu a 			{ line-height: 2rem; }
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover 		{ background: rgba(0, 0, 0, 0); border: 1px solid rgba(0,0,0,0.2); border-bottom: 0 none; }
.navbar-default .navbar-nav>.open a i			{ padding: 0 10px 0 0; -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
 
.navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) { position: relative; top: 6px; -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(4) { position: relative; top: 0px; -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) { display: none; }

body.sbCollapsed .navbar-default button.sidebar.animate img 	{ -o-transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0);  }

/* FOOTER */
footer 				{ position: fixed; bottom: 0; background: #212121; padding: 10px 5px; text-align: center; width: 100%; color: #fff; font-size: 0.75rem; z-index: 9; }

/* CARDS AND INDEX PAGE */
.navbar-default 			{ background-color: #f8f8f8; border-color: #c8c8c8; }
aside.toolbar 				{ width: 150px; margin-top: 30px; position: fixed; height: 100%; top: 0; left: 0; display: inline-block; z-index: 9; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
aside.toolbar .panel 		{ height: 100%; }
body.sbCollapsed aside.toolbar{ width: 0; overflow: hidden; }

aside.toolbar .panel-body button .icon-label 			{ font-size: 1rem; margin-top: 5px; white-space: normal; }
aside.toolbar .panel-body .dash-widget					{ margin-bottom: 5px; }
aside.toolbar .panel-body .dash-widget .label-default	{ padding: 0px; position: relative; }
aside.toolbar .panel-body .btn.btn-default 				{ border-radius: 0; border-color: rgba(0,0,0,0); }
aside.toolbar .panel-body .btn.btn-default:hover		{ background: #fff; border: 1px solid rgba(0,0,0,0.2); -o-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
aside.toolbar .panel-body .btn-block.active				{ background: linear-gradient(to top, #eaecee 0%,#ffffff 100%); border-color: #c8c8c8; }
aside.toolbar .panel-body .btn-block + .btn-block		{ margin: 0; border-top: 0 none; }
aside.toolbar ul 										{ 
	width: 240px;
    height: 112px;
    display: block;
    border: 1px solid rgba(0,0,0,0.2);
    padding: 5px;
    position: absolute;
    left: 143px;
    background: #fff;
	border-left-color: rgba(0,0,0,0);
	padding-top: 8px;
	display: none;
}
aside.toolbar ul li 									{ width: 100%; display: block; }
aside.toolbar ul li a 									{ line-height: 1.5rem; text-align: left; margin-left: 16px; }
aside.toolbar .adhesion:hover ul,
aside.toolbar .evaluation:hover ul,
aside.toolbar .documentation:hover ul,
aside.toolbar .communication:hover ul					{ top: 0; display: block; margin-left: -6px; }
aside.toolbar .adhesion:hover ul						{ height: 113px; }
aside.toolbar .evaluation:hover ul						{ height: 113px; }
aside.toolbar .documentation:hover ul					{ height: 113px; }
aside.toolbar .communication:hover ul					{ height: 98px; }

.dash-widget img										{ height: 50px;}


/****************************/
/* CHECKBOXES				*/
/****************************/

input[type="checkbox"],
input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin: 0 -2rem 0 0;
		opacity: 0;
		width: 1em;
		z-index: -1;
}

input[type="checkbox"] + label,
input[type="checkbox"] + input[type="hidden"] + label,
input[type="radio"] + label {
	text-decoration: none;
	color: #212121;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 500;
	padding-left: 2.4em;
	padding-right: 0.75em;
	position: relative;
}

input[type="checkbox"] + label:before,
input[type="checkbox"] + input[type="hidden"] + label:before,
input[type="radio"] + label:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
	background: rgba(144, 144, 144, 0.075);
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px rgba(144, 144, 144, 0.5);
	content: '';
	display: inline-block;
	height: 1.65em;
	left: 0;
	line-height: 1.58125em;
	position: absolute;
	text-align: center;
	top: 3px;
	width: 1.65em;
}

input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:checked + input[type="hidden"] + label:before,
input[type="radio"]:checked + label:before {
	background: #212121;
	border-color: #212121;
	color: #ffffff;
	content: '\f00c';
}

input[type="checkbox"]:focus + label:before,
input[type="checkbox"]:focus + input[type="hidden"] + label:before,
input[type="radio"]:focus + label:before {
	border-color: #212121;
}

input[type="checkbox"] + label:before,
input[type="checkbox"] + input[type="hidden"] + label:before {
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

input[type="radio"] + label:before {
	border-radius: 100%;
}

::-webkit-input-placeholder {
	color: #999 !important;
	opacity: 1.0;
}

:-moz-placeholder {
	color: #999 !important;
	opacity: 1.0;
}

::-moz-placeholder {
	color: #999 !important;
	opacity: 1.0;
}

:-ms-input-placeholder {
	color: #999 !important;
	opacity: 1.0;
}

.message-checkbox input[type="checkbox"] + label,
.message-checkbox input[type="radio"] + label {
	white-space: normal;
	line-height: normal;
	margin-bottom: 5px;
	min-height: 28px;
	vertical-align: middle;
}

/****************************/
/* CUSTOM DATATABLES STYLES */
/****************************/

.dataTables_length *,
.dataTables_filter *,
.dataTables_info,
.dataTables_paginate * {
    display: inline-block;
	width: auto;
	font-weight: 600;
}

.dataTables_wrapper .overflow,
.overflow 										{ overflow-x: auto; display: block; width: 100%; }
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate		{ color: #999999; }

.dataTables_wrapper.woFilters .dataTables_filter{ display: none; }

.dataTables_wrapper .dataTables_export + .dataTables_filter{
	margin-right: 5px;
}

.dataTables_filter input{
    width: -moz-calc(100% - 64px);
    width: -webkit-calc(100% - 64px);
    width: calc(100% - 64px);
    display: inline-block;
}

table.dataTable caption {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid rgba(0,0,0,0.2);
    background: rgba(0, 28, 168, 1);
    color: #fff;
    font-weight: 600;
	-o-box-shadow: 0 0 2px 0px rgba(255,255,255,0.5) inset;
	-ms-box-shadow: 0 0 2px 0px rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 0 0 2px 0px rgba(255,255,255,0.5) inset;
	-webkit-box-shadow: 0 0 2px 0px rgba(255,255,255,0.5) inset;
	box-shadow: 0 0 2px 0px rgba(255,255,255,0.5) inset;
}

table.dataTable tbody tr:nth-child(2n+1){
    background: #f0f0f0;
}

table.dataTable thead th,
table.dataTable tbody th{
	color: #ffffff;
	word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	background: #001ca8;
    border: 1px solid rgba(0,0,0,0.1);
	border-color: transparent rgba(255,255,255,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.2);
	-o-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
	-ms-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
	box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset;
	padding: 0px 18px 0px 10px;
    line-height: 28px;
}

table.dataTable tbody td{
    font-weight: 400;
	color: #000;
	word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	border: 1px solid rgba(0,0,0,0.1);
	border-color: transparent transparent #cccccc transparent;
	vertical-align: middle;
	position: relative;
/*	-o-box-shadow: 0 -6px 6px 1px rgba(0,0,0,0.1) inset;
	-ms-box-shadow: 0 -6px 6px 1px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0 -6px 6px 1px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: 0 -6px 6px 1px rgba(0,0,0,0.1) inset;
	box-shadow: 0 -6px 6px 1px rgba(0,0,0,0.1) inset;*/
}
table.dataTable tbody td:first-child {
    border-color: rgba(0,0,0,0) #cccccc #cccccc #cccccc;
}
table.dataTable tbody td:last-child {
    border-color: rgba(0,0,0,0) #cccccc #cccccc #cccccc;
}

.dataTables_wrapper .dataTables_export{
	width: auto;
    display:  block;
	height:  32px;
	float: right;
    text-align: right;
}
.dataTables_wrapper .dataTables_export img {
    width: 24px;
    position: relative;
	top: 4px;
	display: none;
}
.dataTables_wrapper .dataTables_export i{
	width: 32px;
    font-size: 21px;
    position: relative;
    display: inline-block;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.2);
    height: 28px;
    position: relative;
    top: 0;
	left: 0;
	padding: 3px 0;
}

.dataTables_wrapper .dataTables_export i {
    color: #333 !important;
	background: rgba(144, 144, 144, 0.075);
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.dataTables_wrapper .dataTables_export i:hover,
.dataTables_wrapper .dataTables_export i.pressed {
    color: white !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
	background: linear-gradient(to bottom, #585858 0%, #111 100%);
	cursor: pointer;
}
.dataTables_wrapper .dataTables_export ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	border: 1px solid rgba(0, 0, 0, 0.2);
	min-width: 200px;
    background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
}
.dataTables_wrapper .dataTables_export ul.sub_navigation {
	position: absolute;
	display: none;
}
 
.dataTables_wrapper .dataTables_export ul.sub_navigation li {
	clear: both;
	padding: 2px 5px;
    width: 100%;
	height: 32px;
	text-align: left;
}

.dataTables_wrapper .dataTables_export ul.sub_navigation.showing {
    display: block;
	right: 0px;
	z-index: 99;
}

.dataTables_wrapper .dataTables_export ul.sub_navigation a {
    padding: 0 5px 0 0;
    text-decoration: none;
    border: 0 none;
	line-height: 24px;
	text-align: left;
	float: left;
	background: transparent;
}

.dataTables_wrapper .dataTables_export ul.sub_navigation a i.fa {
    width: 20px;
    display: inline-block;
    border: 0 none;
    font-size: 20px;
	margin: 0;
	padding: 4px 0;
	background: transparent;
}

.dataTables_wrapper .dataTables_export ul.sub_navigation a .fa-th:before, 
.dataTables_wrapper .dataTables_export ul.sub_navigation a .fa-th-large:before {
    position: relative;
    top: 3px;
}

.dataTables_wrapper .dataTables_export ul.sub_navigation li:hover{
	width: 100%;
	border-bottom-color: transparent !important;
	background: #001ca8;
}
.dataTables_wrapper .dataTables_export ul.sub_navigation li:hover a{
	width: 100%;
	padding: 0;
}
.dataTables_wrapper .dataTables_export ul.sub_navigation li:hover a,
.dataTables_wrapper .dataTables_export ul.sub_navigation li:hover label,
.dataTables_wrapper .dataTables_export ul.sub_navigation li:hover a i.fa::before {
	color: #ffffff;
}
.dataTables_wrapper .dataTables_export ul.sub_navigation li input, 
.dataTables_wrapper .dataTables_export ul.sub_navigation li input + label {
    line-height: 25px;
    top: 3px;
}

.dataTables_wrapper .dataTables_export > i:nth-of-type(1) {
/*	-o-border-radius: 4px 0 0 4px;
	-ms-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
    margin-right: -5px;
    border-right-color: #fff;*/
}
.dataTables_wrapper .dataTables_export > i:nth-of-type(2) {
	-o-border-radius: 0 4px 4px 0;
	-ms-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	border-color: rgba(0,0,0,0.2) !important;
}

.dataTable.toggleRows tr:nth-child(4n+1),
.dataTable.toggleRows tr:nth-child(4n+2)		{ background: #f0f0f0; }
.dataTable.toggleRows tr:nth-child(4n),
.dataTable.toggleRows tr:nth-child(4n+3)		{ background: #fff; }
.dataTable.toggleRows tr.comments textarea 		{ margin: 10px 0 5px 0; height: 64px; }
.dataTable.toggleRows tr.expanded td:first-child{ border-bottom-color: rgba(0,0,0,0); }
.dataTable.toggleRows tr.expanded + .comments td{ border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
.dataTable.toggleRows tr.expanded .icon::before	{ content: "\f27a"; }
.dataTable.toggleRows tr.expanded .icon::after 	{ content: "\f00d"; position: absolute; left: 2px; bottom: 0; color: #000; width: 100%; text-align: right; padding: 0; margin: 0; font-family: fontAwesome; font-size: 0.8rem; }

@media screen and (max-width: 640px){
	.dataTables_wrapper .dataTables_filter { margin-top: 0; }
	.dataTables_wrapper .dataTables_filter label { width: 100%; }
	.dataTables_wrapper .dataTables_export + .dataTables_filter { width: -moz-calc(100% - 106px); width: -webkit-calc(100% - 106px); width: calc(100% - 106px); margin: 0; float: right; }
	.dataTables_wrapper .dataTables_length { width: 72px; overflow: hidden; height: 30px; float: right; }
	.dataTables_wrapper .dataTables_length label { position: relative; top: -15px; left: 2px; }
}

li.separation {
    border-bottom: 1px solid rgba(0,0,0,0.2) !important;
	margin: 6px 0 2px 0 !important;
	height: 0px !important;
    padding: 0 !important;
}

.dataTables_wrapper .dataTables_export span.fa.fa-check-square-o:before {
    font-size: 18px;
    position: relative;
    top: 2px;
}

.dataTables_wrapper .toggle-vis + label {
    width: 100%;
}

.dataTable tr[onclick] td { cursor: pointer; }

/* DATATABLES SUMMARY */
.dataTables_summary 				{ padding: 10px 0; }
.dataTables_summary label 			{ font-weight: 600; }

/* DATATABLES FILTER FORM */
.dataTables_filterForm 				{ width: 100%; padding: 15px; background: #f0f0f0; border: 1px solid rgba(0,0,0,0.2); margin-bottom: 15px; display: block; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.dataTables_filterForm.collapsed	{ width: 100%; padding: 0 15px; border-color: rgba(0,0,0,0); margin-bottom: 0; overflow: hidden; height: 0 !important; }
#showFilterDT img					{ -o-transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }

/* DATATABLES WOFORMAT */
table.dataTable.woFormat tbody th, 
table.dataTable.woFormat tbody td	{ padding: 2px 10px; }

@media (min-width: 769px){
	.dataTables_wrapper .dataTable tr[onclick]:hover,
	.dataTables_wrapper .dataTable tr[onclick]:hover td {
		background: rgba(0,0,0,0.75);
		color: #fff;
	}
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
	/* Force table to not be like tables anymore */
	table.dataTable, table.dataTable thead, table.dataTable tbody, table.dataTable th, table.dataTable td, table.dataTable tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.dataTable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.dataTable tr { border: 1px solid #ccc; }
	
	table.dataTable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	table.dataTable 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;
	}
	
	/*
	Label the data
	*/
	table.dataTable td { text-align: right; }
	table.dataTable td:before { content: attr(data-field); text-align: left; color: #666; font-weight: 300; }
	
	table.dataTable tbody td{
		border: 0 none;
		-o-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		min-height: 24px;
		font-weight: 400;
	}
}

.visible-xs-inline-block	{ display: inline-block !important; margin-left: 5px; line-height: 28px; }
.filterForm					{ padding: 5px 10px 10px 10px; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
.filterForm.collapsed 		{ height: 0; padding: 0 10px; overflow: hidden; margin: 0; float: left; }

/****************************/
/* NEWS COMPONENT           */
/****************************/

article.news 							{ border: 1px solid rgba(0,0,0,0.2); background: #ffffff; padding: 5px; margin-top: 15px; }
article.news header 					{ background: #001ca8; padding: 10px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset; }
article.news h3							{ background: rgba(0,0,0,0); -o-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0 none; color: #ffffff; font-weight: 500; padding: 5px 0; margin-bottom: 0; }
article.news.important h3				{ padding-right: 110px; }
article.news header span 				{ color: #c21223; font-weight: 700; background: rgba(255,255,255, 0.85); padding: 5px; width: 104px; display: block; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; float: right; text-align: center; text-transform: uppercase; margin-top: 5px; }
article.news .metadata					{ padding: 10px; }
article.news .metadata .date			{ font-weight: 600; text-decoration: underline; padding-bottom: 5px; width: 100%; display: block; font-size: 0.94rem; }
article.news .metadata .sub-title		{ font-weight: 600; padding-bottom: 5px; color: #000c98; width: 100%; display: block; font-size: 0.94rem; }
article.news .body 						{ padding: 0 10px; white-space: pre-line; }
article.news .body p 					{ text-align: justify; }
article.news .body iframe				{ width: 100%; height: 320px; }
article.news .body img,
article.news .body svg					{ max-height: 240px; margin: 0 auto; display: block; width: 100%; object-fit: contain; object-position: center; }
article.news .body iframe + p,
article.news .body img + p,
article.news .body svg + p 				{ margin-top: 10px; }
article.news footer:empty 				{ display: none; }

/****************************/
/* RESPONSIVE HACKS         */
/****************************/

@media (max-width: 1280px){
	/* LOGIN PAGE */
	.login .panel.panel-default { width: 70%; margin: 150px auto 30px; }

	/* HOME PAGE */

}

@media (max-width: 1024px){
	/* LOGIN PAGE */
	.login .panel.panel-default { width: 90%; margin: 150px auto 30px; }

	/* HOME PAGE */

}

@media (max-width: 768px){
	/* SIDEBAR */
	aside.toolbar 	{ display: none; }
	#sidebarToggle 	{ display: none; }
	
	.navbar-default .navbar-toggle { margin: 10px 0 0 6px; }
	body:not(.sbCollapsed) .toolbar + .container-data { margin-left: 0; }

	/* LOGIN PAGE */
	.login .panel.panel-default { width: 99%; margin: 128px auto 30px; }
	.login + footer img 		{ height: 28px; }
	
	/*TREEVIEW AND DOCUMENTS */
	body .treeview a 					{ width: -moz-calc(100% - 96px); width: -webkit-calc(100% - 96px); width: calc(100% - 96px); }
	body .treeview span.icon 			{ vertical-align: top; }
}

@media (max-width: 480px){
	.nav-tabs > li 				{ width: calc(50% - 2px); min-width: auto; white-space: pre; }
	.login + footer p			{ margin-bottom: 0; }
}

#sidebar {
  z-index: 1000;
  position: fixed;
  left: -302px;
  width: 300px;
  height: 100%;
  overflow-y: auto;
  background: #f8f8f8;
  border-right: 1px solid rgba(0,0,0,0.15);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease; 
  transition: all 0.5s ease;
  z-index: 9999;
}

#sidebar, #sidebar *{
	-webkit-box-sizing: content-box;
  	-moz-box-sizing: content-box; 
  	box-sizing: content-box;
}

body.sidebar-opened #sidebar {
	left: 0;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px;
}


/* Sidebar Styles */

.sidebar-nav 									{  position: absolute; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; }
.sidebar-nav li:not(.sidebar-brand) 			{ min-height: 36px; line-height: 36px; padding: 0; position: relative;}
.sidebar-nav li:not(.sidebar-brand),
.sidebar-nav li:not(.sidebar-brand) *			{ -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.sidebar-nav > .sidebar-brand 					{ height: 64px; font-size: 18px; line-height: 60px; }
.sidebar-nav > .sidebar-brand a 				{ width: 100%; display: block; height: 48px; position: relative; margin: 15px 0 0 0; padding: 0; }
.sidebar-nav > li:not(.sidebar-brand) > a		{ margin: 0px 60px; padding: 0 5px 0 5px; background: #f8f8f8; height: 36px; line-height: 36px; display: block; position: relative; width: -moz-calc(100% - 70px); width: -webkit-calc(100% - 70px); width: calc(100% - 70px); text-transform: uppercase; font-weight: 700; font-family: 'Open Sans', sans-serif; color: #000000; text-decoration: none; }
.sidebar-nav > .sidebar-brand a img 			{ display: block; margin: 0 auto; height: 48px; }
.sidebar-nav > .sidebar-brand a:hover 			{ color: #fff; background: none; }
.sidebar-nav .fa 								{ font-size: 21px; position: absolute; right: 5px; top: 0; line-height: 40px; color: rgba(0,0,0,0.2); -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.sidebar-nav .dropdown	 						{ color: #f0f0f0; width: -moz-calc(100% - 48px); width: -webkit-calc(100% - 48px); width: calc(100% - 48px); display: block; position: relative; max-height: 0; z-index: 1; margin: 0; margin-left: 48px; padding: 0; line-height: 36px; overflow: hidden; -o-transition: max-height 0.2s ease-out; -ms-transition: max-height 0.2s ease-out; -moz-transition: max-height 0.2s ease-out; -webkit-transition: max-height 0.2s ease-out; transition: max-height 0.2s ease-out; }
.sidebar-nav .dropdown a	 					{ line-height: 36px; }

.sidebar-nav .open								{ background: #000000; }
.sidebar-nav .open, 
.sidebar-nav .open *							{ -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.sidebar-nav .open .dropdown 					{ max-height: 1000px; position: relative; -o-transition: max-height 0.5s ease-in; -ms-transition: max-height 0.5s ease-in; -moz-transition: max-height 0.5s ease-in; -webkit-transition: max-height 0.5s ease-in; transition: max-height 0.5s ease-in; }
.sidebar-nav .open .dropdown a 					{ color: #cccccc; text-decoration: none; padding-left: 15px; }
.sidebar-nav .open .fa 							{ color: #ffffff; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.sidebar-nav > li:not(.sidebar-brand).open > a	{ background: #000000; color: #607cf8; text-decoration: none; text-decoration: none; text-transform: uppercase; font-weight: 700; font-family: 'Open Sans', sans-serif; }
.sidebar-nav > li.open:not(.sidebar-brand) img 	{ width: 36px; }
.sidebar-nav .open .dropdown a:hover 			{ background: #001ca8; padding-left: 20px; }

#sidebar .highlight-box 						{ position: absolute; top: 0; left: 0; width: 48px; height: 100%; background: #000; z-index: -1; }
.sidebar-nav > li:not(.sidebar-brand) img 		{ float: left; width: 24px; margin: 5px 5px 0 5px; }

.sidebar-opened .overlayer 						{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9998; }

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

.vertical-menu .header a								{ color: #ffffff; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #001ca8; border: 1px solid rgba(0,0,0,0.1); border-color: transparent rgba(255,255,255,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.2); -o-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 -15px 15px 1px rgba(0,0,0,0.1) inset; padding: 0px 10px 0px 10px; line-height: 28px; }
.vertical-menu .header a .fa 							{ float: right; font-size: 24px; position: relative; top: 3px; opacity: 0.5; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.vertical-menu .header a[aria-expanded="true"] .fa 		{ -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.vertical-menu article									{ background: #f0f0f0; }
.vertical-menu article .body							{ border: 1px solid rgba(0,0,0,0.1); padding: 10px; }
.vertical-menu .questions .q 							{ border-top: 1px solid rgba(0,0,0,0.1); padding: 15px 0; }
.vertical-menu .questions .v input.btn + label:before 	{ content: ""; background: none; border: 0 none; width: 0; height: 0; }
.vertical-menu .questions .v input.btn + label 			{ width: 40px; display: inline-block; background: #fff; padding: 10px 0; text-align: center; border: 1px solid rgba(0,0,0,0.1); }
.vertical-menu .questions .v input.btn:checked + label	{ background: #000; color: #fff; font-weight: 500; }
.vertical-menu .questions .v input.btn:hover + label	{ background: #000; color: #fff; }
.vertical-menu .questions .v + button 					{ width: 40px; padding-top: 4px; }
.vertical-menu .questions i								{ width: auto; text-align: center; padding: 0; position: relative; top: 14px; font-size: 32px; cursor: pointer; }
.vertical-menu .questions i + textarea					{ opacity: 0; height: 0; overflow: hidden; margin-top: 10px; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.vertical-menu .questions i.expanded + textarea			{ opacity: 1; height: 48px; }