div#content{
	width: 100%;
	margin: 20px;
}

div#date_navigation{
	line-height: 20px;
	vertical-align: middle;
	margin-bottom: 10px;
}

div#date_navigation a{
	background: #ddd;
	border:1px solid #bbb;
	margin: 0 3px;
	text-decoration: none;
	color: #000;
	padding: 0 10px;
}

div#date_navigation a.week_link{
	background: yellow;
}

div#date_navigation a.selected{
	background: #ffcc00;/*#666;*/
	border:1px solid #777;
	color: #000;/*#fff;*/
}

table#schedule{
	border: 1px solid #ddd;
}

table#schedule td{
	padding: 0;
}

table#schedule td a{
	display: block;
	padding: 2px 4px;
}

table#schedule td a.green{
	background: #aed75d;
}


#fade { /*--Transparent background layer--*/
    color:white;                                     
    background:#414141;
    position:fixed;
    float:none;
    left:0; 
    top:0;
    width:100% !important; 
    height:100% !important;
    display: none;
    opacity:.60;
    filter:alpha(opacity=60);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
    z-index:900;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-radius:3px;
}

#loading{
    color:#0000;
    background:white !important;
    border:1px solid #a4cae8;
    position:fixed;
    float:none;
    left:50%; 
    top:50%;
    display: none;
    width:150px;
    padding:5px 0;
    z-index:998;
    margin-left:-75px;
    margin-top:-100px !important;
    text-align:center;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#414141',direction='135',strength='2');
    -moz-box-shadow:0 0 5px #414141;
    -webkit-box-shadow:0 0 5px #414141;
    box-shadow:0 0 5px #0a3251;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-radius:3px;
}

#loading img{
    float:left;
    margin-left:5px;
}


div.popup{
    position:fixed;
    float:none;
    z-index:1400;
    background:#fff;
    padding-top:5px;
    padding-bottom:5px;
    border:1px solid gray !important;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-radius:3px;
    display:none;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='135',strength='2');
    -moz-box-shadow:0 0 5px #000000;
    -webkit-box-shadow:0 0 5px #000000;
    box-shadow:0 0 5px #000000;
    left:50%;
}

div.popup a.close{
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	line-height: 15px;
	font-size: 15px;
	margin: 3px;
	background: gray;
	color: #fff;
	border: 2px solid gray; 
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-box-radius:2px;
}

div.popup a.close:hover{
	color: gray;
	background: white;
}

div.popup div.content{
	margin: 5px 15px;
	overflow: auto;
}

div.popup span.popup_title{
	display: block;
	padding: 10px 15px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

div#edit_dialog {
	top: 100px;
	margin-left: -300px;
	width: 600px;
	height: auto;
	max-height: calc(100vh - 120px);
	overflow: auto;
	max-width: 100%;
}

div.popup p{
	clear: both;
	padding-bottom: 10px;
}

div.popup p label{
	width: 300px !important;
	display: block;
	float: left;
	height: 22px;
}
 div.popup p label[for^="schedule_item_status_"]{
     width: auto!important;
     display: inline-table;
     float:none;
 }

div.popup p span{
	width: 200px !important;
	display: block;
	float: left;
}

div.popup p input.submit{
	width: auto;
	padding: 0 10px;
	margin-left: 5px;
	background: gray;
	border: 2px solid gray; 
	color: #fff;
}

div.popup p input.submit:hover, div.popup p a.button:hover{
	background: #fff;
	color: gray;
}

div.popup input[type="radio"]{
    width:auto;
}

div.popup p a.button{
	width: auto;
	padding: 0 10px;
	margin-left: 5px;
	background: gray;
	border: 2px solid gray;
	color: #fff;
	text-decoration: none;
	line-height: 22px;
}


div.errors{
	border: 1px solid red;
	border-radius: 4px;
	background: #fde6e6;
	padding: 4px 10px;
	color: #4b0303;
}

div.errors p{
	margin: 0;
	padding: 0;
}

div.notice{
	border: 1px solid #19c21d;
	border-radius: 4px;
	background: #d5fcd6;
	padding: 4px 10px;
	color: #064708;
}

table.day_list{
	float: left;
	border: 1px solid grey;
	margin: 0 10px 0 0;
	border-collapse: collapse;
        /* width:100%;*/
}

table.day_list th{
	padding: 2px 5px;
	border: 1px solid grey;
        width:20px;
}


table.day_list td{
	width: 200px;
	padding: 12px 5px;
	border: 1px solid grey;
}

table.day_list td * {
	vertical-align: middle;
}

table.day_list td.green{
	background: #aed75d;
}

table.day_list td.red{
	background: #eb9b9b;
}

 table.day_list td.tentative{
     background: #009beb;
 }

table.day_list
,table.day_list th
,table.day_list td{
	border: 3px solid grey;
}


    
/**/ 
.daylist{width:auto;position:relative;float:left;} 
.daylistItems{width:100%;position:relative;float:left;} 

.columns{display:inline-block;min-width:250px;float:left;margin-right:1px;}
.columntype{background:#6EA9D3;text-align:center;width:100%;height:19px;line-height:20px;}
.columns p.daycolumn{background:#9ECAEB;height:20px;line-height:20px;text-align:center;display:block;width:100%;margin:0px;}
.columns .timelimit{min-width:230px;padding:0 10px;}
.columns div.empty{background:#C2C0AB; }
.columns div.green{background:#1CAB30; }
.timelimit,.timelimit p{font-size:11px !important;}
.timelimit  img{margin-top:5px;margin-right:5px;float:left;} 
.schedule-done img{float:right;}

 /*prezutie */
 .schedule-done img{ width:60px;float:right;}
 @media (max-width: 767px) {
	 div#edit_dialog{
		 margin-left: initial;
		 left: 0;
	 }
	 div.popup p label{
		 height: auto;
	 }
 }