@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,400i,600,700&subset=latin-ext';


html {
	font-size: 10px;
}
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.5rem;
	font-weight: 300;
}

.nopadding {
    padding: 0 !important;
}
.specialwidth {
    width: 90%;
}

.container-custom {
	width: 100%;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.tinytext {
	font-size: 1.2rem;
}

span.text-success {
    color: #3c763d;
    font-size: 2rem;
    font-weight: 400;
}

.well {
	margin-top: 30px;
}

.btn {
	font-size: 1.5rem;
}

legend.smaller {
	font-size: 1.6rem;
	padding-top: 10px;
}


/*map*/
#map {
	height: 350px;
}

.map, .address {
    margin-top: 30px;
}

nav {
	width: 100%;
	height: 70px;
	line-height: 70px;
	position: fixed;;
	top: 0;
	padding: 2px 0;
	background-color: #070607;
	background-image: -webkit-gradient(radial,center center,0,center center,460,from(#232323),to(#070607));
	background-image: -webkit-radial-gradient(circle,#232323,#070607);
	background-image: -moz-radial-gradient(circle,#232323,#070607);
	background-image: -o-radial-gradient(circle,#232323,#070607);
	background-repeat: no-repeat;
	z-index: 6000;
	color: white;

}
	.navbar-fix {
		margin-top: 70px;
	}
	nav a {
		color: white;
		vertical-align: top;
	}
	nav a:hover:not(#logo) {
		color: white;
		text-decoration: none;
		border-bottom: 2px solid #74b2c3;
	}
	nav a.current {
		border-bottom: 2px solid #74b2c3;
	}
	nav #logo {
		display: inline-block;;
		background: url(../img/logo.png) no-repeat;
	    /*background-size: 65%;*/
	    width: 145px;
		height: 46px;
		margin-top: 8px;
		margin-right: 15px;
		margin-left: 30px;
	}
	.navbar-right, .navbar-left {
		list-style: none;
        margin-right: 0;
	}
	.navbar-left {
		text-transform: uppercase;
	}
	.navbar-right li, .navbar-left li {
		display: inline-block;
		margin-right: 30px;
		vertical-align: top;
	}
	.navbar-right li:last-child {
		margin-right: 10px;
	}
	.navbar-right li.small-text {
		text-transform: none;
	}
	
	

	.sister-submenu {
		display: none;
		transition: 0.2s;
		background: black;
	    position: absolute;
	    top: 48px;
	    width: 260px;
	}

	#sister-submenu:hover + .sister-submenu,
	 .sister-submenu:hover{
		display: block;
	}

	.sister-submenu ul {
		padding-left: 25px;
		padding-top: 25px;
	}
	
	.sister-submenu li {
		display: block;
		line-height: 45px;
	}

/*icons*/
.icon {
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
}
.icon.user {
	width: 25px;
	height: 20px;
	background-image: url('../img/icon-user.png');
	background-size: auto 16px;
	position: relative;
	top: 4px;

}
.icon.admin {
	width: 23px;
	height: 20px;
	background-image: url('../img/icon-admin.png');
	background-size: auto 14px;
	position: relative;
	top: 5px;

}



/*datepicker*/

h2 {
	text-align: left;
	color: #4c96ab;
}

.container.top-margin {
	margin-top: 80px;
}
.calendar {
	margin-bottom: 50px;

}

#datepicker {
	width: 100%;
	margin-top: 20px;
}
.ui-datepicker {
  width: 100%;
}
.ui-datepicker table {
  width: 100%;
}
.ui-datepicker-header {
	background-color: #74b2c3;
	color: white;
	line-height: 30px;
	font-weight: 400;
}
.ui-datepicker-calendar tbody {
	font-weight: 400;
}

.ui-datepicker .ui-datepicker-title {
	height: 30px;
	line-height: 30px;
}
.ui-datepicker-prev, .ui-datepicker-next {
  width: 30px;
  height: 30px;
  cursor: pointer;
	background-position: center;
  background-repeat: no-repeat;
  background-size: auto 15px;
}
.ui-datepicker-prev {
  background-image: url('../img/icon-arrow-left.png');
}
.ui-datepicker-next {
  background-image: url('../img/icon-arrow-right.png');
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 30px;
    height: 30px;
}
.ui-datepicker thead {
 background-color: #f7f7f7;
 }
 .ui-datepicker thead th {
  text-transform: uppercase;
  padding: 5px 0;
  color: #666666;
  width: 14%;
  font-weight: 400;
}


.ui-datepicker tbody td {
	text-align: center;
}
.ui-datepicker td span, .ui-datepicker td a {
  display: inline-block;
  text-align: center;
  width: 100%;
  height: 50px;
  line-height: 44px;
  color: #666666;

}
.ui-datepicker-calendar .ui-state-default {
  background: #ededed;

}
.ui-datepicker-unselectable .ui-state-default {
  background: #f4f4f4;
  color: #b4b3b3;
}
.ui-datepicker-calendar .ui-state-hover {
  background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
  background: #74b2c3;
  color: white;
  text-shadow: 0px 1px 0px #4d7a85;
  filter: dropshadow(color=#4d7a85, offx=0, offy=1);
  border: 1px solid #55838f;
  position: relative;
  margin: -1px;
}

/*rooms-reservations*/
#rooms-reservations {
    width: 92%;
    max-width: 1500px;
    margin: auto;
}
.room {

}
.col-room {
	width: 20%;
	float: left;
}

	.room-name {
		width: 100%;
		height: 50px;
		color: white;
		background: rgba(20, 20, 20, 0.75);
		border: 1px solid white;
	}
	.room-name.conference {
		background: rgba(39, 17, 74, 0.75);
	}
	.room-name.chill-out {
		background: rgba(179, 138, 18, 0.75);
	}
	.room-name.open-space {
		background: rgba(25, 97, 255, 0.75);
	}
	.room-name h3 {
		font-size: 1.7rem;
		text-align: center;
		font-weight: 300;
		line-height: 50px;
		margin: 0;
	}
	.room-img {
        height: 300px;
        background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
        border: 1px solid white;

    }
    .room-label {
        height: 334px;
    }

	.room-box-info {
		background: rgba(20, 20, 20, 0.75);
		width: 100%;
		height: 100%;
		text-align: center;
		padding: 45px 20px 66px 20px;
		opacity: 0;
		transition: : opacity .25s ease;
		-webkit-transition: opacity .25s ease;
		-moz-transition: opacity .25s ease;
		color: white;
	}

	.room-img:hover .room-box-info {
		opacity:1;
	}
	.conference {
		background: rgba(39, 17, 74, 0.75);
	}
	.chill-out {
		background: rgba(179, 138, 18, 0.75);
	}
	.open-space {
		background: rgba(25, 97, 255, 0.75);
	}
	.room-box-info-static {
		width: 100%;
		height: 100%;
		text-align: center;
		padding: 20px;
		color: white;
	}
	.room-box-info h4,
	.room-box-info-static h4 {
		font-weight: 300;
		margin-bottom: 20px;
		display: inline-block;
	}
	/*room amenities*/
	.room-typename {
		font-size: 1.9rem;
	}
	.col-room .room-box-info {
		padding-top: 20px
	}
	.col-room .room-typename {
		margin-top: 0px;
	}
	.icon {
		display: inline-block;
		width: 30px;
		height: 30px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 20px;
		position: relative;
		top: 8px;
	}
	.icon-area {
		background-image: url('../img/icon-area.png');
	}
	.icon-capacity {
		background-image: url('../img/icon-capacity.png');
	}
	.icon-amenities {
		background-image: url('../img/icon-amenities.png');
	}





.sched {

}
    .sched-label {
        text-align: right;
        font-size: 2rem;
        color: #aaa;
        height: 46px;
		padding-right: 5px;
    }

    .sched-hour {
        /*height: 46px;*/
        line-height: 46px;
        outline: 1px solid #ddd;
		color: white;
		font-size: 1.6rem;
		text-align: center;
		position: relative;
		width: auto;
		min-width: 10%;
		float: left;
		
    }

    .sched-hour.with-name {
    	line-height: 1.9rem;
    	//*padding-top: 3px;*/
    }

    .empty {
        background-color: #70c655;
			cursor: pointer;
    }

    .taken {
		background-color: #ff6666;
		cursor: default;
    }

	.patient-didnt-pay-in-time { 
		background-color: grey!important;
		color: white!important;
	}

	.missed-appointment { 
		background-color: #008002!important;
		color: white!important;
	}

	.n-patient { 
		background-color: #dc143c!important;
		color: white!important;
	}

    a.taken:hover {
    	cursor: pointer;
    	background-color: #54b0fb;
    	text-decoration: none;
    	color: white;
    }

    .myself {
		background-color: #f8b038;
		cursor: default;
    }
        .taken, .myself {
            /*line-height: 17px;
            padding: 6px 0;*/
        }
        .taken .purpose, .myself .purpose {
            font-size: 1.35rem;

        }

    .disable {
    	background-color: #c5c5c5;
		cursor: default;
    }


	.selected {
		background-color: #3294db;
		color: white;
	}

	.start, .konec {
		font-size: 1.5rem;
		display: none;
		color: white;
		width: 100%;
		position: absolute;
		top:0;
		left:0;
		height: 100%;
		/*outline: 1px solid #ddd;*/
		background-color: #3294db;
		font-weight: 400;
		line-height: 20px;
	}




/* *** MODAL *** */
.modal-dialog {
	margin-top: 150px;
	width: 750px;
}

.modal-body {
	padding: 0;
}

.modal-title {
	font-weight: 600;
}
	.modal-body .room-img {
		border: 0;
	}
	
	.modal-body .room-img img {
		width: 100%;
		margin-top: 10px;
	}

	.modal-body .inner-content {
		padding: 20px 0;
	}

		.modal-body .inner-content h5 {
			display: inline;
			font-size: 1.6rem;
			font-weight: 600;
		}

		.modal-body input[type=checkbox] {
			margin-right: 5px;
		}

		.modal-body ul {
			list-style: none;
			padding-left: 0;
			margin-top: 10px;
		}
		.modal-body ul.left-column li {
			border-top: 1px dashed #ddd;
		}
		/*.modal-body ul.left-column li:last-child {
			border-bottom: 1px dashed #ddd;
		}*/
        .modal-body ul.left-column-doplnk {
            margin-top: 0;
        }
        .modal-body ul.left-column-doplnk li {
            line-height: 22px;
        }
		.modal-body ul.left-column li .tinytext {
			font-size: 1.2rem;
		}
		/*.modal-body ul.left-column-doplnk li {
			border-bottom: 1px dashed #ddd;
		}*/
        .modal-body .inner-content .heading-doplnk {
            font-size: 1.4rem;
        }

		.modal-body ul li {
			line-height: 30px;
		}
		.modal-body input[name='people'] {
			width: 50px;
			line-height: 22px;
		}
		.modal-body input#purpose {
			height: 22px;
			line-height: 22px;
			width: 110px;
			font-size: 1.3rem;
		}
		.modal-body input#people {
			height: 22px;
			line-height: 22px;
		}

		.modal-body #timeFrom-field {
			margin-left: 10px;
		}
		.modal-body #hours-field {
			font-size: 1.3rem;
			color: #a1a1a1;
			font-weight: 400;
		}
		.modal-body #totalPrice-label {
			font-size: 1.7rem;
			font-weight: 600;
            margin-top: 0;
		}
		.modal-body #totalPrice-field {
			font-size: 2rem;
			font-weight: 600;
			color: #80d655;
            position: absolute;
            right: 20px;
		}

		.modal-body .fullday-label {
			font-size: 1.2rem;
			display: none;
		}

        .modal-body .inner-content .tel {
            color: #3294db;
        }


		.modal-body textarea {
			width: 100%;
		    margin-top: 10px;
		    height: 175px;
		    margin-bottom: 10px;
		    resize: none;
		    padding: 5px;
		}



.price p {
	margin: 0;
	padding: 0;
}

.modal-footer {
	position: relative;
}
	.modal-footer span {
		margin-right: 30px;
		font-size: 1.4rem;
	}



/*moje rezervace*/
.reservation-box {
 width: 90%;
 height: auto;
 border-radius: 20px;
 background-color: #e9e9e9;
 padding: 10px 30px;
 margin-bottom: 10px;
 position: relative;
}
	.reservation-box h3 {
		padding: 0;
		margin: 0;
	}

	.reservation-box ul.main-info {
		list-style: none;
		padding: 0;
		margin-top: 7px;
	}
	.reservation-box ul.main-info li {
		display: inline-block;
		width: 23%;
	}

	.storno {
		position: absolute;
		right: 30px;
		bottom: 13px;
	}

.reservation-box.past {
	background: repeating-linear-gradient(
	  45deg,
	  #606dbc,
	  #606dbc 10px,
	  #465298 10px,
	  #465298 20px
	);
	color: white;
}

.reservation-box.ok {
	background: #b8e880;
}

.reservation-box.late {
	background: #ffe38e;
}

.reservation-box.apoligase {
	background: #74b2c3;
}

.reservation-box.without-apoligase {
	background: #e2766e;
}

td.ok, .history.ok {
	color: #8bc34a;
}

td.late, .history.late {
	color: #ffc107;
}

td.apoligase, .history.apo {
	color: #00bcd4;
}

td.without-apoligase, .history.wapo {
	color: #ec3427;
}

.history {
	display: inline-block;
	margin-right: 20px;
}





/*warning*/
.warning {
	width: 100%;
	height: 40px;
	background: repeating-linear-gradient(
	  45deg,
	  #ff6f6f,
	  #ff6f6f 10px,
	  #d95858 10px,
	  #d95858 20px
	);
	color: white;
	position: fixed;
	top:70px;
	z-index: 10;
}
.warning-fix {
	height: 40px;
}
	.warning p {
		text-align: center;
		font-size: 1.8rem;
		font-weight: 200;
		line-height: 40px;
	}
	.warning a {
		color: white;
		font-weight: 400;
		text-decoration: underline;
	}
	.warning span {
		position: absolute;
		right: 20px;
		top: 7px;
		display: inline-block;
		width: 25px;
		height: 25px;
		border: 2px solid white;
		border-radius: 50%;
		font-size: 2.5rem;
		text-align: center;
		line-height: 22px;
		cursor: pointer;
	}

.warning-modal span {
	color: #ff6f6f;
	font-size: 1.8rem;
	font-weight: 400;
}


/*list homepage*/
.list-homepage {
	font-size: 1.7rem;
	font-weight: 400;
}



/*cenik table*/
.cenik table {
	border: 1px solid black;
}
.cenik table tr {
	border: 1px solid black;
}
.cenik table th {
	border: 1px solid black;
	padding: 5px 10px
}
.cenik table td {
	border: 1px solid black;
	padding: 5px 10px
}

.cenik table .cenik-label {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}
.cenik table .cenik-label-firma {
	display: block;
}
.cenik table .cenik-label-firma-wrap {
	display: inline-block;
}


footer {
    background-color: #1e1e1d;
    height: 100px;
    width: 100%;
    color: white;
    margin-top: 50px;
}
footer div {
    text-align: center;
    padding-top: 20px;
}

.save-note-form {
	margin-top: 20px;
    width: 50%;
}


.save-note-btn {
	margin-top: 20px;
}

.noOrdinateRows ,.extraOrdinateRows{
	display: inline-block;
}

.add-next-row-btn,.add-next-row-btn2 {
	display: inline-block;
}

.section-no-ordinate {
	width: 100%;
	float: left;
}


.noOrdinateRow {
	width: 505px;
}

.noOrdinateRow input[type="time"] {
	max-width: 89px;
	display: inline-block;
}

.noOrdinateRow.hidden {
	display: none;
}

.info-section input[name="other-procedure"] {
	display: block;
	width: 120px;
}

#error {
	color: red;
}

.week-nav {
	width: calc(100% - 30px);
    height: 50px;
    color: white;
    background: rgba(20, 20, 20, 0.75);
    font-size: 1.7rem;
    text-align: center;
    font-weight: 300;
    line-height: 50px;
    margin: 0 15px 0 15px;
    position: relative;
}

.week-button {
	position: absolute;
    height: 50px;
    width: 50px;
    font-size: 28px;
    transition: .2s;
    top: 0;
    background-color: #4c96ab;
}

.week-button:hover {
	background-color: #0f8fb3;
	cursor: pointer;
}

.prev-week-button {
	
}

.next-week-button {
	right: 0;
}

select.pojistovna {
	max-width: 200px;
    display: inline-block;
}

.red-warning {
	color: red;
}

a.ui-state-default.red {
	background-color: #ff6868;
}

a.ui-state-default.orange {
	background-color: #ffcd73;
}

a.ui-state-default.green {
	background-color: #70c655;
}

.ui-datepicker-calendar .ui-state-active.green,
.ui-datepicker-calendar .ui-state-active.red,
.ui-datepicker-calendar .ui-state-active.orange {
	background-color: #74b2c3;
}

#timeOver {
	display: none;
}

.ui-datepicker-week-end {
	display: none;
}