﻿@charset "utf-8";
/* CSS Document */
/*Edit*/
.topnav .navbar-nav .nav-link {
    padding: 1rem 0.6rem;
}

.nav-user.admin-user {
    padding: calc(31px / 2) 20px calc(31px / 2) 20px !important;
}

.topbar-dropdown .nav-link.drash-site, .topbar-dropdown .nav-link.drash-periods {
    line-height: 37px;
}

.nav-user.drash-site, .nav-user.drash-periods {
    padding: calc(31px / 2) 0px calc(31px / 2) 10px !important;
}

.topnav {
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}

.page-title-boxbg {
    box-shadow: 0 6px 6px -3px rgba(39,44,51,.1), 0 10px 14px 1px rgba(39,44,51,.04), 0 4px 18px 3px rgba(39,44,51,.02);
}

.page-title-box .page-title {
    line-height: 65px;
    font-size: 22px;
}

.page-title-box .page-title-right {
    margin-top: 13px;
}

.nav-user .account-user-avatar > span {
    height: 32px;
    width: 32px;
}

.dash-table a {
    color: inherit;
}

.dash-table tr td, .dash-table tr th {
    padding: .2rem;
    text-align: center;
    color: #ffffff;
}

.text-font-style {
    font-family: Verdana,Geneva,Tahoma,sans-serif;
    font-weight: 700;
}

.text-timeev {
    color: #f58634 !important;
}

.text-hamun {
    color: #753875 !important;
}

.text-nanshe {
    color: #35456f !important;
}

.bg-hamun-lighten {
    background-color: rgba(158,0,157,.25) !important;
}

.bg-timeev-lighten {
    background-color: rgba(245,134,52,.25) !important;
}

.bg-hamun {
    background: #753875 !important;
}

.bg-timeev {
    background: #f58634 !important;
}

.dropdown-icon-item i {
    font-size: 1.2rem;
}
/*Ribbon*/
.ribbon-box .ribbon-light-green {
    background: #5cc6d0;
}

    .ribbon-box .ribbon-light-green:before {
        border-color: #5cc6d0 transparent transparent;
    }

.ribbon-box .ribbon-navy-blue {
    background: #35456f;
}

    .ribbon-box .ribbon-navy-blue:before {
        border-color: #35456f transparent transparent;
    }

/*End ribbon*/
.breadcrumb-item + .breadcrumb-item::before {
    font-family: "Material Design Icons";
    font-size: 16px;
    line-height: 1.3;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #ced4da;
    content: "󰅂";
}

.form-control.is-valid, .was-validated .form-control.valid {
    border-color: #10c469;
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2310c469' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-control.is-invalid, .was-validated .form-control.is-invalid {
    border-color: #ff5b5b;
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff5b5b' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ff5b5b' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
        justify-content: flex-end;
    }

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

    div.dataTables_wrapper div.dataTables_filter label {
        font-weight: normal;
        white-space: nowrap;
        text-align: left;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 0.5em;
        display: inline-block;
        width: auto;
    }

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.85em;
    white-space: nowrap;
}

span > input {
    background: none;
    color: #ffffff;
    padding: 0;
    border: 0;
}

.badge-counter {
    border-radius: 50%;
    position: absolute;
    top: 15px;
    right: -8px;
    padding: 0.25em 0em;
    line-height: 15px;
    width: 20px;
    height: 20px;
    text-align: center;
}

.dripicons-bell::before {
    transform-origin: 70% 1em;
    animation-name: ring;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes ring {
    0% {
        transform: rotate(0deg);
    }

    5% {
        transform: rotate(45deg);
    }

    15% {
        transform: rotate(-40deg);
    }

    25% {
        transform: rotate(20deg);
    }

    35% {
        transform: rotate(-15deg);
    }

    45% {
        transform: rotate(10deg);
    }

    55% {
        transform: rotate(-5deg);
    }

    60% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes ring {
    0% {
        transform: rotate(0deg);
    }

    5% {
        transform: rotate(45deg);
    }

    15% {
        transform: rotate(-40deg);
    }

    25% {
        transform: rotate(20deg);
    }

    35% {
        transform: rotate(-15deg);
    }

    45% {
        transform: rotate(10deg);
    }

    55% {
        transform: rotate(-5deg);
    }

    60% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.z-1 {
    z-index: 9;
}

.border-radius-0 {
    border-radius: 0px;
}

.contact-details-modal strong {
    min-width: 105px;
}

.ddlSiteLocation .select2::before {
    content: "\F05F5";
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ddlSiteLocation .select2-container .select2-selection--single, .ddpCulturalPeriod .select2-container .select2-selection--single {
    display: inline-flex;
    border: 0px;
    background: transparent;
}

    .ddlSiteLocation .select2-container .select2-selection--single .select2-selection__rendered, .ddpCulturalPeriod .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 5px;
        padding-right: 12px;
      
    }

.ddlSite_Location a {
    padding: .6rem 0rem;
    display: block;
    cursor: pointer;
}

select option, .select2-container .select2-selection--single .select2-selection__rendered, .select2-results__option[aria-selected], .text-uppercase {
    text-transform: uppercase;
}

#switcher ul {
    padding: 0 !important;
    margin: 0 !important;
}

    #switcher ul li {
        text-transform: uppercase;
        margin-bottom: 0;
        font-size: 12px;
        display: inline-block;
    }
        #switcher ul li a {
            display: block;
            background: #fff;
            padding: 0.1rem;
        }
@media (min-width: 1367px) {
    body[data-layout=topnav] .container-fluid, body[data-layout=topnav] .container-lg, body[data-layout=topnav] .container-md, body[data-layout=topnav] .container-sm, body[data-layout=topnav] .container-xl {
        max-width: 100%;
    }
}
