/* Top Elements */
* { margin: 0; padding: 0; }
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


body {background: #cdcdcd;font: 16px/1.5em arial, sans-serif;color: #333;text-align: left; min-width: 1140px;}

/* links */
a, a:visited {text-decoration: none;color: #4F82CB;}
a:hover {color: #fff600;}

/* headers */
h1, h2, h3 {font-weight: normal;color:#fff;}
h1 {font-size: 48px;text-transform: uppercase;line-height: 55px;clear:both;}
h1 strong{font-family: arial, Sans-serif;}
h2 {font-size: 110%;}
h3 {font-size: 110%;color: #666666;}


/* images */
img {border: 0;}

h1, h2, h3, p {padding: 10px 0;	margin: 0;}
ul, ol {margin: 5px 20px;padding: 0 20px;}

/*******************************************************************************************
   SIDEBAR
*******************************************************************************************/
#sidebar{width: 240px;height: 100%;float:left;background: #333332;position: fixed;z-index:999; overflow-y: auto;}
#sidebar .logo{text-align: center;margin: 30px 0 0px 0;clear:both;}
#sidebar .btn{padding: 10px 0 30px 0;clear:both;text-align: center;}
#sidebar .btn a{background: #fff;text-transform: uppercase;color: #333332;font-size: 13px;padding: 15px 44px;font-family: arial, Sans-serif;font-weight: bolder;-moz-box-shadow: 3px 3px 0 #1e1e1e;-webkit-box-shadow: 3px 3px 0 #1e1e1e;box-shadow: 3px 3px 0 #1e1e1e;}
#sidebar .btn a:hover{background: #fff600;}
#sidebar ul#nav{width: 140px;margin: 20px 30px;list-style: none;padding: 0;}
#sidebar ul#nav li{padding: 4px 0;}
#sidebar ul#nav li a{font-size: 12px;font-weight: bolder;color:#fff;text-transform: uppercase;}
#sidebar ul#nav li a:hover, #sidebar ul#nav li.active a{color: #fff600;}
#sidebar ul#nav li > ul{margin: 0;}
#sidebar ul#nav li > ul li a{color:#cdcdcd;font-weight: normal;text-transform: lowercase;}

/*******************************************************************************************
   USER
*******************************************************************************************/
#user{text-transform: uppercase;text-align: right;float:right;margin: 10px 20px 70px 0;font-size: 12px;}
#user strong{font-family: arial, Sans-serif;}
#user a{color:#333;}

/*******************************************************************************************
   LANG
*******************************************************************************************/
#lang{text-transform: uppercase;text-align: right;float:right;margin: 0 50px 0 0;font-size: 12px;}
#lang strong{font-family: arial, Sans-serif;}
#lang a{color:#333;}
#lang a.current{font-weight: bolder;}

/*******************************************************************************************
   COTNENT
*******************************************************************************************/
#content{width: 76%;float:left;margin: 0 0 50px 316px;}

/*******************************************************************************************
   BUTTONS
*******************************************************************************************/
.btn{margin: 50px 0 40px 0;}
.btn a{background: #333;text-transform: uppercase;margin: 50px 0;clear: both;text-align: right;color: #fff;font-size: 13px;padding: 15px;font-family: arial, Sans-serif;font-weight: bolder;-moz-box-shadow: 3px 3px 0 #acacac;-webkit-box-shadow: 3px 3px 0 #acacac;box-shadow: 3px 3px 0 #acacac;}
.btn a:hover{color: #333;background: #fff600;}
.btn a.add{background: #333 url(../img/ico-add.png) no-repeat 15px center;padding-left: 60px;}
.btn a:hover.add{background: #fff600 url(../img/ico-add-black.png) no-repeat 15px center;}

/*******************************************************************************************
   TABLE GRID
*******************************************************************************************/
table.grid {width: 100%;border-spacing: 0;}
table.grid tr {}
table.grid th{font-size: 14px;padding: 0 15px;font-weight: normal;}
table.grid td {font-size: 16px;background: #fff;border-top: 10px solid #cdcdcd;border-right: 1px solid #cdcdcd;padding: 15px;font-family: arial, Sans-serif;text-transform: uppercase;}
table.grid tr:hover td{background: #e6e6e6;}
table.grid td.action{width: 56px;padding: 0;position: relative;}
table.grid td.action a.empty{text-align: center;float:left;width: 56px;height: 53px;line-height: 53px;color:#333;font-size: 30px;font-weight: bolder;top: 0;}
table.grid td.action a.show{width: 56px;height: 53px;top: 0;background:  url(../img/ico-show.png) no-repeat center center;float:left;}
table.grid td.action a.edit{width: 56px;height: 53px;top: 0;background:  url(../img/ico-edit.png) no-repeat center center;float:left;}
table.grid td.action a.delete{width: 56px;height: 53px;top: 0;background:  url(../img/ico-delete.png) no-repeat center center;float:left;}
table.grid td.action a.process{width: 56px;height: 53px;top: 0;background:  url(../img/ico-confirm.png) no-repeat center center;float:left;}
table.grid td.action:has(a.process.processed){background-color: #0fb82d;}
table.grid td.action:hover{background: #fff600;color:#fff;}
table.grid td.sort { padding: 0; width: 70px; vertical-align: middle; text-align: center; cursor: move; }
table.grid td.sort img { vertical-align: top; }
table.grid td.price-gross{background: #ffd9b3;}
table.grid td.price-net{background: #c8e6c9;}
table.grid tr:hover td.price-gross{background: #ffc98f;}
table.grid tr:hover td.price-net{background: #a5d6a7;}

table.grid tr.subitem{}
table.grid tr.subitem td.first{background: none;width: 10px;}
table.grid tr.subitem td span{color:#cc0000;font-weight: bolder;font-size: 10px;}

/*******************************************************************************************
   FORMS
*******************************************************************************************/
form a:hover{color: #fff600;}

form.frm input[type=checkbox] {display:none;}
form.frm input[type=checkbox] + label {font-size:12px;text-transform: lowercase !important;}
form.frm input[type=checkbox] + label span {display:inline-block;width:26px;height:26px;margin:-1px 4px 4px 0;vertical-align:middle;background:url(../img/form-checkbox.png) left top no-repeat;cursor:pointer;}
form.frm input[type=checkbox]:checked + label span {background:url(../img/form-checkbox.png) -26px top no-repeat;}

form.frm input[type=radio] {display:none;}
form.frm input[type=radio] + label {font-size:12px;text-transform: lowercase !important;}
form.frm input[type=radio] + label span {display:inline-block;width:25px;height:25px;margin:-1px 4px 4px 0;vertical-align:middle;background:url(../img/form-radio.png) left top no-repeat;cursor:pointer;}
form.frm input[type=radio]:checked + label span {background:url(../img/form-radio.png) -25px top no-repeat;}

form fieldset{border: 0;margin: 0 0 40px 0;background: none;}
form fieldset legend{font-size: 25px;padding: 15px 0;color: #f5edf5;text-transform: uppercase;}
form label{padding: 0 0 0;float:left;width: 100%;font-size: 12px;clear:both;text-transform: uppercase;font-family: arial, Sans-serif;font-weight: bolder;}

form table{width: 100%;}
form table tr th{ float:left;clear:both;text-align: left;padding: 8px 0 0 0; }
form table tr td{ float:left;clear:both;padding: 0;width: 100%; }
form table.cols tr td{width: auto;clear: none;padding: 5px 15px;line-height: 50px;}

form table.grid tr th{ width: auto;clear:none; }
form table.grid tr td{ width: auto;clear:none; }

form input[type=text], form input[type=password], form input[type=number], form input[type=time] {border: 3px solid #fff;background: #fff;font-size: 18px;font-family: arial, Sans-serif;padding: 0 15px;color:#333;width: 100%;height: 45px;outline:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
form input[type=time] {cursor: pointer;}
form textarea{border: 3px solid #fff;background: #fff;font-size: 18px;font-family: arial, Sans-serif;padding: 15px;color:#333;width: 100%;height: 145px;outline:0px;resize: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
form input[type=text]:focus, form input[type=password]:focus, , form input[type=number]:focus, form.frm textarea:focus{border: 3px solid #fff600;}

form input[type=submit].default{cursor:pointer;background: #333 url(../img/ico-edit-wh.png) no-repeat 15px center;text-transform: uppercase;margin: 0;float:right;text-align: right;color: #fff;font-size: 13px;padding: 15px 15px 15px 70px;font-family: arial, Sans-serif;font-weight: bolder;border: 0;-moz-box-shadow: 3px 3px 0 #acacac;-webkit-box-shadow: 3px 3px 0 #acacac;box-shadow: 3px 3px 0 #acacac;}
form input[type=submit].default:hover{color:#333;background: #fff600 url(../img/ico-edit.png) no-repeat 15px center;}
form input[type=submit]{cursor:pointer;background: #787878 url(../img/ico-cancel.png) no-repeat 15px center;text-transform: uppercase;margin: 0;float:left;text-align: right;color: #fff;font-size: 13px;padding: 15px 15px 15px 70px;font-family: arial, Sans-serif;font-weight: bolder;border: 0;-moz-box-shadow: 3px 3px 0 #acacac;-webkit-box-shadow: 3px 3px 0 #acacac;box-shadow: 3px 3px 0 #acacac;}
form input[type=submit]:hover{background-color: #333;}

form input[type=file]{font-size: 12px;}
/*
form .control-images{float:left;width: 100%;clear: both;margin: 15px 0 0 0;}
form .control-images p{width: 50%;float:left;}
form .control-images label{margin: 0 0 5px 0;clear:both;text-transform: uppercase;font-family: arial, Sans-serif;font-weight: bolder;}
form .control-images .uploadify-button{cursor:pointer;background: #333 url(../img/ico-foto.png) no-repeat 15px center;text-transform: uppercase;margin: 0;float:right;text-align: right;color: #fff;font-size: 13px;padding: 15px 15px 15px 70px;font-family: arial, Sans-serif;font-weight: bolder;border: 0;-moz-box-shadow: 3px 3px 0 #acacac;-webkit-box-shadow: 3px 3px 0 #acacac;box-shadow: 3px 3px 0 #acacac;}
form .control-images .uploadify-button:hover{background: #fff600 url(../img/ico-foto-black.png) no-repeat 15px center;color: #333;}
*/

form .control-images .images{clear:both;float:left;width: 100%;}
form .control-images .images .im{float:left;position: relative;margin: 15px 15px 0 0;}
form .control-images .images .im .del{text-shadow: 1px 1px 3px #ccc;position: absolute;right: 5px;top: 5px;width: 14px;height: 14px;background: url(../img/ico-cancel-red.png) no-repeat left top;}
form .control-images .smhelp{font-size: 12px;width: 400px;float:left;}
form .control-images .stav_up_fi{font-size: 13px;float:left;clear:both;}

#file_browse_wrapper {float:right;width: 220px;height: 53px;background: url(../img/file-button.png) 0 0 no-repeat;border:none;overflow:hidden;}
#file_browse_wrapper:hover {background: url(../img/file-button.png) left bottom no-repeat;}
#file_browse_wrapper:active {background: url(../img/file-button.png) left bottom no-repeat;}
#file_browse_wrapper input{margin-left:5px;height: 45px;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}

form .info{font-size: 12px;padding-top: 0;}
form .info.left{width: 400px;float:left;}

form table tr td select{ padding: 12px 5px 12px 10px;outline:0px;font-size: 17px;width: 100%;border: 3px solid #fff; }
form table tr td select:focus{border: 3px solid #fff600;}

form table tr.vyberbox td{font-size: 13px;}
form table tr.vyberbox td a{background: #333;color:#fff;padding: 5px 10px;}
form table tr.vyberbox td a:hover{background: #fff600;color:#333;}

.list-images {margin: 0;padding: 0;list-style: none;clear: both;width: 100%;float:left;}
.list-images li{margin: 10px 10px 10px 0;float:left;display: inline-block;position: relative;}
.list-images li .del{width: 20px;float:left;position: absolute;left: 10px;top: 5px;}
.list-images li .del a{color:#cc0000;font-weight: bolder;font-size: 12px;text-shadow: 1px 1px 0 #ccc;}


/*******************************************************************************************
   TABS
*******************************************************************************************/
#tabs{background: none;border: 0;margin: 0;padding: 0;}
#tabs .ui-tabs-panel{padding: 0;margin: 0;}
#tabsnav{width: 100%;border: 0;border-bottom: 2px solid #333;margin: 0 0 30px 0;padding: 0;list-style: none;clear:both;float:left;background: none;border-radius: 0;}
#tabsnav li{display: inline;margin: 0;padding: 0;border: 0;background: none;}
#tabsnav li a{font-weight: bolder;background: #787878;color: #fff;padding: 4px 20px;margin: 0 10px 0 0;float:left;}
#tabsnav li.ui-tabs-active a{background: #333;color:#fff;}
#tabsnav li a:hover{color:#333;background: #fff600;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right !important; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.mar0auto{margin:  0 auto;}

/* display and additional classes */
.clear { clear: both; }
.nodisp{display: none;}
.w100p { width: 100%; }
.col2 { width: 48%; }

/*******************************************************************************************
   PAGE HEADER WITH EXPORT
*******************************************************************************************/
.page-header{display: flex;justify-content: space-between;align-items: center;}
.page-header h1{padding: 10px 0;}
.export-form form{display: flex;align-items: center;gap: 10px;}
.export-form form label{float: none;width: auto;padding: 0;font-size: 12px;text-transform: uppercase;font-family: arial, sans-serif;font-weight: bolder;}
.export-form form input[type=text],.export-form form input[type=date]{width: 150px;height: 35px;font-size: 14px;cursor: pointer;padding: 0 10px;}
.export-form form input[type=submit].default{margin: 0;padding: 10px 15px 10px 15px;background-image: none;font-size: 12px;}

/* login form */
body#loginf{background: #333;text-align: center;text-align: center;}
body#loginf .logo{margin: 60px 0 0 0;}

body#loginf form{ width: 350px;margin: 0 auto;padding:0;}
body#loginf form label{color: #fff;}
body#loginf form input[type=text], body#loginf #content form input[type=password]{ background: #fff;padding: 10px 10px;width: 100%;font-weight:normal;font-size: 20px; }
body#loginf form input[type=text]:focus, body#loginf #content form input[type=password]:focus{border: 3px solid #fff600;}
body#loginf form input[type=submit]{width: 70%;text-align:center;padding:15px 0;margin: 10px 0 0 50px;font-size:14px;cursor:pointer;text-decoration:none;font-weight:bold;color:#1e1e1e;background: #fff;-webkit-box-shadow:  3px 3px 0px 0px #1e1e1e;box-shadow:  3px 3px 0px 0px #1e1e1e;}
body#loginf form input[type=submit]:hover{background: #fff600;}


.flash{ color: #fff;margin: 0 0 50px 0;float:left;clear:both;width: 640px;z-index: 999;}
.flash.error, .flash.info, .flash.warning{ background: #fff;padding: 17px;margin: 0 0 50px 0;width: 610px;opacity: .8; /* layer alpha */   -moz-border-radius: 4px;        -webkit-border-radius: 4px;     border-radius: 4px; /* border radius */ -moz-background-clip: padding;  -webkit-background-clip: padding-box;   background-clip: padding-box; /* prevents bg color from leaking outside the border */ }
.flash.error{  background-image: -moz-linear-gradient(bottom, #b70000 0%, #db0000 100%); /* gradient overlay */        background-image: -o-linear-gradient(bottom, #b70000 0%, #db0000 100%); /* gradient overlay */  background-image: -webkit-linear-gradient(bottom, #b70000 0%, #db0000 100%); /* gradient overlay */     background-image: linear-gradient(bottom, #b70000 0%, #db0000 100%); /* gradient overlay */     background: url(../img/alert-ico-red.png) no-repeat 20px center, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */}
.flash.info{   background-image: -moz-linear-gradient(bottom, #009d21 0%, #008f14 100%); /* gradient overlay */        background-image: -o-linear-gradient(bottom, #009d21 0%, #008f14 100%); /* gradient overlay */  background-image: -webkit-linear-gradient(bottom, #009d21 0%, #008f14 100%); /* gradient overlay */     background-image: linear-gradient(bottom, #009d21 0%, #008f14 100%); /* gradient overlay */     background: url(../img/alert-ico-green.png) no-repeat 20px center, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWQyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOGYxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */}
.flash.warning{ background-image: -moz-linear-gradient(bottom, #db8b00 0%, #e0b300 100%); /* gradient overlay */        background-image: -o-linear-gradient(bottom, #db8b00 0%, #e0b300 100%); /* gradient overlay */  background-image: -webkit-linear-gradient(bottom, #db8b00 0%, #e0b300 100%); /* gradient overlay */     background-image: linear-gradient(bottom, #db8b00 0%, #e0b300 100%); /* gradient overlay */     background: url(../img/alert-ico-orange.png) no-repeat 20px center, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiOGIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwYjMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */}

table.grid td.action a.publish{width: 56px;height: 53px;top: 0;background:  url(../img/ico-publish.png) no-repeat center center;float:left;}
table.grid td.action a.unpublish{width: 56px;height: 53px;top: 0;background:  url(../img/ico-unpublish.png) no-repeat center center;float:left;}
table.grid td.action:hover{background: #fff600;}

.calendar{margin: 30px 0; min-width: 1300px;}
.calendar:after{clear: both; display: block; width: 100%; height: 0; content: '';}
.calendar .header{height: 80px;display: block;position: relative;}
.calendar .header .prev{padding: 0 20px;margin: 0;font-size: 14px;color: #fff; background: #333; display: inline-block; text-decoration: none;text-transform: uppercase;line-height: 40px;position: absolute;left: 0;top: 0;}
.calendar .header .next{padding: 0 20px;margin: 0;font-size: 14px;color: #fff; background: #333; display: inline-block; text-decoration: none;text-transform: uppercase;line-height: 40px;position: absolute;right: 0;top: 0;}
.calendar .header .title{display: block;text-align: center; font-weight: bold; line-height: 40px;font-size: 24px;color: #333;text-transform: uppercase;}

.calendar .box-content{width: 100%;float: left; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #aaa;}

.calendar .box-content .label{border-top: 1px solid #aaa;margin: 0;padding: 0;list-style: none;width: 100%; display: flex;}
.calendar .box-content .label li{display: inline-block;width: calc(100% / 7);border-right: 1px solid #aaa;height: 70px;line-height: 70px;text-align: center;font-size: 16px;color:#645858;text-transform: uppercase;}
.calendar .box-content .label li:last-of-type{border-right: 0;}

.calendar .box-content .dates{margin: 0;padding: 0;list-style: none;width: 100%;}
.calendar .box-content .dates li{border-top: 1px solid #aaa;float: left;display: inline-block;border-right: 1px solid #aaa;width: 14.28%;line-height: 70px;text-align: center;font-size: 16px;color:#645858;text-transform: uppercase;position: relative; line-height: 1em;}
.calendar .box-content .dates li .calendar-tile-inputs {display: flex; gap: 1px; margin-top: 2px; border-top: 1px solid #d5d5d5;}
.calendar .box-content .dates li .calendar-tile-inputs .input {width: 100%; padding: 0 6px; text-align: left;}
.calendar .box-content .dates li .calendar-tile-inputs .checkbox-input {cursor: pointer; margin-bottom: 3px; display: flex; gap: 2px; padding-left: 2px; align-items: center;}
.calendar .box-content .dates li .calendar-tile-inputs .calendar-tile-inputs-col {padding-top: 6px;}
.calendar .box-content .dates li .calendar-tile-inputs .calendar-tile-inputs-col:last-child {border-left: 1px solid #d5d5d5;}
.calendar .box-content .dates li.old{color: #999;}
.calendar .box-content .dates li:nth-child(7n){border-right: 0;}
.calendar .box-content .dates li > div{text-decoration: none;position: relative;background-color: rgba(17,82,36,0.4);color:#333; transition: background-color .1s; padding: 5px; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-around;}
.calendar .box-content .dates li > div:after{ display: block; width: 100%; height: 0; content: '';}
.calendar .box-content .dates li > div:hover{background-color: rgba(17, 82, 36, 0.35); color: #10481f;}
.calendar .box-content .dates li > div > span {width: 100%;}
.calendar .box-content .dates li.active div{background: #10481f;color: #fff;}
.calendar .box-content .dates li.active div span a{color: #fff;}

.calendar .box-content .dates li > div span{display: block;}
.calendar .box-content .dates li > div span a{color: #10481f; font-weight: bold; font-size: 19px;}

.calendar .box-content .dates li > div .input{width: calc(50% - 8px); font-size: 10px; margin-bottom: 10px; display: flex; flex-wrap: wrap; align-items: flex-end;}
.calendar .box-content .dates li > div .input label,
.calendar .box-content .dates li > div .input input{width: 100%;}
.calendar .box-content .dates li > div .input input{padding: 2px 0; height: 28px; font-size: 17px; text-align: center;}
.calendar .box-content .dates li > div > label,
.label-wrapper {display: inline-block; width: 50%; margin-top: 15px; text-align: left;}
.label-wrapper { float: left; clear: both; }

/*******************************************************************************************
   RESERVATION ADMIN
*******************************************************************************************/
.title-center{
    text-align: center;
}
.grid-container-7{
    min-width: 1230px;
    display: grid;
    justify-content: center;
    grid-template-columns: 1fr;
    gap: 0.3rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-bottom: 5rem;
}
.tile{
    width: 180px;
    height: 180px;
    background-color: black;
    position: relative;
}
.tile-logos {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    gap: 1px;
    background-color: white;
    border-top: 1px solid white;
    border-left: 1px solid white;
}
.tile-logo {
    width: 40px;
    height: 40px;
}
.tile a {
    position: relative;
}
.tile:hover img{
    opacity:100%
}
.tile h2{
    padding: 1rem;
    text-align: center;
    position: absolute;
    top: -8rem;
    bottom: 0;
    width: 100%;
    z-index: 100;

}
.cover .tile-image{
    width: 100%;
    height: 100%;
    opacity: 60%;
    object-fit: cover;
}
.selected .tile-image{
    width: 100%;
    height: 100%;
    opacity: 100%;
    object-fit: cover;
    border: solid 3px #e2623a;
}
.current-trip{
    display: block;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
    font-size: 30px;
    color: #333;
    text-transform: uppercase;
}

/*******************************************************************************************
   GALLERY
*******************************************************************************************/
.input.upload.multiple{margin-top: 50px;}
.gallery { float: left; width: 100%; margin: 20px 0; padding:0; list-style: none; }
.gallery li { position: relative; float: left; width: 144px; height: 100px; margin: 0 0 30px 31px; border: 1px solid #e8ecef; overflow: hidden; }
.gallery li:nth-child(4n+1) { margin-left:0; }
.gallery li img { vertical-align: top; }
.gallery li .controls { opacity: 0; text-align: center; visibility: hidden; position: absolute; line-height: 120px; width: 100%; height: 100%; left:0; top:0; background-color: #e74c3c; background-color: rgba(231,76,60,.75); }
.gallery li .remove i { display: inline-block; width: 23px; height: 26px; margin: 0 5px; background: url('../img/sprite_general.png') -36px 0; }
.gallery li .move i { display: inline-block; width: 19px; height: 19px; margin: 0 5px 3px 5px; background: url('../img/sprite_general.png') -59px -92px; }

.gallery li:hover .controls { opacity: 1; visibility: visible; }
/*******************************************************************************************
   NOTICE
*******************************************************************************************/
.admin-notice { clear: both; max-width: 640px; margin: 15px 0; padding: 12px 15px; background: #fdf5ce; border-left: 4px solid #e0b300; font-size: 12px; line-height: 1.6; color: #555; }