/** -----------------------------------------------------------------------------------------------------
 * test
 * @license http://www.opensource.org/licenses/bsd-license.php New BSD License
 * @copyright Copyright © Szincsák András
 * @author Szincsák András <andras@szincsak.hu>
 * @version 1.0
* ------------------------------------------------------------------------------------------------------ */

body.minimalized #sectionDay {left:60px}
#sectionDay {white-space: nowrap;overflow-x:scroll;overflow-y:hidden;position: absolute;top: 70px;bottom: 0;left: 210px;right: 0;padding:0px;cursor: grab;z-index: -1;border-radius: 5px}
body.maximalized #sectionDay{margin-left:150px}

#sectionDay.modifying::after {content:"";position:fixed;left:0;right:0;top:0;bottom:0;background:#ffffff82 url("../images/loading.gif") no-repeat center center;}
#sectionDay::-webkit-scrollbar {
  display: none;
}
#sectionDay #dayContainer {position:relative;cursor:auto;height: 100%;}
#sectionNav select {
  margin-left:10px;
  padding: 10px;
  background: #597684;
  color: #fff;
  outline: none;
  border: none;}
.blockDay {display:inline-block;width: 375px;margin-left:10px;height: 100%;border-radius:6px;position: relative}
.blockDay::-webkit-scrollbar {
  display: none;
}
.blockDay:first-of-type {margin-left:0}
.blockDay h2{font-size:2em;text-align:center}
.blockDay .dayInner {overflow-y:hidden;height:100%;padding-bottom: 120px;}

.scrollBtn {display:none;    font-size: 23px;    line-height: 1em;}
.dayScrollBottom {position: absolute; background:#eee;cursor: pointer; z-index: 80;left:0;width: 100%;bottom: 15px; height: 50px; }
.dayScrollBottom::after{content:"\02c5";background:#579778;color:#fff;width:32px;height:32px;border-radius:50px;    display: block;
                        text-align: center;margin: 6px auto;padding: 4px 0 0 0;}
.dayScrollBottom:hover {background: #aaaaaa73;}
.dayScrollTop {position: absolute; background:transparent;cursor: pointer; z-index: 80;left:0;width: 100%;top:44px; height: 44px; }
.dayScrollTop:hover {background: #aaaaaa73;}
.dayScrollTop::after{content:"\02c4";background:#7eaabd;color:#fff;width:32px;height:32px;border-radius:50px;    display: block;
                     text-align: center;margin: 6px auto;padding: 3px 0 0 0;}

.datum {font-size: 27px;line-height: 1em;position: relative;padding:10px 5px;-webkit-user-select: none; /* Safari */
        -ms-user-select: none; /* IE 10 and IE 11 */
        user-select: none; /* Standard syntax */}
.datum .ym{    display: inline-block;}

.datum span{display:block; color:#fff;line-height: 1em;}
.datum .year{font-size:.42em}
.datum .mounth{font-size:.8em;margin-bottom: 5px;}
.datum .day{font-size:1.7em;     padding: 1px 10px;     display: inline-block;color: #fff;}
.datum .dayname{font-size: 1em;      padding: 1px ;     display: inline-block;}
.datum .week{font-size:.4em;color:#ddd;position: absolute; top: 34px; left: 120px;}

table .datum {font-size: 21px;padding:1px 5px;}
table .datum .ym{display: inline-block;}
table .datum span{display:block; color:#579778;line-height: 1em;}
table .datum .year{font-size:.62em}
table .datum .mounth{font-size:.9em;    display: inline-block;margin-bottom: 5px;font-weight:bold}
table .datum .day{font-size:0.9em;     padding: 1px 10px;  font-weight:bold;color: #579778;}
table .datum .hour{font-size: .7em;      padding: 1px ;     display: inline-block;}

.time{position:relative;border: 1px solid #ccc;border-width:0 1px 1px 1px;min-height:45px;-webkit-user-select: none; /* Safari */
      -ms-user-select: none; /* IE 10 and IE 11 */
      user-select: none; /* Standard syntax */}

.time .hour{font-size:1.6em;    position: absolute;left:0;top:0;bottom:0;background: #fff;padding: 0 5px 0 3px;}
.time .desc {display:inline-block;     line-height: 1em;;padding-top:5px;   white-space: pre-wrap;    max-width: 80%;max-height: 100%;overflow:hidden}
.time .moveEvent {float:right;margin-top:5px;margin-right:5px;font-size:17px;    color: #7b9fa2;}
.time .moveEvent:hover {opacity:.8}
.time .min,
.time .min-ex{background:#fbfbfb;border: 1px dotted #ccc;height: 50px;   width: 100%;  display: table;  padding: 0px 0px 1px 40px;border-width:1px 0px 0 0px;cursor: pointer;transition:background ease-in-out .1s}
.time .min-ex{background:#e7ecef;cursor:no-drop}

.blockDay.past .min,
.blockDay.past .hour{background:#e7ecef}

.time .min b,
.time .min-ex b{font-weight:normal; float:left;  height: 40px;   vertical-align: top;    max-width: 10px;}
.time .min-ex .event {max-width: calc(100% - 35px);}

.time .min:hover {background:#efeeee}
.time .min .min-inner{position:relative;    margin-left: 25px;}
.time  .event{    position: absolute;z-index:10;   ;margin-left:-5px;color:#607779;font-weight:400;background:transparent;cursor:pointer;width:calc(100% + 5px);padding: 0px 3px 0px 7px;}
.time  .event.online{background:#ffd9d9;padding-bottom: 8px;border: 1px double #a3cac6;}
.time  .event.approved{background:#c5fdf8;padding-bottom: 8px;border: 1px double #a3cac6;}
.time  .event.ui-draggable-dragging{opacity:.7; width:80%!Important;padding-left:0px}


.time .min .action{display:none;} 
.time .min.event .action{display: block;    float: right;    width: 20px;    text-align: center;}

.time .min .event .xxperiod{display: block;position: absolute;bottom: 5px;background: #a3cac6;height: 2px;width: 20px;left: calc(50% - 10px);    cursor: row-resize;}
.time .min .event .xxperiod:after {content:"";width:20px;top: 3px;height: 2px;position: absolute;background: #a3cac6;}
.time .min:nth-child(0){border:none}

.time .event small{display:block;line-height: 1em;opacity:.8;margin-top:5px}

/*.time .min:hover{background:#7b9fa2;color: #fff;}
.time .min:hover b{background:#7b9fa2;color: #fff;}
.time .min .event:hover{background:#7b9fa2;color: #fff;}
.time .min.online:hover{background:#bb6363!Important;color: #fff;}
*/


.blockDay.today .hour{background:#eaeaea}
.blockDay.today .datum{background:#607779}

.blockDay .dayHeader {border:#ccc 1px solid;background:#579778;position:relative;    display: flex;
                      justify-content: space-between;align-items: center;}
.blockDay.today .dayHeader {background:#607779!Important}
.blockDay.today .settingsBtn {color:#fff!Important}

.blockDay .dayHeader.include{background: #7da7b9;}

.blockDay .dayHeader .settingsBtn-ex{display:none}
.blockDay .dayHeader .settingsBtn{color:#fff;font-size: 1.5em;cursor:pointer;display: block;margin-right:10px;}
.blockDay .dayHeader .settingsBtn.include{    color: #4b636d;}
.blockDay.we .dayHeader{background:#ab5a5a!Important}
.blockDay.we .dayHeader .settingsBtn{color:#fff!Important}
 
/**/
.event.ui-draggable-dragging small {display:block}
.highlight {background:#cecece54!Important}

.dateSelector {display:inline-block;padding:5px 10px;min-width:16%;border:1px solid #000;text-align:center;margin:5px;border-radius:5px;cursor: pointer;}
.dateSelector:hover {background: #579778;color:#fff}
.dateSelector.active {background: #579778;color:#fff}

.dateSelector.dayBtn {width:90%}
.dateSelector.dayBtn:hover {background:#fff;color:#000}

#monthSelector {
  position: fixed;
  z-index: 999;
  left: 20%;
  right: 20%;
  text-align: center;
  top: 5px;
}
#monthSelector select {margin-left:10px}
#zoomSelector { position: fixed;color :#fff; z-index: 999;left:0px;width:100px;   text-align: center;bottom: 0px;}
.zoomControl{display:inline-block;font-size:14px}
#zoomValue{width:50px;color:#fff}

/*scroller*/
.dayScroll {position: absolute; background:#ccc;cursor: pointer; z-index: 80;top: 0px; bottom: 0; width: 60px; }
.dayScroll:hover {background: #aaaaaa73;}

#dayPrew{left: 50px;}
#dayNext{right: 0px;}
.dropdown-item .text::first-letter {text-transform: uppercase}
.filter-option-inner-inner::first-letter {text-transform: uppercase}


.timeSelector {position:relative;padding:15px 0}
.timeSelector.modifying::after {content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:#ffffff82 url("../images/loading.gif") no-repeat center center;}

.timeSelector li.disabled a {color:red;background:#cecece}

.yearSelector2 {position:relative;text-align: center;width: 80%;margin:auto;background: #fbfbfb;}
.yearSelector2 .prev {position:absolute;left:5px;top:0;z-index: 555;cursor:pointer;padding:5px}
.yearSelector2 .prev:hover {background:#fff;border-radius:5px}
.yearSelector2 .next {position:absolute;right:5px;top:0;z-index: 555;cursor:pointer;padding:5px}
.yearSelector2 .next:hover {background:#fff;border-radius:5px}
.yearSlider li {display:none}
.yearSlider li.active {display:block}
.yearSlider {padding: 7px 0;}

.monthButtons li {    display: inline-block;
    width: calc(25% - 10px);
    border: 1px solid #cecece;
    margin: 5px;
    text-align: center;
    padding: 5px;
cursor:pointer;}
.monthButtons li.disabled,.monthButtons li.disabled:hover {color: #dcdcdc;background:#ccc;cursor: not-allowed}
.monthButtons li.active,.monthButtons li:hover {background: #579778!Important;color:#fff;}
.dayMove.closed .monthButtons li:hover {background:inherit;color:inherit;cursor: auto}
.dayMove.closed .monthButtons li.active:hover {background: #579778;color:#fff;}
.daySelector {min-height: 220px}
.moveCalendar {border: 1px solid #cecece;border-collapse: separate;margin:auto;}
.moveCalendar th {text-align: center}
.moveCalendar td {border: 1px solid #cecece;text-align: center;width: calc(100% / 7);    padding: 5px 10px;}
.moveCalendar td.empty {border:none}
.moveCalendar td.closed {color: #dcdcdc;background:#ccc}
.moveCalendar td.opened:hover,.moveCalendar td.active {background: #579778;color:#fff;cursor: pointer}
.dayMove.closed .moveCalendar td.opened:hover,.moveCalendar td.active  {cursor:auto}
.moveCalendar td.opened.weekend {background:#dac1c1}
.moveCalendar td.hasEvent {background:#b7d5e0;color:#fff;position:relative;user-select: none; cursor:pointer}
.moveCalendar td.hasEvent.popup:after {visibility: visible;opacity:1;}
.moveCalendar td.hasEvent:after {content:"Események találhatók a napon!";position:absolute;background: #579778;color:#fff;
    z-index: 2;
    padding: 10px;
    border-radius: 5px;
    top: 50%;
    left: 50%;
    opacity:0;
    box-shadow: 3px 3px 10px #00000082;transition:all ease-in-out .3s;visibility: hidden}
.timeSelector {text-align: center}
.freeDaysDropdown {max-width: 90%}
.dayMove.closed .freeDaysDropdown .dropdown-toggle {background:#cecece;color:#579778}
.dayMove h3 {text-align: center;margin-bottom: 15px}
.dayMove .dayMoveContainer {    border: 1px solid;
    padding: 10px;
    margin-top: 5px;}


.monthInner {    width: 79%;
    display: inline-block;}
.searchBar {
    width: 20%;
    display: inline-block;

}
.ui-autocomplete {
            height: auto!Important;
            max-height: 200px;
            overflow-y: auto;
            /* prevent horizontal scrollbar */
            overflow-x: hidden;
            /* add padding to account for vertical scrollbar */
            padding-right: 20px;
        } 
.ui-menu-item-wrapper {display:block}
.ui-menu-item-wrapper.ui-state-active {background: #579778!Important;color:#fff!Important}
.ui-menu-item-wrapper.ui-state-active strong {color:inherit}

.eventTime {position: absolute;
    bottom: 0;
    right: 0;
    background: #cececea1;
    padding: 2px;
    font-size: .7em;}

.btnDelete {
    color: #c30e0e;
    position: absolute;
    left: 10px;
    top: 20px;
        background:#fff;

    padding: 10px;
    border-radius: 5px;cursor:pointer;transition:all ease-in-out .3s
}
.btnDelete:hover {
    opacity:.8;
}


/*widget*/
#datepickerForm {padding:20px 0!Important}

.widget .yearSelector2 {border-radius: 5px;width:90%;margin-top:10px;margin-bottom:10px;border: 1px solid #cecece;}
.widget .yearSelector2 .yearSlider {margin-bottom:0}
.widget .monthSelector2 {position: relative}
.actualMonthContainer {background:#fff;width:50%;margin:auto;text-align: center;transition:all ease-in-out .3s;margin-bottom: -15px;padding:4px;border:2px solid #579778;border-radius:5px;position: relative;cursor:pointer}
.actualMonthContainer:hover,.actualMonthContainer.opened {background:#579778;color:#fff}
.actualMonthContainer.opened:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
}
.actualMonthContainer:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.widget .monthButtons {background:#fff;display:none;    padding: 0;
    margin: 0;
    width: 90%;
    position: absolute;
    top:95%;
    left: 50%;
    transform: translateX(-50%);
    user-select: none;
    font-size: .8em;
    border: 2px solid #579778;
    border-radius: 5px;
    box-shadow: 2px 3px 9px #0000003b;}
.widget .monthButtons li {text-align: center;list-style: none;padding:10px}
.widget .monthButtons li.active,.monthButtons li:hover {background: #579778;color:#fff;}
.widget .monthButtons li.disabled,.monthButtons li.disabled:hover {color: #dcdcdc;background:#ccc;cursor: not-allowed}
.widget .monthButtons.opened {display:block;}