/* LOGIN */

@media screen and (max-width: 767px) {
    .page-auth .login-roles-block .both-margins {
        margin: 20px 0;
    }
}

@media screen and (min-width: 768px) {
    .page-auth .login-roles-block {
        width: 80%;
    }
}

@media screen and (min-width: 992px) {
    .page-auth .login-roles-block {
        width: 60%;
    }
}

.body-page-auth {
    background-color: #f1f1f1;
}

.page-auth .logo img {
    display: inline-block;
}

/* MAIN */
.top-bar .logo {
    top: 0;
}

.top-bar .main-nav-toggle {
    float: right;
    margin-left: 20px;
}

.top-bar .user-bar {
    float: right;
    color: white;
    line-height: 29px;
}

.top-bar .date-bar {
    float: right;
    margin-left: 20px;
    color: white;
    line-height: 29px;
}

.top-bar .language-bar {
    float: right;
    margin-left: 20px;
}

.top-bar .language-bar .dropdown-toggle {
    padding: 0;
}

.top-bar .language-bar .dropdown-toggle img {
    border: 1px solid white;
}

.top-bar .language-bar .dropdown-menu {
    padding: 0;
    top: 34px;
    left: -5px;
    right: auto;
    min-width: inherit;
}

.top-bar .language-bar .dropdown-menu li {
    border-top: 1px solid rgba(0,0,0,.15);
}

.top-bar .language-bar .dropdown-menu li:first-child {
    border-top: none;
}

.top-bar .language-bar .dropdown-menu li a {
    color: #555;
}

.top-bar .language-bar .dropdown-menu li form {
    display: block;
    padding: 5px;
    background-color: #555;
}

.top-bar .language-bar .dropdown-menu li form img {
    border: 1px solid white;
}

.widget .widget-header .btn-sm {
    margin-top: 2px;
}

@media screen and (max-width: 480px) {
    .widget .widget-header .widget-header-toolbar {
        display: inline-block;
        float: right;
        border-left: 1px solid #ddd;
        padding-left: 10px;
        margin-left: 10px;
    }
}

.btn-href-top {
    margin: 2px 7px 2px 0 !important;
    color: #fff !important;
    padding: 5px 10px !important;
    height: auto !important;
}

form .required:after {
    content: "*";
    color: #a94442;
}

tr.total > th, tr.total > td {
    border-top-width: 2px !important;
    border-top-color: #555 !important;
}

th.vertical-top, td.vertical-top {
    vertical-align: top !important;
}

th.vertical-middle, td.vertical-middle {
    vertical-align: middle !important;
}

th.vertical-bottom, td.vertical-bottom {
    vertical-align: bottom !important;
}

.refinancing {
    margin-left: 2px;
    padding: 0px 4px;
    border: 2px solid #555;
    display: inline-block;
}

#helpBtn {
    display: none;
}

#scrollToTop {
    position: fixed;
    bottom: 20px;
    left: 20px;
    cursor: pointer;
    display: none;
}

.datepicker {
    z-index: 9999 !important;
}

.tr-electronic {
    display: none;
}