@font-face {
    font-family: FuturaPTMedium;
    src: url(fonts/FuturaPTMedium.otf);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: FuturaPTMedium;
    letter-spacing: 1.2px;
}

a {
    text-decoration: none;
    color: #024782;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

table td a i {
    color: #fff;
}

table td a.bg-yellow:hover, table td  a.bg-yellow:focus, button.bg-yellow:hover, button.bg-yellow:focus {
     background-color: #ffd600 !important
}

.btn.btn-icon.bg-indigo, .btn.btn-icon.bg-yellow, .btn.btn-icon.bg-purple, .btn.btn-icon.bg-pink{
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.navbar-horizontal .navbar-brand img
{
    height: 90px;
}

.bg-gradient-primary {
    background: linear-gradient(87deg, #02649e 0, #27a 100%) !important;
}

span.badge.badge-dot small{
    font-size: 80%;
    font-weight: 600;
}

/* BUTTON overides */
.btn-primary {
    color: #fff;
    border-color: #27a;
    background-color: #27a;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.btn-primary:hover {
    color: #fff;
	border-color: #27a;
    background-color: #27a;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    border-color: #27a;
    background-color: #02649e;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    border-color: #1c73a8;
    background-color: #1c73a8;
}

#appointmentmodal .form-group {
    margin-bottom: 1rem!important;
}

.avatar-xs {
    font-size: .875rem;
    font-weight: 600;
    width: 26px;
    height: 26px;
}

/*sign up error message*/
span.help-block {
    font-size: .7rem;
    font-weight: 100;
    color: red;
}

.navbar-vertical .navbar-brand-img, .navbar-vertical .navbar-brand > img {
    max-width: 100%;
    max-height: 8rem;
}


.navbar-vertical #leftside-navigation ul li {
    list-style-type: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.navbar-vertical #leftside-navigation ul li.active > a {
    color: #03659f;
}
.navbar-vertical #leftside-navigation ul li.active ul {
    display: block;
}
.navbar-vertical #leftside-navigation ul li a {
    color:#4a5b64;
    text-decoration: none;
    display: block;
    padding: 12px 0 12px 25px;
    outline: 0;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.navbar-vertical #leftside-navigation ul li a:hover {
    color: #03659f;
}
.navbar-vertical #leftside-navigation ul li a span {
    display: inline-block;
}
.navbar-vertical #leftside-navigation ul li a i {
  width: 20px;
}
.navbar-vertical #leftside-navigation ul li a i .fa-angle-left,
.navbar-vertical #leftside-navigation ul li a i .fa-angle-right {
    padding-top: 3px;
}
.navbar-vertical #leftside-navigation ul ul {
    display: none;
    background: #f6f6f6;
}
.navbar-vertical #leftside-navigation ul ul li {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    border-bottom: none;
}
.navbar-vertical #leftside-navigation ul ul li a {
    font-size: 13px;
    padding-top: 11.5px;
    padding-bottom: 11.5px;
    color: #aeb2b7;
}
li.sub-menu .fa.pull-right {
    font-size: 11px!important;
}
.fa.pull-right {
    margin-left: .3em;
}
.pull-right {
    float: right;
}
.navbar-vertical .navbar-nav .nav-link {
    /*font-size: 1rem;*/
    font-size: 0.9rem;
}

input.form-control, textarea.form-control{
    padding-left: 6px !important;
}

#input-gender {
    text-transform: capitalize;
}

.btn.btn-table {
    padding: .25rem .6rem !important;
}

td form {
    display: inline-block;
}

td.gender {
    text-transform: capitalize;
}

.admin small.gender-label {
    margin-top: 3px;
}

#gender .custom-control{
    display: inline-block;
}

.navbar-vertical .navbar-nav .nav-link.active:before {
    position: absolute;
    top: .25rem;
    bottom: .25rem;
    left: 0;
    content: '';
    border-left: 2px solid #054986;
}

.navbar-vertical #leftside-navigation ul li a.active {
    color: #03659f;
    background: rgba(3, 100, 158, 0.10);
}

.navbar-vertical #leftside-navigation ul ul li a.active {
    color: #03659f;
    background: rgba(3, 100, 158, 0.0); 
}

.navbar-vertical #leftside-navigation ul ul {
    display: none;
     background: rgba(3, 100, 158, 0.05);
}

/*.modal-footer button.btn.btn-danger {
    float: right;
    position: absolute;
    left: 40px;
    bottom: 24px;
}*/
.import-export {
    opacity: .5;
    font-size: 14px;
    position: absolute;
    bottom: 0;padding: 0;
    width: auto;
    text-align: center;
}

@media (min-width:300px) {
    .navbar-vertical .navbar-brand-img, .navbar-vertical .navbar-brand > img {
        margin-right: 6rem;
    }

    .book-page .card-header {
        padding: 1.25rem 1rem;
        
    }

    .card-profile-image img {
        position: absolute;
        /*top: -25px;*/
        left: 0%!important;
        max-width: 80px;
        transition: all .15s ease;
        transform: translate(-154%, -38%);
        border-radius: .375rem;
    }
    .card-profile-image img:hover , .card-profile:hover .card-profile-image img{
        transform: translate(-154%, -42%);
    }
    .book-page .shadow:hover{
        box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .45) !important;
    }
    .card.card-profile {
        margin-top: 30px; /*50*/
    }

    .stick-bot {
        position: absolute;
        bottom: 15px;
        left: 15px;
        right: 15px;
    }

    .book-page .card.card-profile .btn-sm, .book-page .card.card-profile .btn-group-sm > .btn {
        font-size: .7rem;
    }

    .navbar-vertical .navbar-nav .nav-link > i {
        font-size: .975rem;
        text-align: center;
    }


    th.fc-day-header, th.fc-axis {
        /*background: #1a2156;*/
        color: #1a2156;
        font-size: 14px;
        letter-spacing: 1px;
        font-family: FuturaPTMedium;
        border: 1px solid rgba(23, 51, 87, 0.2)!important;
        padding: 10px 0;
    }

    td.fc-axis.fc-time.fc-widget-content {
        background: #f7fafc!important;
        color: #1a2156;
        letter-spacing: .6px;
        font-size: 12px;
        font-family: FuturaPTMedium;
        border: 1px solid rgba(23, 51, 87, 0.2);
    }

    .fc-license-message {
        display: none;
    }

    .fc-event, .fc-event-dot {
        padding: 6px;
        text-align: center;
    }
    .fc-event .fc-bg {
        z-index: 1;
        background: #03a9f4;
        opacity: 1;
        border-bottom: 1px dotted rgba(255, 255, 255, 0.25);
    }
    .fc-event.OPEN .fc-bg {
        background: #03a9f4;
    }
    .fc-event.CLOSED .fc-bg {
        background: #607d8b;
    }
    .fc-event.BOOKED .fc-bg {
        background: #cf0000;
    }
    .fc-event {
        border:none;
        border-radius: 0px;
    }

    .fc-unthemed .fc-body , .fc-unthemed td.fc-today{
        background: #dbfbff;
    }
    .fc-unthemed td.fc-today {
        /*background: red;*/
    }

    .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
        border-color: rgba(23, 51, 87, 0.2);
    }
    .fc-time-grid-event .fc-time{
        display: inline-block;
    }
    #schedule-calendar .fc-content .fc-time span{
        font-size: 1em !important;
        display: inline-block;
        white-space: nowrap;
    }
    .fc-time-grid-event .fc-title {
        font-size: .74em;
        font-weight: bold;
        color: #fff;
        padding: 0 1px;
        padding-left: 5px;
        display: inline-block;
    }

    
}

@media (min-width:340px) {

    .navbar-brand img {
        height: 120px;
    }

}

@media (min-width:768px) {

    .fc-time-grid .fc-slats td {
        height: 2em;
    }
    .navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before {
        top: .25rem;
        right: auto;
        bottom: .25rem;
        left: 0;
        border-bottom: 0;
        border-left: 2px solid #054986;
    }
    .navbar-vertical .navbar-brand-img, .navbar-vertical .navbar-brand > img {
        margin-right: 0rem;
    }

    .navbar-vertical .navbar-nav .nav-link > i {
        font-size: 1.24rem;
        text-align: center;
        line-height: 1.8rem;
        min-width: 2.8rem;
    }

    .navbar-vertical .navbar-collapse:before {
        display: block;
        margin: 0.5rem -1rem;
        content: '';
    }

    .navbar-vertical.navbar-expand-md .navbar-brand {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

}


@media (max-width:968px) {
    .import-export {
        position: relative;
    }

    .navbar-vertical .navbar-brand {
        margin: 0 auto;
    }
}

@media (max-width:640px) {
   .navbar-vertical .navbar-brand-img, .navbar-vertical .navbar-brand > img {
        margin-right: 5rem;
    }
    .navbar-vertical .navbar-brand-img, .navbar-vertical .navbar-brand > img {
        max-width: 100%;
        max-height: 5rem;
    }

    .navbar-horizontal .navbar-brand img {
        height: 75px;
    }
}