﻿﻿

html body {
    height: 100%;
    background-color: #FFFFFF;
    direction: ltr;
}

/*
#login-container {
    background-image: url("../images/CMSLoginbg.png") !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-size: 100% 100% !important;
}
*/

.btn-primary:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px #121F33;
}

a {
    color: #A2A2AB;
    text-decoration: none;
    background-color: transparent;
}

.card {
    border: none;
    margin-bottom: 2rem;
    -webkit-transition: all 0.3s ease-in-out, background 0s, color 0s, border-color 0s;
    transition: all 0.3s ease-in-out, background 0s, color 0s, border-color 0s;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(34, 41, 47, 0.125);
    border-radius: 0.428rem;
}

.form-control {
    display: block;
    width: 100%;
    height: 2.714rem;
    padding: 0.438rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.45;
    color: #6E6B7B;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid #121F33;
    border-radius: 0.357rem;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-control:focus {
        color: #6E6B7B;
        background-color: #FFFFFF;
        border-color: #121F33;
        outline: 0;
        box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1);
    }

.header-navbar.navbar-shadow {
}

.navbar-light {
    background: #EF1210;
}

.main-menu.menu-light {
    color: #000;
    background: #000;
}

    .main-menu.menu-light .navigation > li ul .active {
        background: linear-gradient(118deg, #121F33, #121F33);
        z-index: 1;
    }


    .main-menu.menu-light .navigation > li ul .active {
        /* background:-webkit-linear-gradient(332deg,#7367F0,rgba(115,103,240,.7)); */
        /* background:linear-gradient(118deg,#7367F0,rgba(115,103,240,.7)); */
        /* box-shadow:0 0 10px 1px rgba(115,103,240,.7); */
        border-radius: 4px;
        z-index: 1;
    }



    .main-menu.menu-light .navigation > li ul .active {
        /* background : -webkit-linear-gradient(332deg, #160a60, rgba(115, 103, 240, 0.7)); */
        /* background :         linear-gradient(118deg, #160a60, rgba(115, 103, 240, 0.7)); */
        box-shadow: none;
        border-radius: 4px;
        z-index: 1;
    }


.page-item.active .page-link {
    z-index: 3;
    border-radius: 5rem;
    background-color: #121F33;
    color: #FFFFFF !important;
    font-weight: 600;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: #121F33;
}


.main-menu.menu-light .navigation {
    background: #000;
}

.main-menu .navbar-header .navbar-brand .brand-logo img {
    max-width: 179px; 
    margin-right: 10px;
}

.table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th, .table:not(.table-dark):not(.table-light) tfoot:not(.thead-dark) th {
    background-color: #ffff;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffff;
}

.table-bordered {
    border: 1px solid #121F33;
}

    .table-bordered th, .table-bordered td {
        border: 1px solid #121F33;
    }

.table-striped tbody tr:nth-of-type(odd) {
    color: #000;
    background-color: #fff;
}

.table-striped tbody tr:nth-of-type(even) {
    color: #000;
    background-color: #fff;
}

.table-hover tbody tr:hover {
    color: #000;
    background-color: #E6E8E4;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #121F33;
}

.main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a, .main-menu.menu-light .navigation > li.sidebar-group-active > a {
    color: #fff;
    border-radius: 6px;
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(34, 41, 47, 0.2);
    border-radius: 0.358rem;
    outline: 0;
}

.modal .modal-header {
    background-color: #F8F8F8;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.bs-stepper {
    background-color: #ffff;
    box-shadow: 0 4px 24px 0 rgba(34,41,47,.1);
    border-radius: .5rem;
}

    .bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {
        background-color: #121F33;
        color: #FFF;
        /*box-shadow: 0 3px 6px 0 rgba(115,103,240,.4);*/
    }

    .bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {
        color: #121F33
    }

    .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-box {
        background-color: #1a191c1f;
        color: #ffffff !important;
    }
