/* 2. ETUP */
.main-nav {
    height: 62px;
    box-shadow: 5px 5px 30px 0px #00000040;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 50px;
}

.main-nav li {
    font-family: "InterBold";
    font-size: 24px;
    line-height: 29.05px;
}

.main-nav a {
    font-family: "InterSemiBold";
    font-size: 14px;
    line-height: 16.94px;
    color: #000;
}

.side-nav {
    /* TMP */
    min-height: 100%;
    /* END TMP */
    background: #2D2C2C;
    list-style: none;
    padding-left: 0;
}

.side-nav li {
    padding: 20px 0px 20px 0px;
}

.side-nav .active {
    background: #1E1F1C;
    border-left: 4px solid #FFB400;
}

.side-nav a {
    color: #fff;
    font-size: 14px;
    font-family: "InterSemiBold";
}

.main-content .card {
    box-shadow: 10px 10px 30px 0px #00000040;
    margin: 20px 0px;
    border: unset;
}

.main-content .card ul {
    border-left: 12px solid #FFB400;
    margin: 40px;
    padding: 20px;
    list-style: none;
}

.main-content .card h2 {
    font-family: "InterBold";
    font-size: 22px;
    line-height: 20px;
}

.main-content .card p {
    font-family: "InterSemiBold";
    font-size: 15px;
    line-height: 19px;
}

.main-content .card span {
    font-family: "InterBold";
}

.main-content h1 {
    font-family: "InterBold";
    font-size: 24px;
    line-height: 29.05px;
    color: #000;
}

.main-content small {
    font-family: "InterLight";
    font-size: 16px;
    line-height: 20px;
    color: #000;
}

.main-content-close {
    position: absolute;
    right: 15px;
    height: auto;
    width: 17px;
    top: 15px;
}

.bg-login {
    background: url('/images/bg-login.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0;
}

.login ul,
.register ul {
    padding: 0px 0px 50px 50px;
    list-style: none;
    display: flex;
    flex-direction: column;
}

.login ul li,
.register ul li {
    padding: 10px 0px;
}

.login h2,
.register h2 {
    color:#000;
    font-family: "InterBold";
    font-size: 24px;
    line-height: 29.05px;
}

.login h3,
.register h3 {
    font-family: "InterBold";
    font-size: 20px;
    line-height: 24.2px;
    color:#000;
}

.login p,
.register p {
    font-family: "InterRegular";
    font-size: 14px;
    line-height: 16.94px;
    color:#000;
}

.login-link {
    font-family: "InterBold";
    font-size: 16px;
    line-height: 19.36px;
    text-decoration: underline;
    color: #FFB400;
}

.register-link {
    font-family: "InterRegular";
    font-size: 16px;
    line-height: 19.36px;
    text-decoration: underline;
    color: #FFB400;
}

.profil-link {
    font-family: "InterRegular";
    font-size: 14px;
    line-height: 20px;
    text-decoration: underline;
    color: #FFB400;
}

.login-link:hover,
.register-link:hover,
.profil-link:hover {
    color: #FFB400;
    opacity: .7;
    text-decoration: underline;
}

.login input {
    border: 1px solid #C4C4C4;
    height: 52px;
    width: 80%;
    padding: 0px 13px;
    border-radius: 20px;
}

.border-orange-left {
    border-left: 5px solid #FFB400;
}

.login .bold,
.register .bold,
.profil .bold {
    font-family: "InterBold";
}

.register small {
    font-size: 14px;
    line-height: 16.94px;
    color: #676767;
}

.register small a {
    text-decoration: underline;
    color: #000;
}

.register small a:hover {
    color: #000;
    opacity: .7;
}

.register label a {
    font-family: "InterRegular";
    font-size: 14px;
    line-height: 16.94px;
    text-decoration: underline;
    color: #FFB400;
}

.register label a:hover {
    text-decoration: underline;
    opacity: .7;
}

.register label {
    font-family: "InterRegular";
    font-size: 14px;
    line-height: 16.94px;
    color: #000;
}

.profil h2 {
    font-family: "InterBold";
    font-size: 24px;
    line-height: 20px;
}

.profil p {
    font-family: "InterRegular";
    font-size: 14px;
    line-height: 20px;
}

.mobil-header {
   display: none;
}

.form-control:focus {
    color: #495057;
    border-color: #495057;
    box-shadow: 0 0 0 .05rem #495057;
}
.profil-img {
    width: 78px;
    height: 78px;
    background-color: #D9D9D9;
    border-radius: 50%;
    margin: 0 auto;
}

.main-nav .dropdown-menu{
    transform: translate3d(-18px, 48px, 0px)!important;
    background-color: #2D2C2C;
}

.main-nav .dropdown-menu a{
    font-family: "InterSemiBold";
    font-size: 14px;
    line-height: 16.94px;
    color:#fff;
}

.main-nav .dropdown-item:focus, .dropdown-item:hover {
    color: unset;
    text-decoration: none;
    background-color: unset;
    opacity: .7;
}
.main-nav .dropdown-toggle::after {
    color: #000;
}

.main-nav .navbar-toggler {
    border: unset;
}

.main-nav .navbar-toggler-icon {
    background-image: url('/images/icon-mobilmenu.svg');
}

.mobil-d-block{
    display: none;
}

.mobile-d-none {
    display: block;
}

.mobil-d-flex{
    display: none;
}

.desktop-d-none{
  display: none;
}

.info-card ul{
    display: flex;
    align-items: center;
    list-style: none;
    border: 1px solid #C8C8C8;
    margin: 10px;
    padding:15px;
}
.info-card ul li{
    padding-left: 25px;
}

.info-card p{
    font-family: "InterBold";
    font-size: 16px;
    line-height: 20px;
    color: #000;
}
.info-card small{
    font-family: "InterLight";
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.main-content table {
  border: 1px solid #D9D9D9;
}

.main-content table tr{
  height: 45px;
}

.main-content table th,.main-content table td{
    border-bottom: 1px solid #D9D9D9;
}
.main-content table td:first-child,.main-content table td:last-child{
    border-bottom:none;
    width: 25px;
}

.main-content table td,.main-content table th{
  padding: 20px 0px;
}

.search-input{
  border-top: unset;
  border-right: unset;
  border-left: unset;
}

.no-border{
  border: unset;
}

.sidemenu-icon{
    display: inline-block;
    background-repeat: no-repeat;
    width: 17px;
    height: 18px;
    margin-left: 30px;
    margin-right: 15px;
}

.sidemenu-text{
    display: inline-block;
}

.sidemenu-text p{
    position: relative;
    top:2px;
}

.side-nav-logo{
  padding-left: 30px;
}

.sidemenu-icon-minimal{
  display: block;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}

.gallery-basket h1{
  font-family: "InterBold";
  font-size: 35px;
  line-height: 42.36px;
}

.gallery-basket p{
  font-family: "InterRegular";
  font-size: 14px;
  line-height: 20px;
}

.gallery-basket-item ul{
  display: flex;
  list-style: none;
  background: #F0F0F0;
  padding: 25px 25px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2px;
}

.gallery-basket-item ul li{
  font-family: "InterSemiBold";
  font-size: 16px;
  line-height: 19.36px;
  color: #000;
}

.active svg path{
  fill: #FFB400;
}

.sidenav-openmenu{
  padding-top: 0!important;
  padding-bottom: 0!important;
}

.sidenav-openmenu ul{
  background: #393939;
  color: #fff;
  list-style: none;
}

.sidenav-openmenu ul li a{
  font-family: "InterMedium";
  font-size: 14px;
  line-height: 16.94px;
}

.sidenav-openmenu .active-menu{
  font-family: "InterExtraBold";
}

.gallery p.bold{
  font-family: 'InterSemiBold';
}

.gallery-link{
  font-family: "InterBold";
  font-size: 14px;
  line-height: 16.94px;
  text-decoration: underline;
  color: #FFB400;
}

.table-list label,.table-list select,.table-list td,.table-list th{
  font-size: 14px;
  line-height: 16.94px;
  white-space: nowrap;
}

.table-list th{
  font-family: "InterBold";
}

.table-list p{
  font-size: 14px;
  line-height: 20px;
  color: #000;
}

.table-list .medium{
  font-family: "InterMedium";
}

.table-list .sbold{
  font-family: "InterSemiBold";
}

.table-list .form-select,.table-list .form-check,.table-list .search-input{
  display: inline-block;

}

.mail-img{
  width: 101px;
}

.table-list .underline{
  text-decoration: underline;
}

.main-content .bold{
  font-family: "InterBold";
}

.left-border-orange{
  border-left: 6px solid #FFB400;
}

.marketing-link{
  font-family: "InterBold";
  font-size: 14px;
  line-height: 16.94px;
  color: #FFB400;
  text-decoration: underline;
}

.subtitle{
  font-family: "InterBold";
  font-size: 24px;
  line-height: 29.05px;
  color: #000;
}

.dl-link{
  font-family: "InterBold";
  font-size: 14px;
  line-height: 20px;
  color: #FFB400;
}

.desciption-list ol,.desciption-list ol li{
  font-family: "InterRegular";
  font-size: 14px;
  line-height: 20px;
  color: #000;
}

.form small{
  font-family: "InterBold";
  font-size: 12px;
  line-height: 20px;
  color: #000;
  white-space: nowrap;
}

.main-content table .form-check-label{
    margin-top: 3px!important;
}

.main-content .custom-select{
    background: #fff url(/images/partnerkapu/select-arrow.svg) right 0.75rem center / 8px no-repeat;
    background-size: 8px;
    border: 1px solid #000;
    color: #000;
}

.table-head-select{
    width: 50%;
    height: 31px;
    padding-left: 15px;
    border-radius: unset;
  }

  .change-view{
    background-image: url('/images/partnerkapu/icon-view.svg');
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
  }

  .change-arr{
    background-image: url('/images/partnerkapu/icon-arr.svg');
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
  }

  .mobil-d-table{
    display: none;
  }

  .table-list table .form-check-input{
    position: relative;
  }

  .orange-dot{
  width: 11px;
  height: 11px;
  background: #FFB400;
  border-radius: 50%;
  display: inline-block;
}

.main-content .custom-checkbox .custom-control-label::before {
  border: 2px solid #ffb400;
  border-radius: 2px;
  background-color: #fff;
}

.main-content .custom-checkbox .custom-control-label{
  padding-top: 4px;
}

.main-content .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #ffb400;
}

.main-content .custom-control-input:focus:not(:checked)~.custom-control-label::before {
  border-color: #ffb400;
}

.main-content .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(255, 180, 0, .25);
}

.open-list-element p:first-child{
  display: inline-block;
}

.align-vert-top{
  vertical-align: top;
}

.custom-table .custom-checkbox .custom-control-label {
  padding-left: 20px;
}

.custom-table .custom-checkbox .custom-control-label::before {
  border: 2px solid #D9D9D9;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.custom-table .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.desktop-custom-checkbox{
  padding-left: 30px;
  display: inline-block;
}

.mobil-custom-checkbox label{
  white-space: nowrap!important;
}

.custom-table table input{
  top: 50%;
  transform: translateY(-50%);
}