@media (max-width: 1200px)
{
	body, label, input, button, select, textarea
	{
		font-size: 12px;
	}
}





body i {
	font-size: 14px;
}

label, input, button, select, textarea {
	font-size: 13px;
	line-height: 18px;
}

select {
	height: 28px;
}

textarea {
	height: 80px;
}

.table-condensed th, .table-condensed td {
	padding: 3px 5px 1px 5px;
}

.table-condensed td .btn-group {
	position: relative;
	top: -1px;
}

.table-condensed td.bulkAction {
	padding-right: 0;
}

form label label { display: inline-block; }
form label.checkbox { padding-top: 0 !important; margin-bottom: 0; }
form label.checkbox label { margin-bottom: 0; }
form label.checkbox p.help-block { display: inline-block; font-size: 0.8em; color: #888; padding-left: 5px; }
form p.help-block { display: inline-block; font-size: 0.8em; color: #888; padding-left: 5px; margin-top: 0 !important; }
form label.checkbox h4 { font-size: 11px; font-weight: normal; color: maroon; line-height: 13px; }

.helpCursor { cursor: help; }
.helpIcon { cursor: help; color: #ccc; margin-left: 2px; }
i.disabledIcon { color: #ddd; }
i.redIcon { color: #da4f49; }
i.greenIcon { color: #11AD1A; }
i.blueIcon { color: #0088cc; }



body {
	padding-top: 0px;
	padding-bottom: 40px;
}
.sidebar-nav {
	padding: 9px 0;
}
.modal-small {
	width: 500px!important;
	margin: 0 auto;
}

.modal-small .modal-dialog{
	width: 500px!important;
}

.logo{
	margin-top: 20px;
}

.headerMenu{
	padding: 8px; 0px 8px 0px;
	background-color: #F5F5F5;
	text-align: center;
	margin-right: 10px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.headerMenu a{
	color: black;
	font-weight: bold;
	display: block;
	font-size: 1.1em;
	text-decoration: none;
}

.headerMenu a:hover{
	color: #D7002A;
}

table.table-user{
	font-size: 1.1em;
	margin-bottom: 0px;
}
table.table-user .kod td{
	border-top: 0px;
}

.nav-main{
	margin-bottom: 20px;
	border-bottom: 1px solid #D2002D;

}

.nav-main li a{
	color: white;
	background-color: black;
	border-bottom: 1px solid #D2002D !important;
}
.nav-main li.active a, .nav-main li:hover a,.nav-main li.active:hover a{
	color: white;
	background-color: #D2002D;
}


select.input-sm{
	height: 25px !important;
}

.grey{
	color: #999999;
}

h2{
	color: #D2002D;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}

h2 span.grey{
	font-weight: normal;
	text-transform: none;
	font-size: 0.7em;
	color: #999999;
}



.h1Note{
	padding-top: 20px;
}
.output{
	background-color: white;
	padding: 0px 7px 0px 7px;
	margin: 0;
	font-weight: normal;
	cursor: default;
	line-height: 30px;
}

.notEdit{
	padding: 0px 7px 0px 7px !important;
	margin: 0;
	font-weight: bold;
	line-height: 18px;
	cursor: default;
}

select{
	cursor: pointer;
}


#body #frm-loginForm input,#body  #frm-loginForm select{
	border-radius: 0px !important;
}
input[required]:not([disabled]),select[required]:not([disabled])  {
	outline: none !important;
	border: solid 1px #D2002D !important;
	border-radius: 5px !important;
	box-shadow: 0 0 0px #D2002D !important;

}
textarea:focus {
	outline: none !important;
	border-color: #D2002D;
	box-shadow: 0 0 0px #D2002D;
}

.form-control[disabled]{
	background-color: #f5f5f5;
	border-radius: 0;
	-webkit-box-shadow: none;
	border: none;
}


.error-message{
	display: block !important;
	color: #D2002D;
	font-size: 0.8em;
	float: left;
}

.inputDatepicker {
	position: relative;
}

/*************************/
/*	DETAIL REZERVACE
/*************************/

div.total{
	margin-top: 30px;
}

#detailRezervace hr{
	margin: 5px 0 15px 0;
}
.has-error label{
	color: #D2002D !important;
}
#detailRezervace h1, #profilProdejce h1,  #vypisRezervaci h1, #nastveniB2B h1{
	font-size: 18px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	padding-top: 20px;
}

#vypisRezervaci h1, #nastveniB2B h1{
	padding-top: 0;
}
#detailRezervace h2.total{
	color: black;
}

#detailRezervace .price{
	background: #333333;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 32px;
	line-height: 71px;
	height: 100%;
	width: 100%;
	margin-bottom: 10px;
}


.btn-default{
	background-color: #999999;
	padding: 8px 15px 8px 15px;
	font-weight: bold;
	margin-right: 20px;
	color: #e3e3e3;
}

.btn-default.edit{
	padding: 8px 8px 8px 8px;
	width: 150px;
	font-weight: bold;
	margin-right: 20px;
}

.btn-danger.btn-sm, .btn-default.btn-sm{
	padding: 5px 10px 5px 10px;
	width: auto;
}

#detailRezervace .btn-default.refreshR .icon{
	color:  #e3e3e3;
}
.btn.btn-disabled{
	background-color: #999999;
	color: white;
	width: 100%;
}

#detailRezervace .btn-closed {
	float: right;
	margin: 0 10px 0 10px;
	padding: 8px 15px 8px 15px;
}
#detailRezervace .btn-edit {
	background-color: #999999;
	padding: 8px 15px 8px 15px;
	margin-right: 20px;
	color: white;
	border-color: #999999;
}
#detailRezervace .btn-default.stornoR{
	background-color: #999999;
	color: white;
	border-color: #999999;
}

#detailRezervace .btn-default.stornoR,#detailRezervace .btn-danger.successR{
	width: 100%;
	margin-bottom: 20px;
}
.sweet-alert .printR, .sweet-alert .stornoR{
	margin: 26px 5px 0 5px;
	min-width: 88px;
	font-size: 17px;
	padding: 9px 32px;
	vertical-align: top;
}
#detailRezervace .btn-default.closeR,#detailRezervace .btn-default.printR,#detailRezervace .btn-default.refreshR, #potvrzeniModal .closeR, #potvrzeniModal .printR{
	background-color: #333333;
	width: 100%;
	margin-bottom: 20px;
}
#potvrzeniModal .successR, #potvrzeniModal .printR{
	width: 100%;
	margin-bottom: 20px;
}

#detailRezervace .btn-default.closeR:hover,#detailRezervace .btn-default.printR:hover {
	color: white;
}
label[for="frm-zakaznikForm-lidr"], label[for="frm-objednavkaForm-natavitLidra"]{
	padding-right: 10px
}
#detailRezervace label{
	color: #999999;
	margin-bottom: 3px;
	white-space: nowrap;
}
.form-group{
	line-height: 30px;
}

.well-sm{
	margin-bottom: 10px;
}

#detailRezervace h2, #profilProdejce h2, #nastveniB2B h2{
	color: #D2002D;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0 10px 0;
}

#detailRezervace h3, #profilProdejce h3{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 5px;
}
#detailRezervace .control-label, #zmenaHesla .control-label{
	line-height: 30px;
}
#detailRezervace .form-control, #zmenaHesla .form-control, #vypisRezervaci .form-control, #nastveniB2B .form-control{
	background-color: #ffffff;
	padding: 0 5px 0 5px !important;
	height: 30px !important;
	box-shadow: none;
	z-index: 10;
	position: relative;
	font-weight: bold;
}

#detailRezervace select.form-control{
	overflow: hidden;
	background: url('../images/icon/arrow-select.png') no-repeat 97% 50% white;
}
.lidr div{
	padding:  0 8px 0 0 !important;
	text-align: right;
}


#detailRezervace .calendar, #vypisRezervaci .calendar, #profilProdejce .calendar,
.inputDatepicker .glyphicon-calendar, .selectFilter .calendar{
	position: absolute;
	z-index: 20;
	right: 5px;
	top: 8px;
	color: grey;
}
#detailRezervace .table {
	margin-bottom: 0px;
}
#detailRezervace .zeme{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
}

#detailRezervace .destinace{
	font-size: 14px;
}

#detailRezervace .letovisko{
	font-size: 13px;
}

#detailRezervace textarea.form-control{
	height: 45px !important;
}


#frm-zakaznikForm-prijmeni{
	width: 70%;
	float: left;
}
#frm-zakaznikForm-titul{
	width: 30%;
}
.full{
	padding: 0 0 0 5px !important;
}

.control-label{
	font-weight: normal;
}



table .subservice{
	display: none;
}

/*************************/
/*	POTVRZOVACÍ MODAL
/*************************/
#potvrzeniLabel span {
	width: 88px;
	height: 88px;
	display: block;
	float: left;
	margin-right: 20px;
	background-image: url('../../admin/images/icons/potvrzeni-modal.png');
	background-repeat: no-repeat;
}

#potvrzeniModal .modal-content{
	padding: 5px 20px 5px 20px;
}

#potvrzeniModal h4{
	margin-top: 30px;
}

#potvrzeniModal h4 div{
	font-size: 17px;
	padding-top: 15px;
}

.form-checkbox{
	float: right;
	margin: 2px 0 0 5px !important;
}

/*************************/
/*	CHECKBOX
/*************************/

.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	position: absolute;
	top: 5px;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 7px !important;
	border-radius: 0px;
	display: inline-block;
	position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: white;
	background-color: #D2002D;
}

.regular-checkbox:checked:disabled + label {
	background-color: #999999;
}
.regular-checkbox:checked + label:after {
	content: "\e013";
	font-family: 'Glyphicons Halflings';
	font-size: 10px;
	position: absolute;
	top: -1px;
	left: 2px;
	line-height: 16px;
	color: white;
}
/*************************/
/*	Výpis reyzervací
/*************************/
#vypisRezervaci table tbody td:not([role="presentation"]){
	font-size: 13px;
	font-weight: normal;
}
#vypisRezervaci table thead th a{
	color: black;
}
/*************************/
/*	OSTATNI
/*************************/

.error-message{
	margin: 0;
	line-height: 12px;
}

.modal-footer .btn{
	width: 100%;
	padding: 1px 6px 1px 6px;
}

#zmenaHeslaLabel{
	line-height: 80px !important;
	text-transform: uppercase !important;
	padding-left: 110px !important;
}
#zmenaHeslaLabel span{
	padding-left: 80px;
	height: 80px !important;
	display: block !important;
	float: left !important;
	background-image: url('../admin/images/icons/password-modal.png');
	background-repeat: no-repeat;
}

#zmenaHesla .btn, #oznameniProProdejce .btn{
	padding: 8px 15px 8px 15px;
}
/*************************/
/*	TABULKA prodejců a vyhledavání zákazníků
/*************************/


table.table-prodejce thead tr th{
	color: #999999;
	font-weight: normal;
	border: 0px;
	padding: 0 0px 0 8px;
	background-color: #f5f5f5 !important;
}

table.table-prodejce tr td{
	background-color: #f5f5f5 !important;
}
table.table-prodejce tr.second th{
	border-bottom: 0px !important;
}

table.table-prodejce tr.uzivatel td{
	padding-top: 10px;
}
table.table-prodejce tr td hr{
	border-color: #e3e3e3;
	margin: 10px 0 0 0;

}
.inputDatepicker{
	position: relative;
}

table.table-prodejce tbody tr td{
	border-top: 0px;
	border-bottom: 5px solid #f5f5f5;
	border-right: 5px solid #f5f5f5;
	line-height: 25px;
	padding: 0;
}




/*************************/
/*	MODAL Odlety
/*************************/

#odletyModal .modal-dialog {
	width: 1100px;
}
#odletyModal .modal-dialog .modal-content {
	padding: 20px 30px 20px 30px;
	box-shadow: none;
	border-radius: 0;
}
#odletyModal .modal-title{
	color: #999999;
	line-height:60px;
	text-transform: uppercase;
}
#odletyModal .modal-title div.en {
	float: left;
	color: #0069db;
	font-weight: bold;
	margin-right: 5px;
}
#odletyModal table tr th grey{
	font-size: 13px;
}
#odletyModal table tr th{
	background-color: #F5F5F5;
	font-size: 15px;
}

#odletyModal table tr th .en{
	color: black;
	font-weight: bold;
}

#odletyModal .modal-header{
	padding-bottom: 0;
}

#odletyModal table tr td{
	padding: 4px 7px 4px 7px;
	border-bottom: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	font-weight: bold;
	font-size: 18px;
}

#odletyModal table tr td img{
	margin-right: 10px;
}

#flightLabel span, #validaceZakaznikaLabel span, #vyhledavaniZakaznikaLabel span{
	width: 88px;
	height: 88px;
	display: block;
	float: left;
	margin-right: 20px;
	background-image: url('../../admin/images/icons/flight-modal.png');
	background-repeat: no-repeat;
}

#odletyModal .modal-footer .btn, #validaceZakaznikaModal .modal-footer .btn {
	width: 200px !important;
	padding: 8px 15px 8px 15px;
}


#odletyModal .modal-header, #odletyModal .modal-footer, #potvrzeniModal .modal-header, #potvrzeniModal .modal-footer,#validaceZakaznikaModal .modal-header, #validaceZakaznikaModal .modal-footer, #vyhledavaniZakaznikaModal .modal-header, #vyhledavaniZakaznikaModal .modal-footer{
	border: none;
}
#odletyModal .modal-footer{
	padding: 0 20px 0 20px;
}


/*************************/
/*	MODAL Validace
/*************************/

#validaceZakaznikaLabel{
	font-weight: bold;
	padding: 20px 0px 0px 20px;
}
#validaceZakaznikaLabel span{
	background-image: url('../../admin/images/icons/warning.png');
}


/*************************/
/*	MODAL Vyhledavání zákazníků
/*************************/

.vyhledavaniZakaznika{
	padding-top: 15px;
}
#vyhledavaniZakaznikaLabel span{
	background-image: url('../../admin/images/icons/search-modal.png');
	margin-left: 40px;
}
#vyhledavaniZakaznikaModal h4, #vyhledavaniZakaznikaModal h5{
	color: #D2002D;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.5em;
}

#vyhledavaniZakaznikaModal h5{
	font-size: 1.1em;
}

#vyhledavaniZakaznikaModal h4 span{
	display: block;
	color: #999999;
	font-weight: normal;
}

#vyhledavaniZakaznikaModal .btn {
	padding: 6px 15px 6px 15px;
}
.vyhledavaniZakaznika .btn {
	width: 200px !important;
	margin-top: 130px;
}

#vyhledavaniZakaznikaModal .form-control{
	padding: 0 5px 0 5px !important;
	height: 35px !important;
	margin-bottom: 4px;
	width: 60%;
	float: left;
}

#vyhledavaniZakaznikaModal .well-extra{
	padding: 15px 0 15px 0;
}

#vyhledavaniZakaznikaModal #frm-zakaznikVyhledavaniForm-hledat{
	width: 100px;
	margin-left: 30px;
	padding: 6px 15px 6px 15px;
}
#vyhledavaniZakaznikaModal label{
	color: #999999;
	line-height: 35px;
	text-align: right;
	width: 20%;
}

#vyhledavaniZakaznikaModal .odpoved{
	text-align: center;
	color: #999999;
}

table.table-zakaznik tbody tr.notEdit td{
	padding: 0;
}
div.datepicker {
	z-index: 20 !important;
}

.alert{
	padding: 10px 15px 15px 15px !important;
}
.alert i{
	margin-right: 10px;
	font-size: 22px;
	position: relative;
	top: 4px;
}
.classic-alert {  background-color: #fcf8e3;  border-color: #faebcc;  color: #8a6d3b; margin: 20px 0 20px 0; }
.classic-alert.alert-success {  background-color: #dff0d8;  border-color: #d6e9c6;  color: #3c763d;  }
.classic-alert.alert-info {  background-color: #d9edf7 ;  border-color: #bce8f1;  color: #31708f;  }
.classic-alert.alert-danger {  background-color: #f2dede;  border-color: #ebccd1;  color: #a94442;  }
.classic-alert .close{opacity: 0.5;}

/*

This stylesheet provides some sample styles to use with Freeow! You may use
these in your project or create your own! If you plan to make your own!

For my samples, I'm assuming that you will call freeow() on a container with
the class .freeow applied to it.

The default template function produces markup matching this outline:

	div (classes passed in options get applied here)
		div.background
			div.content
				h2
				p
		span.icon
		span.close
		
Don't forget: You can make your template function if this markup doesn't work
for your project. The function must accept the title and message as arguments
and return a DOM element (the message box). 

Update $.fn.freeow.defaults.template or pass the function as the template
member of the options object when calling freeow().
		
*/


/* Boilerplate -------------------------------------------------------------- */

/* Outermost Container */
.freeow {
    position: fixed;
    width: 400px;
    z-index: 9999;  
}
.freeow-top-right {
    top: 10px;
    right: 10px; 
}
.freeow-bottom-right {
    bottom: 10px;
    right: 10px; 
}

/* Message */
.freeow > div {
    position: relative;
    margin-bottom: 5px;
	cursor: pointer;
}
.freeow .content {
    margin: 5px 5px 5px 69px;
}

.freeow h2 {
	color: #fff; font-weight:bold;
}
.freeow h2,
.freeow p {
    margin: 0;
    padding: 0;

}
.freeow .icon {
    position: absolute;
    display: block;
    width: 48px;
    height: 48px;
    top: 5px;
    left: 10px;
    background: transparent url('../images/icon/notice.png') no-repeat 0 0;
    z-index: 1;
}
.freeow .close {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: 8px;
    left: 8px;
    background: none;
    z-index: 2;
}
.freeow div:hover .close {
    background: transparent url('../images/icon/close.png') no-repeat 0 0;
}

/* Icons */
.freeow .slide .icon   { background-image: url('../images/icon/slide.png'); }
.freeow .pushpin .icon { background-image: url('../images/icon/pushpin.png'); }
.freeow .success .icon { background-image: url('../images/icon/success.png'); }
.freeow .notice .icon { background-image: url('../images/icon/notice.png'); }
.freeow .info .icon { background-image: url('../images/icon/info.png'); }


/* Specific Styles ---------------------------------------------------------- */

/* Smokey */
.freeow .smokey {
	color: white;
}
.freeow .smokey .background {
    border: 3px solid #000;
    -moz-border-radius: 12px;
	border-radius: 12px;
    background: #000;
    opacity: .65;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
}
.freeow .smokey:hover .background {
    border-color: #fff;
}
.freeow .smokey .content {
    margin: 5px 5px 5px 69px;
}
.freeow .smokey h2 {
    font-family: "Lucida Grande", Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}
.freeow .smokey p {
    padding-top: 8px;
    font-family: Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
}

/* Gray */
.freeow .gray {
	color: black;
}
.freeow .gray .background {
	border: 3px solid #eee;
    -moz-border-radius: 12px;
	border-radius: 12px;
    background: #eee;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
}
.freeow .gray:hover .background {
    border-color: #009bc5;
}
.freeow .gray .content {
    margin: 5px 5px 5px 69px;
}
.freeow .gray h2 {
    font-family: "Lucida Grande", Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}
.freeow .gray p {
    padding-top: 8px;
    font-family: Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
}

/* OSX */
.freeow .osx .background {
	border: 1px solid #939393;
	background: #eee url('../images/icon/osx/background.png') repeat-y top left;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
}
.freeow .osx .content {
    margin: 5px 5px 5px 87px;
}
.freeow .osx .icon {
	left: 28px;
}
.freeow .osx .close {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: 1px;
    left: 1px;
    background: transparent url('../images/icon/osx/close.png') no-repeat 0 0;
    z-index: 2;
}
.freeow .osx:hover .close {
    background: transparent url('../images/icon/osx/close.png') no-repeat -16px 0;
}
.freeow .osx h2 {
    font-family: "Lucida Grande", Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}
.freeow .osx p {
    font-family: Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
}

/* Simple */
.freeow .simple .background {
	border: 2px solid #ccc;
	background: #eee;
}
.freeow .simple .content {
    margin: 5px 5px 5px 69px;
}