/************COMPONENTS**************/

.btn-app-primary {
    background-color: #005193 !important;
    color:#fff;
}

.btn-app-primary:hover {
    color:#fff !important;
}

.btn {
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    font-size: 1rem;
}

.btn:focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.btn .hover-img {
    display: none;
}

.btn-add {
    background-color: #035091;
    color: #fff;
}

.btn-add:hover {
    color: #fff;
}

.btn-edit {
    background-color: #efefef;
    color: #292929;
}

.btn-edit:hover {
    color: #fff;
    background-color: #3d3d3d;
}

.btn-filter {
    color: #035091;
    border: 1px solid #e7f3e5;
}

.btn-filter:hover {
    color: #035091;
    background-color: #e7f3e5;
}

.btn-detail,
.btn-history {
    background-color: #e7f3e5;
    color: #035091;
}

.btn-detail:hover,
.btn-history:hover {
    background-color: #035091;
    color: #fff;
}

.btn-grid {
    padding: 0.2rem 0.6rem 0.4rem;
}

.btn:hover .hover-img {
    display: inline-block;
}

.btn:hover .default-img {
    display: none;
}

.status-comp {
    padding: 0.1rem 0.6rem 0.2rem;
    align-items: center;
    font-size: 0.8rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
}

.status-comp::before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-right: 0.5rem;
}

.status-comp-success {
    border: 1px solid #bdbdbd;
    color: #035091;
    background-color: #eef9ec;
}

.status-comp-success:hover {
    color: #035091;
}

.status-comp-secondary {
    border: 1px solid #d8dce0;
    color: #56595d;
    background-color: #f1f3f5;
}

.status-comp-secondary:hover {
    color: #56595d;
}

.status-comp-success::before {
    background-color: #035091;
}

.status-comp-secondary::before {
    background-color: #56595d;
}

.status-comp-danger {
    border: 1px solid #f2c9c0;
    color: #a43a23;
    background-color: #fcf1ee;
}

.status-comp-danger:hover {
    color: #a43a23;
}

.status-comp-danger::before {
    background-color: #a43a23;
}

.status-comp-warning {
    border: 1px solid #f4d889;
    color: #8e6a21;
    background-color: #fefae3;
}

.status-comp-warning:hover {
    color: #8e6a21;
}

.status-comp-warning::before {
    background-color: #8e6a21;
}



/*************UTILITIES**************/

.bg-app-primary {
    background-color: #035091 !important;
}

.border-app-primary {
    border: 1px solid #005193 !important;
}

.text-app-primary {
    color: #005193 !important;
}

.border-app-gray {
    border: 1px solid #dee2e6 !important;
}

.border-app-top-gray {
    border-top: 1px solid #dee2e6 !important;
}

.width-20 {
    width:20px !important;
    height:20px !important;
}

.cursor-pointer {
    cursor:pointer !important;
}

.text-primary {
    color: #005193 !important;
}

.font-size-18 {
    font-size:18px !important;
}


/*****************FORMS*****************/

.form-label {
    font-weight:normal !important;
}

.form-check-input:checked {
    background-color: #005193 !important;
    border-color: #005193 !important;
}

/*************NAVBAR***********/
.topnav {
    background-color: #005193 !important;
}


.navbar-custom .topbar-menu .nav-link {
    background-color: #fff !important;
    margin:0px !important;  
}

.nav-user {
    padding:1rem !important;
    -webkit-border-radius:0.5rem;
    -moz-border-radius:0.5rem;
    border-radius:0.5rem;
    border:1px solid #ddd !important;
    height:2rem !important;
    min-height:2rem !important;
}

.nav-user .account-user-name {
    color: #005193 !important;
}

.nav-user .account-user-name i {
    font-size:1.2rem;
}


/************DEVEXTREME************/

.app-grid {
    min-height:20rem;
}

.app-checkbox .dx-checkbox-icon {
    width:25px !important;
    height:25px !important;
}


/************LOGIN************/

.main-logo {
   width:10%;
}

.auth-login {
    border-left:0.2rem solid #ccc;
}

.auth-login::after {
    height: 18rem;
    width: 18rem;
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    background-color: #005193;
    -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
    clip-path: polygon(100% 0, 0 0, 100% 100%);
}

.auth-login-opacity::before {
    height: 25rem;
    width: 25rem;
    opacity: 0.15;
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    background-color: #005193;
    -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
    clip-path: polygon(100% 0, 0 0, 100% 100%);
}

.importance-indicator {
    color:#f00;
}

@media(max-width:992px) {

    body {
        min-height: 100vh !important;
    }

    .auth-fluid-right.auth-login {
        display:none !important;
    }
}