/* 
/* 
/*  custom-ispar.css
/*
/*  For the ADIP platform
/*
*/


.flickity-page-dots { bottom: -2.125rem; }


/*Bootstrap-select.js*/

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { color: #6772e5; }
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; }

/*Home*/

#country-grid .card { background: #f1f4f7; }
    #country-grid .card a { color: #23233a; }


#country-compare .custom-select { font-weight: 600; color: #495057; /** added in beirut*/ color: #23233a; border: none; border-bottom: 1px solid #ADB5BD; padding-left: 0; padding-right: 0; }

#country-compare hr { border-top: 1px solid #ADB5BD; }

#compare-benchmarks .btn-light:not(:disabled):not(.disabled):active { background-color: #F3F3F9; border-color: #F3F3F9; }



/*Country profile*/

/*Country profile*/

#country-page hr { border-top: 2px solid #f0f2f9; }

@media (min-width: 768px) {
    #country-side.sticky-top { height: calc(100vh - 5rem); /*so bootstrap-select dropdown isn't cut off*/ overflow-y: scroll; overflow-x: hidden; position: -webkit-sticky; position: sticky; top: 5rem; }
}

#country-side .bootstrap-select .btn { font-size: 125%; height: calc(3.625rem + 2px); padding: 0.85rem 0.5rem 0.5rem 0.25rem; height: calc(4.625rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0rem; font-size: 250%; border: none; border-bottom: 2px solid #23233a; font-weight: 600; }

#country-side .btn-light { border-color: #F3F3F9; background: #F3F3F9; color: #181828; }

    #country-side .btn-light:not(:disabled):not(.disabled):active,
    #country-side .bootstrap-select > .dropdown-toggle.bs-placeholder,
    #country-side .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
    #country-side .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
    #country-side .bootstrap-select > .dropdown-toggle.bs-placeholder:active { color: #23233a; }

#country-side .bootstrap-select.show > .dropdown-toggle.bs-placeholder,
#country-side .bootstrap-select.show > .dropdown-toggle.bs-placeholder:focus,
#country-side .bootstrap-select.show > .dropdown-toggle.bs-placeholder:hover { color: #32325d; }

#country-side .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; }

#country-side .show > .btn-light.dropdown-toggle { color: #32325D; background-color: #F3F3F9; border-color: #F3F3F9; }

#country-side .bootstrap-select .dropdown-menu { border-color: #fff; margin-top: 0; }

#country-side .bootstrap-select.show-tick .dropdown-menu li.selected a span.text { color: #23233a; }
#country-side .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { color: #6772e5; }

#country-side .bootstrap-select + .icon { pointer-events: none; position: absolute; top: 1.65rem; right: 0.75rem; transform: rotateZ(-90deg); }
    #country-side .bootstrap-select + .icon path { fill: #181828; }






/*Compare countries*/

#compare-countries .bootstrap-select .btn { font-size: 125%; height: calc(3.625rem + 2px); padding: 0.85rem 0.5rem 0.5rem 0.25rem; }

#compare-countries .btn-light { border-color: #fff; background: #fff; color: #181828; border-bottom: 1px solid #ADB5BD; }

    #compare-countries .btn-light:not(:disabled):not(.disabled):active,
    #compare-countries .bootstrap-select > .dropdown-toggle.bs-placeholder,
    #compare-countries .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
    #compare-countries .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
    #compare-countries .bootstrap-select > .dropdown-toggle.bs-placeholder:active { color: #23233a; }

#compare-countries .bootstrap-select.show > .dropdown-toggle.bs-placeholder,
#compare-countries .bootstrap-select.show > .dropdown-toggle.bs-placeholder:focus,
#compare-countries .bootstrap-select.show > .dropdown-toggle.bs-placeholder:hover { color: #32325d; }

#compare-countries .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; }

#compare-countries .show > .btn-light.dropdown-toggle { color: #32325D; background-color: #fff; border-color: #fff; }

#compare-countries .bootstrap-select .dropdown-menu { border-color: #fff; margin-top: 0; }

#compare-countries .bootstrap-select.show-tick .dropdown-menu li.selected a span.text { color: #23233a; }
#compare-countries .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { color: #6772e5; }

#compare-countries .bootstrap-select + .icon { pointer-events: none; position: absolute; top: 1.25rem; right: 0.75rem; transform: rotateZ(-90deg); }
    #compare-countries .bootstrap-select + .icon path { fill: #181828; }





/*Simulator*/

@media (min-width: 768px) {
    .ispar-sidebar { height: calc(100vh - 8rem); overflow-y: scroll; overflow-x: hidden; position: -webkit-sticky; position: sticky; top: 8rem; }
}


table { line-height: 1.33; }
.table thead th { border-top: none; }

.table.table-main thead th:nth-child(3),
.table.table-main td:nth-child(3) { border-right: 1px solid #dee2e6; }


.table.table-main .form-control { background: #fff; }

.table.table-results thead th { font-weight: 400; }

.table.table-results thead th,
.table.table-results th,
.table.table-results td { padding: 0.5rem 1rem; vertical-align: middle; border: none; }
.table.table-results tbody th { text-align: left; padding-left: 0; }


/*bootstrap select customized*/

.dropdown-header { margin-bottom: 0.5rem; }


#ispar-global .bootstrap-select .btn { font-size: 125%; height: calc(3.625rem + 2px); padding: 0.85rem 0.5rem 0.5rem 0.75rem; }

#ispar-global .btn-light { border-color: #32325D; background: #32325D; color: #fff; border-bottom: 1px solid #181828; }

    #ispar-global .btn-light:not(:disabled):not(.disabled):active,
    #ispar-global .bootstrap-select > .dropdown-toggle.bs-placeholder,
    #ispar-global .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
    #ispar-global .bootstrap-select > .dropdown-toggle.bs-placeholder:hover { color: #fff; }

        #ispar-global .bootstrap-select > .dropdown-toggle.bs-placeholder:active { color: #23233a; }

#ispar-global .bootstrap-select.show > .dropdown-toggle.bs-placeholder,
#ispar-global .bootstrap-select.show > .dropdown-toggle.bs-placeholder:focus,
#ispar-global .bootstrap-select.show > .dropdown-toggle.bs-placeholder:hover { color: #32325d; }

#ispar-global .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; /*220*/ }

#ispar-global .show > .btn-light.dropdown-toggle { color: #32325D; background-color: #fff; border-color: #fff; }

#ispar-global .bootstrap-select .dropdown-menu { border-color: #fff; margin-top: 0; }

#ispar-global .bootstrap-select.show-tick .dropdown-menu li.selected a span.text { color: #23233a; }
#ispar-global .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { color: #6772e5; }

#ispar-global .bootstrap-select + .icon { pointer-events: none; position: absolute; top: 1.25rem; right: 0.75rem; transform: rotateZ(-90deg); }
    #ispar-global .bootstrap-select + .icon path { fill: #fff; }


#compare-benchmarks .bootstrap-select.show-tick .dropdown-menu li.selected a span.text { color: #23233a; }

#compare-benchmarks .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover { color: #8898aa; }

#compare-benchmarks .bootstrap-select > .dropdown-menu { border: none; margin: 0; }
#compare-benchmarks .bs-searchbox + .bs-actionsbox { padding: 4px 8px; }


/*simulator side column (Global)*/

#simulator-side .table { line-height: 1.125; }

    #simulator-side .table th, #simulator-side .table td { vertical-align: top; border-top: 0; padding: 0.5rem 0 0.75rem 0; }
    #simulator-side .table td { padding-left: 0.5rem; }

    #simulator-side .table th { color: rgba(255, 255, 255, 0.7) !important; padding-right: 0.5rem; text-align: left; }








/*

*/

nav[data-overlay].navbar-dark { background: #181828; }
.beta-version { color: #cacaca; background-color: #181828; padding-left: 10px; padding-right: 10px; display: inline-block; padding-top: 3px; padding-bottom: 3px; position: absolute; margin-top: 77px; }
.btn-load-sr span { color: white !important; }
.btn-load-sr { color: white !important; cursor: pointer; }
.disabled-flag { opacity: 0.4; filter: grayscale(1); }
.kt-datatable__table { min-height: 0 !important; }
    .kt-datatable__table tbody tr { border-bottom: 1px solid #c3ccef !important; }

.country-data > div > h2 { text-align: left; font-weight: bold; }
.pe-none { pointer-events: none; }
.kt-datatable__head > tr > th > span { color: #8898aa!important;user-select:none; }