html, body{
	height: 100%;
}

html[data-page=login]{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,cbebff+47,a1dbff+100 */
	background: rgb(240,249,255); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

html[data-page=login] body{
	background: transparent !important;
}

html #main{padding-top: 70px;}
html[data-page=login] #main{padding-top: 8% !important;}


body{
	padding-bottom: 3em;
}

.login{
	max-width: 400px;
}

.fa-1x{font-size: 1em !important;}
.fa-1-2x{font-size: 1.2em !important;}
.fa-1-3x{font-size: 1.3em !important;}
.fa-1-5x{font-size: 1.5em !important;}
.fa-1-7x{font-size: 1.7em !important;}
.fa-2x{font-size: 2em !important;}
.fa-3x{font-size: 3em !important;}
.fa-4x{font-size: 4em !important;}
.glyphicon.fa-4x{font-size: 3.7em !important;}
.fa-5x{font-size: 5em !important;}
.text-bold{font-weight: bold;}
.text-italic{font-style: italic;}
.lpad3{padding-left:3em}

tr.bold td{
	font-weight: bold;
}

ul.dropdown-menu li .menu-icon{
	width: 2em;
}


ul.dropdown-menu li small.group{
    display: block;
    padding: 0.25em;
    text-align: center;
    background: rgb(233, 233, 233) none repeat scroll 0% 0%;
}

/* attachment */
	ul.attachment{
	  list-style: none;
	  padding: 0;
	}
	ul.attachment li{
	  padding-left: 1.3em;
	}
	ul.attachment li:before {
	  content: "\f0c6"; /* FontAwesome Unicode */
	  font-family: FontAwesome;
	  display: inline-block;
	  margin-left: -1.3em; /* same as padding-left set on li */
	  width: 1.3em; /* same as padding-left set on li */
	}

.rot-270{
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
}

.panel-bullet{
	position: absolute; 
	left:-1.5em; 
	top:-0.6em; 
	border-radius: 2em; 
	width: 4em; 
	height: 4em; 
}

.panel-heading.home{
	font-weight: bold;
	text-transform: uppercase;
}
.mybg-warning{background: #DD5600;}
.mybg-success{background: #73A839;}
.mybg-danger{background: #C71C22;}
.mybg-info{background: #2C3E50;}
.mybg-primary{background: #2FA4E7;}

.datepicker-days [class="day"]{
		/*background-color: khaki !important;*/
	font-weight: bold;
}

.datepicker-days .disabled{
	color: #ccc !important;
	cursor:no-drop !important;
}

.datepicker-days .disabled-date::after{
	/*background-color: salmon !important;*/
	/*color: #eee !important;*/
	/*
	font-family: FontAwesome;
	content: "\f00d";
	font-size: 0.7em;
	margin-top: -1em;
	margin-left: -1em;
	color: crimson !important;
	*/
	/*
	content: "/";
	margin-left: -0.5em;
	color: crimson !important;
	font-weight: bold !important;
	*/
}

.pos-rel{position: relative;}


.home-button a{
	min-width: 8em;
}


.logo{
	margin-top: -10px;
	margin-left: -10px;
}

#page_container, #navbar{
	transition: all 200ms;
}

notransition.#page_container, notransition.#navbar{
	transition: all 0;
}



.handsontable .currentRow {
  background-color: #E7E8EF;
}

.handsontable .ns{
	background-color: #999999;
	border: 1px solid #666666;
	border-radius: 2px;
	color: white;
	font-weight: bold;
	transition: all 200ms;
}

.handsontable .ns:hover{
	background-color: #ee1111;
	transition: all 200ms;
}

.handsontable .rs{
	background-color: green;
	border: 1px solid white;
	border-radius: 2px;
	color: white;
	font-weight: bold;
	transition: all 200ms;
}

.handsontable .rs:hover{
	background-color: palegreen;
	transition: all 200ms;
}


#loader {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -105px;
	margin-top: -100px;
	display: none;
	z-index: 2500;
	width: 210px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 11pt;
	background-color: white;
	box-shadow: 0px 0px 10px 1px #CCC;
	border-radius: 7px;
}

#loader_block{
	padding: 10px 0px 10px 0px;
}

#loader_string{
	background-color: aliceblue;
	color: #333333;
	padding: 7px;
}

.table-divider{
	background-color: #eee;
}

.handsontable input[type="button"]{
	font-size: 10px;
	padding: 0px 7px;
	height: 19px;
}

.saving{
	position: absolute;
	top: 53px;
	right: 15px;
	font-size: 1em;
	visibility: hidden;
	transition: all 200ms;
}

.saving.ok{color: green; transition: all 200ms;}
.saving.err{color: red; transition: all 200ms;}
.saving.run{color: orange; transition: all 200ms;}
.saving.visible{visibility: visible; transition: all 200ms;}

.glyphicon.small{font-size: 12px;}

.inline{display: inline;}

.jmp10{
	margin-bottom: 10px;
}

.minus-width{
	display: inline-block;
	width: 24px;
}

.touchSpin{width: 50px !important;}

.form-control.balance{
	margin-left: 3px;
	margin-right: 3px;
}

textarea.htCommentTextArea{font-size: 12px;}

.head{
	display: block;
	height: 25px;
	padding-top: 0px;
}

.head .action-btn{
	font-size: 1.5em !important;
	height: 23px;
	padding: 0px;
	width: 25px;
}

.unlist{
	cursor: help;
}

.red{color: red;}

#unfinished-list{
	background-color: #efefef;
	border: 1px solid #666666;
	/*box-shadow: 0px 0px 20px 1px #999999;*/
	display: none;
	left: 0px;
	padding: 2px;
	position: absolute;
	top: 100px;
	z-index: 100;
}

#unfinished-list, #unfinished-list table{border-radius: 5px;}

#unfinished-list table th{
	background-color: #f9f9f9;
	border: 1px solid #cccccc;
	font-size: 0.8em;
}

#unfinished-list table td{
	background-color: #f1f1f1;
}

#unfinished-list table td, #unfinished-list table th{
	border: 1px solid #cccccc;
	padding: 3px !important;
	text-align: center;
}


/** 
 *	HANDSON TABLE
 */
#excelTable table, .htSelectEditor {font-size: 0.7em !important;}
#excelTable td, #excelTable th{height: 25px !important;}

.ht_master{
	max-height: 50% !important;
}

.htContainer{
	height: 50% !important;
	max-height: 50% !important;
}

.my_handsontable{
	overflow: scroll;
}

#paginator{
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
}

.context-menu-icon{
	color:	#ccc;
}

.sankce-container thead th{
		background-color: dodgerblue !important;
		color: white !important;
		font-weight: bold !important;
}

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


.gi-1_1x{font-size: 1.1em;}
.gi-1_5x{font-size: 1.5em;}
/*
.panel-info {
	border-color: #2C3E50 !important;
}
.panel-info > .panel-heading {
	background-color: #2C3E50 !important;
	border-color: #2C3E50 !important;
}
.bootstrap-dialog.type-primary .modal-header {
	background-color: #2C3E50 !important;	
}
*/
.panel-info {
	border-color: #54B4EB !important;
}
.panel-info > .panel-heading {
	background-color: #54B4EB !important;
	border-color: #54B4EB !important;
}
.bootstrap-dialog.type-primary .modal-header {
	background-color: #54B4EB !important;	
}
.bottom {
	padding-bottom:40px;
}

/* OZ Adresář */
.oz-adresar .ms-container {
	width : 100%;
}

.oz-adresar .ms-hover, .ms-selected{
	background-color: #FAF2CC !important;
	color: #555 !important;
}

.oz-adresar .ms-container ul {
	height: 500px !important;
}

.oz-adresar .ms-container .ms-list {
	border: 0px;
}

.container {
	margin-bottom:1em;
}

.oz-adresar th {
	background-color: #6CF;
	color: #FFF;
}

.badge {
	background-color: #2FA4E7 !important;
	color: #FFF !important;
}

/* OZ Adresář */

.iPhoneCheckContainer label span {
	font-size: 13px !important;
}