.title_icon {
  font-size: 25px;
  vertical-align: middle;
}
.required{
    color : #6c757d !important;
}
.alignToTitle {
  float: right;
}

.required {
  color: #f44336;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.not-active {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url('https://fonts.googleapis.com/css?family=Raleway');

// variables
$base-color: cadetblue;
$base-font: 'Montserrat', Helvetica, Arial, serif;

.wrapper-image-preview{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.box {
  display: block;
  /* min-width: 300px; */
  /*height: 250px;*/
  margin: 10px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  overflow: hidden;
}

.upload-options {
  cursor: pointer;
  position: relative;
  height: 50px;
  background-color: $base-color;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
  transition: background-color ease-in-out 150ms;
  &:hover {
    background-color: lighten($base-color, 10%);
  }
  & input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
  }
  & label {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    &::after {
      content: 'add';
      font-family: 'Material Icons';
      position: absolute;
      font-size: 2.5rem;
      color: rgba(230, 230, 230, 1);
      top: calc(50% - 2.5rem);
      left: calc(50% - 1.25rem);
      z-index: 0;
    }
    & span {
      display: inline-block;
      width: 50%;
      height: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      vertical-align: middle;
      text-align: center;
      &:hover i.material-icons {
        color: lightgray;
      }
    }
  }
}
.js--image-preview {
  height: 200px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-image: url('https://www.l-nutra.com/wp-content/uploads/2018/07/placeholder.png');
  background-color: white;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  &::after {
    content: "photo_size_select_actual";
    font-family: 'Material Icons';
    position: relative;
    font-size: 4.5em;
    color: rgba(230, 230, 230, 1);
    top: calc(50% - 3rem);
    left: calc(50% - 2.25rem);
    z-index: 0;
  }
  &.js--no-default::after {
    display: none;
  }
  &:nth-child(2) {
    background-image: url('http://bastianandre.at/giphy.gif');
  }
}

i.material-icons {
  transition: color 100ms ease-in-out;
  font-size: 2.25em;
  line-height: 55px;
  color: white;
  display: block;
}

.drop {
  display: block;
  position: absolute;
  background: transparentize($base-color, .8);
  border-radius: 100%;
  transform:scale(0);
}

.animate {
  animation: ripple 0.4s linear;
}

.upload-options .btn {
  cursor: pointer;
}

@keyframes ripple {
  100% {opacity: 0; transform: scale(2.5);}
}

.float{
  /* top: 70%; */
  position: fixed;
  padding: 13px;
  bottom: 40px;
  right: 40px;
  background-color: #727cf5;
  color: #fff;
  border-radius: 6px;
  text-align: center;
  border-color: #727cf5;
  box-shadow: 2px 2px 3px #999;
}
.float:focus{
  box-shadow: 0 0 0 0.2rem rgba(135,144,247,.5);
  color: #fff;
}
.float:hover{
  box-shadow: 0 0 0 0.2rem rgba(135,144,247,.5);
  color: #fff;
}

.my-float{
  color: #fff;
}

.nav-link {
  padding: .5rem .5rem;
}

.category-action .action-icon {
  color: #98a6ad;
  font-size: 1.2rem;
  display: inline-block;
  padding: 0 3px;
}
/* Academy Version 1.4 */
.form-control:disabled, .form-control[readonly]
{
    background-color:unset;
}
.bootstrap-tagsinput {
    width: 100%;
}
.bootstrap-tagsinput .tag {
  background-color: rgb(239, 114, 115);
  border-radius: 3px;
  padding: 0 3px;
}
.message_sending_time{
    display: block;
    padding: 5px;
    font-size: 9px;
    color: #a2a0a0;
}
.nav-pills .nav-link {
    padding-left: 0px;
    padding-right: 0px;
}
.draggable-item {
    cursor: all-scroll;
}
.thinner-card-body {
  padding: 1.0rem;
}
.display-none {
  display: none;
}
/* This css is responsible for preventing body scrolling when the modal is opened */
body.show {
    overflow: hidden;
    position: fixed;
}
/* This css is responsible for modal scrolling when the modal scrolling is not working */
.modal {
  overflow-y:auto;
}
.hidden {
    display: none;
}
.new-theme-alert {
    padding: 27px;
}
.new-theme-alert a{
    float: right;
    margin-top: -7px;
}
.visit_website {
  padding: calc(32px / 2) 0;
  overflow: hidden;
}

.loader-modal{
  position: fixed;
  width: 100%;
  display: none;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #b9b9b978;
  z-index: 1000;
  color: #6a7b66;
  text-align: center;
  padding-top: 100px;
}

.no-padd{padding:0px !important;}

     .divider-vert {
    display: block;
    padding: .8rem;
}

 .divider-vert::before {
    border-left: .05rem solid #e7e9ed;
    bottom: .4rem;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: .4rem;
    transform: translateX(-50%);
}

.divider-vert[data-content]::after {
    left: 25%;
    padding: .2rem 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
}
 .divider-vert[data-content]::after,  .divider[data-content]::after {
    background: #fff;
    color: #acb3c2;
    content: attr(data-content);
    display: inline-block;
    font-size: .9rem;
    padding: 0 .4rem;
    transform: translateY(-.65rem);
}
.flex-centered {
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.font-36{font-size:36px}


.app-search {
    padding:calc(0px / 2) 40px;
    overflow: hidden;
    float: left;
}

.visit_website {
    padding: calc(20px / 2) 0;
    overflow: hidden;
    float: left;
}

.visit_website h4{font-size: 30px;}

body[data-layout=detached] .content-page {
    padding: 30px 15px 5px 30px;
}

.no-pad{padding:0px;}



#scrollable-modal{background: rgb(0 0 0 / 40%);}

.mt4{margin-top: 2.0rem!important;}

p {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
.conversation-list .odd .ctext-wrap {
    background-color: #dcf8c6!important;
}
.conversation-list span {  display: inline-flex;}

.chat-div{
    border: 2px solid #e8edef;
    -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    background: #f3f5f9;
}




.chat-conversation [data-simplebar]::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.chat-conversation [data-simplebar]::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.chat-conversation [data-simplebar]::-webkit-scrollbar-thumb
{
	background-color: #000000;
}

.sign-img{border: 1px solid #ced2d6;padding: 5px;}


.pulse {
    display: block;
    position: relative;
    top: 0.5rem;
    right: 0.4rem;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #51bb25;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(34, 192, 60, 0.9);
    animation: pulse 2s infinite;
    animation-duration: .9s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    margin-left: 20px;
}

.pulse:hover {
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(34, 192, 60, 0.9);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(34, 192, 60, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(34, 192, 60, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(34, 192, 60, 0.9);
        box-shadow: 0 0 0 0 rgba(34, 192, 60, 0.7);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(34, 192, 60, 0);
        box-shadow: 0 0 0 10px rgba(34, 192, 60, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(34, 192, 60, 0);
        box-shadow: 0 0 0 0 rgba(34, 192, 60, 0);
    }
}

.pulse-danger {
display: block;
    position: relative;
    top: 1.2rem;
    right: 0.3rem;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff5353;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(34, 192, 60, 0.9);
    animation: pulse-danger 2s infinite;
    animation-duration: .9s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    margin-left: 10px;
}

@-webkit-keyframes pulse-danger {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.9);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(220, 53, 69, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
    }
}

@keyframes pulse-primary {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(40, 92, 247, 0.9);
        box-shadow: 0 0 0 0 rgba(40, 92, 247, 0.7);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(40, 92, 247, 0);
        box-shadow: 0 0 0 10px rgba(40, 92, 247, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(40, 92, 247, 0);
        box-shadow: 0 0 0 0 rgba(40, 92, 247, 0);
    }
}

@-webkit-keyframes pulse-primary {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(40, 92, 247, 0.9);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(40, 92, 247, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(40, 92, 247, 0);
    }
}

@keyframes pulse-primary {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(40, 92, 247, 0.9);
        box-shadow: 0 0 0 0 rgba(40, 92, 247, 0.7);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(40, 92, 247, 0);
        box-shadow: 0 0 0 10px rgba(40, 92, 247, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(40, 92, 247, 0);
        box-shadow: 0 0 0 0 rgba(40, 92, 247, 0);
    }
}
.no-border{ border: none !important;}
.no-border>tbody>tr>td, .no-border>tfoot>tr>td{
    border-top: none !important;
	border:none!important;
    word-break: break-all!important;
    padding: 5px;
}
 
.no-marg{ margin:4px 0px !important;}    
.fillup{font-weight: 700;border-bottom: 1px dashed #9E9E9E;}    
 
.form-menu button{margin-bottom:10px;}
.table > thead > tr > th {font-size:13.5px;vertical-align: middle;}
.table>tbody>tr>td { font-size:13px;vertical-align: middle;}

.table-bordered {
    border: 1px solid #eaf0f7;
}

.table.table-bordered thead,.table.table-bordered tfoot {
    background-color: #f1f5fa;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eaf0f7 !important;
}
.table th {
    color: #303e67;
    font-weight: 700;
    vertical-align: middle;
    border-color: #eaf0f7;
    padding: 10px;
} 

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-fixed{width:100%!important;table-layout: fixed;}

.table-fixed tr th:first-child,
.table-fixed tr td:first-child {
  width: 30px;
}

.dataTables_wrapper .dataTables_scrollBody {
    border-bottom: 1px solid #eef2f7;
}

.user-img .rounded-circle {
    height: 80px;
    width: 80px;
    object-fit: cover;
}

.pad-b-5{padding-bottom: 5px;}

.month-tabs .nav.nav-tabs .nav-item .nav-link.active {
    border: none;
    position: relative;
    color: #ffffff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: -webkit-linear-gradient(332deg, #7367F0, rgba(115, 103, 240, 0.7));
    background: linear-gradient(118deg, #7367F0, rgba(115, 103, 240, 0.7));
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.month-tabs .nav.nav-tabs .nav-item .nav-link.active:after {
  content : attr(data-before);
  height : 2px;
  width : 100%;
  left : 0;
  position : absolute;
  bottom : 0;
  top : 100%;
  background : -webkit-linear-gradient(60deg, #7367F0, rgba(115, 103, 240, 0.5)) !important;
  background :         linear-gradient(30deg, #7367F0, rgba(115, 103, 240, 0.5)) !important;
  box-shadow : 0 0 8px 0 rgba(115, 103, 240, 0.5) !important;
  -webkit-transform : translateY(0px);
      -ms-transform : translateY(0px);
          transform : translateY(0px);
  -webkit-transition : all 0.2s linear;
          transition : all 0.2s linear;
}
.month-tabs .nav.nav-tabs .nav-item .nav-link {
    color: #626262;
    font-size: 1rem;
    border: none;
    min-width: auto;
    font-weight: 450;
    padding: 0.61rem 1.5rem;
    border-radius: 0;
    letter-spacing: 1px;
}
.center {
    text-align: center;
}
.text-bold-600 {
    font-weight: 600;
}
.text-bold-700 {
    font-weight: 700;
}

.daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect {  
    border: 1px solid #e3eaef;
    color: #000;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef !important;
    opacity: 1;
}

.side-nav-light .side-nav-link.active {
    color: #727cf5!important;
}
/*.side-nav-light .side-nav-item.active a {
    color: #727cf5!important;
} 
*/

.left-side-menu-detached .side-nav-light .side-nav-link {
    color: #6c757d;
}

.page-header {
    margin-bottom: 1px;
}
.page-header .card-body{ padding: 10px 15px;}

.filter-accordion {
    margin-bottom: 1px;
    border: none;
    border-radius: 0.5rem;
    box-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #fff;
}
.filter-accordion .card-header {
    padding: 0.6rem;
}
.filter-section .card-body {
    padding: 10px 16px;
}
.filter_count {
    font-size: 15px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 5px;
    padding-bottom: 0;
}

.badge-success-lighten {
    color: #fff;
    background-color: #28C76F;
    padding: 5px 10px;
    border-radius: 1.428rem;
}

.badge-danger-lighten {
    color: #fff;
    background-color: #ff5b5b;
    padding: 5px 10px;
    border-radius: 1.428rem;
}


.table>tbody>tr>td {
    font-size: 13px;
    vertical-align: middle;
    #word-break: break-all;
}


.table>tbody>tr>td {
    white-space: initial;
    font-size: 14px;
    padding: .95rem;
}


.btn {
    box-shadow: none !important;
}
.bg-black {
    background-color: #111 !important;
}
.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}


/*custom checkbox*/
.custom-checkbox {
	position: relative;
	float: left;
	margin-right: 30px;
}

.regular-checkbox {
	display: none;

}

.regular-checkbox + label {
	background-color: #ddd;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 15px;
	border-radius: 2px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin: 0;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.table-responsive .break-word {
	word-break: break-all;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 22px;
	position: absolute;
	top: -2px;
	left: 7.5px;
	color: #fff;
}

#location_countries {
	display: none;
}

.modal {
	z-index: 777777 !important;
}

.has-error {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.list-style-none {
	list-style: none !important;
}

.error-already-added {
	display: none;
}

.custom-field-options {
	display: block;
	width: 100%;
	float: left;
}

.custom-field-options .field-option-item {
	display: block;
	width: 100%;
	float: left;
	background-color: #f8f8f8;
	margin-bottom: 10px;
	padding: 10px;
}

.custom-field-options .field-option-item .option-title {
	border-bottom: 2px solid #eee;
	padding-bottom: 10px;
}

.custom-field-options .field-option-item p {
	margin: 5px 0;
}

.custom-field-options .field-option-item p i {
	font-size: 10px;
	margin-right: 5px;
}

.table > thead > tr > th {
    font-weight: 600;
}
.select2-dropdown {
    z-index: 999999;
}

.side-nav-second-level li a{padding: 8px 15px 8px 45px !important;}

.no-mar{ margin:0px;}

.error{font-size: 12px; color: red;}
.txt-error{font-size: 12px; color: red;}

.side-nav-item.menuitem-active a{
    color: #727cf5!important;
}
.service-done{
    color: green !important;
    font-weight: 700;
}
.service-carry{
    color: #ff9800 !important;
    font-weight: 700;
} 
table a{
    color: inherit !important;
    text-decoration: underline;
}
.table-hover tbody .service-done:hover{
    color: green !important;
}
body[data-layout=detached] .wrapper{
    padding-top: 0;
}
.loader {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    background: url(../images/ajax-spinner.gif) 50% 50% no-repeat rgba(255,255,255,0.4);
    background-size: 150px;
}
html body {
    height: 100%;
    background-color: #f1f2f2;
    direction: ltr;
    background: linear-gradient(#eceff9,#eef1f9);
    background-attachment: fixed;
}
.side-nav-light .side-nav-link.active {
    font-weight: 800;
    color: white !important;
    background: linear-gradient(#1a1a18,#1c1d1ed9) !important;
    box-shadow: 0 0 2px 1px #abbbf485 !important;
}
.side-nav-item .metismenu.side-nav-light .side-nav-link.active {
    font-weight: 800;
    color: #fff !important;
    background: linear-gradient(#000000a6,#1a1a18a6) !important;
    box-shadow: 0 0 0px 0px #737371 !important;
    margin: 2px 0;
}

.side-nav-item .metismenu .metismenu.side-nav-light .side-nav-link.active{
    background: linear-gradient(#000000c4,#1a1a18c4) !important;
    margin: 2px 0;
}
.side-nav-item .metismenu .metismenu.side-nav-light .side-nav-link{
    padding: 10px 15px 10px 45px !important;
}
.side-nav .side-nav-link{
    padding: 10px 15px !important;
}
.side-nav-item .metismenu.side-nav-light .side-nav-link{
    padding: 10px 30px !important;  
    font-size: 14px;
    font-family: Montserrat,Helvetica,Arial,serif;
}
.side-nav-item .side-nav .active a:hover,.side-nav-item .side-nav .active a:focus {
  color : inherit !important;
}
.bg-nav-pills {
    background-color: #eef2f7;
    border: 1px solid #1a1a18;
    border-radius: 6px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #1a1a18;
}

.nav-pills .nav-link{
    color: #1a1a18;
    background: white;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.5px;
    border-right: 1px solid #1a1a18;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.nav-pills .nav-item:last-child .nav-link{
    border-radius: 0.25rem;
    border-right: 0;
}
.navbar-brand img {
    width: 100%;
    margin: 0px auto;
}
.left-side-menu {
    padding-top: 0px!important;
}

.left-side-menu .navbar-header {
    width: 260px;
    height: auto;
    position: relative;
    padding: 10px 10px;
    -webkit-transition: .3s ease all,background 0s;
    transition: .3s ease all,background 0s;
}

.me-auto {
    margin-right: auto!important;
}

/*
[data-simplebar]::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

[data-simplebar]::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

[data-simplebar]::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
*/


.card, .header-navbar.navbar-shadow {
    box-shadow: 0 4px 24px 0 rgba(34, 41, 47, .1);
}
.header-navbar.floating-nav {
    position: fixed;
    right: 0;
    margin: 0px;
    width: -webkit-fill-available;
    border-radius: 0px;
    z-index: 12;
    top: 0px;
}
.header-navbar.fixed-top, .header-navbar.floating-nav {
    left: 260px;
}
.header-navbar {
    padding: 0;
    min-height: 3.45rem;
    font-family: Montserrat, Helvetica, Arial, serif;
    -webkit-transition: .3s ease all, background 0s;
    transition: .3s ease all, background 0s;
    z-index: 997;
}
.align-items-center {
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.navbar-floating .navbar-container:not(.main-menu-content) {
    padding: .8rem 1rem;
}
.align-items-center {
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.d-flex {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.navbar-light, .navbar-light.navbar-horizontal {
    background: #FFF;
}

.topnav-navbar {
    position: fixed;
    right: 0;
    margin: 1.3rem auto 0;
    width: calc(100vw - (100vw - 100%) - calc(2rem * 2) - 260px);
    border-radius: 0.428rem;
    z-index: 12;
}

.header-navbar .navbar-container {
    padding: 0rem 0rem;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;

}

.card, .header-navbar.navbar-shadow {
    box-shadow: none;
}

.content-page {
    margin-left: 275px;
}

html .content.app-content {
    padding: calc(1rem + 4.45rem) 2rem 0;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 56px;
}

body[data-leftbar-theme=light] .side-nav .side-nav-link {
    color: #cfcde4;
    font-weight: 600;
}

.nav-link.bookmark-star{
    color: #0c0c0c !important;
    font-size: 16px;
    font-weight: 600;
    padding: 0.8rem 1rem!important;
}

html .content {
    padding: 0;
    position: relative;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    backface-visibility: hidden;
    min-height: calc(100% - 3.35rem);
    margin-left: 260px;
}

.navbar-light .navbar-nav .nav-link {
    border-radius: .428rem;
}

body[data-leftbar-theme=light] .side-nav .side-nav-second-level li a{
     color: #cfcde4;
}
.side-nav .side-nav-link i {
    font-size: 16px;
    margin-top: 3px;
}
.tilebox-one i {
    right: 1rem;
}

.card {
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
    border-radius: 0px;
}

.table th {
    color: #000;
    padding: 8px;
}
.table {
    color: #000;
    font-weight: 500;
}

[data-simplebar] {
    margin-bottom: 1.5rem;
}

.simplebar-wrapper {
    overflow: hidden!important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
	height: calc(100% - 0rem)!important;
    position: relative;
}

.table>tbody>tr>td {
    padding: 6px 10px;
    font-weight: 500;
}
.icon-btn {
    padding: 4px 7px;
    font-size: 12px;
    border: 1px solid #1a1a18;
    color: #1a1a18;
    border-radius: 0.358rem;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #e9e9e9;
}
.side-nav-item .metismenu.side-nav-light .m-second-level.side-nav-link.active{
font-weight: 800;
    color: white !important;
    background: linear-gradient(#f1ae44,#1a1a18) !important;
    box-shadow: 0 0 2px 1px #abbbf485 !important;
	}

.btn-primary {
    color: #ffffff;
    border-color: #1a1a18;
    background: #1a1a18;
}
.btn-primary:hover {
    color: #ffffff;
    background-color: #1a1a18;
    border-color: #1a1a18;
}


body[data-leftbar-theme=light] .side-nav .side-nav-second-level li a:hover{ color: #1a1a18}

.nav-user {
    padding:calc(30px / 2) 23px calc(20px / 2) 40px!important;
    background-color:#0000;
    border: none;
    min-height: 40px;
}
.nav-user .account-user-avatar {
    top: 3px;
    left: -20px;
}
.pull-right{ float:right;}
.pull-left{ float:left;}
.filter_count {
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
    padding-left: 0;
}
.side-nav-item.menuitem-active a {
    font-weight: 800;
    color: white !important;
        background: linear-gradient(#1a1a18,#1c1d1ed9) !important;
    box-shadow: 0 0 2px 1px #abbbf485 !important;
}
label {
    font-weight: 500;
    font-size: 14px;
}
.dataTables_length {
    display: inline-block;
}
.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important;
}
.dataTables_length {
    float: left!important;
    margin-right: 10px;
    margin-top: 16px;
}
.dataTables_length {
    display: inline-block;
}
div.dt-buttons {
    position: initial;
    margin-top: 15px;
}
div.dt-buttons {
    position: initial;
    float: revert!important;
    display: inline-flex;
}
.dataTables_wrapper  .buttons-html5 {
    background: none;
    border: none;
    padding: 0px;
    margin-right: 10px;
}

table.dataTable {
    width: 100%!important;
    border-collapse: collapse!important;
    padding-top: 0px !important;
}
.table {
    padding: 0.5rem 1rem 0rem 1rem !important;
}
table.dataTable {
    width: 100%!important;
    border-collapse: collapse!important;
    padding-top: 0px !important;
}

.mobile-tab{
	display:none;
}
.desktop-tab{
	display:block;
}

.d-justify{
   justify-content: space-between;
}

@media only screen and (max-width: 767px) {
	.nav-user .account-user-avatar img {
    height: 40px;
    width: 40px;
}

.navbar-custom .dropdown .dropdown-menu {
    width: 100%;
}

	
.left-side-menu {
    z-index: 9999!important;
}	
	
.button-menu-mobile {
    height: 40px;
    line-height: 40px;
    width: 60px;
}

.visit_website {
    padding:10px 0px 5px 0px;
    overflow: hidden;
    float: left;
}

.desktop-tab{
	display:none!important;
}
.mobile-tab{
	display:block !important;
}
	
html body .app-content {
    padding: calc(0rem - .8rem + 4.45rem + 1.3rem) calc(2rem - .8rem) 0!important;
}
html .content {
    margin-left: 0;
}
.header-navbar.fixed-top, .header-navbar.floating-nav {
    left: 0px;
}
.header-navbar.floating-nav {
    width: calc(100vw - (100vw - 100%) - calc(2rem + 0.4rem))!important;
    margin-left: calc(2rem - 0.8rem);
    margin-right: calc(2rem - 0.8rem);
 }
}

.btn-add-new {
    font-size: 18px;
    padding: 0px 10px;
    cursor: pointer;
}

.input-group>.form-control, .input-group>.form-select, .input-group>.select2 {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%!important;
    min-width: 0;
}

.modal .modal-header .btn-close {
    padding: .8rem;
    box-shadow: 0 5px 20px 0 rgba(34, 41, 47, .1);
    border-radius: .357rem;
    background-color: #FFF;
    opacity: 1;
    -webkit-transition: all .23s ease .1s;
    transition: all .23s ease .1s;
    position: relative;
    -webkit-transform: translate(18px, -10px);
    -ms-transform: translate(18px, -10px);
    transform: translate(18px, -10px);
}
.modal-header .btn-close {
    padding: .4rem .7rem;
    margin: -.4rem -.7rem -.4rem auto;
}
.btn-close {
    filter: invert(1);
}
.btn-close {
    box-sizing: content-box;
    width: .75rem;
    height: .75rem;
    padding: .25em;
    color: currentColor;
    background: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\' fill=\'currentColor\'%3e%3cpath d=\'M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z\'/%3e%3c/svg%3e') center/.75rem auto no-repeat;
    border: 0;
    border-radius: .357rem;
    opacity: .4;
}

.input-group-text {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #6E6B7B;
    text-align: center;
    white-space: nowrap;
    background-color: #FFF;
    border: 1px solid #D8D6DE;
    border-radius: .357rem;
}


.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group .select2-container .select2-selection--single {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.btn-add-new i {
    color: #20398f;
    font-weight: 600;
    font-size: 22px;
}

.madd-new .modal-header {
    background-color: #F8F8F8;
}
.madd-new .modal-header {
    padding: 0.8rem 1.4rem;
}

.button-text {
    color: white;
    font-weight: 500;
}
.dataTables_scrollBody {
    min-height: 250px;
}
.dekstop-logo{
    width : 200px;
}
.m-dashboard .row {
    margin-right: 0px;
    margin-left: 0px;
}
.m-dashboard .card {
	    box-shadow: none;
    margin-bottom: 0px;
}
.m-dashboard .col-xl-3 {
	padding: 1px;
}