﻿input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

a {
    color: #0087ef;
    text-decoration: none;
}

    a:hover {
        color: #0087ef;
        text-decoration: none;
    }

.has-success .form-message.light, .has-success.form-message-light .form-message {
    color: #6f976d;
    border-color: #a3c293;
    background: #fcfff5;
    position: absolute;
    width: 100%;
}

.form-message.light::after, .form-message.light::before {
    position: absolute;
    content: "";
    border: none;
    border-right-style: solid;
    border-right-color: transparent;
    border-bottom-style: solid;
    border-left-style: solid;
    border-left-color: transparent;
}

.form-message.light {
    position: relative;
    margin-top: 2px;
    padding: 3px 12px;
    border: 1px solid;
    background-size: 20px 20px !important;
}

    .form-message.light::before {
        top: -7px;
        left: 12px;
        border-right-width: 7px;
        border-bottom-width: 7px;
        border-bottom-color: inherit;
        border-left-width: 7px;
    }

    .form-message.light::after {
        top: -6px;
        left: 13px;
        border-right-width: 6px;
        border-bottom-width: 6px;
        border-left-width: 6px;
    }

.has-danger .form-message {
    color: #b05b59;
}

.has-danger .form-message, .has-success .form-message, .has-warning .form-message {
    display: block;
}

    .has-danger .form-message.light, .has-error.form-message-light .form-message {
        color: #b05b59;
        border-color: #e0b4b4;
        background: #fff6f6;
        position: absolute;
        width: 100%;
    }

    .has-danger .form-message.light, .has-error.form-message-light .form-message {
        color: #b05b59;
    }

.search-form .form-group {
    float: right !important;
    transition: all 0.35s, border-radius 0s;
    width: 32px;
    height: 32px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    border: 1px solid #ccc;
    border-radius: 100px;
    margin: 0;
    margin-top: 8px;
    margin-right: 20px;
    position: relative;
}

    .search-form .form-group input.form-control {
        padding-right: 30px;
        border: 0 none;
        background: transparent;
        box-shadow: none;
        display: block;
    }

        .search-form .form-group input.form-control::-webkit-input-placeholder {
            display: none;
        }

        .search-form .form-group input.form-control:-moz-placeholder {
            /* Firefox 18- */
            display: none;
        }

        .search-form .form-group input.form-control::-moz-placeholder {
            /* Firefox 19+ */
            display: none;
        }

/*.search-form .form-group input.form-control:-ms-input-placeholder {
            display: none;
        }*/
/*.search-form .form-group:hover,
.search-form .form-group.hover {
    width: 100%;
}*/
.SearchWidth {
    width: 100% !important;
}

.search-form .form-group span.form-control-feedback {
    position: absolute;
    top: -5px;
    right: -2px;
    z-index: 2;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 34px;
    text-align: center;
    color: #55595C;
    left: initial;
    font-size: 20px;
    cursor: pointer;
}

.quick-links {
    padding: 0.7rem;
}

.profile-box .profile-info .profile-img-wrap {
    border-radius: 2px;
    height: 143px;
    margin: -80px auto 0;
    padding: 4px;
    position: relative;
    width: 143px;
    background: #fff;
}

    .profile-box .profile-info .profile-img-wrap img {
        width: 135px;
        height: 135px;
    }

.profile-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    line-height: 1.5;
    color: #555;
    user-select: none;
    background-color: #fff;
    border: 0;
    border-radius: 0;
}

    .profile-file-control:lang(en)::before {
        content: "Choose File";
    }

    .profile-file-control::before {
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        z-index: 6;
        display: block;
        height: 2.5rem;
        padding: 0.5rem 1rem;
        line-height: 1.5;
        color: #555;
        background-color: #eee;
        border: 1px solid #ddd;
        border-radius: 0;
        width: 100%;
        text-align: center;
    }

.profile-file-input {
    min-width: 14rem;
    max-width: 100%;
    margin: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}

.select-control-position {
    position: absolute;
    top: 25px;
    left: 15px;
    z-index: 2;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
}

.select-dropdown {
    padding-left: 30px;
}

.nav-tabs .nav-link {
    border-radius: 0;
}

.nav.nav-tabs .nav-item .nav-link {
    padding: .3rem .5rem;
    display: block;
    background: #EDEDED;
    color: #636363;
}

    .nav.nav-tabs .nav-item .nav-link.active {
        background-color: #0087EF;
        border-radius: 0;
        color: #FFF;
        border-color: #0087EF;
        border-bottom: 2px solid #004F8C;
    }

.btn {
    border-radius: 0;
}

@media screen and (max-width:767px) {
    .nav-tabs .nav-item + .nav-item {
        margin-left: 0;
    }

    .nav-tabs .nav-item {
        float: none;
        margin: 0;
    }

    .blank-page .content-wrapper .flexbox-container {
        display: flex;
        align-items: center;
        height: auto;
        margin: 20px auto;
        background: url('images/grey-gradient-wallpaper-1.jpg');
    }
}

.login-check {
    margin-top: 2px;
}

.login-box {
    border: 3px solid #174d7a;
}

.blank-page .content-wrapper .flexbox-container {
    background: #0083ff;
    background: -moz-radial-gradient(center, ellipse cover, #0083ff 0%, #244060 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #0083ff 0%,#244060 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #0083ff 0%,#244060 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083ff', endColorstr='#244060',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.main-menu.menu-dark .navigation > .has-sub > a:after {
    content: "\ea0b";
    font-family: "icomoon";
    font-size: 1rem;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 10px;
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -moz-transition: -webkit-transform 0.2s ease-in-out;
    -o-transition: -webkit-transform 0.2s ease-in-out;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
}

.main-menu.menu-dark .navigation > .open > a:after {
    -moz-transform: rotate(90deg) !important;
    -webkit-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}

.display-table {
    display: table;
}

.pace .pace-progress {
    background: #0087EF !important;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 4px;
}
/*body:not(.pace-done) > :not(.pace),body:not(.pace-done):before,body:not(.pace-done):after {
    pointer-events: none;
    filter: opacity(.2);
}*/
.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header {
    white-space: nowrap;
    overflow: hidden;
}

.user-panel {
    position: relative;
    width: 100%;
    padding: 10px;
    overflow: hidden;
    height: 110px;
}

.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header {
    white-space: nowrap;
}

.user-panel::before, .user-panel::after {
    content: " ";
    display: table;
}

.pull-left {
    float: left !important;
}

.patient-info {
    padding-left: 10px;
}

.user-panel > .info {
    padding: 5px 5px 5px 15px;
    line-height: 1;
    position: absolute;
    left: 55px;
}

.user-panel > .image > img {
    width: 100%;
    max-width: 45px;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

.mt-26 {
    margin-top: 26px;
}

.inline {
    display: inline;
}

.btn > i {
    margin-right: 5px;
}


.activatePatient {
    color: #383b3d !important;
}

.datepicker.dropdown-menu {
    border-radius: 0px;
}

.datepicker {
    padding: 0;
    margin-top: 0;
}

    .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th {
        background: #5cb2f5;
        color: #FFF !important;
    }

        .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
            background: #80c7ff;
        }

    .datepicker table tr td, .datepicker table tr th {
        border-radius: 0;
    }

.dow {
    background: #5cb2f5 !important;
    color: #FFF !important;
}

.datepicker-header {
    border-bottom: 1px solid #004f8c;
}

.datepicker-days.table-condensed thead:nth-child(2) {
    border-bottom: 1px solid #004f8c;
}

.datepicker.dropdown-menu {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

.text-primary {
    color: #0087ef !important;
}

.clockpicker-popover .popover-title {
    background-color: #5cb2f5;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
}

.custom-file {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 2.5rem;
    cursor: pointer;
    width: 100%;
}

.patient-dash-info-1 {
    font-weight: normal;
    display: inline;
    padding: 0.7rem;
}

.patient-dash-info-2 {
    font-weight: normal;
    display: inline;
    padding: 0.7rem;
    border-right: 1px solid #CCC;
}

.patient-dash-info-3 {
    font-weight: normal;
    display: inline;
    padding: 0.7rem;
}

.header-navbar {
    padding: 0;
    min-height: 50px;
    height: 50px;
    transition: .3s ease all;
}

    .header-navbar .navbar-container ul.nav li a.dropdown-user-link {
        padding: .6rem;
    }

/*.custom-select {
   background-image: linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 13px) calc(1em + 2px), 100% 0;
    background-size: 6px 7px, 7px 7px, 9.5em 6.5em;
    background-repeat: no-repeat;
}*/

.custom-select {
    background-image: url('../T32_Images/svg/drop-down-arrow.svg');
    background-position: calc(100% - 15px) calc(1em + -3px), calc(100% - 13px) calc(1em + 2px), 100% 0;
    background-repeat: no-repeat;
}

.SearchWidthIE {
    width: 200px !important;
}

.custom-selectIE {
    background-image: linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 13px) calc(1em + 2px), 100% 0;
    background-size: 6px 7px, 8px 6px, 9.5em 6.5em;
    background-repeat: no-repeat;
}

.datepicker.dropdown-menu th, .datepicker.dropdown-menu td {
    padding: 4px 5px;
    cursor: pointer;
}


.btn-outline-facebook {
    color: #3B5998;
}
.btn-outline-twitter {
    color: #55ACEE;
}
.btn-outline-google-plus {
    color: #DD4B39;
}