/***************************************************
***** BASIC
***************************************************/

html			{ box-shadow: none !important; }
body			{ font-size: 14px; line-height: 1.8; background-image: url('../images/bg.jpg'); background-size: cover; -moz-background-size: cover; -ms-background-size: cover; 
				  -o-background-size: cover; -webkit-background-size: cover; background-attachment: fixed; color: #1c1c1c; }
a 				{ -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #2c3e50; text-decoration: none; }
a:active		{ color: #2c3e50; text-decoration: none; }
a:focus			{ color: #2c3e50; text-decoration: none; }
a:hover			{ color: #006aaf; text-decoration: none; }

.well			{ padding: 10px; background: rgba(255,255,255,0.35); margin: 0; margin-top: 10px; }
.wrapper-collapse { padding: 0; margin: 0; width: auto; height: auto; }

.body-trainings	{ background: #000000 !important; }

.container-fluid .container	{ padding: 0; }
.container-training			{ color: #ffffff !important; }
.container-training a		{ color: #c0c0c0; }
.container-training a:active{ color: #ffffff; }
.container-training a:focus	{ color: #ffffff; }
.container-training a:hover	{ color: #c0c0c0; }

/***************************************************
***** WRAPPER
***************************************************/

.wrapper            					{ width: 100%; height: auto; margin: 0; padding: 0; }

/***************************************************
***** NAVIGATION
***************************************************/

.navbar-default 			{ background-color: #000000; }
.navbar-header a:hover		{ color: #eaeaea !important; }
.navbar-header a			{ padding-top: 5px; padding-bottom: 5px; }
.navbar-header img			{ height: 40px; width: auto; }
.navbar-nav li a:hover		{ color: #eaeaea !important; }
.navbar-nav li a .glyphicon { margin-right: 5px; }

/***************************************************
***** IMAGES
***************************************************/

.img-kachel-3zu2			{ width: 100%; /* whatever width you want */ display: inline-block; position: relative; }
.img-kachel-3zu2:after	 	{ padding-top: 66.66%; /* 3:2 ratio */ display: block; content: ''; }
.img-kachel-3zu2 .main		{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* fill parent */ background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-position: center; background-repeat: no-repeat; }

/***************************************************
***** TEXT
***************************************************/

.text-center    { text-align: center; }

@media (max-width: 767px)                           { .text-center-xs     { text-align: center; } }
@media (min-width: 768px) and (max-width: 991px)    { .text-center-sm     { text-align: center; } }
@media (min-width: 992px) and (max-width: 1199px)   { .text-center-md     { text-align: center; } }
@media (min-width: 1200px)                          { .text-center-lg     { text-align: center; } }

.text-bold		{ font-weight: 700 !important; }

/***************************************************
***** ICONS
***************************************************/

.glyphicon 	{ margin-left: 10px !important; margin-right: 5px !important; }

/***************************************************
***** HEADLINES
***************************************************/

h1 	{ margin: 0; padding: 0; }
h2 	{ margin: 0; padding: 0; }
h3 	{ margin: 0; padding: 0; }
h4 	{ margin: 0; padding: 0; }

/***************************************************
***** LOGIN BOX
***************************************************/

.login-box			{ width: 100%; max-width: 360px; background: #ffffff; padding: 45px; margin: 0 auto; }
.login-box .btn		{ width: 100%; }

/***************************************************
***** TRAINING BOX
***************************************************/

.training-box			{ width: 100%; background: rgba(255,255,255,0.3); padding: 15px; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -ms-transition: 0.3s !important; 
						  -o-transition: 0.3s !important; transition: 0.3s !important; }
.training-box:hover		{ background: rgba(255,255,255,1.0); }
.training-box .btn		{ width: 100%; }
.training-box .p-height	{ height: 50px; }

/***************************************************
***** ROWS
***************************************************/

.row-striped					{ padding: 0 0 15px 0; margin-left: 0; margin-right: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
								  transition: 0.3s; }
.row-striped:nth-child(odd)		{ background: rgba(255,255,255,0.3); }
.row-striped:nth-child(even)	{ background: rgba(255,255,255,0.15); }

/***************************************************
***** MODAL
***************************************************/

.modal-backdrop		{ background-color: #000000; }
.modal-backdrop.fade{ opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in	{ opacity: 0.8; filter: alpha(opacity=80); }

/***************************************************
***** SORTABLE
***************************************************/

#sortable .ui-state-default:hover				{ cursor: move; }
#sortable .ui-state-placeholder:hover			{ cursor: move; }

/***************************************************
***** ALERTS
***************************************************/

.alert-container	{ width: 450px !important; margin-top: 200px; }
.alert				{ border-radius: 0; padding: 40px; }
.alert .close		{ margin-top: -20px; margin-right: -20px; }

.alert-success		{ background: #ffffff; border-left: 10px solid #8CC152; color: #434a54; }
.alert-success h4	{ color: #8CC152; }

.alert-danger		{ background: #ffffff; border-left: 10px solid #DA4453; color: #434a54; }
.alert-danger h4	{ color: #DA4453; }

.alert-warning		{ background: #ffffff; border-left: 10px solid #F6BB42; color: #434a54; }
.alert-warning h4	{ color: #F6BB42; }

/***************************************************
***** PANEL
***************************************************/

.panel				{ border: 0 !important; border-radius: 0; padding: 0; background: none; box-shadow: none; }
.panel-heading		{ border: 0 !important; border-radius: 0; padding: 0; background-color: transparent !important; }
.panel-title		{ border: 0 !important; border-radius: 0; padding: 0; background: none; font-size: 14px; padding-top: 5px; }
.panel-body			{ border: 0 !important; border-radius: 0; padding: 10px; background-color: transparent !important; }

/***************************************************
***** COLORS
***************************************************/

.bg-white		{ background: #ffffff !important; }
.bg-orange		{ background: #006aaf !important; }

.text-orange	{ color: #c0c0c0 !important; }
.text-white		{ color: #ffffff !important; }

/***************************************************
***** BUTTONS
***************************************************/

.btn				{ -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -ms-transition: 0.3s !important; -o-transition: 0.3s !important; transition: 0.3s !important; }

.btn-default		{ background: #000000; border-color: #000000; }
.btn-default:hover	{ background: #000000; border-color: #000000; }
.btn-default:active	{ background: #000000; border-color: #000000; }
.btn-default:focus	{ background: #000000; border-color: #000000; }

.btn-primary		{ background: #000000; border-color: #000000; }
.btn-primary:hover	{ background: #000000; border-color: #000000; }
.btn-primary:active	{ background: #000000; border-color: #000000; }
.btn-primary:focus	{ background: #000000; border-color: #000000; }

.btn-collapse		{ display: block; padding: 10px; border: 1px solid rgba(0,0,0,0.1); }
.btn-collapse:hover	{ border: 1px solid #000000; }

/***************************************************
***** INPUTS
***************************************************/

.control-label					{ font-weight: normal; float: right; }
.control-label span				{ color: #006aaf; font-weight: normal; }
.summernote-wrapper				{ background-color: #ffffff; padding: 0; margin: 0; box-shadow: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.summernote-wrapper p			{ margin-top: 0; margin-bottom: 15px; }
#summernote						{ box-shadow: none; margin: 0; }
.note-editable p				{ margin: 0; }
.note-toolbar .btn-default		{ background: #ffffff; border-color: #eaeaea; color: #333; }
.input-group-addon				{ border-radius: 0; }
.help-block						{ font-size: 13px; color: #666666; font-family: }
.checkbox label					{ padding-left: 20px; }
.checkbox input[type=checkbox]	{ margin-left: -20px; }

/***************************************************
***** MARGIN / PADDING
***************************************************/

.m-top-5        { margin-top: 5px; }
.m-top-10       { margin-top: 10px; }
.m-top-15       { margin-top: 15px; }
.m-top-30       { margin-top: 30px; }
.m-top-45       { margin-top: 45px; }
.m-top-100      { margin-top: 100px; }

.m-bot-5        { margin-bottom: 5px; }
.m-bot-10       { margin-bottom: 10px; }
.m-bot-15       { margin-bottom: 15px; }
.m-bot-30       { margin-bottom: 30px; }
.m-bot-45       { margin-bottom: 45px; }

.p-top-5        { padding-top: 5px; }
.p-top-10       { padding-top: 10px; }
.p-top-15       { padding-top: 15px; }
.p-top-30       { padding-top: 30px; }
.p-top-45       { padding-top: 45px; }

.p-bot-5        { padding-bottom: 5px; }
.p-bot-10       { padding-bottom: 10px; }
.p-bot-15       { padding-bottom: 15px; }
.p-bot-30       { padding-bottom: 30px; }
.p-bot-45       { padding-bottom: 45px; }