/*-----------------------------------------
    Calendar
-------------------------------------------*/
#calendar {
    width:90%;
    margin:0 auto;
}
    .ui-widget.ui-widget-content {
        border: 1px solid #fff!important;
    }
   .ui-datepicker-header {
    border: none!important;
    background: #ffffff!important;   
    text-align: center;
    height: 40px;
    vertical-align: middle;
   }
   
   .ui-datepicker-prev span,
   .ui-datepicker-next span {
    display: none;
   }
   
   .ui-datepicker-prev:after {
    background-image: url('../asssets/images/ar-event-l.png');
    float: left;
    margin-left: 10px;
    cursor: pointer;
    z-index: 2;
    content: ' ';
    position: absolute;
    top: 0%;
    width: 20px;
    height: 22px;
   }
   
   .ui-datepicker-next:after {
    float: right;
    cursor: pointer;
    background-image: url('../asssets/images/ar-event-r.png');
    z-index: 2;
    content: ' ';
    position: absolute;
    top: 0%;
    width: 22px;
    height: 22px;
    margin-left: -25px;
   }
   
   .ui-datepicker-calendar th {
    padding: 10px;
    color: #ff3700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
   }
   
   .ui-datepicker-calendar {
    text-align: center;
    margin: 0 auto;
    padding: 8px;
   }
   
   .ui-datepicker-title {
    padding: 10px;
   }
   
   .ui-datepicker-calendar td {
    padding: 4px 0px;
   }
   
   .ui-datepicker-calendar .ui-state-default {
    text-decoration: none;
    color: black;
   }
   
   .ui-datepicker-calendar .ui-state-active {
    color: #2196f3;
   }
   
   .ui-widget.ui-widget-content {
    border: 0;
    width: 100%;
    box-shadow: none;
    font-family: 'Prompt', sans-serif;
   }
   
   .ui-datepicker .ui-datepicker-title {
    text-transform: uppercase;
    color: black;
    font-weight: 700;
    letter-spacing: 1.5px;
    font-size: 20px;
    line-height: 0!important;
   }
   
   .ui-widget-header .ui-icon {
    background: none;
   }
   
   .ui-widget-header {
    border: 0;
    background: none;
   }
   
   .ui-state-default,
   .ui-widget-content .ui-state-default,
   .ui-widget-header .ui-state-default,
   .ui-button,
   html .ui-button.ui-state-disabled:hover,
   html .ui-button.ui-state-disabled:active {
    border: 1px solid #e6e6e6!important;
    background: none;
    color: #666;
    text-align: center;
   }
   
   .ui-datepicker-prev-hover:hover {
    background: none;
    border: 0;
    left: 2px;
    top: 2px;
   }
   
   .ui-datepicker-next-hover:hover {
    background: none;
    border: 0;
    right: 2px;
    top: 2px;
   }
   
   .ui-datepicker-calendar td {
    padding: 2px!important;
    font-size: 14px!important;
   }
   
   .ui-datepicker table {
    table-layout: fixed;
   }
   
   .ui-state-default {}
   
   .ui-tooltip.ui-widget.ui-widget-content {
    width: auto;
    background-color: #ff3700;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    border: 1px solid #e6e6e6;
    padding: 3px 10px;
   }
   
.ui-datepicker-calendar .holiday .ui-state-default {
    background-color: #ff3700;
    color: #fff;
}
.ui-datepicker-calendar .activity .ui-state-default {
    background-color: #fec900;
    color: #fff;
}
.ui-datepicker-calendar .auction .ui-state-default {
    background-color: #57a029;
    color: #fff;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #fff!important;
    color: #90b7ff!important;
}
/*-- RESPOSIVE --*/
@media screen and (max-width: 767px){
    .page-title-box.d-flex{
        flex-direction: column;
    }
    .page-title-box.d-flex.align-items-center{
        align-items: start!important
    }
    .page-content {
        padding: calc(70px + 24px) 0;
    }
    .card-body {
        padding: 1rem;
    }
}
@media screen and (min-width: 768px){
    
}
@media screen and (min-width:320px) and (max-width:374px){

}
@media screen and (min-width:375px) and (max-width:413px){

}
@media screen and (min-width:414px) and (max-width:424px){

}
@media screen and (min-width:425px) and (max-width:767px){

}
@media screen and (min-width:768px) and (max-width:1023px){

}
@media screen and (min-width:1024px) and (max-width:1279px){

}
@media screen and (min-width:1280px) and (max-width:1359px){

}
@media screen and (min-width:1360px) and (max-width:1439px){

}
@media screen and (min-width:1440px) and (max-width:1599px){

}
@media screen and (min-width:1600px) and (max-width:1919px){

}
@media screen and (min-width:1920px) and (max-width:2559px){

}
@media screen and (min-width:2560px) {

}