@charset "iso-8859-1";

/* CSS Document */

.text-shadow-15-000

{ text-shadow: 0px 0px 15px #000 !important;} /**/



.box-shadow-15-333

{ box-shadow: 0px 0px 15px #333 !important;} /**/



.box-shadow-15-777

{ box-shadow: 0px 0px 15px #777 !important;}



.row-centered

{ text-align: center;}



.col-centered

{ display: inline-block; float: none !important; text-align: left; margin-right: -4px;}



.panel-heading a:after

{ font-family: 'Glyphicons Halflings'; content:"\e114"; float: right; color: grey;}



.panel-heading a.collapsed:after

{ content:"\e080";}



.gutter-reset

{ font-size: 0;}



table *

{ vertical-align: middle !important;}



.form-error

{ font-size:13px; color:#cc0000; padding: 2px 6px 0px; margin-bottom: 0;}



.button-container

{ margin-bottom: 20px;}



.form-fill-request

{ margin: 0px 0px 20px; font-size: 15px;}



.form-grid

{ padding: 20px 20px 10px; border: 1px solid #ccc; margin-bottom: 20px;}



.system-title

{ min-height: 60px; margin-top: 0; margin-bottom: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 10px 20px; background: #fff; text-align:center; font-size: 28px; font-weight: 600; box-shadow: inset 0px 0px 50px #ccc, 3px 3px 8px #a8a8a8; text-shadow: 2px 2px 0px #fff; color: #3278b5; text-transform: uppercase;}



	.system-title a

	{ color: #3278b5; text-decoration: none;}

	

	.system-title a:active

	{ color: #2367a1;}

	

		.system-title i

		{ font-size: 36px; margin: 0 5px;}

		

.system-title-nav

{ margin: 0; margin-top: 20px; padding: 0px 0px 10px; text-align:center; font-size: 20px; font-weight: 500; color: #fff;}



	.system-title-nav a

	{ color: #fff; text-decoration: none;}



.section-title

{ margin: 0; margin-bottom: 20px; padding: 10px; padding-top: 0; border-bottom: 1px solid #dedede; text-shadow: 2px 2px 2px #ccc; }



	.section-title span

	{ margin-left: 10px;}

	

	.section-title span.decoration

	{ width: 70px; margin-top: 12px; margin-left: -10px; margin-bottom: -10px; display: block; height: 5px; background-color: #3278b5;}

	

.subsection-title span.decoration

{ opacity: 0.6;}



.extrasubsection-title span.decoration

{ opacity: 0.25;}

	

.btn-default i, .form-control-feedback i

{ color: #337ab7;}



.pager

{ margin-top: 0;}



	.current-page-container

	{ margin: 0 24px;}

	

	.current-page

	{ width: 50px !important; display:inline-block;}



.section-container

{ padding: 0px 20px;}



.btn-xl

{ width: 20%; margin-bottom: 20px; display: inline-block; vertical-align: top;}



	.btn-xl .btn

	{ width: 74px; height: 74px; display:block; margin: 0px auto;}

	

		.btn-xl .btn i

		{ line-height: 60px; font-size: 40px;}

	

	.btn-xl span

	{ display:block; text-align: center; margin-top: 10px; padding: 0px 10px; font-size: 14px;}

	

		.btn-xl span a

		{ color: #898989}



.title-danger

{ margin: 0 0 20px 0 !important; padding: 6px; text-align: center; font-size: 18px; background-color: #cc0000; color: #fff; font-weight: 600;}



.inverse-separator

{ display: block; height: 1px; border-radius: 2px; padding: 0;}



.inverse-separator-bright

{ background: #3b80bb;}



.inverse-separator-dark

{ background: #144269;}



.separator-top

{ margin-bottom: 20px;}



.separator-bottom

{ margin-top: 20px;}



@media (max-width: 1366px)

{

	.system-title

	{ min-height: 52px; padding: 8px 16px; font-size: 24px;}

	

		.system-title i

		{ font-size: 32px;}

}



@media

(max-width : 768px)

{

	.system-title

	{ min-height: 44px; padding: 6px 12px; font-size: 20px;}	



		.system-title i

		{ font-size: 28px;}	

		

	.section-title

	{ font-size: 24px; word-wrap: break-word;}

		

		.section-title span.decoration

		{ width: 60px;}

		

	.subsection-title

	{ font-size: 20px;}

		

		.subsection-title span.decoration

		{ width: 50px;}

		

	.extrasubsection-title

	{ font-size: 16px;}

		

		.extrasubsection-title span.decoration

		{ width: 46px;}

		

	.breadcrumb

	{ font-size: 13px;}

	

	.btn-responsive

	{ padding: 6px 10px; font-size: 90%; line-height: 1.2;}

	

	.form-control

	{ font-size: 13px; padding: 4px 8px;}

	

	.control-label

	{ font-size: 13px;}	

	

	.checkbox label

	{ font-size: 13px; }

	

	.panel-title

	{ font-size: 14px;}

	

	.panel-search *, .table-responsive *, .pager *

	{ font-size:13px !important;}

	

	.form-fill-request

	{ font-size: 14px;}

	

	.section-container

	{ padding: 0px 10px;}

	

	.btn-xl

	{ width: 25%;}

		

		.btn-xl span

		{ font-size: 13px;}

	

	.title-danger

	{ font-size: 16px;}

}



@media

(max-width : 736px)

{

	.system-title

	{ min-height: 38px; padding: 4px 10px; font-size: 18px;}	



		.system-title i

		{ font-size: 26px;}

}



@media

(max-width : 600px)

{	

	.current-page-container

	{ margin: 10px auto; display:block !important;}	

		

	.btn-xl

	{ width: 33%;}	

	

	.title-danger

	{ font-size: 14px;}

}



@media

(max-width : 414px)

{

	.btn-xl

	{ width: 50%;}		

}



@media

(max-width : 375px)

{

	.system-title

	{ min-height: inherit; padding: 4px 10px 5px; font-size: 16px;}	



		.system-title i

		{ font-size: 24px;}

}



@media

(max-width : 320px)

{

	.system-title

	{ min-height: inherit; padding: 4px 10px 5px; font-size: 14px;}	



		.system-title i

		{ font-size: 22px;}

}



@media

(max-width : 280px)

{

	.btn-xl

	{ width: 100%;}	

}