@import "sparta.@{theme}.theme.variable.less";
/*global-style*/
body{
  background-color: @body_bg !important;
  background: @body_bg !important;
  font-family: @body_font_family !important;
}
.page-wrapper{
  background-color: @body_bg !important;
  background: @body_bg !important;
}
a {
  color: @a_color !important;
}
a:focus, a:hover {
  text-decoration: none !important;
  color: @a_hover_color !important;
}

.bg-primary {
  background-color: @select_selection_bg !important;
  border-color: @select_border_color !important;
  color: @select_text_color !important;
}
.btn-info{
  background-color: @select_selection_bg !important;
  border-color: @select_border_color !important;
  color: @select_text_color !important;
}

.bg-success {
  background-color: @select_selection_bg !important;
  border-color: @select_border_color !important;
  color: @select_text_color !important;
}

.page-item.active .page-link {
  background-color: @select_selection_bg !important;
  border-color: @select_border_color !important;
  color: @select_text_color !important;
}

[type=checkbox]:checked+label:before{
  border-right: 2px solid @select_selection_bg !important;
  border-bottom: 2px solid @select_selection_bg !important;
}
option:checked, option:hover{
  background-color: @select_selection_bg !important;
  border-color: @select_border_color !important;
  color: @select_text_color !important;
  box-shadow: none !important;
}

.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
  background-color: @select_selection_bg !important;
  border-color: @select_border_color !important;
  color: @select_text_color !important;
  box-shadow: none !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: @select_default_bg !important;
  border-color: @select_default_border_color !important;
  color: @select_default_text_color !important;
}
input:-internal-autofill-selected {
  background-color: @select_default_bg !important;
  border-color: @select_default_border_color !important;
  color: @select_default_text_color !important;
}
.form-control:focus {
  background-color: @select_default_bg !important;
  border-color: @select_default_border_color !important;
  color: @select_default_text_color !important;
  box-shadow: none !important;
}

.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus{
  background-color: @select_default_bg !important;
  border-color: @select_border_color !important;
  color: @select_default_text_color !important;
  box-shadow: none !important;
}


.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  background-color: @select_selection_bg !important;
  border-color: @select_border_color !important;
  color: @select_text_color !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background-color: @select_selection_bg !important;
  border-color: @select_border_color !important;
  color: @select_text_color !important;
}

/*daterangepicker*/
.daterangepicker td.in-range {
  background-color: @select_default_bg !important;
  border-color: @select_default_border_color !important;
  color: @select_default_text_color !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: @select_selection_bg !important;
  border-color: @select_border_color !important;
  color: @select_text_color !important;
}

/*btn-primary*/
.btn-primary {
  background-color: @select_selection_bg !important;
  border-color: @select_border_color !important;
  color: @select_text_color !important;
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: @select_selection_bg !important;
  border-color: @select_border_color !important;
  color: @select_text_color !important;
}

.btn-inverse {
  color: @close_button_text_color !important;
  background-color: @close_button_bg !important;
  border-color: @close_button_border_color !important;
}

.btn-success {
  color: @save_button_text_color !important;
  background-color: @save_button_bg !important;
  border-color: @save_button_border_color !important;
}


/*landing-page*/
.customtab li a.nav-link.active, .profile-tab li a.nav-link.active {
  border-color: @select_border_color !important;
  color: @select_selection_bg !important;
}

.fc-toolbar .fc-button{
  background-color: @select_selection_bg !important;
  border-color: @select_border_color !important;
  color: @select_text_color !important;
}

.fc-toolbar .fc-button.fc-state-active {
  color: @close_button_text_color !important;
  background-color: @close_button_bg !important;
  border-color: @close_button_border_color !important;
}

.fc-toolbar .fc-button-group{
  border-color: @select_border_color !important;
}
.fc-event{
  background-color: @select_selection_bg !important;
  border-color: @select_border_color !important;
  color: @select_text_color !important;
}

.fc-event:hover{
  text-decoration: none;
  color: @close_button_text_color !important;
  background-color: @close_button_bg !important;
  border-color: @close_button_border_color !important;
}



/*landing-page---end---*/

/*date-time*/
.dtp > .dtp-content > .dtp-date-view > header.dtp-header{
  background: @select_selection_bg !important;
  color: @select_text_color !important;
}
.dtp div.dtp-date, .dtp div.dtp-time {
  background: @select_selection_bg !important;
  color: @select_text_color !important;
}
.dtp table.dtp-picker-days tr > td > a.selected {
  background: @select_selection_bg !important;
  color: @select_text_color !important;
}


.control-label{
  color: @control_label_text_color !important;
}
.sparta-select-add-block .sparta-add-button{
  color: @control_label_text_color !important;
  i{
    color: @control_label_text_color !important;
  }
}

.form-group{
  label{
    color: @control_label_text_color !important;
  }
  .form-control{
    background-color: @input_field_bg !important;
    background: @input_field_bg !important;
    color: @input_field_text_color !important;
    border: @input_field_border !important;
  }
  .form-control::placeholder { 
    color: @input_field_text_color !important;
    opacity: 0.8; 
  }
  .form-control:-ms-input-placeholder {
    color: @input_field_text_color !important;
    opacity: 0.8; 
  }
  .form-control::-ms-input-placeholder {
    color: @input_field_text_color !important;
    opacity: 0.8; 
  }

  .select2-selection--multiple{
    background-color: @input_field_bg !important;
    background: @input_field_bg !important;
    color: @input_field_text_color !important;
    border: @input_field_border !important;
  }
  .input-group-text{
    background-color: @input_field_bg !important;
    background: @input_field_bg !important;
    color: @input_field_text_color !important;
    border: @input_field_border !important;
  }
  
}
.input-group{
  .form-control{
    background-color: @input_field_bg !important;
    background: @input_field_bg !important;
    color: @input_field_text_color !important;
    border: @input_field_border !important;
  }
}

.custom-control-label::before{
  color: @radio_button_unchecked_icon_color !important;
  border-color: @radio_button_unchecked_border_color !important;
  background-color: @radio_button_unchecked_bg !important;
}
.custom-control-input:checked~.custom-control-label::before {
  color: @radio_button_checked_icon_color !important;
  border-color: @radio_button_checked_border_color !important;
  background-color: @radio_button_checked_bg !important;
}


.custom-control-input:checked~.custom-control-label::before {
  color: @save_button_text_color !important;
  background-color: @save_button_bg !important;
  border-color: @save_button_border_color !important;
}


.select2-container--default .select2-selection--single{
  background-color: @input_field_bg !important;
  background: @input_field_bg !important;
  color: @input_field_text_color !important;
  border: @input_field_border !important;
}

.dataTables_filter{
  color: @control_label_text_color !important;
  label{
    color: @control_label_text_color !important;
  }
}
.dataTables_length{
  color: @control_label_text_color !important;
  label{
    color: @control_label_text_color !important;
  }
}

.sparta-save-button-theme{
  color: @save_button_text_color !important;
  background-color: @save_button_bg !important;
  border-color: @save_button_border_color !important;
}

.sparta-close-button-theme{
  color: @close_button_text_color !important;
  background-color: @close_button_bg !important;
  border-color: @close_button_border_color !important;
}


/*defult-modal-theme*/
.modal{
  .modal-content{
    background-color: @modal_body_bg !important;
    background: @modal_body_bg !important;

    .bg-info{
      color: @save_button_text_color !important;
      background-color: @save_button_bg !important;
      border-color: @save_button_border_color !important;
    }

    .modal-header{
      background-color: @modal_header_bg !important;
      background: @modal_header_bg !important;
      border-bottom: @modal_header_border_bottom !important;
      color: @modal_header_text_color !important;
      .modal-title {
        color: @modal_header_text_color !important;
      }
      .close{
        color: @modal_header_close_icon_color !important;
      }
    }

    .modal-body{
      background-color: @modal_body_bg !important;
      background: @modal_body_bg !important;
      color: @modal_body_text_color !important;
      p{
        color: @modal_body_text_color !important;
      }
    }

    .modal-footer{
      background-color: @modal_footer_bg !important;
      background: @modal_footer_bg !important;
      color: @modal_body_text_color !important;
      border-top: @modal_footer_border-top !important;
    }

  }
}




/*modal-theme*/
.sparta-modal-theme{
  .modal-content{
    background-color: @modal_body_bg !important;
    background: @modal_body_bg !important;

    .modal-header{
      background-color: @modal_header_bg !important;
      background: @modal_header_bg !important;
      border-bottom: @modal_header_border_bottom !important;
      color: @modal_header_text_color !important;
      .modal-title {
        color: @modal_header_text_color !important;
      }
      .close{
        color: @modal_header_close_icon_color !important;
      }
    }

    .modal-body{
      background-color: @modal_body_bg !important;
      background: @modal_body_bg !important;
      color: @modal_body_text_color !important;
      p{
        color: @modal_body_text_color !important;
      }
    }

    .modal-footer{
      background-color: @modal_footer_bg !important;
      background: @modal_footer_bg !important;
      color: @modal_body_text_color !important;
      border-top: @modal_footer_border-top !important;
    }



  }
}







/*login-page*/
.sparta-auth-wrapper-theme{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  text-decoration: none;
  background-color: @login_left_panel_bg !important;

  .sparta-auth-left-box {
      display: flex;
      padding: 40px;
      width: 60%;
      max-width: 60%;;
      margin: 0;
      border: none;
      outline: none;
      text-decoration: none;
      .sparta-auth-text-box{
        width: 100%;
        padding: 0;
        margin: 0;
        border: none;
        outline: none;
        color: @login_left_panel_text_color !important;
        font-size: @login_left_panel_text_size !important;
        .sparta-left-header{
          width: 100%;
          padding: 0;
          margin: 0;
          border: none;
          outline: none;
          color: @login_left_panel_text_color !important;
          font-size: @login_left_panel_text_size !important;
          font-weight: 400;
          line-height: normal;
          text-shadow: 0px 4px 11px rgba(0,0,0,0.5);
          
        }
      }
  }
  .auth-box{
      display: inline-block;
      width: 39%;
      position: static !important;
      border-radius: 0 !important;
      min-height: 100vh;
  }
  .sparta-video-popup-block{
    width: 100%;
    padding: 30px 0;
    margin: 0;
    border: none;
    outline: none;
    .video-btn{
      font-size: 18px;
      list-style: 28px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: @login_left_panel_button_bg !important;
      background-color: @login_left_panel_button_bg !important;
      color: @login_left_panel_button_text_color !important;
      border: @login_left_panel_button_border !important;
      &:hover{
        background: @login_left_panel_button_hover_bg !important;
        background-color: @login_left_panel_button_hover_bg !important;
        color: @login_left_panel_button_hover_text_color !important;
        border: @login_left_panel_button_hover_border !important;
      }
      i{
        font-size: 28px;
        margin-right: 5px;
      }
    }
    .modal-dialog{
      max-width: 70% !important;
      background-color: #e3e3e3;
    }
  }

  .sparta-show-hide-block{
    position: relative;
    .sparta-show-hide-button{
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      a{
        padding: 15px;
        margin: 2px;
        border: none;
        outline: none;
        text-decoration: none;
        color: @login_input_field_text_color !important;
        background-color: @login_input_field_bg !important;
      }
    }
  }
 

}

.sparta-auth-box-bg-theme{
  background: @login_panel_bg !important;
  max-width: 540px !important;
  overflow: auto;

  .form-group{
    label{
      color:  @login_text_color !important;
    }
  }
  .logo{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
      span{
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100%;
          padding: 0;
          margin: 0;
      }
      img{
        margin: 0;
        max-width: 100%;
        max-height: 48px;
      }
    }

}
.sparta-auth-box-text-color-theme {
    color: @login_text_color !important;
    font-size: @login_text_size !important;
    width: 100%;
    flex-wrap: wrap;

    p {
        width: 100%;
        color: @login_text_color !important;
        font-size: @login_text_size !important;
    }

    a {
        color: @login_anchor_tag_color !important;
        text-decoration: underline !important;
        font-weight: bold !important;

        &:hover {
            text-decoration: underline;
            color: @login_anchor_tag_hover_color !important;
        }
    }
}
.sparta-auth-box-header-theme{
  color: @login_text_color !important;
  font-size: @login_text_size !important;
  width: 100%;
  flex-wrap: wrap;
  padding: 25px 0 10px 0;

  .sparta-login-titel-theme{
    width: 100%;
    color: @login_text_color !important;
    font-size: 34px !important;
  }
  .sparta-login-subtitel-theme{
    width: 100%;
    color: @login_text_color !important;
    font-size: @login_text_size !important;
  }
}

.sparta-login-button-theme{
  background-color: @login_button_bg !important;
  background: @login_button_bg !important;
  color: @login_button_text_color !important;
  border: @login_button_border !important;
  height: 48px !important;
  &:hover{
    background-color: @login_button_hover_bg !important;
    background: @login_button_hover_bg !important;
    color: @login_button_hover_text_color !important;
    border: @login_button_hover_border !important;
  }
}

.sparta-login-form-control-theme{
  background-color: @login_input_field_bg !important;
  background: @login_input_field_bg !important;
  color: @login_input_field_text_color !important;
  border: @login_input_field_border !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  border-radius: @login_input_field_border-radius !important;
  height: 48px !important;
}
.form-group .form-control.sparta-login-form-control-theme{
  background-color: @login_input_field_bg !important;
  background: @login_input_field_bg !important;
  color: @login_input_field_text_color !important;
  border: @login_input_field_border !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  border-radius: @login_input_field_border-radius !important;
  height: 48px !important;
}

.sparta-login-form-control-theme::placeholder { 
  color: @login_input_field_text_color !important;
  opacity: 0.8; 
}
.sparta-login-form-control-theme:-ms-input-placeholder {
  color: @login_input_field_text_color !important;
  opacity: 0.8; 
}
.sparta-login-form-control-theme::-ms-input-placeholder {
  color: @login_input_field_text_color !important;
  opacity: 0.8; 
}

.sparta-remember-me-theme{
  color: @login_text_color !important;
  [type=checkbox]+label:before, [type=checkbox]:not(.filled-in)+label:after{
    border: 2px solid @login_text_color !important;
  }
  [type=checkbox]:checked.chk-col-indigo+label:before{

    border-right: 2px solid @login_text_color !important;
    border-bottom: 2px solid @login_text_color !important;
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
  }
}
.sparta-agree-terms-theme{
  color: @login_text_color !important;
  min-height: 24px;
  [type=checkbox]+label:before, [type=checkbox]:not(.filled-in)+label:after{
    border: 2px solid @login_text_color !important;
  }
  [type=checkbox]:checked.chk-col-indigo+label:before{

    border-right: 2px solid @login_text_color !important;
    border-bottom: 2px solid @login_text_color !important;
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
  }
}

.sparta-forgot-pwd-theme{
  color: @login_text_color !important;
  a{
    color: @login_text_color !important;
  }
}


/*login-with-other*/
.sparta-login-with-other{
  width: 100%;
  padding: 0;
  margin: 15px 0 0 0;
  border: none;
  outline: none;
  text-decoration: none;
  .sparta-login-seprator{
    width: 100%;
    padding: 0;
    margin: 0 0 15px 0;
    border: none;
    outline: none;
    text-decoration: none;
    span{
      text-align: center;
      color: @login_text_color !important;
      font-size: 15px;
      padding: 0;
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      white-space: nowrap;
      font-weight: bold;


      &::before, &::after {
          display: inline-block;
          content: "";
          border-top: 1px solid #e3e3e3;
          width: 10rem;
          margin: 0 1rem;
          transform: translateY(-0px);
      }
    }
  }
  .sparta-login-other-button-block{
    width: 100%;
    padding: 0;
    margin: 15px 0;
    border: none;
    outline: none;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    .sparta-login-other-button{
      width: 100%;
      max-width: 250px;
      border: 2px solid @login_button_bg;
      height: 38px;
      display: flex;
      padding: 5px 10px;
      justify-content: center;
      align-items: center;
      background-color: @login_button_bg;
      color: @login_button_text_color !important;
      .sparta-button-icon{
        display: inline-block;
        font-size: 28px;
      }
      .sparta-button-text{
        width: 100%;
        text-align: center;
        font-size: 15px;
        padding: 0;
        margin: 0;
      }
      &.google-button{
        background: @google_button_bg !important;
        background-color: @google_button_bg !important;
        color: @google_button_text_color !important;
        border: @google_button_border !important;
        &:hover{
          background: @google_button_hover_bg !important;
          background-color: @google_button_hover_bg !important;
          color: @google_button_hover_text_color !important;
          border: @google_button_hover_border !important;
        }
      }
      &.facebook-button{
        background: @facebook_button_bg !important;
        background-color: @facebook_button_bg !important;
        color: @facebook_button_text_color !important;
        border: @facebook_button_border !important;
        &:hover{
          background: @facebook_button_hover_bg !important;
          background-color: @facebook_button_hover_bg !important;
          color: @facebook_button_hover_text_color !important;
          border: @facebook_button_hover_border !important;
        }
      }
    }
  }
}





/*main-header*/
header .sparta-header-new-nav .sparta-inside-menu .collapse.navbar-collapse{
  background-color: @main_header_bg !important;
  background: @main_header_bg !important;
}
.sparta-main-header-theme {
    background-color: @main_header_bg !important;
    background: @main_header_bg !important;

    .navbar-toggler {
        color: @main_header_icon_color !important;

        i {
            color: @main_header_icon_color !important;
        }
    }

    .sparta-header-new-nav {
        .back-menu {
            i {
                color: @main_header_icon_color;
            }
        }

        .module-name {
            color: @main_header_text_color;
        }

        .sparta-inside-menu {
            .nav-item {
                a {
                    color: @main_header_menu_text_color !important;

                    i {
                        color: @main_header_menu_icon_color !important;
                    }

                    &:hover {
                        color: @main_header_menu_text_color_hover !important;

                        i {
                            color: @main_header_menu_text_color_hover !important;
                        }
                    }
                }
            }

            .dropdown-menu {
                background-color: @main_header_sub_menu_bg !important;
                background: @main_header_sub_menu_bg !important;
                z-index: 99999;

                ul {
                    li {
                        h4 {
                            background-color: @main_header_sub_menu_titel_bg !important;
                            background: @main_header_sub_menu_titel_bg !important;
                            color: @main_header_sub_menu_titel_text_color !important;
                        }

                        p {
                            color: @main_header_sub_menu_titel_text_color !important;
                        }

                        a {
                            color: @main_header_sub_menu_text_color !important;

                            i {
                                color: @main_header_sub_menu_icon_color !important;
                            }

                            &:hover {
                                background-color: @main_header_sub_menu_hover_bg !important;
                                color: @main_header_sub_menu_text_color_hover !important;

                                i {
                                    color: @main_header_sub_menu_text_color_hover !important;
                                }
                            }
                        }
                    }
                }
            }
        }

        .sparta-header-right-block {
            .dropdown-menu {
                background-color: @user_dropdown_bg !important;
                background: @user_dropdown_bg !important;

                .dropdown-user {
                    background-color: @user_dropdown_bg !important;
                    background: @user_dropdown_bg !important;

                    .user-list {
                        a {
                            background-color: @user_dropdown_link_bg !important;
                            background: @user_dropdown_link_bg !important;
                            color: @user_dropdown_link_text_color !important;

                            &:hover {
                                background-color: @user_dropdown_hover_link_bg !important;
                                background: @user_dropdown_hover_link_bg !important;
                                color: @user_dropdown_hover_link_text_color !important;
                            }
                        }
                    }

                    .dw-user-box {
                        background-color: @user_dropdown_header_bg !important;
                        background: @user_dropdown_header_bg !important;
                        color: @user_dropdown_header_text_color !important;

                        h4 {
                            color: @user_dropdown_header_text_color !important;
                        }

                        p {
                            color: @user_dropdown_header_text_color !important;
                        }

                        .btn {
                            background-color: @user_dropdown_button_bg !important;
                            background: @user_dropdown_button_bg !important;
                            color: @user_dropdown_button_text_color !important;
                        }
                    }

                    .dropdown-divider {
                        border-color: @user_dropdown_divider_color !important;
                        margin: 0 !important;
                    }

                    .sparta-select-language {
                        a {
                            background-color: @user_dropdown_language_button_bg !important;
                            background: @user_dropdown_language_button_bg !important;
                            color: @user_dropdown_language_button_text_color !important;
                            border: 1px solid @user_dropdown_language_button_bg !important;

                            &:hover {
                                background-color: @user_dropdown_hover_language_button_bg !important;
                                background: @user_dropdown_hover_language_button_bg !important;
                                color: @user_dropdown_hover_language_button_text_color !important;
                                border: 1px solid @user_dropdown_hover_language_button_text_color !important;
                            }
                        }
                    }
                }
            }
        }
    }
}


/*main-footer*/
.sparta-main-footer-theme{
  background-color: @main_footer_bg !important;
  background: @main_footer_bg !important;
  font-size: @main_footer_text_font_size !important;
  color: @main_footer_text_color !important;
  border-top: @main_footer_border_top !important;
  span{
    font-size: @main_footer_text_font_size !important;
    color: @main_footer_text_color !important;
  }
  a{
    font-size: @main_footer_text_font_size !important;
    color: @main_footer_text_color !important;
  }
}






/*left-sidebar*/

.sparta-left-sidebar-theme{
  background-color: @left_sidebar_bg !important;
  background: @left_sidebar_bg !important;
  .sparta-left-side-menu-list{
    background-color: @left_sidebar_bg !important;
    background: @left_sidebar_bg !important;
  }
  .menu-item{
    .menu-icon{
      color: @left_sidebar_menu_icon_color !important;
      i{
        color: @left_sidebar_menu_icon_color !important;
      }
    }
    .menu-name{
      color: @left_sidebar_menu_text_color !important;
      font-weight: 500;
    }
  }
  a:hover{
    .menu-item{
      background: @left_sidebar_menu_hover_bg !important;
      .menu-icon{
        color: @left_sidebar_menu_hover_icon_color !important;
        i{
          color: @left_sidebar_menu_hover_icon_color !important;
        }
      }
      .menu-name{
        color: @left_sidebar_menu_hover_text_color !important;
      }
    }
  }
}

.sparta-left-sidebar-mobile-button{
  background-color: @left_sidebar_bg !important;
  background: @left_sidebar_bg !important;
  color: @left_sidebar_menu_icon_color !important;
  i{
    color: @left_sidebar_menu_icon_color !important;
  }
  &:hover{
    background: @left_sidebar_menu_hover_bg !important;
    color: @left_sidebar_menu_hover_icon_color !important;
    i{
      color: @left_sidebar_menu_hover_icon_color !important;
    }
  }
}


/*left-sidebar-submenu*/

.sparta-left-sidebar .sparta-left-side-menu-list li.show {

  .menu-item{
    background: @left_sidebar_menu_hover_bg !important;
    .menu-icon{
      color: @left_sidebar_menu_hover_icon_color !important;
      i{
        color: @left_sidebar_menu_hover_icon_color !important;
      }
    }
    .menu-name{
      color: @left_sidebar_menu_hover_text_color !important;
    }
  }
}

.sparta-left-sidebar{
  .dropdown-menu{
    background-color: transparent !important;
  }
  .navigation{
    background-color: @left_sidebar_menu_hover_bg !important;
    ul{
      background-color: @left_sidebar_menu_hover_bg !important;
      color: @left_sidebar_menu_hover_text_color !important;
      li{
        a{
          background-color: @left_sidebar_menu_hover_bg !important;
          color: @left_sidebar_menu_hover_text_color !important;
        }
        a:hover{
          background-color: @left_sidebar_bg !important;
          color: @left_sidebar_menu_text_color !important;
        }
      }
    }
  }
}


.sparta-left-sidebar .navigation > ul > li > a{
  border-color: @left_sidebar_menu_hover_bg !important;
}



.sparta-left-sidebar .navigation > ul > li a:hover,
.sparta-left-sidebar .navigation > ul > li:hover a { 
  background: @left_sidebar_menu_hover_bg !important;
  color: @left_sidebar_menu_hover_text_color !important; 
}

.sparta-left-sidebar .navigation > ul > li > a:hover { 
  background-color: @left_sidebar_bg !important;
color: @left_sidebar_menu_text_color !important; 
}

.sparta-left-sidebar .navigation ul ul { border-color: @left_sidebar_menu_hover_bg !important; }

.sparta-left-sidebar .navigation ul ul a { 
  background: @left_sidebar_menu_hover_bg !important;
  color: @left_sidebar_menu_hover_text_color !important; }

.sparta-left-sidebar .navigation ul ul a:hover { 
  background: @left_sidebar_menu_hover_bg !important;
  color: @left_sidebar_menu_hover_text_color !important; 
}

.sparta-left-sidebar .navigation ul ul li { border-color: @left_sidebar_bg !important; }

.sparta-left-sidebar .navigation ul ul li:hover > a {
  background: @left_sidebar_bg !important;;
  color: @left_sidebar_menu_text_color !important;
}

.sparta-left-sidebar .navigation.align-right > ul > li > a {
  border-left-color: @left_sidebar_menu_hover_bg !important;
}














/*page-header-theam*/
.sparta-page-header-theme{
    background-color: @page_header_bg !important;
}
.sparta-titel-text-theme{
  color: @box_button_text_color !important;
  h4{
    color: @box_button_text_color !important;
  }
  p{
    color: @box_button_text_color !important;
  }
}
/*button*/
.sparta-button-box-theme{
  .btn{
    background-color: @box_button_bg !important;
    background: @box_button_bg;
    color: @box_button_text_color !important;
    border: @box_button_border !important;
    .sparta-button-text{
        color: @box_button_text_color !important;
      }
      i{
        color: @box_button_text_color !important;
      }
    &:hover{
        border: @box_button_hover_border !important;
        background-color: @box_button_hover_bg !important;
        color: @box_button_hover_text_color !important;
        .sparta-button-text{
            color: @box_button_hover_text_color !important;
          }
          i{
            color: @box_button_hover_text_color !important;
          }
    }
  }
  
}

/*button-dropdown-menu*/
.sparta-dropdown-menu-theme{
  background: @button_dropdown_menu_bg !important;
  background-color: @button_dropdown_menu_bg !important;
  ul{
    background: @button_dropdown_menu_bg !important;
    background-color: @button_dropdown_menu_bg !important;
    border-color: @button_dropdown_menu_bg !important;
    li{
      a{
        background: @button_dropdown_menu_bg !important;
        background-color: @button_dropdown_menu_bg !important;
        color: @button_dropdown_menu_text_color !important;
        i{
          color: @button_dropdown_menu_text_color !important;
        }
        &:hover{
          background: @button_dropdown_menu_hover_bg !important;
          background-color: @button_dropdown_menu_hover_bg !important;
          color: @button_dropdown_menu_hover_text_color !important;
          i{
            color: @button_dropdown_menu_hover_text_color !important;
          }
        }
      }
    }
  }
}



/*indicator-theme*/
.sparta-indicator-theme{
  .round{
    background-color: @indicator_box_icon_bg !important;
    background: @indicator_box_icon_bg !important;
    color: @indicator_box_icon_color !important;
    i{
      color: @indicator_box_icon_color !important;
    }
  }
  p{
    color: @indicator_box_top_text_color !important;
    font-weight: 400;
  }
  h4{
    color: @indicator_box_bottom_text_color !important;
    font-weight: 400;
  }
}


/*main-container-theme*/
.sparta-page-container-theme{
  background-color: @page_container_box_bg !important;
  background: @page_container_box_bg !important;
}

/*collapse-panel-theme*/
.sparta-collapse-panel-theme{
  background-color: @page_container_box_bg !important;
  background: @page_container_box_bg !important;
}

/*table-theme*/
.sparta-table{
  background-color: @table_bg !important;
  background: @table_bg !important;
  th{
    border-color: @table_border_color !important;
    background-color: @table_header_bg !important;
    color: @table_header_text_color !important;
  }
  td{
    border-color: @table_border_color !important;
    color: @table_text_color !important;
  }
  tbody tr:hover {
      color: @table_tr_hover_text_color !important;
      background-color: @table_tr_hover_bg !important;
      td{
        color: @table_tr_hover_text_color !important;
      }
  } 
}
.dataTables_info{
  color: @table_text_color !important;
}

/*gridView-theme*/
.sparta-gridView-theme{
  .box-xxs {
    border: @gridview_border !important;
    background-color: @gridview_bg !important;
    color: @gridview_text_color !important;
    i{
      color: @gridview_icon_color !important;
    }
    p{
      color: @gridview_text_color !important;
    }
    &:hover{
      border: @gridview_hover_border !important;
      background-color: @gridview_hover_bg !important;
      color: @gridview_hover_text_color !important;
      i{
        color: @gridview_hover_icon_color !important;
      }
      p{
        color: @gridview_hover_text_color !important;
      }
    }
  }
}


/*tablist-theme*/
.sparta-tablist-theme{
  border-bottom: @tablist_header_border_bottom !important;
  background-color: @tablist_header_bg !important;
  background: @tablist_header_bg !important;
  .nav-item{
    background-color: @tablist_header_nav_bg !important;
    a{
      background-color: @tablist_header_nav_bg !important;
      background: @tablist_header_nav_bg !important;
      color: @tablist_header_nav_text-color !important;
      .closeTab{
        color: @tablist_header_nav_text-color !important;
        i{
          color: @tablist_header_nav_text-color !important;
        }
      }
      
      &:hover{
        background-color: @tablist_header_hover_nav_bg !important;
        background: @tablist_header_hover_nav_bg !important;
        color: @tablist_header_hover_nav_text-color !important;
        .closeTab{
          color: @tablist_header_hover_nav_text-color !important;
          i{
            color: @tablist_header_hover_nav_text-color !important;
          }
        }
      }

      &.active{
        background-color: @tablist_header_active_nav_bg !important;
        background: @tablist_header_active_nav_bg !important;
        color: @tablist_header_active_nav_text-color !important;
        border-color: @tablist_header_active_nav_bg !important;
        .closeTab{
          color: @tablist_header_hover_nav_text-color !important;
          i{
            color: @tablist_header_hover_nav_text-color !important;
          }
        }
      }
    }
    
  }
}


/*right-panel*/
.sparta-right-main-panel-block-theme{
  .sparta-right-main-panel-button{
    background-color: @right_panel_open_button_bg !important;
    background: @right_panel_open_button_bg !important;
    color: @right_panel_open_button_icon-color !important;
    span{
      color: @right_panel_open_button_icon-color !important;
    }
    i{
      color: @right_panel_open_button_icon-color !important;
    }
  }
  .sparta-right-menu-panel{
    background-color: @right_panel_bg !important;
    background: @right_panel_bg !important;
    color: @right_panel_text_color !important;
    .service-panel-toggle{
      background-color: @right_panel_inside_button_bg !important;
      background: @right_panel_inside_button_bg !important;
      color: @right_panel_inside_button_icon-color !important;
      border: 2px solid @right_panel_inside_button_icon-color !important;
      &:hover{
        background-color: @right_panel_inside_button_hover_bg !important;
        background: @right_panel_inside_button_hover_bg !important;
        color: @right_panel_inside_button_hover_icon-color !important;
        border: 2px solid @right_panel_inside_button_hover_icon-color !important;
      }
    }
    .show-service-panel{
      .service-panel-toggle{
        background-color: @right_panel_inside_button_hover_bg !important;
        background: @right_panel_inside_button_hover_bg !important;
        color: @right_panel_inside_button_hover_icon-color !important;
        border: none !important;
        &:hover{
          background-color: @right_panel_inside_button_hover_bg !important;
          background: @right_panel_inside_button_hover_bg !important;
          color: @right_panel_inside_button_hover_icon-color !important;
          border: none !important;
        }
      }
      .customizer-body{
        border-left: 2px solid  @right_panel_inside_button_hover_bg !important;
        color: @right_panel_text_color !important;
        color: @right_panel_text_color !important;
      }
    }
  }
}