/* here you can put your own css to customize and override the theme */

/***
Colors
blue:  #4b8df8
light blue: #bfd5fa
red: #e02222
yellow: #ffb848
green: #35aa47
purple: #852b99
dark: #555555;
light grey: #fafafa;
***/

.header-bg-black{background-color: #212121 !important;}
.header-bg-red{background-color: #6c1010 !important;}
.header-bg-green{background-color: #196c10 !important;}

.underline{text-decoration:underline}
.fright{float:right}
.tright{text-align:right}
.vmiddle{vertical-align:middle !important}
.panel-count{float:right}
.no-click-zone{opacity: 0.5; pointer-events: none}

.no-access, .btn-disabled{opacity:0.3;cursor:default;}

.no-margin{margin:0 !important}
.no-padding{padding:0 !important}
.no-padding-right{padding-right:0 !important}
.no-background{background:none !important}
.no-border{border:none !important}
.no-decoration{text-decoration: none !important}
.d-none {display:none;}

.cursor-pointer{cursor:pointer}

.col-green{color:#35aa47}
.col-blue{color:#4b8df8}
.col-red{color:#e02222}
.col-yellow{color:#ffb848}

.tooltips-info{font-size:16px;color:#4b8df8}
.input-group-addon-separate{border-left: 1px solid #ccc !important}

.nav > li > a{padding: 10px}
.main-tab.nav > li > a > .badge{margin-top: -1px}
.page-villa .main-tab.nav > li > a, .main-tab.nav.long-tab > li > a{padding: 10px 5px}
.page-booking .main-tab.nav > li > a{padding: 10px 7px}
.dropdown-menu.pull-right li a{padding-right: 13px !important}

/* DISPOS */
.table-dispos .days{font-size:11px;cursor:pointer;text-align:center;vertical-align:middle}
.table-dispos .days:hover, .table-dispos .days.selected{background-color:#e5e5e5;color:#555555;}
.table-dispos .days .fa{color:#fff !important}
.table-dispos .days .disposContents{display:none}
.table-dispos .popover-content{font-size:12px;}

.dispo-green{background-color:#35aa47 !important;color:#fff !important;}
.dispo-red{background-color:#e02222 !important;color:#fff !important;}
.dispo-yellow{background-color:#ffb848 !important;color:#fff !important;}
.dispo-grey{background-color:#fafafa !important;color:#555555 !important;}

.dispo-is-green{background-color:#35aa47;color:#fff;}
.dispo-is-red{background-color:#e02222;color:#fff;}
.dispo-is-red-api{background-color:#FC6805;color:#fff;}
.dispo-is-yellow{background-color:#ffb848;color:#fff;}
.dispo-is-grey{background-color:#fafafa;color:#555555;}



form .flags{background-position: 7px center; background-repeat: no-repeat; padding-left: 40px !important; margin-bottom:2px !important}

form .flags.fr{background-image:url(../img/fr_input.png);}
form .flags.en{background-image:url(../img/en_input.png);}
form .flags.es{background-image:url(../img/es_input.png);}
form .flags.it{background-image:url(../img/it_input.png);}
form .flags.de{background-image:url(../img/de_input.png);}

table#commissionsTable thead tr th.headerSortUp:after,
table#commissionsTable thead tr th.headerSortDown:after,
table#commissionsTable thead tr th.headerSort:after {
  font-family: FontAwesome;
}
table#commissionsTable thead tr th.headerSort:after {
  content: "\f0dc";
  margin-left:10px;
}
table#commissionsTable thead tr th.headerSortUp:after {
  content: "\f0de";
  margin-left:10px;
}
table#commissionsTable thead tr th.headerSortDown:after {
  content: "\f0dd";
  margin-left:10px;
}

.voucher-buttons{position:fixed; top:0; right:0; text-align:right; z-index: 100}
.voucher-buttons button{width:200px}
.voucher-buttons .btn.green{position:relative; display:block; margin-bottom:5px}
.voucher-buttons .btn.green i.fa{left: 10px; position: absolute; text-align: left; top: 9px}

.book-voucher .book-voucher-header{background-color: #03405C; padding: 20px; text-align: center; color: white}
.book-voucher .book-voucher-main{position: relative; text-align: center; height: 320px; overflow: hidden}
.book-voucher .book-voucher-main img{position: absolute; top: -300px; right: 0; left: 0; margin: 0 auto}
.book-voucher .book-voucher-main .content{position: absolute; top: 60px; right: 0; left: 0}
.book-voucher .book-voucher-main .content label{display: block; color: white; text-transform: uppercase; margin-bottom: 20px}
.book-voucher .book-voucher-main .content label.title{font-size: 20px}
.book-voucher .book-voucher-main .content label.zone{font-size: 32px}
.book-voucher .book-voucher-main .content label.villa{font-size: 24px}
.book-voucher .book-voucher-main .content label.dates{font-size: 20px; text-transform: capitalize}

.book-voucher .book-voucher-main.nothd img{top: -100px}

.book-voucher .book-id{font-size: 16px; display: block; margin: 20px 0}

.book-voucher .book-voucher-section{padding: 20px; border: 1px solid #7f7f7f; margin-bottom: 2px}
.book-voucher-section:nth-of-type(odd){background-color: #7f7f7f; color: #fff;}
.book-voucher-section:nth-of-type(odd) a{color: #fff; text-decoration: underline}
.book-voucher .book-voucher-section .title{text-align: center; text-transform: uppercase; display: block; font-size: 26px}
.book-voucher .book-voucher-section .form-group{margin-bottom: 0}
.book-voucher .book-voucher-section .form-space{margin-bottom: 20px}
.book-voucher .book-voucher-section .control-label{font-weight: bold}

.voucher-ul .voucher-li:nth-of-type(odd){color: red}

.book-voucher .book-voucher-section.options strong{display: block; font-size: 18px; font-weight: 400; margin-bottom: 10px}
.book-voucher .book-voucher-section.options ul{margin-bottom: 40px}

.book-voucher .voucher-table{width: 100%}
.book-voucher .voucher-table tbody tr td:first-child{width: 30%; font-weight: bold; text-align: right; padding-right: 30px}
.book-voucher .voucher-table tbody tr td.space{padding: 10px}

.payment-payo{margin-top: 20px}

.payment-schedule{margin-top: 20px}
.payment-schedule .payment-block{margin-bottom: 20px; padding: 10px; color: white; height: 100px}
.payment-schedule .payment-block.grey{background-color: #d8d8d8}
.payment-schedule .payment-block.red{background-color: #d9534f}
.payment-schedule .payment-block.green{background-color: #1d943b}
.payment-schedule .payment-block .payment-block-number{font-size: 40px; display: block}
.payment-schedule .payment-block .payment-block-text{font-size: 16px}
.payment-schedule .payment-block span{font-size: 20px; display: block}
.payment-schedule .payment-block span{font-size: 20px; display: block}

.payment-square {margin-right: 2px}
.payment-square i{font-size: 20px}
.payment-square.grey{color: #d8d8d8}
.payment-square.red{color: #d9534f}
.payment-square.green{color: #1d943b}

/*@page { margin: 100px 25px; }
.voucher-header, .voucher-footer{width: 100%; text-align: center; position: fixed; left: 0; right: 0; height: 50px}
.voucher-header{top: -60px}
.voucher-footer{bottom: -60px}
.voucher-saut{page-break-after: always}
.voucher-saut{page-break-after: avoid}*/

.invoice-buttons{position:fixed; top:0; right:0; text-align:right; z-index: 100}
.invoice-buttons button{width:200px}
.invoice-buttons .btn.green{position:relative; display:block; margin-bottom:5px}
.invoice-buttons .btn.green i.fa{left: 10px; position: absolute; text-align: left; top: 9px}

.invoice-customer{font-size: 12px}
.invoice-customer .invoice-customer-header{text-align: center; padding: 20px; background-color: #03405C}
.invoice-customer h1{text-transform: uppercase; margin: 40px 0 20px; font-size: 30px}
.invoice-customer h1 strong{font-size: 18px; font-weight: normal; float: right; margin-top: 10px}
.invoice-customer h1 h2{margin: 20px 0}

.invoice-customer .invoice-table{width: 100%; font-size: 16px}
.invoice-customer .invoice-table tbody tr td:first-child{width: 35%; font-weight: bold; text-align: right; padding-right: 30px}
.invoice-customer .invoice-table tbody tr td.space{padding: 10px}

.invoice-customer .invoice-customer-cadre{padding: 20px; border: 1px solid #000; font-size: 16px; margin-top: 40px}
.invoice-customer .invoice-customer-cadre #edit-title{margin-bottom: 20px; font-size: 16px}
.invoice-customer .invoice-customer-cadre-left{display: inline-block}
.invoice-customer .invoice-customer-cadre-right{float: right}

.table-tva{margin-top: 20px; width: 100%; font-size: 18px}
.table-tva th, .table-tva td{text-align: right}

.dropdown.notifications .dropdown-menu:after{border-bottom-color:#eee !important}
.dropdown.notifications .dropdown-menu p{padding:10px; background-color:#eee; margin:0px; font-size:14px; font-weight:300; color:#000}
.dropdown.notifications .notification-body{max-height: 320px; overflow: hidden}
.dropdown.notifications .notification-body ul{list-style: none; margin: 0; padding: 0}
.dropdown.notifications .notification-body ul li{position: relative; padding: 5px 60px 5px 30px}
.dropdown.notifications .notification-body ul li.new{background-color:#faeae6 !important}
.dropdown.notifications .notification-body ul li:hover{background-color: #eee}
.dropdown.notifications .notification-body ul li a{white-space: normal; padding-left: 0; background:none}
.dropdown.notifications .notification-body ul li .delete{position: absolute; left: 10px; top: 9px; color: #e02222; cursor: pointer}
.dropdown.notifications .notification-body ul li .time{position: absolute; right: 10px; top: 10px; font-style: italic; font-size: 12px}

.row-disabled{background-color:#fff5f5}

.fileupload-preview{position: relative}
.fileupload-preview span{position: absolute; right: 0; bottom: 0; padding: 3px 5px; background-color: white; color: #333; line-height: 20px}

.price-warning {display: inline-block; color: orange; margin-top: 10px}
.price-warning i{font-size: 20px}

#scrollToTopBtn{position: fixed; bottom: 20px; right: 20px; display: none; cursor: pointer; font-size: 20px; opacity: 0.8; background-color: grey; color: white}

select{width: auto !important;}
.datepicker .datepicker-switch{width:210px !important;}
.datepicker td,.datepicker th {
  width: 35px !important;
  height: 35px !important;
}
.datepicker table tr td span {
  display: block;
  padding: 10px !important;
  line-height: 60px !important;
  width: 60px !important;
  height: 60px !important;
  text-align: center !important;
}

.label-exclu-vn {background-color: #bf9000ff !important; display: inline-block !important; margin-left: 5px; border-radius: 5px !important;}

.zone-name {
	font-weight: bold;
	color: #333;
}

.zone-details {
	font-size: 11px;
	color: #666;
	margin-left: 10px;
}

.alert-bookings-icons a {
    font-size:15px;
    margin-right:8px;
}
.alert-bookings-icons a:last-child {
    margin-right:0;
}

.loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #4d90fe;
    border-radius: 50% !important;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    margin: 10px auto;
}

.user-impersonate {
    font-weight: bold;
    font-style: italic;
    color: red !important;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}