﻿@font-face {
    font-family: Neuropol;
    src: url("~/Content/assets/fonts/neuropol.otf") format("opentype");
}
.rightMenuCustom {
    width: 45px !important;
    background-color: transparent !important;
}
        
    .rightMenuCustom.main-menu.menu-light {
 
        background-color: transparent !important; /*#003F66 !important;*/
       
    }

    .rightMenuCustom.main-menu.menu-shadow {
        box-shadow: none !important;
    }

    .rightMenuCustom ul {
        background-color: transparent !important;
    }

    .rightMenuCustom .nav-item {
        padding: 5px !important;
        margin: 8px 0 !important;
        text-align: center;
    }
        

    .rightMenuCustom i {
        font-size: 24px !important;
    }

    .rightMenuCustom .nav-item:hover {
        transform: scale(1.2);
        color: #003F66;
        cursor: pointer;
    }

    #custom-bell-p{
        position: relative;
    }

    #custom-bell-p .badge {
        position: absolute;
        left: 5px;
        bottom: 5px;
        font-size: xx-small;
    }


legend {
    font-weight: bold !important;
    color: black !important;
}

.mandatoryField {
    border-right: solid !important;
    border-right-width: 2px !important;
    border-right-color: red !important;
}

.border-style {
   border: solid; 
   border-color:#003F66;
   border-left-width:thick;
   border-right:none;
   /*border-left*/
}
.nav.nav-tabs .nav-item .nav-link.active {
    border: none;
    position: relative;
    background-color: #003F66 !important;
    color: white !important;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: solid;
    border-color: #003F66;
  
  
}
.BorderPopup {
    border: solid;
    border-color: #003F66;
    border-radius: 10px !important;
}
.insurancemodelpopup {
    margin-top: 7% !important;
    border: 2px solid #003f66 !important;
  
}
.table th, .table td {
    padding: 0.75rem;
    font-weight:bolder;
}
.ui-icon-closethick {
    top: -9px;
    right: 10px;
}
.userrights {
    background: url('../img-assets/meeting.png');
    background-size: contain;
    padding: inherit;
}
.fm-button-icon-left {
    padding: 0.1rem 2rem !important;
}
label {
    /*font-size: 1rem !important;*/
    font-size: 0.9rem !important;
    font-weight: bold !important;
    color: black !important;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold !important;
    /*color: black !important;*/
}
.modal {
    pointer-events: none !important;
}
.card {
    /*margin-right: 5px !important;
    margin-left:5px !important;*/
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
}
.cardborder {
    border: solid 0.02rem !important;
}
.modalBorder {
    border: 1px solid;
    border-radius: 0.42rem;
}
/*body {
    font-family: Roboto !important;
}*/

.table td, .table th {
    padding: 0.5rem !important;
    /*font-weight: bolder;*/
    white-space: nowrap !important;
    font-size: 9pt !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 200px !important;
    /* border: 1px solid black;*/
}

.table th {
    background: #003F66;
}



.tableFixHead {
    overflow: auto !important;
    height: 100px !important;
}

.tableFixHead thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 1 !important;
}

.table td select {
    padding: 4px !important;
}
/* Just common table stuff. Really. */
.add-patient-insurance-icon {
    background: url(../img-assets/life-insurance.png);
    background-size: 25px;
    background-repeat: no-repeat;
    padding-left: 15px !important;
    padding-right: 11px !important;
    padding-bottom: 11px !important;
    padding-top: 3px !important;
}
/*Ag grid defauly style */

.ag-theme-alpine {
    --ag-header-height: 28px !important;
    --ag-header-foreground-color: white !important;
    --ag-header-background-color: #003F66 !important;
    --ag-header-cell-hover-background-color: #A9BCD0 !important;
    --ag-header-cell-moving-background-color: #A9BCD0 !important;
}

    .ag-theme-alpine .ag-header {
        font-family: Tahoma, Arial, Sans-Serif !important;
      
    }

.ag-theme-alpine .ag-header-group-cell {
    font-weight: normal !important;
    font-size: 17px !important;
}

.ag-theme-alpine .ag-header-cell {
    font-size: 12px !important;
}

    .ag-theme-alpine .ag-header-cell:hover {
        color: #626262 !important;
    }

    .ag-theme-alpine .ag-row .ag-cell {
        font-weight: 500 !important;
        font-size: 12px !important;
    }

    .mt6px {
        margin-top: 6px !important;
    }

.mb-2{
    margin-bottom: 2px !important;
}

#custom-logo-img, #custom-user-input, #custom-pass-input, #custom-login-btn, #custom-login-footer {
    animation-timing-function: ease;
    animation-duration: 2s;
    animation-iteration-count: 1;
}

#custom-logo-img, #custom-login-footer {
    animation-name: logoPosition;
}

#custom-user-input {
    animation-name: inputPosition;
}

#custom-pass-input {
    animation-name: passPosition;
}

#custom-login-btn {
    animation-name: loginBtnPosition;
}

#custom-login-btn {
    background-color: #A9BCD0 !important;
}

#custom-login-btn:hover {
    background-color: #003F66 !important;
}

.custom-input-group-addon {
    font-size: 1.5rem;
    padding: 0.2rem 0.8rem;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: 0;
}

@keyframes changePosition {
        0% {
        transform: translateX(300px);
    }

    75% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes scaleLogo {
        0% {
        transform: scale(1.4);
    }


    50% {
        transform: scale(.5);
    }

    100% {
        transform: scale(1.4);
    }
}

@keyframes logoPosition {
    0% {
        transform: translateY(-180px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes inputPosition {
    0% {
        transform: translateX(-70%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes passPosition {
    0% {
        transform: translateX(70%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes loginBtnPosition {
    0% {
        transform: translateY(180px);
    }

    100% {
        transform: translateY(0);
    }
}

