/* =======================
   GENEL ETKİLEŞİM
======================= */
.country,
.hiddenNum,
.plusss,
.state,
a {
    cursor: pointer;
}

.bold,
.selected_ct {
    font-weight: 700;
}

/* =======================
   COUNTRY / STATE
======================= */
.calendarRightBlock,
.country,
.selected_ct,
.state {
    display: inline-block;
}

.country,
.state {
    height: 11px;
    font-size: 10px;
    width: auto;
    clear: both;
    padding: 1px 5px;
}

.country_block {
    padding-bottom: 20px;
}

.selected_ct {
    background-color: #3A87AD;
    color: #FFF;
    border-radius: 3px;
    padding: 2px 4px;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}

.nocountry {
    color: #BBB;
}

/* =======================
   GRID / LOADING
======================= */
.grid-view-loading,
.grid-view-tr-loading {
    pointer-events: none;
    opacity: .3;
}

/* =======================
   MODAL & TABLE
======================= */
.modalleft {
    float: left;
    width: 220px;
}

table.modalitems td {
    padding: 3px;
    border: none;
}

table.modalitems tbody {
    border-top: none;
}

/* =======================
   FORM / INPUT
======================= */
textarea {
    resize: none;
}

.text-ellipsis {
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* =======================
   RENKLER
======================= */
.red {
    color: #FF3304;
}

.green {
    color: #3FE203;
}

.yes {
    color: #FFD822;
}

.centered {
    text-align: center;
}

/* =======================
   AUTOCOMPLETE
======================= */
.ui-autocomplete-loading {
    background: url(/img/loading.gif) right center no-repeat #fff !important;
}

/* =======================
   MODAL BOYUTLAR
======================= */
#ssnSearchModal .modal-dialog {
    width: 60%;
}

#ssnSearchModal .modal-body {
    overflow-y: auto;
}

#createTicketModal .modal-dialog {
    width: 800px;
}

/* =======================
   CHECK STATUS
======================= */
.check-valid {
    background-color: #0d1809;
}

.check-invalid {
    background-color: #18090d;
}

/* =======================
   PRODUCT WIDTH
======================= */
.fluid_width_products {
    width: 80%;
    margin: 0 auto;
    padding: 30px 0;
}

.fixed_width_products_form {
    width: 1024px;
    margin: 0 auto;
    padding: 30px 0;
}

/* =======================
   CART / NOTIFIER BAR
======================= */
.addToCartMenu,
.errorCartMenu,
.goToCartMenu,
.notifierBar {
    width: 100%;
    height: 76px;
    line-height: 76px;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 10px #000;
}

.addToCartMenu {
    background: rgba(255, 216, 34, .32);
}

.goToCartMenu {
    background: rgba(29, 79, 21, .8);
}

.errorCartMenu {
    background: rgba(171, 62, 51, .8);
}

.notifierBar {
    background: rgba(29, 79, 21, .8);
}

/* =======================
   TEXT
======================= */
.large {
    text-transform: uppercase;
    font-size: x-large;
}

/* =======================
   PRODUCTS GRID
======================= */
#products-grid table {
    word-break: break-all;
}

#products-grid table th {
    color: #FFD822;
}

/* =======================
   SELECT2
======================= */
.select2-dropdown {
    width: 500px !important;
}

#select2-ProductsSearchForm_base_id-results,
#select2-ProductsSearchForm_holder_state-results {
    position: absolute;
    min-width: 195px;
    min-height: 500px;
}

#products-search-form .select2-selection--multiple {
    max-height: 80px;
    overflow-y: auto;
}

#products-search-form
.baseSelect2
ul.select2-selection__rendered
li {
    width: 100%;
    word-wrap: break-word;
}

.baseSelect2 .select2-selection__choice {
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#products-search-form
.select2-container--default
.select2-selection--multiple
.select2-selection__rendered {
    padding: 0 12px;
}

/* =======================
   ADDRESS
======================= */
.showXtcAddress {
    font-style: italic;
    color: #2EC230;
    text-decoration: underline dashed #2EC230;
}

/* =========================================================
   PASSWORD – SEGMENTLİ (KUTUCUKLU) STRENGTH BAR
   UNICC FINAL
========================================================= */

/* password-indicator.js default barı kapat */
.password-indicator + div {
    all: unset;
}

/* password input alt boşluk */
#RegistrationForm_password {
    margin-bottom: 0;
}

/* BAR KONTEYNER */
#passwordStrengthDiv {
    display: flex;
    gap: 3px;
    margin: 6px 0 4px 0;
}

/* BAR KUTUCUKLARI */
#passwordStrengthDiv span {
    width: 14px;
    height: 6px;
    background: #3a3a3a;
    border-radius: 1px;
}

/* ZAYIF */
#passwordStrengthDiv.is1 span:nth-child(-n+2) {
    background: #d9534f;
}

/* ORTA */
#passwordStrengthDiv.is2 span:nth-child(-n+5) {
    background: #f0ad4e;
}

/* GÜÇLÜ */
#passwordStrengthDiv.is3 span {
    background: #5cb85c;
}

/* ERROR MESAJ */
#RegistrationForm_password_em_ {
    display: block !important;
    margin-top: 2px;
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    color: #ff4d4d;
}