﻿body {
    /* padding-top: 6rem; */
    background-color: #f1f3f4;
}
td{
 padding-bottom:3px !important;
 }
.navbar_color {
    background-color: #f9f9f9 !important;
    padding-bottom: 0px;
}

.border-left {
    border-left: 1px solid #a9aaaa !important;
}

.nav_badge {
    color: #fff;
    padding: 0.15em .20em;
    font-weight: 600;
    line-height: 1.5;
}

.navbar-brand {
    font-weight: 700;
    font-size: 16px;
    padding-top: 0px;
}

.menu_select {
    min-width: 120px;
}

.menu_btn {
    color: white;
    padding: 0;
    width: auto;
    margin-right: 1em;
    border-radius: .25rem;
    min-width: 9em;
    height: auto;
    border: 1px solid #ced4da;
    height: 32px;
}

.menu_btn_right {
    color: white;
    padding: 0;
    width: auto;
    margin-right: .3em;
    border-radius: .25rem;
    height: auto;
    border: 1px solid #ced4da;
    height: 32px;
}

.menu_right {
    float: right;
}

.menu_left {
    float: left;
}



/* login */

.main-content {
    width: 50%;
    border-radius: 20px;
    box-shadow: 0 5px 5px rgba(0,0,0,.4);
    margin: 5em auto;
    display: flex;
    background-color: #fff;
}

.company__info {
    background-color: #06549b;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}

.institution_company__info {
    background-color: #06549b;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}

.fa-android {
    font-size: 3em;
}

@media screen and (max-width: 640px) {
    .main-content {
        width: 90%;
    }

    .company__info {
        display: none;
    }

    .login_form {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }
}

@media screen and (min-width: 642px) and (max-width:800px) {
    .main-content {
        width: 70%;
    }
}

.row > h2 {
    color: #06569c;
}

.login_form {
    background-color: #fff;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.institution_login_form {
    background-color: #fff;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    padding: 2em;
}

.checkBoxStyle {
    color: #31ACAD;
}
.form {
    /* padding: 0 2em;*/
}

.form__input {
    width: 100%;
    border: 0px solid transparent;
    border-radius: 0;
    border-bottom: 1px solid #aaa;
    padding: 1em .5em .5em;
    padding-left: 1em;
    outline: none;
    margin: 1em auto;
    transition: all .5s ease;
}

    .form__input:focus {
        border-bottom-color: #008080;
        box-shadow: 0 0 5px rgba(0,80,80,.4);
        border-radius: 4px;
    }

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: red;
    color: white;
    text-align: center;
}




/* dropdown */


.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.dropdown-toggle.show {
    color: #000;
    background-color: #fff;
    border-color: SkyBlue;
}


.text_box {
    border-bottom-color: #06569c;
    box-shadow: 0 0 5px rgb(0 80 80 / 40%);
    border-radius: 4px;
    margin-top: 3px !important;
    font-size: .8 em !important;
}

.form__input {
    font-size: 14px;
    margin-bottom: .5em;
}

.lbl_form_small {
    font-size: 14px;
    font-weight: 500;
}

.navbar {
}


.form__input {
    padding: 0.5em 0.5em 0.5em;
}

.required:after {
    content: "*\00a0";
    color: red;
}

.right {
    right: 0;
}

.menu_dropdown {
    min-width: 9em;
    font-size: .9em !important;
    border: none;
    padding: .275rem .5rem !important;
    font-weight:600;
}

.user_link {
    text-decoration: none;
}

    .user_link:hover {
        color: #fff;
    }


/*dropdown profile*/


.dropdown-menu-profile {
    text-align: end;
    padding: 1em;
    min-width: 320px;
    background-color: rgb(201, 215, 236);
    color: #053a87;
    padding-bottom: .3em;
}

.profile-img {
    height: 5rem;
    border: 1px solid red;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #c9d7ec !important;
}


.form-control {
    padding: 1px 2px;
    font-size: 10pt;
    border-color: skyblue;
}

.menuside td{
    padding:8px;
}

    .menuside td::after {
        content: '';
        display: block;
        /*border-bottom: 1px solid #0c4ca8;
        width: 100%;*/
    }



    /*btn*/
    .sknFormButtonSmall {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem;
}



/*skin start*/
.sknFormNumericTxt {
    text-align: right;
}

.sknFormCombo {
}


/*skin end*/
/*old */
.ajax__tab_default .ajax__tab_tab {
    display: inline !important;
}

.ucsearchdiv {
    z-index: 9999 !important;
}

.ucCloseButton {
    z-index: 9999 !important;
}
.msg_bubble {
    color: red;
    font-weight: bold;
    font-size: 1em;
}

.msg_bubble_notification {
    color: green;
    font-weight: bold;
    font-size: 1em;
}

#cmdLogin {
    position: absolute;
    top: 31px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
}
