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

body {
    padding-top:120px;
    padding-bottom:80px;
} 
label{color:#5c8f94; font-size: 0.8rem;}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 80px;
}
footer .btn{border-radius:1.875rem;padding:0.75rem !important; }


.LocationTitle{position:fixed; top:0px; left:0px; right:0px; width:100%; height:30px; overflow:hidden; font-size:0.9rem; line-height:35px;z-index:1040; background-color:#09275d; color:#fff;}

.MenuHeader{top:30px!important; font-size:0.9rem; padding-bottom:0.2rem; background-color:#2860c5 !important; color:#fff;}
.eMenuLogoDiv{line-height:normal; font-size: 0.9rem !important; text-align: center;}
.eMenuLogo{height:25px; width:auto;}
.TableName{margin-top:6px; display: inline-block;}


#Languages .nav-link{display:inline-block!important;}
.LangageSelect{color:#FFF!important; opacity:0.5!important; background:transparent!important;display:inline-block!important;padding:0!important;width:3rem!important; border:none!important;}
.MenuHeader .navbar-toggler{border:none;}

#LoginForm{max-width:400px; width:80%; margin:200px auto;}
#RegisterForm{max-width:600px; margin:50px auto;}
.errors_default{font-size:0.8rem; color:red;}

/* DIALOG */
#mydialog{width:300px; top:0px; left:0px ;position:absolute; z-index:1000; background-color:#f9f9f9;border:1px solid #ddd;
    display:none;cursor:pointer; border-radius: 6px; overflow: hidden; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.mydialog_header{height:30px;line-height:30px; color:#fff; font-size:14px; font-weight:bold; background:#17a2b8;}
.mydialog_content{padding:40px 20px;}
.mydialog_txt{color:#000}

/*LOADING*/
.ui-icon-loading {
	background: url(../images/ajax-loader.gif);
	background-size: 46px 46px;
        background-repeat: no-repeat;
}
.ui-loading .ui-loader { display: block; }
.ui-loader { display: none; z-index: 9999999; position: fixed; top: 60%; left: 50%; border:0; }
.ui-loader-default { background: none; filter: Alpha(Opacity=18); opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
.ui-loader .ui-icon-loading { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; border-radius: 36px; }
/*END_LOADING*/

/* MESSAGES */
#messages{margin:10px;}
.message_error, .message_success, .message_info {
    padding:8px 30px; 
    position:relative; 
    border:1px solid #888; 
    margin:5px 0px;
    cursor:pointer;
    text-transform:uppercase;
    
}

.message_error{ color:#FF0000; font-weight:bold; background-color:#FFC4C4; }
.message_success{ color:green; font-weight:bold; background-color:#C4FFC4; }
.message_info{ color:#4e89c5; font-weight:bold; background-color:#C4C4FF;}



.navbar-light .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8); font-size:0.9rem;
}

.table-hover{cursor:pointer;}

/* navbar becomes mobile sidebar under lg breakpoint */
@media (max-width: 992px) {
    
    .navbar-light .navbar-nav .nav-link {
            color: rgba(0, 0, 0, 0.8);
    }
    
    li.nav-item{border-bottom: 1px solid #cfcfcf;}
    #main_menu.navbar-collapse.collapsing  {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: -45%;
        transition: all 0.2s ease;
    }

    #main_menu.navbar-collapse.show  {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        flex-direction: column;
        height: auto;
        width: 45%;
        transition: left 0.35s ease;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        background-color: #fff;
    }
    
    #categories{display:block !important;}
    
    #categories  {
        display: block;
        position: fixed;
        top: 60px;
        bottom: 0;
        left: -65%;
        height: auto;
        width: 65%;
        transition: all 0.2s ease;
        z-index: 2000;
        padding-top:40px;
        overflow-x: hidden;
    }

    #categories.collapse.show  {
        position: fixed;
        top: 60px;
        bottom: 0;
        left: 0;
        flex-direction: column;
        height: auto;
        width: 65%;
        transition: left 0.35s ease;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        background-color: #fff;
    }
}


#menu_categories{display:block !important;}
    
#menu_categories  {
        display: block;
        position: fixed;
        top: 98px;
        bottom: 0;
        left: -65%;
        height: auto;
        width: 65%;
        transition: all 0.2s ease;
        z-index: 2000;
        padding:10px;
        overflow-x: hidden;
    }
#menu_categories.collapse.show  {
        position: fixed;
        top: 98px;
        bottom: 0;
        left: 0;
        height: auto;
        width: 65%;
        transition: left 0.35s ease;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        background-color: #fff;
}


#groups div{ padding:9px 20px;}
#groups li {list-style: none; padding:0px; margin:0px;}
#groups ul {padding:0px; margin:0px;}
#groups .folder{font-weight:bold;}
#groups .nofolder{font-weight:normal;}
#groups li.folder div.explored{background-image: url(../images/arrow_group_open.svg)!important;}
#groups li.folder div.collapsed{background-image:url(../images/arrow_group_closed.svg); background-repeat: no-repeat; background-position: right center;}
#groups .selectedGroup{ }
#groups span{display:block;}
#groups div {border-bottom: 1px solid #eee; cursor:pointer;}
#groups div:hover{color:#17a2b8;}



.ItemListPhotoTd{width: 25%;}
.ItemListPhoto{max-width:50px!important;}
.ItemListDescr{
    margin-top: 3px;
    font-style: italic; font-size:0.8rem;
    overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ItemListPrice{ padding:0px 5px; margin:0px 5px; float:right;}
.ItemListCurrency{font-size:0.8rem;}
.ItemListWeight{font-size:0.8rem;}

.ItemPrice{float:right; padding:5px 0px;font-size:1.2rem;}
.ItemWeight{float:left; padding:5px 0px;font-size:1.2rem;}
.ItemDescr{font-style:italic;}

.ItemOrderSection{margin-top:20px;}
.ItemOrderTable td{border:none;}
#OrderCommentsList{height:150px; overflow-y: scroll;}
#OrderCommentsList li{cursor:pointer;}
#Cart{font-size:0.8rem!important;}
#Cart td, #Cart th{padding:0.5rem!important}
.CartItemComment{font-size:0.7rem!important; font-style:italic;}
.CartItemNameTd{width:50%;}
.CartItemQntField{display:inline-block; width:3rem;}
.bg-inactive{color: rgba(0,0,0,0.3)}


/*SORTS*/
.sortColumn{padding-right:20px; position:relative; cursor:pointer;}
.sort_icon, .sortUp_icon, .sortDown_icon{ background-image: url(../images/Sort-icon.png); background-repeat:  no-repeat;
 background-position: right center; width:16px; height:16px; position:absolute; right:2px; top:50%; margin-top:-8px;}
.sortUp_icon{ background-image: url(../images/SortUp-icon.png);}
.sortDown_icon{ background-image: url(../images/SortDown-icon.png);}
/* END SORTS */

icon {
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.ui-icon-closethick {
    background-position: -96px -128px;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("../images/ui-icons_222222_256x240.png");
}
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


.clickable{cursor:pointer;}
.clickable:hover{ background-color:#17a2b8!important;}
.clickable:hover a{color:#FFF}


.SecCodePage{
    display:flex;
    position: fixed;
    justify-content: center;
    align-items: center;
        top: 0;
        bottom: 0;
        left: 0;
        flex-direction: column;
        height: auto;
        width: 100%;
        background-color: #000;
        color:#fff;
}

#SecCodeDiv{
    display:flex;
    align-items: center;
    font-size: 350px;
}

  .PaymentButton{
      width:180px; 
      height:130px; 
      border-radius:18px; 
      cursor: pointer; 
      border:2px solid #d2d2d2;
      background-position: center center;
      background-color: #FFF;
      background-repeat: no-repeat;
      background-size:  contain;
      margin:0px 10px;
  }
  .PaymentButton:hover{border-color:#0580c7;}
  .PaymentButtonPayPal{background-image: url(../images/paypal.svg);}
  .PaymentButtonMyPos{background-image: url(../images/card.svg);}
  .PaymentButtonCode{background-image: url(../images/code.svg);}
  .PaymentButtonYandex{background-image: url(../images/yandex.svg);}
  .PaymentButtonPaysera{background-image: url(../images/Paysera.svg);}
  .PaymentButtonStripe{background-image: url(../images/Visa_MasterCard.svg);}
#AbonamentPaymentSum{font-size:2rem; font-weight: bold;}
#AbonamentCurrency{font-size:1.2rem; font-weight: bold;}
#InvoiceData{height:200px;}