.gif-loader {
    display: flex;
    justify-content: center;
    width: 48%;
    float: left;
    margin-top: 40px;
}

.calendar-content {
    display: flex;
    align-items: center;
}
#glob-data {
    display: flex;
    justify-content: center;
    width: 740px;
}

.calendar h2 {
    margin: 40px 0 0;
}



td.available.cur-month.demi_date_out {
    background:-webkit-linear-gradient(-45deg, rgba(0,0,0,0) 52%, #dbdbdb 0%) !important;
}
td.available.cur-month.demi_date_in {
    background: -webkit-linear-gradient(-45deg, rgb(219, 219, 219) 45%, rgba(0, 0, 0, 0) 0%) !important;
}
.demi_date_out {
    background:-webkit-linear-gradient(-45deg, rgba(0,0,0,0) 52%, #dbdbdb 0%) !important;
}
.demi_date_in {
    background: -webkit-linear-gradient(-45deg, rgb(219, 219, 219) 45%, rgba(0, 0, 0, 0) 0%) !important;
}


/* *******************  Responsive  ************************* */

/* --------------------------------- */

@media (max-width: 1188px)
{
.calendar {
    width: 70%;
}

.calendar-content {
    display: block;
    align-items: center;
}
#glob-data {
    width: 100%;
}
}

/* --------------------------------- */

@media (max-width: 1000px)
{
.calendar {
    width: 100%;
}

}
@media (min-width: 654px) and (max-width: 1000px){
.legend_datepicker {
   
    left: 36% !important;
}
}

@media (min-width: 1001px) and (max-width: 1186px){
#glob-data {
   
    width: 600px !important;
}

.zoom_gallery {
    max-width: 600px !important;
    
}

.thumbnails.columns-2 {
    /*width: 70% !important;*/

}

.thumbnails.columns-2 {
   
    margin-left: -3px!important;
    
    }

.thumbnails.columns-2 h2 {
    margin-left: 0 !important;
}

.legend_datepicker {
   
    left: 20% !important;
}
}



/* --------------------------------- */
@media (max-width: 1000px)
{
#glob-data {
    display: flex;
    justify-content: center;
    width: 100% !important;
}
.datetimepicker+.datetimepicker {
    margin-left: 0 !important;
}
.gif-loader {
    display: flex;
    justify-content: center;
    width: 100%;
    float: left;
}



.thumbnails.columns-2 h2 {
    margin-left: 0!important;
}
}


/* --------------------------------- */
@media (max-width: 653px)
{
#glob-data {
    display: block;
    justify-content: center;
   width: 100% !important;
    margin: 0 auto;
    text-align: center;
}
.datetimepicker+.datetimepicker {
    margin-left: 0 !important;
}

.legend_datepicker {
   
    left: 30% !important;
}

}


/* --------------------------------- */

/* ***************************************** */


.datetimepicker {
   
    /* border-top-right-radius: 5px; */
    /* border-top-left-radius: 5px; */
    /* border-bottom-right-radius: 5px; */
    /* border-bottom-left-radius: 5px; */
    overflow: hidden;
    /* -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.176); */
    /* box-shadow: 0 6px 12px rgba(0,0,0,.176); */
    max-width: 300px;
    display: inline-block;
    padding: 10px;
    /* border: 1px solid #dcdcdc; */
    color: #222222;
    height: 324px;
    margin-top: -7px;
}

.datetimepicker+.datetimepicker {
margin-left:15px;
}

.datetimepicker .paging {
text-align:center;
font-size:12px;
position:relative;
padding:5px;
}

.datetimepicker .paging .month-name {
    /*text-transform: uppercase;*/
    font-weight: 700;
    margin: 9px 2.3em 0;
    line-height: 1.8em;
    text-align: center;
    font-family: 'Playfair Display';
    font-size: 16px;
    font-weight: 400;
    color: #262626;
}

.datetimepicker .paging i {
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 20px;
    line-height: 24px;
    cursor: pointer;
    /* border-color: inherit !important; */
    /* border-style: solid; */
    /* border-width: 5px; */
}

/* .datetimepicker .paging i.prev {
left:0;
border-top-color:transparent;
border-bottom-color:transparent;
border-left-style:none;
} */
/*.datetimepicker .paging i.prev {
    left: 12px;
    background-image: url(images/ui-icons_222222_256x240.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    background-position: -80px -192px;
    height: 16px;
    background-color: red;
}*/
/* .datetimepicker .paging i.next {
right:0;
border-top-color:transparent;
border-bottom-color:transparent;
border-right-style:none;
} */
/*.datetimepicker .paging i.next {
    right: 12px;
    background-image: url(images/ui-icons_222222_256x240.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
background-position: -48px -192px;
    height: 16px;
    background-color: red;
}*/
.datetimepicker .paging i {
width:0;
height:0;
display:inline-block;
vertical-align:middle;
position:absolute;
top:9px;
line-height:24px;
cursor:pointer;
border-color:gray;
border-style:solid;
border-width:5px;
}
.datetimepicker .paging i.prev {
left:0;
border-top-color:transparent;
border-bottom-color:transparent;
border-left-style:none;
}

.datetimepicker .paging i.next {
right:0;
border-top-color:transparent;
border-bottom-color:transparent;
border-right-style:none;
}

.datetimepicker table {
font-weight:400;
font-size:14px;
color:#333;
border-collapse:collapse;
width:100%;
}

.datetimepicker table td {
text-align:center;
    border: 4px solid #fff;
padding:3px;
}

.datetimepicker table td.near-month {
color:#ccc;
}

.datetimepicker table td.cur-date.cur-month {
background:#D9EDF7;
}

.datetimepicker table td.unavailable {
    background: #dbdbdb !important;
    color: #a1a1a1!important;
    padding: 5px!important;
}

.datetimepicker table thead {
    padding: .7em .3em;
    font-weight: bold;
    border: 0;
    color: rgba(0,0,0,.6);
    font-size: 12px!important;
    font-family: 'Open Sans', sans-serif!important;
}

.datetimepicker table thead td {
border:none;
border-bottom:2px solid #eee;
min-width:40px;
}

.datetimepicker table tbody td:hover {
    background: #dbaa46;
    cursor: pointer;
    color: #fff;
}

.datetimepicker .paging td:hover {
    background: none;
    color: #fff;
}
.datetimepicker table tbody td:hover.unavailable {
background:#C55762;
cursor:not-allowed;
}
.near-month {
    visibility: hidden;
}
.datetimepicker:nth-child(1) i.next
{
    display:none;
} 
.datetimepicker:nth-child(2) i.prev
{
    display:none;
} 



/* *********************************************************** */