/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.error-text {
    margin-left: 43px;
}

.swal2-popup {
    display: block!important;
}

.d-none {
    display: none;
}

i.material-icons.tiny {
    float: right;
}

i.material-icons.tiny {
    float: right;
    position: relative;
    top: 0px;
}

i.material-icons.tiny.left-arrow {
    position: relative;
    top: 10px;
    left: 15px;
}

i.material-icons.tiny.left-arrow.left-arrow-active {
    position: relative;
    top: 4px;
    left: 0px;
}

.shoting {
    margin-top: 20px;
}

.col.s2.input-field.mt-0.mb-0.btn-add-user {
    float: right;
    margin-right: 28px;
    margin-top: 7px !important;
    padding: 0px;
}

.table-custom-contain select {
    max-width: 25%;
    width: 100%;
    text-align: center;
}

.card-content .custom-role {
    margin-left: 0px !important;
}

.card-content .custom-role select.browser-default {
    padding-left: 0px;
}

#breadcrumbs-wrapper {
    padding: 0px !important;
}

.table-custom-contain .custom-seclect-title {
    display: flex;
    align-items: center;
    font-size: 14px;
}

li.waves-effect.disabled:hover {
    color: #fff !important;
    /*     border: 1px solid #2196f3; */
    /*     border-bottom-left-radius: 6px; */
    /*     border-top-left-radius: 6px; */
    background: #739d3a;
    margin: 0 3px;
    /* box-shadow: 0 0 8px 0 #3949ab; */
}

.pagination li.active {
    background-color: #739d3a;
}

.pagination li.disabled a:hover {
    color: #fff;
}

.table-custom-contain label.custom-search {
    padding: 0px !important;
    position: relative;
    left: -3px !important;
    top: 16px;
}


/* input[type=text]:not(.browser-default) {
    width: unset;
} */


/* Logo css */

.brand-sidebar .logo-wrapper a.brand-logo img {
    height: 46px;
}

.brand-sidebar .brand-logo {
    padding: 14px;
}


/* img.hide-on-med-and-down {
    padding-bottom: 9px;
} */


/* End */


/* Start Change Color */

.gradient-45deg-indigo-purple {
    background: #739d3a !important;
}

#breadcrumbs-wrapper .breadcrumbs .active {
    color: #fff !important;
}

.sidenav li a.active {
    background: #739d3a !important;
    box-shadow: none !important;
}

.indigo {
    background-color: #739d3a !important;
    box-shadow: none !important;
    color: #fff !important;
}

#breadcrumbs-wrapper.breadcrumbs-dark .breadcrumbs-title,
#breadcrumbs-wrapper.breadcrumbs-dark a {
    color: #333333;
}

.btn {
    color: #333333;
    background-color: #fff;
}

.btn:hover {
    color: #739d3a;
    background-color: #fff;
}

.btn:focus {
    background-color: #fff;
}

a {
    color: #739d3a;
}

input[type=text]:not(.browser-default):focus:not([readonly]) {
    border-bottom: 1px solid #739d3a !important;
    box-shadow: 0 1px 0 0 #739d3a !important;
}

.orange {
    background-color: #739d3a !important;
    color: #fff !important;
}


/* End */


/* table */

td,
th {
    padding: 5px 5px;
}


/* end */

.card .card-content {
    padding: 14px !important;
}

div#responsive-table {
    margin-top: 0px;
}

.card-content.custom-card-change {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.col.s2.input-field.mt-0.mb-0.left.custom-seclect-title {
    padding-left: 0px !important;
}


/* Loder */

.preloader-wrapper.active {
    transition: 0.5s ease !important;
}


/* End */

.select-wrapper {
    display: none;
}

.input-field.col label {
    left: 0.9rem;
}

#toast-container {
    top: auto !important;
    right: auto !important;
    bottom: 10%;
    left: 5%;
}

label {
    transform: translateY(-14px) scale(.8)!important;
    text-transform: capitalize!important;
}

select {
    padding: 0px!important;
}

option {
    padding: 0px!important;
}

.select2-container--default .select2-selection--single {
    border: 0px!important;
    border-bottom: 1px solid #bdbdbd!important;
    border-radius: 0px!important;
    padding: 21px!important;
    background: none !important;
}

.select2-container .select2-selection--single {
    height: 0px;
}

.select3 {
    margin: 3px 0 8px 0;
}

.select3 .select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: -30px !important;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    left: -26px !important;
    position: relative !important;
    top: -12px !important;
}

.select3 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute !important;
    top: 11px !important;
    right: 1px !important;
    width: 20px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #739d3a !important;
}

.select2-search__field {
    height: 2rem!important;
}

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #739d3a;
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: #d0f56c;
}

.error-message {
    color: #f44336 !important;
    /* font-weight: bold; */
}

.select2-container--default .select2-selection--single {
    border: 0px!important;
    border-bottom: 1px solid #9e9e9e!important;
    border-radius: 0px!important;
    padding: 21px!important;
}

ul.stepper .step .step-title {
    margin: 0 -14px!important;
}

.ql-container {
    height: 270px!important;
}

.text-center {
    text-align: center!important;
}

.browse {
    border: 1px solid lightgrey;
    border-radius: 10px;
    width: 12%!important;
    cursor: pointer;
}

.icon_lg {
    font-size: 5rem!important;
}

.image_div {
    height: 150px;
}

.venue_image {
    width: 100%;
    height: 100px;
}

.drag-target {
    z-index: 99999!important;
}

.openModal {
    width: 35%;
    background-color: rgb(255, 255, 255);
    z-index: 1003;
    display: block;
    opacity: 1;
    top: 10%;
    transform: scaleX(1) scaleY(1);
}

.swal2-html-container {
    font-size: 26px!important;
    margin-top: 33px!important;
}

.mt10 {
    padding-top: 10px!important;
}

.swal2-container.swal2-center>.swal2-popup {
    z-index: 99910!important;
}

.timepicker{
    /* border: 1px solid #d2d2d2; */
    width: 11em;
    height: 2.2em;
    font-size: 1em;
}

.vue__time-picker {
    width: 100%!important;
}
.vue__time-picker input.vue__time-picker-input{
    width: 93%!important;
    margin-top: 7px;
    border: none!important;
    border-bottom: 1px solid #9e9e9e!important;
}

.vue__time-picker .dropdown{
    width: 100%!important;
}

.vue__time-picker .dropdown .select-list {
    width: 100%!important;
}

.vue__time-picker .dropdown {
    top: calc(2.2em + 18px)!important;
}

.vue__time-picker .dropdown ul li:not([disabled]).active, .vue__time-picker .dropdown ul li:not([disabled]).active:focus, .vue__time-picker .dropdown ul li:not([disabled]).active:hover 
{
    background: #739d3a!important; 
}
/* width */
::-webkit-scrollbar {
    width: 10px;
  }
  .sidenav li a.active {
      margin-right: 10px!important;
  }

  .sidenav li a:hover {
    margin-right: 10px!important;
}
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #739d3a; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #739d3a; 
  }
  table.responsive-table tbody {
      padding: 20px!important;
  }

  .multiselect.select2{
    border: 0px!important;
    border-bottom: 1px solid #9e9e9e!important;
    border-radius: 0px!important;
    padding: 11px 11px 11px 0 !important;
  }
  .multiselect.is-active{
    box-shadow: none !important;
  }
  .multiselect.select2 .multiselect-tags-search{
    border: none;
  }
  input.multiselect-tags-search[type=text]:not(.browser-default):focus:not([readonly]){
    border: none !important;
    box-shadow: none !important;
  }
  .multiselect.select2 .multiselect-tag{
    background: #739d3a;
  }
  .multiselect.select2 .multiselect-tags{
    padding: 0;
  }
  .multiselect-caret{
    background-color: #888;
  }
  .multiselect-tags-search{
    top: -11px;
  }

/*New CSS Start*/
.multiselect-tags-search-wrapper .multiselect-tags-search {
    height: auto !important;
    margin: 0 !important;
}
.cities_filter_main .select2-selection__choice { background-color: #739d3a; }
.mul_select.input-field.col label { line-height: 1.2; }
.mul_select .multiselect-placeholder { padding-left: 3px; }
/*New CSS End*/

.actionWidth{
    width: 10%;
}

.char-color-code{
    color: #2196F3;
}
.error-message{
    font-size:14px
}