/* Page-specific styling */

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: "Noto Sans" !important;
    margin: 0 0 40px; /* bottom = footer height */
}

.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    /*height: 40px;*/
    width: 100%;
}

.padding {
    padding: 15px;
}

#notification-popup.MessageBanner {
    position: absolute;
    left: 0px;
    bottom: 0px;
    text-align: left;
    height: 9%;
    min-width: inherit;
    z-index: 999;
}

#notification-popup .MessageBanner-text {
    margin: 0;
    padding: 18px 15px;
    min-width: inherit;
}


html, body {
    height: 98%;
    width: 100%;
    font-size: 12px;
}

.table {
    color: #5f6868 !important;
}

/*table thead {
    background-color: #185abd;
}*/

    table thead th {
        font-size: 13px;
        font-weight: 400;
        border:none !important;
    }

.table thead th{
   font-weight:500;
}
.table tbody td{
    font-weight:400
}
    .table tbody td a {
        color:inherit !important;
    }
        .table tbody td a:hover {
            color: #185abd !important;
        }
        .table td, .table th {
            padding: .5rem 2px !important;
            vertical-align: middle !important;
        }
.btn:focus{
    box-shadow:none !important;
}

.btn-primary {
    background-color: #185abd;
    border-color: #185abd;
}
.btn-outline-primary {
    color: #185abd !important;
    border-color: #185abd !important;
}
    .btn-outline-primary:hover {
        color: #fff !important;
        background-color: #185abd !important;
        border-color: #185abd !important;
    }

.text-primary {
    color: #185abd;
}

.d-none {
    display: none;
}
/*
.fa {
    font-size: 1.5em !important;
}*/

.ajax_response {
    padding: 9px 20px;
    border: 0;
    display: inline-block;
    margin-top: 20px;
    cursor: pointer;
    display: none;
    color: #555;
}

#error_message {
    background: #F3A6A6;
}

#success_message {
    background: #CCF5CC;
}

.dz-max-files-reached {
    background-color: red;
}

a {
    cursor: pointer;
}

/*.loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 75px;
    height: 75px;
    animation: fillWater 1s linear infinite;
}*/
.info {
    background-color: #e7f3fe;
    border-left: 6px solid #2196F3;
}

/* Style for positioning toast */
.toast {
    position: absolute;
    top: 30px;
    right: 10px;
    z-index:999;
}

.toast-success {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
}
.toast-warning {
    color: #856404 !important;
    background-color: #fff3cd !important;
    border-color: #ffeeba !important;
}
.toast-danger {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}

/*primary button design*/

.btn.btn-primary {
    background-color:#215bb9;
    border-color:#215bb9;
}
.border-rs-4
{
    border-radius:4px;
}

.form-control:focus
{
    box-shadow:none !important;
}
.dropzone {
    border: 1px solid #ced4da !important;
    border-radius: .25rem;
}
.dropzone .dz-message {
    margin: 3em 0 !important;
}
textarea
{
    resize:none !important;
}
.btn-light.action {
    padding: .25rem .375rem !important;
    font-size: 12px !important;
    color:rgba(0,0,0,.3) !important;
}
.btn-warning {
    background-color: #FFF3D2 !important;
    border-color: #FFF3D2 !important;
    color:#b98700 !important;
}
.btn-success {
    background-color: #E3F8EF !important;
    border-color: #E3F8EF !important;
    color: #2DCC70 !important;
}


.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity:0.3;
    /* Semi-transparent overlay */
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader-container {
    position: relative;
}

.loader {
    width: 50px;
    height: auto;
    z-index: 1;
}

.water {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #7d7d7d;
    z-index: 2;
    opacity: 0;
    animation: fillWater 1s linear infinite;
}

@keyframes fillWater {
    0% {
        opacity: 1;
        height: 100%;
    }

    33.33% {
        opacity: 0.66;
        height: 75%;
    }

    66.66% {
        opacity: 0.33;
        height: 25%;
    }

    100% {
        opacity: 0;
        height: 0;
    }
}

.icon-upload-primary {
    padding: .25rem .525rem;
    border-radius: 50%;
    border: none;
    color: rgba(0,0,0,.3);
    background-color:transparent;
}
    .icon-upload-primary:hover {
        background-color:#e2e6ea;
        color: rgba(0,0,0,.5);
    }
.dropdown-item:focus, .dropdown-item:hover {
    color: #215bb9 !important;
}

div#myToast {
    position: fixed;
    top: 43px;
    z-index:9999;
}