.none{
    display: none;
}

.invoice {
    background-color: #ffffff;
    padding: 100px 100px 70px;
    color: #8c8c8c;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .invoice {
        padding: 50px 50px 35px;
    }
}
@media (max-width: 480px) {
    .invoice {
        padding: 35px 25px 15px;
    }
}
.invoice-header {
    margin-bottom: 100px;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .invoice-header {
        margin-bottom: 50px;
    }
}
@media (max-width: 480px) {
    .invoice-header > div {
        float: none;
        width: 100%;
    }
}
.invoice-logo {
    height: 54px;
    min-width: 204px;
    background-image: url("../img/logo-xx.png");
    background-repeat: no-repeat;
    background-position: 0 ;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .invoice-logo {
        height: 27px;
        width: 102px;
        background-image: url("../img/logo.png");
    }
}
@media (max-width: 480px) {
    .invoice-logo {
        margin: 0 auto 20px;
        float: none;
        min-width: auto;
    }
}
.invoice-order {
    text-align: right;
}
@media (max-width: 480px) {
    .invoice-order {
        text-align: center;
    }
}
.invoice-id {
    display: block;
    font-size: 30px;
    line-height: 30px;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .invoice-id {
        font-size: 15px;
        line-height: 18px;
    }
}
.incoice-date {
    display: block;
    font-size: 18px;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .incoice-date {
        font-size: 13px;
    }
}
.invoice-data {
    margin-bottom: 110px;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .invoice-data {
        margin-bottom: 55px;
    }
}
@media (max-width: 480px) {
    .invoice-data > div {
        float: none;
        width: 100%;
    }
}
@media (max-width: 480px) {
    .invoice-person {
        text-align: center;
    }
}
.invoice-person span {
    font-size: 18px;
    line-height: 26px;
    display: block;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .invoice-person span {
        font-size: 13px;
        line-height: 20px;
    }
}
.invoice-person .name {
    font-weight: 500;
}
.invoice-person:last-child {
    text-align: right;
}
@media (max-width: 480px) {
    .invoice-person:last-child {
        text-align: center;
    }
}
.invoice-payment-direction {
    text-align: center;
    position: relative;
    padding-top: 20px;
}
@media (max-width: 480px) {
    .invoice-payment-direction {
        padding: 20px;
    }
}
.invoice-payment-direction .icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #f7f7f7;
    font-size: 50px;
    color: #c2c2c2;
    line-height: 80px;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .invoice-payment-direction .icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 25px;
    }
}
@media (max-width: 480px) {
    .invoice-payment-direction .icon {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
.invoice-details {
    width: 100%;
    font-size: 16px;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .invoice-details {
        font-size: 11px;
    }
}
.invoice-details tr > td {
    padding: 20px 0;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .invoice-details tr > td {
        padding: 15px 0;
    }
}
.invoice-details th {
    text-align: right;
    padding-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
}
.invoice-details th:first-child {
    text-align: left;
}
.invoice-details td.description,
.invoice-details td.hours,
.invoice-details td.amount,
.invoice-details td.summary {
    border-bottom: 1px solid #f0f0f0;
}
.invoice-details td.hours {
    text-align: right;
}
.invoice-details td.amount {
    text-align: right;
}
.invoice-details td.summary {
    color: #c4c4c4;
}
.invoice-details td.total {
    color: #8c8c8c;
    font-weight: 500;
}
.invoice-details td.total-value {
    font-size: 22px;
    color: #4285f4;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .invoice-details td.total-value {
        font-size: 11px;
    }
}
.invoice-payment-method {
    margin-bottom: 75px;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .invoice-payment-method {
        margin-bottom: 37px;
    }
}
.invoice-payment-method span {
    font-size: 18px;
    line-height: 26px;
    display: block;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .invoice-payment-method span {
        font-size: 13px;
        line-height: 20px;
    }
}
.invoice-payment-method .title {
    font-weight: 500;
}
.invoice-message {
    font-size: 16px;
    margin-bottom: 62px;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .invoice-message {
        font-size: 13px;
    }
}
@media (max-width: 480px) {
    .invoice-message {
        margin-bottom: 31px;
    }
}
.invoice-message .title {
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    margin-bottom: 12px;
}
.invoice-message p {
    line-height: 26px;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .invoice-message p {
        line-height: 20px;
    }
}
.invoice-company-info {
    margin-bottom: 70px;
}
@media (max-width: 767px), (max-width: 480px) {
    .invoice-company-info {
        margin-bottom: 35px;
    }
}
.invoice-company-info > div {
    border-left: 1px solid #f0f0f0;
    padding: 8px 40px;
}
@media (max-width: 767px), (max-width: 480px) {
    .invoice-company-info > div {
        border: none;
        padding: 8px 15px;
    }
}
.invoice-company-info > div:first-child {
    border-left: none;
}
.invoice-company-info .summary {
    padding: 0 40px 0;
    line-height: 16px;
}
@media (max-width: 767px), (max-width: 480px) {
    .invoice-company-info .summary {
        padding: 8px 15px;
    }
}
.invoice-company-info .summary .title {
    color: #8c8c8c;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
}
.invoice-company-info .summary p {
    line-height: 16px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .invoice-company-info .phone {
        border-left-width: 0;
    }
}
.invoice-footer {
    text-align: center;
}
.invoice-footer .btn {
    min-width: 96px;
    font-size: 14px;
}

.control-label{
    padding-top: 8px;
}
.alert h1, .alert h2, .alert h3,  .alert h4, .alert h5,.alert h6{
    margin-bottom: 0;
}
.help-block{
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 600;
    background: #fff5e9;
    color: #876a29;
    border-radius: 4px;
    margin-top: 5px;
}
.btn{
    font-weight: 600;
    letter-spacing: 0;
}
.ck-editor__editable {
    min-height: 200px;
}

.card-header {
    padding: 0.5rem;
}
textarea{
    resize: none;
}
.jqte{
    margin: 0;
}

.jqte_focused {
    border-color: #eee;
    box-shadow: none;
}
.jqte_tool.jqte_tool_1 .jqte_tool_label{
    height: auto;
}

table th{
    white-space: normal;
    overflow-wrap: break-word;
}
.detailFlatpickr {
    display: none;
}

.btn_round{
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    margin-left: 10px;
    border:1px solid #ccc;
    cursor: pointer;
  }
  .btn_round:hover{
    color:#fff;
    background:#6b4acc;
    border:1px solid #6b4acc;
  }
  
  .btn_content_outer{
  display: inline-block;
  width: 85%;
  }
  .close_c_btn{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 0px;
    line-height: 30px;
    border-radius: 50%;
    background: #ededed;
    border: 1px solid #ccc;
    color: #ff5c5c;
    text-align: center;
    cursor: pointer;
  }
  
  .add_icon{
    padding:10px;
    border: 1px dashed #aaa;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
  }
  .add_group_btn{
    display: flex;
  }
  .add_group_btn i{
   font-size: 32px;
   display: inline-block;
   margin-right: 10px;
   
  }
  
  .add_group_btn span{
   margin-top: 8px;
  }
  .add_group_btn, .clone_sub_task{
    cursor: pointer;
  }
  
  
  .sub_task_append_area .custom_square{
    cursor: move;
  }
  
  .del_btn_d{
    display: inline-block;
      position: absolute;
      right: 20px;
      border: 2px solid #ccc;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      font-size: 18px;
  }


  .foo {
    opacity: 0.4;
    filter: alpha(opacity=40); }
  
  .mt-0 {
    margin-top: 0px !important; }
  
  .pt-0 {
    padding-top: 0px !important; }
  
  .mb-0 {
    margin-bottom: 0px !important; }
  
  .pb-0 {
    padding-bottom: 0px !important; }
  
  .ml-0 {
    margin-left: 0px !important; }
  
  .pl-0 {
    padding-left: 0px !important; }
  
  .mr-0 {
    margin-right: 0px !important; }
  
  .pr-0 {
    padding-right: 0px !important; }
  
  .mt-5 {
    margin-top: 5px !important; }
  
  .pt-5 {
    padding-top: 5px !important; }
  
  .mb-5 {
    margin-bottom: 5px !important; }
  
  .pb-5 {
    padding-bottom: 5px !important; }
  
  .ml-5 {
    margin-left: 5px !important; }
  
  .pl-5 {
    padding-left: 5px !important; }
  
  .mr-5 {
    margin-right: 5px !important; }
  
  .pr-5 {
    padding-right: 5px !important; }
  
  .mt-10 {
    margin-top: 10px !important; }
  
  .pt-10 {
    padding-top: 10px !important; }
  
  .mb-10 {
    margin-bottom: 10px !important; }
  
  .pb-10 {
    padding-bottom: 10px !important; }
  
  .ml-10 {
    margin-left: 10px !important; }
  
  .pl-10 {
    padding-left: 10px !important; }
  
  .mr-10 {
    margin-right: 10px !important; }
  
  .pr-10 {
    padding-right: 10px !important; }
  
  .mt-15 {
    margin-top: 15px !important; }
  
  .pt-15 {
    padding-top: 15px !important; }
  
  .mb-15 {
    margin-bottom: 15px !important; }
  
  .pb-15 {
    padding-bottom: 15px !important; }
  
  .ml-15 {
    margin-left: 15px !important; }
  
  .pl-15 {
    padding-left: 15px !important; }
  
  .mr-15 {
    margin-right: 15px !important; }
  
  .pr-15 {
    padding-right: 15px !important; }
  
  .mt-20 {
    margin-top: 20px !important; }
  
  .pt-20 {
    padding-top: 20px !important; }
  
  .mb-20 {
    margin-bottom: 20px !important; }
  
  .pb-20 {
    padding-bottom: 20px !important; }
  
  .ml-20 {
    margin-left: 20px !important; }
  
  .pl-20 {
    padding-left: 20px !important; }
  
  .mr-20 {
    margin-right: 20px !important; }
  
  .pr-20 {
    padding-right: 20px !important; }
  
  .mt-25 {
    margin-top: 25px !important; }
  
  .pt-25 {
    padding-top: 25px !important; }
  
  .mb-25 {
    margin-bottom: 25px !important; }
  
  .pb-25 {
    padding-bottom: 25px !important; }
  
  .ml-25 {
    margin-left: 25px !important; }
  
  .pl-25 {
    padding-left: 25px !important; }
  
  .mr-25 {
    margin-right: 25px !important; }
  
  .pr-25 {
    padding-right: 25px !important; }
  
  .mt-30 {
    margin-top: 30px !important; }
  
  .pt-30 {
    padding-top: 30px !important; }
  
  .mb-30 {
    margin-bottom: 30px !important; }
  
  .pb-30 {
    padding-bottom: 30px !important; }
  
  .ml-30 {
    margin-left: 30px !important; }
  
  .pl-30 {
    padding-left: 30px !important; }
  
  .mr-30 {
    margin-right: 30px !important; }
  
  .pr-30 {
    padding-right: 30px !important; }
  
  .mt-35 {
    margin-top: 35px !important; }
  
  .pt-35 {
    padding-top: 35px !important; }
  
  .mb-35 {
    margin-bottom: 35px !important; }
  
  .pb-35 {
    padding-bottom: 35px !important; }
  
  .ml-35 {
    margin-left: 35px !important; }
  
  .pl-35 {
    padding-left: 35px !important; }
  
  .mr-35 {
    margin-right: 35px !important; }
  
  .pr-35 {
    padding-right: 35px !important; }
  
  .mt-40 {
    margin-top: 40px !important; }
  
  .pt-40 {
    padding-top: 40px !important; }
  
  .mb-40 {
    margin-bottom: 40px !important; }
  
  .pb-40 {
    padding-bottom: 40px !important; }
  
  .ml-40 {
    margin-left: 40px !important; }
  
  .pl-40 {
    padding-left: 40px !important; }
  
  .mr-40 {
    margin-right: 40px !important; }
  
  .pr-40 {
    padding-right: 40px !important; }
  
  .mt-45 {
    margin-top: 45px !important; }
  
  .pt-45 {
    padding-top: 45px !important; }
  
  .mb-45 {
    margin-bottom: 45px !important; }
  
  .pb-45 {
    padding-bottom: 45px !important; }
  
  .ml-45 {
    margin-left: 45px !important; }
  
  .pl-45 {
    padding-left: 45px !important; }
  
  .mr-45 {
    margin-right: 45px !important; }
  
  .pr-45 {
    padding-right: 45px !important; }
  
  .mt-50 {
    margin-top: 50px !important; }
  
  .pt-50 {
    padding-top: 50px !important; }
  
  .mb-50 {
    margin-bottom: 50px !important; }
  
  .pb-50 {
    padding-bottom: 50px !important; }
  
  .ml-50 {
    margin-left: 50px !important; }
  
  .pl-50 {
    padding-left: 50px !important; }
  
  .mr-50 {
    margin-right: 50px !important; }
  
  .pr-50 {
    padding-right: 50px !important; }
  
  .mt-60 {
    margin-top: 60px !important; }
  
  .pt-60 {
    padding-top: 60px !important; }
  
  .mb-60 {
    margin-bottom: 60px !important; }
  
  .pb-60 {
    padding-bottom: 60px !important; }
  
  .ml-60 {
    margin-left: 60px !important; }
  
  .pl-60 {
    padding-left: 60px !important; }
  
  .mr-60 {
    margin-right: 60px !important; }
  
  .pr-60 {
    padding-right: 60px !important; }
  
  .mt-75 {
    margin-top: 75px !important; }
  
  .pt-75 {
    padding-top: 75px !important; }
  
  .mb-75 {
    margin-bottom: 75px !important; }
  
  .pb-75 {
    padding-bottom: 75px !important; }
  
  .ml-75 {
    margin-left: 75px !important; }
  
  .pl-75 {
    padding-left: 75px !important; }
  
  .mr-75 {
    margin-right: 75px !important; }
  
  .pr-75 {
    padding-right: 75px !important; }
  
  .mt-100 {
    margin-top: 100px !important; }
  
  .pt-100 {
    padding-top: 100px !important; }
  
  .mb-100 {
    margin-bottom: 100px !important; }
  
  .pb-100 {
    padding-bottom: 100px !important; }
  
  .ml-100 {
    margin-left: 100px !important; }
  
  .pl-100 {
    padding-left: 100px !important; }
  
  .mr-100 {
    margin-right: 100px !important; }
  
  .pr-100 {
    padding-right: 100px !important; }
  
  .mt-200 {
    margin-top: 200px !important; }
  
  .pt-200 {
    padding-top: 200px !important; }
  
  .mb-200 {
    margin-bottom: 200px !important; }
  
  .pb-200 {
    padding-bottom: 200px !important; }
  
  .ml-200 {
    margin-left: 200px !important; }
  
  .pl-200 {
    padding-left: 200px !important; }
  
  .mr-200 {
    margin-right: 200px !important; }
  
  .pr-200 {
    padding-right: 200px !important; }
  
  .mt-300 {
    margin-top: 300px !important; }
  
  .pt-300 {
    padding-top: 300px !important; }
  
  .mb-300 {
    margin-bottom: 300px !important; }
  
  .pb-300 {
    padding-bottom: 300px !important; }
  
  .ml-300 {
    margin-left: 300px !important; }
  
  .pl-300 {
    padding-left: 300px !important; }
  
  .mr-300 {
    margin-right: 300px !important; }
  
  .pr-300 {
    padding-right: 300px !important; }
  
  /* @extend display-flex; */
  display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex; }
  
  /* @extend list-type-ulli; */
  list-type-ulli {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  
  .custom_checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 20px;
    font-size: 13px;
    font-weight: 500;
    color: #2c3747; }
    .custom_checkbox.custom_check_item {
      padding-left: 30px; }
      .custom_checkbox.custom_check_item .checkmark {
        top: 2px; }
    .custom_checkbox input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    .custom_checkbox .checkmark {
      position: absolute;
      left: 0px;
      top: 1px;
      width: 24px;
      height: 24px;
      border: 1px solid #ccc;
      border-radius: 2px; }
      .custom_checkbox .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 0px;
        top: 2px;
        width: 22px;
        height: 22px;
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8891 1.26029C13.6498 1.02098 13.2619 1.02098 13.0225 1.26029L5.68127 8.60161L2.85941 5.77976C2.62013 5.54045 2.23217 5.54047 1.99284 5.77976C1.75353 6.01905 1.75353 6.407 1.99284 6.64631L5.24798 9.90141C5.4872 10.1407 5.87544 10.1405 6.11456 9.90141L13.8891 2.12687C14.1284 1.88758 14.1284 1.49961 13.8891 1.26029Z' fill='%23EC660F' stroke='%23ce112c' stroke-width='2'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: contain; }
    .custom_checkbox input:checked ~ .checkmark:after {
      display: block; }
    .custom_checkbox i.count {
      font-size: 10px;
      font-style: normal;
      padding: 0 5px;
      background-color: #ddd;
      border-radius: 8px;
      line-height: 13px;
      color: #6c6c6c;
      margin-left: 5px;
      font-weight: bold;
      display: inline-block;
      min-width: 30px;
      text-align: center; }
  
  .mainSearchWrapper .item > .inputItem {
    height: 50px; }
  
  .companyHeaderContainer {
    min-height: 68px; }
  
  .filter_sidebar .card-header {
    border-radius: 0;
    padding: 0;
    border-bottom: none;
    background-color: unset;
    border: unset; }
    .filter_sidebar .card-header a {
      font-size: 18px;
      font-weight: bold;
      color: #212629;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 40px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 10px; }
      .filter_sidebar .card-header a .title {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      .filter_sidebar .card-header a.collapsed i {
        -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
                transform: rotate(0deg); }
      .filter_sidebar .card-header a i.arrowIcon {
        -webkit-transition: .3s transform ease-in-out;
        -o-transition: .3s transform ease-in-out;
        transition: .3s transform ease-in-out;
        width: 20px;
        height: 20px;
        display: inline-block;
        line-height: 20px;
        background-color: #fff;
        border-radius: 50%;
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
        text-align: center;
        background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.95 6.364L0 1.414L1.414 0L7.778 6.364L1.414 12.728L0 11.314L4.95 6.364Z' fill='%23ce112c'/%3E%3C/svg%3E%0A");
        background-size: 6px;
        background-repeat: no-repeat;
        background-position: center center;
        vertical-align: middle; }
      .filter_sidebar .card-header a i.tedarekLogoItem {
        margin-right: 5px;
        font-size: 13px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  
  .filter_sidebar .filter_container .buttons_area {
    display: block;
    margin-bottom: 20px; }
    .filter_sidebar .filter_container .buttons_area .btnItem {
      font-size: 16px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .filter_sidebar .filter_container .buttons_area .btnItem i {
        font-size: 20px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-right: 10px; }
  
  .filter_sidebar .card {
    border: unset;
    border-radius: 0;
    background-color: #fff;
    margin-bottom: 20px;
    padding: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    overflow: hidden; }
    .filter_sidebar .card .card-body {
      padding: 0;
      position: relative; }
      .filter_sidebar .card .card-body input[type="number"] {
        -moz-appearance: textfield; }
        .filter_sidebar .card .card-body input[type="number"]::-webkit-outer-spin-button, .filter_sidebar .card .card-body input[type="number"]::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0; }
      .filter_sidebar .card .card-body.price_body label {
        display: block;
        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 0;
        color: #a4a4a4; }
      .filter_sidebar .card .card-body.price_body button {
        margin-top: 20px; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .filter_sidebar .card .card-body.price_body button {
            padding-left: 0;
            padding-right: 0;
            text-align: center; } }
  
  .filter_sidebar .custom_checkbox {
    padding-left: 35px;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  
  .category_filter_area {
    max-height: 235px;
    min-height: 235px;
    overflow: auto; }
    .category_filter_area a {
      font-size: 13px;
      font-weight: 500;
      color: #2c3747;
      border-bottom: 1px solid #eae7e7;
      padding: 5px 5px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transition: background-color ease .3s;
      -o-transition: background-color ease .3s;
      transition: background-color ease .3s; }
      .category_filter_area a:hover {
        -webkit-transition: background-color ease .3s;
        -o-transition: background-color ease .3s;
        transition: background-color ease .3s;
        background-color: #f4f4f4; }
      .category_filter_area a i.count {
        font-size: 11px;
        font-style: normal;
        padding: 0 5px;
        background-color: #ddd;
        border-radius: 8px;
        line-height: 14px;
        color: #6c6c6c;
        margin-left: 5px;
        font-weight: bold;
        min-width: 30px;
        text-align: center;
        display: inline-block;
        height: 14px; }
  
  .categoryListStyle .listItem {
    font-size: 16px;
    font-weight: 400;
    display: block;
    padding: 10px 10px;
    -webkit-transition: background-color,color ease .3s;
    -o-transition: background-color,color ease .3s;
    transition: background-color,color ease .3s; }
    .categoryListStyle .listItem:hover {
      -webkit-transition: background-color,color ease .3s;
      -o-transition: background-color,color ease .3s;
      transition: background-color,color ease .3s;
      background-color: #ce112c;
      color: #fff; }
  
  .search_filter_input {
    width: 100%;
    font-size: 16px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    height: 40px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    padding: 0 8px;
    margin-bottom: 10px;
    position: relative; }
    .search_filter_input:focus, .search_filter_input:active {
      border-color: pink;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s; }
  
  .filter_overflow_area {
    max-height: 235px;
    min-height: 235px;
    overflow: auto; }
  
  .custom_scrool::-webkit-scrollbar {
    width: 6px; }
  
  .custom_scrool::-webkit-scrollbar-track {
    background-color: #eee; }
  
  .custom_scrool::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px; }
  
  .categoryThumbContainer {
    margin-bottom: 0; }
  
  .inlinePageSearchCover {
    padding-top: 30px;
    border-top: 1px solid #ddd;
    background-color: #fff; }
  
  .inlinePageSearchCover.sticky {
    padding-bottom: 0;
    padding-top: 20px;
    border-bottom: 1px solid #ddd; }
  
  .fixedHeaderContainer {
    min-height: 140px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px; }
  
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    -webkit-box-shadow: 0px 2px 12px 0px #00000047;
            box-shadow: 0px 2px 12px 0px #00000047;
    -webkit-transition: all ease .3;
    -o-transition: all ease .3;
    transition: all ease .3; }
    @media only screen and (max-width: 767px) {
      .sticky {
        position: unset; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .sticky {
        position: unset; } }
  
  .heroCategoryWrapper .catItem {
    padding-left: 6px;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 6px;
    margin-bottom: 6px; }
  
  .selectPropListWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .selectPropListWrapper .item.listItem {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .selectPropListWrapper .item.btnItem {
      max-width: 20%;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center; }
    .selectPropListWrapper .listWrap ul {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-top: 10px;
      width: 100%; }
      .selectPropListWrapper .listWrap ul li {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        color: #000;
        margin-bottom: 10px; }
        .selectPropListWrapper .listWrap ul li:hover .btnClose {
          opacity: 1;
          -webkit-transition: opacity ease .3s;
          -o-transition: opacity ease .3s;
          transition: opacity ease .3s; }
        .selectPropListWrapper .listWrap ul li .btnClose {
          cursor: pointer;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin-left: 10px;
          font-size: 16px;
          color: #CE0E2D;
          opacity: 0;
          -webkit-transition: opacity ease .3s;
          -o-transition: opacity ease .3s;
          transition: opacity ease .3s; }
  
  .mobileCategoryContainer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 110; }
    .mobileCategoryContainer.active {
      visibility: visible;
      opacity: 0.99; }
  
  .mobileCategoryWrapper {
    height: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    padding: 10px 25px; }
    .mobileCategoryWrapper .filter_sidebar {
      width: 100%; }
      .mobileCategoryWrapper .filter_sidebar .card {
        margin-bottom: 10px;
        padding-bottom: 10px; }
  
  .categoryHeaderWrapper .headerContainerCenter {
    display: none; }


  .header {
      background: #102227;
      padding: 33px 0px 33px 0px !important;
  }
  #headerMenuCollapse {
      background: #fff;
      padding: 5px 0px 5px 0px !important;
  } 
  
  .header .safeExit {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100px;
      height: 27px;
      background: #304B50;
      border: 1px solid #F5F5F5;
      border-radius: 5px;
      font-weight: 500;
      font-size: 12px;
      line-height: 14px;
      color: #ffffff;
  }
  
  .header .nav-tabs .nav-link {
      font-weight: 600;
      font-size: 14px;
      line-height: 18px;
      color: #304B50;
      padding-bottom: 10px;
      padding-top: 10px;
  }
  
  .header .nav-tabs .nav-item.dropdown {
      padding-top : 10px;
      padding-bottom: 10px;
      display: flex;
  }
  
  .header .nav-tabs .nav-item.dropdown:after {
      display: flex;
      align-items: center;
      content: "";
      width: 8px;
      height: 15px;
      background-image: url('data:image/svg+xml,<svg width="8" height="4" viewBox="0 0 8 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.145157 0.75277C-0.0483857 0.580563 -0.0483857 0.301361 0.145157 0.129155C0.3387 -0.0430516 0.652495 -0.0430516 0.846038 0.129155L4.35044 3.24723C4.54398 3.41944 4.54398 3.69864 4.35044 3.87084C4.1569 4.04305 3.8431 4.04305 3.64956 3.87084L0.145157 0.75277Z" fill="black"/><path d="M7.15396 0.129155C7.34751 -0.0430516 7.6613 -0.0430516 7.85484 0.129155C8.04839 0.301361 8.04839 0.580563 7.85484 0.75277L4.35044 3.87084C4.1569 4.04305 3.8431 4.04305 3.64956 3.87084C3.45602 3.69864 3.45602 3.41944 3.64956 3.24723L7.15396 0.129155Z" fill="black"/></svg>');
      margin-left: 5px;
      margin-top: 12px;
      background-repeat: no-repeat;
  }

  .btn {
      display: flex;
      justify-content: center;
      align-items: center;
      width: auto;
      height: 37px;
      background: #304B50;
      border: 1px solid #F5F5F5;
      border-radius: 5px;
      font-weight: 500;
      font-size: 12px;
      line-height: 14px;
      color: #ffffff;
  }
  .btn i {
      display: none;
  }

  .btn:hover {
    background: #102227;
    border-color: #102227;
    color: #fff;
  }
  .btn:focus, .btn.focus {
      box-shadow: 0 0 0 0px #102227;
      color: #fff;
  }

  .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, .show > .btn.dropdown-toggle {
    background: #102227 !important;
    border-color: #102227 !important;
    box-shadow: 0 0 0 0px #102227;
    color: #fff;
  }

  .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus, .show > .btn.dropdown-toggle:focus {
    background: #102227 !important;
    border-color: #102227 !important;
    box-shadow: 0 0 0 0px #102227;
    color: #fff;
  }
  

  #koby_form label {
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 19px;
      color: #1C2A2D;
  }
  .pictureLabel span {
      font-weight: 500;
      font-size: 15px;
      line-height: 19px;
      color: rgba(28, 42, 45, 0.4);
      margin-top: 3px;
  }
  
  .selectgroup-input:checked + .selectgroup-button {
      border: 1px solid #8CA196;
      z-index: 1;
      color: #1C2A2D;
      background: #FFFFFF;
  }

  .btn.btn-danger {
      background: #E09494;
      font-size: 15px;
      line-height: 18px;
      color: #FFFFFF;
  }
  
  .custom-switch-input:checked ~ .custom-switch-indicator {
      background: #304b50;
  }
  
  .custom-switch-input:focus ~ .custom-switch-indicator {
      box-shadow: 0 0 0 2px #304b50;
      border-color: #304b50;
  }

  .hiddenElement {
    visibility: hidden;
  }

  .opacity0 {
    opacity: 0;
  }

.select2.select2-container {
  width: 100% !important;
}
  
.select2.select2-container .select2-selection__arrow {
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
}

.select2.select2-container .select2-selection__rendered{
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}

.select2.select2-container .select2-selection.select2-selection--single {
    height: 38px !important;
}

.CodeMirror-scroll {
  background: #e1e1e1;
}

.CodeMirror.cm-s-default{
  max-height: 200px;
}

.select2.select2-container .select2-selection__rendered {
  flex-wrap: wrap;
}