@media (min-width: 1080px) {
    .left-side-menu {
        background: #323a46 !important;
        margin-top: 15px;

    }

    .logo-box {
        background: #323a46 !important;
        height: 150px !important;

    }
}

@media (max-width: 1080px) {
    .left-side-menu {
        background: #323a46 !important;
    }

    .logo-box {
        background: #323a46 !important;
    }
}
#sidebar-menu>ul>li>a {
    color: #b2b2b2;
}
.card-box {
    background-color: #373e48;
    padding: 1.5rem;
    -webkit-box-shadow: 0 0.75rem 6rem rgba(56,65,74,.03);
    box-shadow: 0 0.75rem 6rem rgba(56,65,74,.03);
    margin-bottom: 24px;
    border-radius: 10px !important;
    box-shadow: 7px 6px 11px 0px #00000059
}

.empty_kpi {
    background-color: #373e48 !important;
    border-radius: 10px !important;
}

a#procurement_button_tour {
    left: -4px;
}

.digital-form{
    background-color: #373e48 !important;
    color: black !important;
    border-radius: 0px !important;
    padding: 10% !important;
}
i.fa.fa-info-circle.blink.h2.text-dark.pull-right.guest-menu-tooltip {
    font-size: medium;
}

.instructions li{
    font-size: 14px;
}

p#bgcolor {
    background-color: unset;
}

/* Style the buttons that are used to open and close the accordion panel */
.info_accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Style the accordion panel. Note: hidden by default */
.info_panel {
    padding: 0 18px;
    background-color: white;
}

.form-bg-image {
    /*background-image: url('../../../images/ndm-trans.png');*/
}
.public-chart-box{
    height: 470px !important;
}

div.hopscotch-bubble {
    border: none !important;
    border-radius: 5px;
    background-color: #3b4452;
    color: #98a6ad;
}
div.hopscotch-bubble .hopscotch-bubble-number {
    display: none !important;
    color: #3cc469 !important;
    font-weight: 500 !important;
}
div.hopscotch-bubble-container {
    width: 250px !important;
}
.hopscotch-actions{
    width: 80%;
    float: left;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
    border-top: none !important;
}
div.hopscotch-bubble .hopscotch-next, div.hopscotch-bubble .hopscotch-prev {
    background-color: #3cc469!important;
    border: none !important;
}
.hopscotch-bubble-arrow{
    height: 20px !important;
    background-image: url(/images/arrow-down.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 29px;
    background-position-y: 0px;
}
.document-alert{
    height: 25px;
    padding-top: 3px;
}
.navbar-custom .topnav-menu .nav-link {
    height: 60px;
}
.upload-form-thumb{
    border: solid 1px #3cc469;
    border-radius: 10px;
    padding: 15px;
    margin-top: 25px;
}
.parent_wrapper{
    width: 100%;
    overflow: auto;
    height: 100%;
}

.child_wrapper{
    width: 98%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */
    box-sizing: content-box; /* So the width will be 100% + 17px */
}
.doc-link{
    color:green;
}
.file_upload_control{
    margin: 10px;
}
.timeline-desk {
    display: contents !important;
    vertical-align: top;
    width: 100% !important;
}

.h-160{
    height: 160px !important;
}

.public-docs-anchors{
    position:fixed;
    background-color: black;
    z-index: 1;
    font-weight:bolder;
    color: #ffffff;
    padding: 0.5%;
    margin: -10px;

}
.dropdown > ul  {
    width:auto;
    background: transparent;
    border:none;
    margin-top : 10%;
}
.dropdown > ul > li  {
    width:100%;
    background:rgba(0,0,0,.9);
    border-radius: 5px;


    border:none;
    padding:0.5%;
}
.dropdown > ul > li:hover {
    background:rgba(0,100,0,.9);

}

.dropdown-menu > ul > li >  {
    color: #ffffff;

}

table > thead > th {
    border: 1px solid #ffffff;
}

.page_title{
    font-weight : bolder;
    font-size: 100%;
    text-shadow: rgba(0,0,0,0.9) 2px 2px 9px;
}

.text-style{
    text-shadow: rgba(0,0,0,0.9) 2px 2px 3px;

}

#calendar {
    max-width: 900px;
    margin: 40px auto;
}

.dynamic_chart {
    height: 250px;
}

/* jquery spinner / loader */
#overlay{
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.6);
}
.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spinner {
    width: 50px;
    height: 50px;
    border: 10px #ddd solid;
    border-top: 10px #2e93e6 solid;
    border-radius: 50%;
    /*animation: sp-anime 0.8s infinite linear;*/
}
@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}
.is-hide{
    display:none;
}
.spinner_text{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -15%;
    margin-top: 15%;
    font-size: x-large;
    color: #008140;
}
.input-transparant{
    background-color: transparent;
    border: none;
    font-size: 16px;
    color: white;
}
.blink_item {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

div.hopscotch-bubble {
    background-color: #0000008c !important;
    color: white !important;
}
div.hopscotch-bubble h3 {
    color: white !important;
    font-family: Helvetica, Arial;
}

.hopscotch-close {
    color: #fff !important;
    margin-right: 25px;
    text-indent:0 !important;
    font-weight: 300 !important;
}
.arrilot-widget-container{
    width: 100%;
}
.h_border{
    border: solid green 1px;
    border-radius: 4px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #24401147 !important;
    border: solid 1px green;
}
@media only screen and (max-width: 1024px) {
    a.logo-municipality-name {
        display: none !important;
    }
    .enlarged .left-side-menu {
        width: 70px !important;
        padding-right: 5px;
    }


}

span.badge.badge-danger.rounded-circle.noti-icon-badge {
    font-size: 9px;
    padding: 2px;
    display: inline-block;
    position: unset !important;
    margin-left: 2px !important;
    background-color: #ff5b5b;
}
.card.card-body.card-2.proc_view, .card.card-body.card-2.proc_view td, .card.card-body.card-2.proc_view i {
    color: rgb(216,223,223);
}
ul.reports_dropdown.nav-second-level.collapse.in li {
    background: unset !important;
}
ul.reports_dropdown.nav-second-level.collapse.in {
    margin-top: unset !important;
}

.card-box.sup_bid_summary {
    box-shadow: unset;
}




.metismenu {
    margin-left: 0px;
}
i.fa.fa-info-circle.blink.h2.text-dark {
    font-size: medium;
}

/*@media styling 1440*/
@media only screen and (max-width: 1440px){
    .modal .btn-info, .btn-info, .waves-primary, .btn-primary, .btn-success {
        font-size: medium;
    }
    .nav .nav-tabs .align-content-center .text-center .justify-content-center .myTabs li {
        width: 25% !important;
    }
    button#evaluation_criteria_btn {
        position: unset !important;
        font-size: 14px !important;
    }
    span.tender_data_agree {
        position: unset !important;
    }

    .card-deck.tender_data_agreement .card {
        height: 750px !important;
    }

    .card-deck.tender_data_agreement2 .card {
        height: 620px !important;
    }
    ul.myTabs li, ul#myTab li{
        width: 25% !important;
    }
    .card_Kpi {
        font-size: large !important;
    }
    i.fa.fa-info-circle.blink.h2.text-dark.pull-right.guest-menu-tooltip {
        font-size: small !important;
    }

    i.fa.fa-info-circle.blink.h2.text-dark, i.fa.fa-info-circle.blink.h2.text-dark {
        font-size: small !important;
    }
    .card_kpi b, i.card_kpi {
        font-size: 12px !important;
    }

    .card_kpi p {
        font-size: 14px !important;
    }

    .card-deck.tender_data_agreement .card {
        height: 500px !important;
    }
    .card-deck.tender_data_agreement2 .card {
        height: 500px !important;
    }
    .modal .btn-info, .btn-info, .waves-primary, .btn-primary, .btn-success {
        font-size: small;
    }
    #tender_details_part_3 .card-box, #tender_details_part_3 .card-box h3 {
        font-size: large;
    }
    div#registered_suppliers b, div#closed_tenders b, div#open_tenders b, div#total_tenders b {
        font-size: smaller !important;
    }
}

/*@media styling 1280*/
@media only screen and (max-width: 1280px) {
    .text-muted, p.pub {
        font-size: 12px;
    }

    .font-weight-normal {
        font-weight: 100;
        font-size: x-large;
    }
    button#evaluation_criteria_btn {
        position: unset !important;
        font-size: 14px !important;
    }
    .card-deck.tender_data_agreement .card, .card-deck.tender_data_agreement .card h5  {
        display: block;

    }

    .card-deck.tender_data_agreement2 .card {
        display: block;
    }

    .card_Kpi {
        font-size: small !important;
    }


    .card_kpi .fa-money, .card_kpi .fa-reply {
        font-size: 30px !important;
    }


    i.fa.fa-info-circle.blink.h2.text-dark.pull-right.guest-menu-tooltip {
        font-size: small !important;
    }
    div.public_dashboard b{
        font-size: small !important;
    }
    .card_kpi b, i.card_kpi {
        font-size: 80% !important;
    }

    .card_kpi p {
        font-size: 14px !important;
    }

    div#registered_suppliers b, div#closed_tenders b, div#open_tenders b, div#total_tenders b {
        font-size: smaller !important;
    }
    .row.sup_profile_reg .col-lg-6 {
        display: block;
        min-width: 100% !important;
        max-width: 100%;
    }
    .add_commodities, #commodity_list, #service_list, .select_commidity {
        min-width: 100% !important;
    }


}

/*@media (min-width: 992px)*/
/*    .col-lg-6 {*/
/*        -webkit-box-flex: 0;*/
/*        -ms-flex: 0 0 50%;*/
/*        flex: 0 0 50%;*/
/*        max-width: 100%;*/

.badge  {
    font-size: unset !important;
}

.badge-award  {
    font-size: medium;
}

span.badge.badge-danger.rounded-circle.noti-icon-badge {
    font-size: 75% !important;
}

.col-md-2.bg-dark.p-2 {
    background-color: #46B841!important;
    color: #373e48;
}

#mm_has_approved {
  background:  linear-gradient(to bottom, #ebd197 0%,#b48811 50%,#a2790d 51%,#bb9b49 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebd197', endColorstr='#b48811',GradientType=0 ) !important;
}

.enlarged.left-side-menu #sidebar-menu > ul > li > a:hover {
    background-color: #435966 !important;
    color: #b2b2b2 !important;
}

.enlarged .left-side-menu #sidebar-menu > ul > li:hover {
  background-color: #435966 !important;
  color: #b2b2b2 !important;
}

.enlarged .left-side-menu #sidebar-menu > ul > li > a i:hover {
    background-color: #435966 !important;
    color: #b2b2b2 !important;
}


.enlarged .left-side-menu #sidebar-menu > ul > li > a i {
    font-size: 1.125rem !important;
    margin-right: 24px !important;
}


/* message */
.msg {
    position: fixed;
    top: 40px;
    left: 50%;
    padding: 10px 20px;
    border-radius: 5px;
    color: white;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.05);
}

.msg-success {
    background-color: #28a745;
}

.msg-warning {
    color: #6d5200;
    background-color: #ffc107;
}

.msg-danger {
    background-color: #dc3545;
}

.msg-info {
    background-color: #17a2b8;
}

/*fade*/
.animate {
    opacity: 0;
    transition: all 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animate.active {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%);
}

.slide-in-down {
    transform: translateY(-100%) translateX(-50%);
}


/* bounce Icon*/
.reg-success{
    animation-duration: 2s;
    animation-iteration-count: infinite;
}


.bounce-7 {
    animation-name: bounce-2;
    animation-timing-function: ease;
}
@keyframes bounce-2 {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}