/*fc-event.fc-selected{
  background-color:#3FBD3F !important; 
}*/

html, body {
    height: 100%;
}

.bg-001{
	background-color:#F7B559 !important;
}
.bg-002{
	background-color:#8095C8 !important;
}
.bg-003{
	background-color:#F796C4 !important;
}
.bg-004{
  background-color:#3FBD3F !important;
}
.external-event{
	color: #fff;
	margin-bottom: 15px !important;
}
.mr-5{
    margin-right: 5px;
}
.mb-0{
  margin-bottom: 0px;
}
.mt-5{
  margin-top:5px !important; 
}
.ui-datepicker { position: relative; z-index: 10000 !important; }
.ui-timepicker-div .ui-widget-header{margin-bottom:8px}.ui-timepicker-div dl{text-align:left}.ui-timepicker-div dl dt{float:left;clear:left;padding:0 0 0 5px}
.ui-timepicker-div dl dd{margin:10px 10px -20px 50px;}
.ui-timepicker-div td{font-size:90%}.ui-tpicker-grid-label{background:0 0;border:0;margin:0;padding:0}.ui-timepicker-rtl{direction:rtl}.ui-timepicker-rtl dl{text-align:right;padding:0 5px 0 0}.ui-timepicker-rtl dl dt{float:right;clear:right}.ui-timepicker-rtl dl dd{margin:0 40% 10px 10px}

.ui-timepicker-div{
    margin-top: 30px;
}
 .ui_tpicker_hour, .ui_tpicker_minute, .ui_tpicker_hour_label, .ui_tpicker_minute_label, .ui_tpicker_time_label, .ui-datepicker-current
    {
        display: none;
    }
    dd.ui_tpicker_time {
    float: left;
    font-size: 26px;
    color: #555555;
    }
.datepicker{ z-index:99999 !important; }

.report_gif{
    margin-right: 5px;
    position: absolute;
    right: 0px;
    width: 25px;
    top: 4px;
}

@media(min-width:520px){
.box-daraggable-events{
  margin-top: 10px;
}

}

.moon-icon{
    position: absolute;
    top: 0;
    right: 0;
}
.exclamation-icon{
   position: absolute;
   bottom: 0;
   right: 2px; 
}
.active-resource{
  background-color:#C29C80;
  border-color:#BB9171 !important;
  color: #fff; 
}
.full-booked{
  background-color:#A40000 !important;
  border-color:#8C0000 !important;
  color: #fff; 
}
.partially-booked{
  background-color:#f7b559 !important;
  border-color:#F5A73D !important;
  color: #fff; 
  
}

.optional-booked{
  background-color:#17d9c4 !important;
  border-color:#17d9c4 !important;
  color: #fff; 
}

.dt-filter-menu>li>a {
    
    padding: 12px 5px 12px 15px;
    display: block;
    color: #222d32;
    position: relative;
}
.dt-filter-menu>li>a:hover,.dt-filter-menu>li>a:focus,.dt-filter-menu>li>a:active {
    background-color: #C19C82;
    color: #fff;
}

.dt-filter-menu>li>a>span>i{
      color:#b8c7ce !important;
      font-size: 22px;
}


.dt-filter-menu>li{
    position: relative;
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    
}

.dt-filter-menu>li>ul.nav>li>a {
  color: #222d32;
}

.dt-filter-menu ul.tree{
  display: none;
}
.dataTable{
  width: 100%!important;
}

.dt-filter-menu>li>ul.nav{
  padding-left: 12px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #39cccc;
    border-color: #39cccc;
    
}

.btn-cream, .btn-form{
    color: #FFF;
    background-color: #39cccc;
    border-color: #39cccc;
    
}

.btn-cream:focus,.btn-cream:hover,.btn-cream:active,
.btn-form:focus,.btn-form:hover,.btn-form:active{
   color: #FFF;
   -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,0.2)!important;
    box-shadow: inset 0 0 100px rgba(0,0,0,0.2)!important; 
    background-color: #39cccc;
}

.dt-filter-menu .checkbox{
  margin-top: 0px;
  margin-bottom: 0px;
}
.modal-body{
  padding-bottom: 0px;
}
.box-model{
  padding-bottom: 1px;
}
.modal-body{
  padding-top: 0px;
}
.modal-footer{
  text-align: left;
}
@media(min-width: 768px){
 .width-40-percent{
  width: 40%;
} 
}

.pl-40{
  padding-left: 40px;

}
.pr-40{
  padding-right: 40px;
}
.mt-5{
  margin-top: 5px;
}

.alert-success
{ 
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
  
}
.alert-danger {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
}
.alert-warning {
    color: #8a6d3b !important;;
    background-color: #fcf8e3 !important;
    border-color: #faebcc !important;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header{
  height: 95px !important;
}
/* SHADE DAYS IN THE PAST */
td.fc-day.fc-past {
    background-color: #EEEEEE;
}
.fc-username{
    display: block;
    padding: 4px;
    margin-left: 10px !important;
}
.fc-back-button{
  display: none;
}
.fc-resource-area{
  width: 15% !important;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  min-width: 300px;
  font-size: 12px;
  overflow-wrap:break-word;
  max-width: 600px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.min-height-830{
  height: 830px;
}
.min-height-900{
  height: 900px;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: initial;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.thumb{
  margin-bottom: 20px;
}
.remove_image {
    position: absolute;
    right: 3px;
    top: -8px;
    width: 16px;
    background: #ccc;
    border-radius: 50%;
    height: 16px;
    text-align: center;
    display: block;
}

#customer_search .modal-body h3 {
    font-size: 16px!important;
    line-height: 28px!important;
    margin-bottom: 30px;
    margin-top: 0px;
}

.DTTT_selected td {
    background-color: #C5C5C5!important;
}

.panel-default>.panel-heading {
    color: #fff;
    background-color: #c19c82;
    border-color: #544b45;
}
.panel-default>.panel-heading a:hover, .panel-default>.panel-heading a:active, .panel-default>.panel-heading a:focus, .panel-default>.panel-heading a:visited {
    color: #fff;
}

#apply_ref_loader{
    width: 20px;
    margin-left: -20px;
    position: relative;
    z-index: 100;
    right: 5px;
}

.image_lbl{
    margin-top: -15px;
    margin-bottom: 25px;
    text-align: center;  
}
.ui_tpicker_second_label{
  display: none;
}
.ui_tpicker_second .ui-timepicker-select{
          float: right;
}

.profile_tab
{
margin-top: -36px;
}

.profile_tab li a{
    padding: 7px 15px;
    margin-left: 3px;
    cursor: pointer!important;
}

.profile_tab li a.super_active, .profile_tab li a.super_active:hover{
    background: #222d32!important;
    color: #fff!important;
}

#curtain {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.49);
    z-index: 1000000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    height: 100%;
}
#curtain div {
    padding-top: 26%;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}

#active_filter{
    position: absolute;
    left: 190px;
}

.active_state{
         padding: 4px 15px!important;
         border: 1px solid #ccc;
         cursor: pointer;
         z-index: 100;
}

.error_text{
    font-size: 85%;
    color: red;
}

.report-tab-form input,.report-tab-form input.form-control,.report-tab-form select.form-control{
    background: #374850;
    border: solid 1px #374850;
    border: none;
    color: white;
}

.report-tab-form input::placeholder,.report-tab-form input.form-control::placeholder{
      color: white;
}

.report-tab-form .input-group-addon{
    background: #374850;
    border: none;
    color:  white;
}

#NoAanmeldingen
{
    position: absolute;right: 5px;top: 8px;
}

/*FOTOSHOOT FEATURE*/
.upload_file_holder{
    padding-right: 60px;
    position: relative;
}

.of{
    position: absolute;
    top: 46%;
    right: 25px;
}

.upload_row{
    clear: both;
    margin-bottom: 50px;
    position: relative;    
    margin-top: 45px;
    
}

#upload_area .remove_image {
    right: 55px;
    line-height: 1.2;
    color: #000;
}

.img_meta{
    font-size: 12px;
}

.remove_blank_row{
    position: absolute;
    top: -2px;
    left: 0px;
    cursor: pointer;
    z-index: 1000;
}

.remove_record_row{
    position: absolute;
    top: -2px;
    left: 0px;
    color: #c31e1e;
    cursor: pointer;
    z-index: 1000;
}

.new_desc{
    height: 230px!important;
}

.existing_desc{
    height: 192px!important;
}

.chat-frame .mytext{
    border:0;padding:10px;background:#F7F7F7;
}
.chat-frame .text{
    width:100%;display:flex;flex-direction:column;
}
.chat-frame .text > p:first-of-type{
    width:100%;margin-top:0;margin-bottom:auto;line-height: 13px;font-size: 12px;
}
.chat-frame .text > p:last-of-type{
    width:100%;text-align:right;color:silver;margin-bottom:-7px;margin-top:auto;
}
.chat-frame .text-l{
    float:left;padding-right:5px;margin-left: -10px;
}        
.chat-frame .text-r{
    float:right;padding-left:5px;margin-right: -10px;
}

.chat-frame .macro{
    margin-top:5px;width:85%;border-radius:5px;padding:5px;display:flex;
}
.chat-frame .msj-rta{
    float:right;background:#f8c5a1;
}
.chat-frame .msj{
    float:left;background:white;
}
.chat-frame{
    background:#fff;
    height:350px;
    padding:1px;
}
.chat-frame > div:last-of-type{
    position:absolute;width:100%;display:flex;
    bottom: -20px;
}

.chat-frame  div:nth-child(2) > span{
    background: whitesmoke;padding: 10px;font-size: 21px;border-radius: 50%;
}
.chat-frame  div.msj-rta.macro{
    margin:auto;margin-left:1%;
}
.chat-frame ul {
    width:100%;
    list-style-type: none;
    padding:18px;
    position:absolute;
    bottom:42px;
    display:flex;
    flex-direction: column;
    top:0;
    overflow-y:scroll;
    background: #F7F7F7;
}

.chat-frame ul li{
    margin-bottom: 10px;
}
.chat-frame .msj:before{
    width: 0;
    height: 0;
    content:"";
    top:-5px;
    left:-14px;
    position:relative;
    border-style: solid;
    border-width: 0 13px 13px 0;
    border-color: transparent #ffffff transparent transparent;            
}
.chat-frame .msj-rta:after{
    width: 0;
    height: 0;
    content:"";
    top:-5px;
    left:14px;
    position:relative;
    border-style: solid;
    border-width: 13px 13px 0 0;
    border-color: #f8c5a1 transparent transparent transparent;           
} 

.msg_holder{
    padding: 0px!important;
    border: 1px solid #ccc;
    border-radius: 0px!important;
    text-shadow: none;
}

.chat-frame small{
    font-size: 70%;
    color: #716f6f;

}

.fotoshoot-module .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #f8ccad;
    cursor: default;
    background-color: #fff;
    border:0px;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.fotoshoot-module .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #333;
    padding-left: 10px;
    padding-right: 10px;
}

.fotoshoot-module .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #444;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 600;
}
.fotoshoot-module .panel-heading
{
    background-color: #39cccc;
    border-color: #39cccc;
    color: #fff;
}
.fotoshoot-module .panel-heading:hover
{
    -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,0.2)!important;
    box-shadow: inset 0 0 100px rgba(0,0,0,0.2)!important;
}

.cat_desc{
    margin-bottom: 65px;
}



.uploading{
    position: absolute;
    top: 0px;
    right: 20px;
    display: none;
}

.cat_desc h3{
        font-size: 21px;
    font-weight: 600;
}

.cat_desc p strong{
    margin-top: 15px;
    display: inline-block;
}

.cat_desc p{
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 22px;
}

.cat_desc ul{
    list-style: none;
    margin-left: -40px;
    font-size: 14px;
    line-height: 22px;
}

.cat_desc a{
    color: #1b1b1b;
    text-decoration: underline;
}

/* ---- grid ---- */

.grid {
  background: #fff;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 33.333%;
}

.grid-item {
  float: left;
  padding: 10px;
}

.grid-item img {
  display: block;
  max-width: 100%;
}

.grid-item .fa{
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: #39cccc;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    z-index: 1000;
    cursor: pointer;
}

/* This is how you would create a custom secondary theme on top of tooltipster-noir: */

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 0px;
	box-shadow: none;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
	color: #222;
	padding: 5px;
}

.btn-link{
    color:#fff!important;
    text-decoration: none!important;
}

.dos
{
    position: absolute;
    bottom: 30px;
    background: #33af54;
    padding: 3px 10px;
    color: #fff;
}


.donts
{
    position: absolute;
    bottom: 30px;
    background: #FF6666;
    padding: 3px 10px;
    color: #fff;
}


.glow{
    -webkit-box-shadow: 0px 0px 5px 1px rgba(57,204,204,1);
-moz-box-shadow: 0px 0px 5px 1px rgba(57,204,204,1);
box-shadow: 0px 0px 5px 1px rgba(57,204,204,1);
}





/* TABLE COL HIDING */
@media (max-width: 1024px){
    
}

@media (max-width: 990px){
    table#booking_list tr td:nth-child(1), table#booking_list tr th:nth-child(1) {
        display: none;
    }
}

@media (max-width: 768px){
    table#booking_list tr td:nth-child(7), table#booking_list tr th:nth-child(7) {
        display: none;
    }
    
    table#booking_list tr td:nth-child(6), table#booking_list tr th:nth-child(6) {
        display: none;
    }
    table#booking_list{
        width: 100%!important;
    }
    
    .pagination > li > a, .pagination > li > span {
    padding: 3px 6px;
    }

}

@media (max-width: 520px){
    table#booking_list tr td:nth-child(3), table#booking_list tr th:nth-child(3) {
        display: none;
    }
    
    table#booking_list tr td:nth-child(5), table#booking_list tr th:nth-child(5) {
        display: none;
    }
    
    div.dataTables_filter input {
    display: block!important;
    }
    
    div.dataTables_wrapper > div.row > div, div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate {
    text-align: left!important;
    }
    
    div.dataTables_length select {
    display: block!important;
    }
    
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {

    padding: 2px;
    font-size: 12px;

    }
    
    #booking_list_filter input{
        width: 100%;
    }
} 


/* === card component ====== 
 * Variation of the panel component
 * version 2018.10.30
 * https://codepen.io/jstneg/pen/EVKYZj
 */
.card{ background-color: #fff; border: 1px solid transparent; border-radius: 6px; width: 100%;}
.card > .card-link{ color: #333; }
.card > .card-link:hover{  text-decoration: none; }
.card > .card-link .card-img img{ border-radius: 6px 6px 0 0; }
.card .card-img{ width: 100%;  padding-bottom: 56.25%; /* 16:9 */  position: relative;  background-size: cover; background-position: center;}
/*.card .card-img{ position: relative; padding: 0; display: table;  width: 100%; height: 250px;  background-size: cover; background-position: center;}*/
.card .card-img .card-caption{
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
}
.card .card-body{ width: 100%; padding: 12px; min-height: 300px;  position: relative;}
.card .card-body .card-info{position: absolute;    left: 15px;    right: 15px;    bottom: 15px;}
.card .card-header{ border-radius: 6px 6px 0 0; padding: 8px; }
.card .card-footer{ border-radius: 0 0 6px 6px; padding: 8px; }
.card .card-left{ position: relative; float: left; padding: 0 0 8px 0; }
.card .card-right{ position: relative; float: left; padding: 8px 0 0 0; }
.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child, 
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3, 
.card .card-body .h4{ margin-top: 0; }
.card .card-body .heading{ display: block;  }
.card .card-body .heading:last-child{ margin-bottom: 0; }

.card .card-body .lead{ text-align: center; }

.card .card-body a {
    color: #000000;
    text-decoration: underline;
}
.card .card-body a:hover {
    color: #8f4e26;
    text-decoration: underline;
}
@media( min-width: 768px ){
  .card .card-left{ float: left; padding: 0 8px 0 0; }
  .card .card-right{ float: left; padding: 0 0 0 8px; }
    
  .card .card-4-8 .card-left{ width: 33.33333333%; }
  .card .card-4-8 .card-right{ width: 66.66666667%; }

  .card .card-5-7 .card-left{ width: 41.66666667%; }
  .card .card-5-7 .card-right{ width: 58.33333333%; }
  
  .card .card-6-6 .card-left{ width: 50%; }
  .card .card-6-6 .card-right{ width: 50%; }
  
  .card .card-7-5 .card-left{ width: 58.33333333%; }
  .card .card-7-5 .card-right{ width: 41.66666667%; }
  
  .card .card-8-4 .card-left{ width: 66.66666667%; }
  .card .card-8-4 .card-right{ width: 33.33333333%; }
}

/* -- default theme ------ */
.card-default{ 
  border-color: #ddd;
  background-color: #fff;
  margin-bottom: 5px;
}
.card-default > .card-header,
.card-default > .card-footer{ color: #333; background-color: #ddd; }
.card-default > .card-header{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-default > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-default > .card-body{  }
.card-default > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-default > .card-left{ padding-right: 4px; }
.card-default > .card-right{ padding-left: 4px; }
.card-default p:last-child{ margin-bottom: 0; }
.card-default .card-caption { color: #fff; text-align: center; text-transform: uppercase; }

.news-concept{
    background: #f8ccac;
    color: white;
    position: absolute;
    top: 30%;
    right: 0px;
    padding: 10px;
    font-size: 20px;
}