/* Preventing printing ahref when printing */
@media print {


    .grv-widget-tag {
      display: none !important;
    }
  
    a[href]:after { /* prevent stupid bootstrap from printing src of a href */
      content: none !important;
    }
    @media print {
      #downloaddailyreport {
        display: none;
      }
    }
  
    input,
    select,
    textarea {
      border: none !important;
      box-shadow: none !important;
      outline: none !important;
    }
    
  }
  
  .m-54{
      display: none;
  }
  @media (min-width: 1000px) {
  /*  #booking-modal input[name='check_in_date'], 
    #booking-modal input[name='check_out_date'],
    #booking-modal input[name='rate'],
    #booking-modal select[name='pay_period']{
      max-width: 125px;
      }*/
    }
  
  /*.panel-booking .form-group, .panel-booking .input-group {
    margin: 0px 7px 7px 7px;
    }*/
  
  /*.room-type .charge-with {
    width: 150px;
    }*/
  
    /*Fix a bug with BootStrap that set input within input-group with a z-order to 2. This make the JQuery Calendar to appear behind the input box*/
    .ui-datepicker, .ui-autocomplete {
      z-index: 2999 !important;
    }
  
    
    #inner-modal {
      z-index: 2999 !important;
    }
  
    div.token:first-of-type  { 
      background-color: #DFFEA7;
    }
  
    .navbar {
     margin-bottom: 0px;
   }
  
   .navbar-nav .open .dropdown-menu {
    background-color: #FFF;
  }
  
  ul {
      list-style-type: none;
  }
  
  /* Sidebar navigation */
  
  @media (min-width: 768px) {
    .sidebar {
      bottom: 0;
      left: 0;
      display: block;
      background-color: #fff;
      height: 100%;
    }
  }
  
  .nav-sidebar {
    margin-right: -15px; /* 20px padding + 1px border */
    margin-left: -30px;
    padding-left:15px;
    background-color: #fff;
    height: 100vh;
    position:fixed;
    box-shadow: 7px 0 60px rgba(0,0,0,0.05);
    width: 280px;
    z-index: 11;
    overflow: hidden;
    padding: 2px 1.5rem 1.5rem;
    transition: all .2s;
  }
  
  .nav-sidebar > li > a {
    color: #343a40;
  }
  .nav-sidebar > .active > a,
  .nav-sidebar > .active > a:hover,
  .nav-sidebar > .active > a:focus {
    color: #343a40;
    background-color: #fff;
  }
  
  html, body {
    height: 100%;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: .92rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: left;
    line-height: 1.5;
  }
  
  
  a:focus, a:hover {
      text-decoration: none;
  }
  
  
  
  .wrapper {
    height: auto !important;
    background-color:#fff;
  }
  
  
  .footer{
    text-align: center;
    color: #26323f;
    height: 60px;
    margin-top: 80px;
  }
  
  .main {
      background-color: #F1F4F6;
    height: 100%;
    min-height: 100vh;
    padding: 30px 30px 0px 30px;
    flex: 1;
  }
  
  .new-panel {
    border-color: rgba(82,168,236,.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: 0 0 8px rgba(82,168,236,.6);
    box-shadow: 0 0 8px rgba(82,168,236,.6);
  }
  
  .printable-container
  {
    float: none;
  }
  
  .print-page-break {
    break-before: always;
    page-break-before: always;
    display: block; /* unhide all tabs */
  }
  
  .tokenized-message {
    color: #006400;
    font-size: 12px;
    font-weight: bold;
    padding-top: 8px;
  }
  .charge-type-name-editable [name="charge_type_name"],.payment-type-name-editable [name="payment_type_name"] {
    height: auto!important;
    padding: 5px 5px;
    border-radius: 2px;
    border: 1px solid #d2d2d2;
    margin-right: 5px;
  }
  .charge-type-name-editable button[type="submit"], .charge-type-name-editable button[type="cancel"],.payment-type-name-editable button[type="submit"], .payment-type-name-editable button[type="cancel"]{
    border-color: #3e8f3e;
    color: #fff;
    background-color: #5cb85c;
    padding: 6px 12px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-right: 5px;
  }
  .charge-type-name-editable button[type="cancel"],.payment-type-name-editable button[type="cancel"]{
    border-color: #b92c28;
    background-color: #d9534f;
  }
  .dropdown-menu>li>a:hover{
    background-color: none !important; 
    background-image: none !important;
    background-repeat: none !important;
  }
  
  .dropdown-menu>li>.color-btn 
  {
    display: block;
    padding: 20px 20px;
    margin: 1% 3% !important;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    float: left !important;
    clear: none !important;
  }    
  select.channex_manager{
    padding: 5px;
  }
  #search-filter-container.customer-booking-history .form-control{
    padding: 5px;
  }
  .tooltip-reservation p {
    margin-bottom: 1px;
  }
  .confirm_distribute_payment_dialog{
    z-index: 1051 !important;
  }
  
  
  @media print { 
    .employee_report .selling_date  {
     width: 95.16%;
     diplay:inline-block;
   } 
  
   .employee_report .emp_report_selling{
    width: auto;
    display: inline-flex;
  }
  
  .employee_report .emp_report_time{
    width: auto;
    display: inline-flex;
  }
  }
  
  #registration_card .registration-policies {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  #booking-modal .left-sidebar{
    min-height: 350px!important;
  }    
  .confirm_distribute_payment_dialog{
    z-index: 1051 !important;
  }
  .popover-help-icon{
    border: 1px solid #b9b8b8;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    text-decoration: none !important;
  }
  .navbar-header hr {
   margin-top: 5px;
   margin-bottom: 5px;
  }
  tr.booking{
    cursor: pointer;
  }
  .calendar .availability_0{
    background: #ff4f4f;
  }
  .calendar:not([data-channel="2"]) .status_Close{
   background: #ff4f4f;
  }
  .guest-block .tokenfield .token-input{
      min-width: 10px!important;
  }
  .glyphicon_icon .form-control{
    display: inline-block;
  }
  span.grippy {
    content: '....';
    width: 15px;
    height: 25px;
    display: inline-block;
    overflow: hidden;
    line-height: 5px;
    padding: 3px 4px;
    cursor: move;
    vertical-align: middle;
    margin-top: -.7em;
    margin-right: .3em;
    font-size: 12px;
    font-family: sans-serif;
    letter-spacing: 2px;
    color: #cccccc;
    text-shadow: 1px 0 1px black;
  }
  span.grippy::after {
    content: '.. .. .. ..';
  }
  
  .current_date_class{
    background-color: yellow;
  }
  .card_div {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 12px;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    background-color: rgb(93, 137, 189);
    color: #fff;
    width: 330px;
  }
  .guest_card {
    width: 330px;
  }
  table.guest_card tbody tr:first-child {
    line-height: 3;
  }
  .cardpanel
  {
    box-shadow: none;
    border: none;
  }
  .card-close
  {
    float: left;
    position: absolute;
    top: 40px !important;
    color: #23527c;
    opacity: 1;
  }
  .add_card {
  
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    border-color: #ccc;
  /*    bottom: 0;
      position: absolute;
      right: 0;*/
      float: right;
    }
    .card_num
    {
      padding-left: 0px;
      margin-bottom: 20px;
    }
    .ex-date
    {
      padding-right: 0px;
      margin-bottom: 20px; 
    }
    .card_cvc_div
    {
      margin-top: 10px;
    }
    .save_card
    {
      background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
      border-color: #ccc;
    }
    #new_card_form{
     display:noe;
   }
   .card_guest_span
   {
    padding-left: 0px !important;
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    color: #26323f;
    width: 50%;
  }
  .card_heading_div
  {
    padding-left: 0px !important;
    border-top: 1px solid #eee;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .card_heading_div:nth-child(1) {
    border-top: none;
    padding-top: 0px;
  }
  .card-edit
  {
    position: absolute;
    top: 40px !important;
    color: #23527c;
    opacity: 1;
    padding-top: 21px !important;
  }
  .cus_input {
    width: 29% !important;
    margin-left: 106px;
  }
  input#Guest_name {
    width: 61%;
    margin-left: -94px;
  }
  .guest_lable {
    padding-top: 7px;
    font-weight: 700;
  }
  .credit_card_lable {
    text-align: left !important;
  }
  .iframe_div {
    margin-left: -58px;
  }
  .cvc_label{
    text-align: left !important;
  }
  button.card-edit {
    position: absolute;
    margin-top: 3px;
  
  }
  button.card-close {
    position: absolute;
    margin-top: -13px;
  }
  input#card_name {
    width: 61%;
    margin-left: -94px;
  }
  .card_name_lable {
    padding-top: 7px;
    font-weight: 700;
  }
  .remo_div{
    position: relative;
    top: 7px;
  }
  .switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 30px;
    margin-top: 5px;
  }
  
  .switch input {display:none;}
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 5px;
    bottom: 5px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2c2d2d;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 20px;
  }
  
  
  .slider.round:before {
    border-radius: 50%;
  }
  .p-label{
    right: 60px;
    position: absolute;
    top: 7px;
    font-weight: 400;
  }
  .hide {
    display: none;
  }
  /*.show {
    z-index: 111111;
    position: absolute;
    background-color: #FFF;
     border: 1px solid blue; 
    padding: 2px;
    display: block;
    list-style-type: none;
    list-style: none;
  }
  
  .show li{ list-style: none; }
  .show a { border: 0 !important; text-decoration: none; }
  .show a:hover { text-decoration: underline !important; }
  
  .show_popup{
    display: none;
    }*/
  
    .trans_language, .trans_phrase {
      width: 45%;
    }
    .trans_span_differ {
      width: 7%;
      left: 4px;
      top: 7px;
    }
    .language_selected{
      margin: 10px 0px;
    }
    .phrase_checkbox_div{
      margin: -10px -47px;
    }
    .phrase_desc {
      margin: 62px;
    }
    .nav>li>a:focus, .nav>li>a:hover{
  
     color: #333;
   }
   button.close
   {
     outline: 0 !important;
   }
   table.guest_card tbody tr td:nth-child(2) {
     position: relative;
     right: 30px;
     float: right;
   }
   /* mobile styling */
   @media (max-width: 768px) {
    .g-recaptcha-signup-section{
      margin-left: 0px;
      width: 100%;
    }
    .mr-b-10{
     margin-bottom: 10px;
   }
  }
  
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 20px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
  .p-label{
    right: 60px;
    position: absolute;
    top: 5px;
    font-weight: 400;
  }
  .sub-card{
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    background-color: rgb(93, 137, 189);
    color: #fff;
    width: 325px;
    border: 4px solid #385e8ccc;
  }
  .sub-table{
    width: 100%;
  }
  .ex-date{
    text-align: right;
  }
  .ex-date span {
    text-align: right;
    display: block;
  }
  .crn p {
    font-size: 20px;
    margin: 20px 0px;
  }
  .crn p strong
  {
   display: block; 
  }
  .plan-change
  {
    border: 1px solid #ddd;
    /*min-height: 660px;*/
  }
  .plan-change p
  {
    padding: 20px 0px;
    font-size: 20px;
  }
  .plan-select
  {
    border: 1px solid #ddd;
    min-height: 340px;
  }
  .plan-select p
  {
    padding: 20px 0px;
    font-size: 20px;
  }
  .nav-tab1
  {
    border: 0px;
  }
  .nav-tab1>li>a{
    color: #555;
  }
  .nav-tab1>li.active>a, .nav-tab1>li.active>a:focus, .nav-tab1>li.active>a:hover
  {
    border: 0px;
    color: #337ab7;
    border-bottom: 2px solid #337ab7;
  }
  .nav-tab1>li>a:focus, .nav-tab1>li>a:hover
  {
    background-color: transparent;
    border-color: transparent;
  }
  .select-region
  {
    padding: 20px 0px;
  }
  .select-region p {
    font-size: 20px;
  }
  .sub_pack{
   display: none;
  }
  .tab-content {
    border-bottom: 1px #ddd;
  }
  .active_package{
    background: linear-gradient(to bottom,#337ab7 0,#265a88 100%) !important;
    border-color: #245580 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075) !important;
    color: #fff !important;
  }
  .radio+.radio
  {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .radio
  {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .radio-span{
    background: #5cb85c;
    border-color: #5cb85c;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
    display: block;
    margin: auto;
    width: 37%;
    margin-top: 12px;
    padding: 8px 0px !important;
    color: #fff;
  }
  .product-div-div .btn:hover{
    color: #fff !important;
  }
  .update-pckage{
    margin: 73px -274px 0px;
    float: left;
  }
  .nav-tab1 li a {
    text-align: center;
  }
  .product-div-div span {
    display: block;
    padding: 12px 0px;
    text-align: center;
    font-size: 16px;
  }
  .product-div-div
  {
    border: 1px solid #e4e4e4;
    padding: 30px;
  }
  .radio .product-div-div.col-md-3.select-plans:last-child {
    margin-right: 0px;
  }
  .transac{
    margin-top: 40px;
  }
  .transac p{
    font-size: 20px;
  }
  .registration-policies p {
    font-size: 14px;
  }
  .select-plans h4{
   font-size: 26px;
  }
  .select-plans ul{
    padding-left: 0;
  }
  .select-plans ul li{
    line-height: 38px;
    font-size: 14px;
    list-style-type: circle;
  }
  .select-plans h2{
    margin:30px 0;
  }
  .activate_plan_div{
    background: aliceblue;
  }
  .company-no-comments td{
    background-color: #9dcee6 !important;
  }
  .company-promising td{
    background-color: #f3ffef !important;
  }
  .company-turning td{
    background-color: #f9fdbc !important;
  }
  #tutorial-video-modal .modal-content{
    padding: 0 15px 15px;
  }
  #tutorial-video-modal .close{
    position: absolute;
    right: 7px;
    top: 4px;
    opacity: 0.7;
  }
  /* mobile styling */
  @media (min-width: 1200px) {
    #tutorial-video-modal .modal-lg{
      width: 1050px;
    }
  }
  .open-price-brackets {
      cursor: pointer;
      margin-left: 15px;
      color: black;
  }
  .open-price-brackets.active {
      color: #337ab7;
  }
  #tax-price-form .tax-price-brackets-table tbody tr:first-child .start-range,
  #tax-price-form .tax-price-brackets-table tbody tr:last-child .end-range {
      background-color: #eee;
    opacity: 1;
    pointer-events: none;
  }
  #calendar .fc-header {
      padding-left: 0;
    margin-top: -15px;
  }
  .mr-t-20 {
    margin-top: 20px;
  }
  .jumbotron.rate_text {
    padding: 10px 0px;
    margin-bottom: 10px;
  }
  
  .table-rating .bigstars{
    pointer-events: none;
    opacity: 1
  }
  
  .bg-light {
    background-color: #f8f9fa!important;
  }
  .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
  }
  .list-features{
    margin: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .list-unstyled {
    padding-left: 0;
    list-style: none;
  }
  .list li {
    line-height: 28px;
  }
  .list-features li .fa {
    display: inline-block;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 1rem;
  }
  .mb-3 {
    margin-bottom: 1rem!important;
  }
  
  .box-review{
    border-bottom: 1px solid #ddd;
    padding: 10px;
    margin: 10px 0px;
  }
  .box-review .customer_detail {
    float: left;
  }
  .box-review .rating {
    float: right;
    font-size: 18px;
    font-weight: bold;
  }
  .box-review .review {
    margin-top: 10px;
  }
  
  .rt-occupancy-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }
  
  .rt-occupancy-slider:hover {
    opacity: 1;
  }
  
  .rt-occupancy-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
  }
  
  .rt-occupancy-slider::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
  }
  .min-max-occupancy-range .ui-widget.ui-widget-content {
    height: 8px;
  }
  .min-max-occupancy-range .ui-state-default, .min-max-occupancy-range .ui-widget-content .ui-state-default {
    background: #4CAF50;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    border: none;
    top: -6px;
    cursor: pointer;
  }
  
  ul.dropdown-menu li a img {
    width: 25px;
  }
  li.current_language a img {
    width: 25px;
  }
  .app-header .app-header__content .app-header-right {
    margin-top: 5px;
  }
  .app-header .app-header__content .app-header-left {
    margin-top: 8px;
  }
  
  .padding-left-zero{
    padding-left: 0;
  }
  
  .features-div-padding{
    padding-top: 2px
  }
  .padding-right-zero{
    padding-right: 0 !important;
  }
  #company-logo-image {
    width: 200px;
  }
  .pos-item {
    padding: 15px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    cursor: pointer;
    box-shadow: 5px 5px 10px #f9f9f9;
  }
  .pos-item:hover {
    background-color: #e6f7fd;
  }
  
  .select-extras.select2-container-multi .select2-choices {
    border-radius: 4px;
    border: 1px solid #ccc;
  }
  
  /* Switch Primary */
  .checkbox.checbox-switch.switch-primary label > input:checked + span,
  .checkbox-inline.checbox-switch.switch-primary > input:checked + span {
    background-color: rgb(0, 105, 217);
    border-color: rgb(0, 105, 217);
    box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
  }
  .checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
  .checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
    background-color: rgb(109, 163, 221);
    border-color: rgb(109, 163, 221);
    box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
  }
  .checkbox.checbox-switch {
    padding-left: 0;
  }
  
  .checkbox.checbox-switch label,
  .checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 0;
  }
  .checkbox.checbox-switch label input,
  .checkbox-inline.checbox-switch input {
    display: none;
  }
  .checkbox.checbox-switch label span,
  .checkbox-inline.checbox-switch span {
    width: 35px;
    border-radius: 20px;
    height: 18px;
    border: 1px solid #dbdbdb;
    background-color: rgb(255, 255, 255);
    border-color: rgb(223, 223, 223);
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
  }
  .checkbox.checbox-switch label span:before,
  .checkbox-inline.checbox-switch span:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgb(255,255,255);
    content: " ";
    top: 0;
    position: relative;
    left: 0;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
  }
  .checkbox.checbox-switch label > input:checked + span:before,
  .checkbox-inline.checbox-switch > input:checked + span:before {
    left: 17px;
  }
  
  .extension-card{
    padding-top: 15px;
  }
  
  /* Extension Block */
  .extension-box{
    float: right;
        padding: 5px;}
  
  .extension_block {
    display: flex;
    flex-direction: column;
    height: 190px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 15px;
    background-color: #fff;
  }
  .extension_image {
    width: 90px;
    height: 90px;
  }
  .main-extension {
    display: flex;
      flex: 1;
      min-height: 0;
      padding: 10px 10px 0px 10px;
  
  }
  .icon{
  
      align-self: flex-start;
      display: flex;
      padding: 6px;
      position: relative;
  
  }
  
  .extension-content {
      display: flex;
      flex: 1;
      flex-direction: column;
      margin-inline-start: 20px;
     
  }
  
    .extension-discription
    {
      font-size: 13px;
      text-overflow: ellipsis;
      overflow: hidden;
    
    }
  
  .extension_status {
    float: left;
    font-size: 16px;
  }
  .extension_status span {
    margin-left: 15px;
    font-size: 14px;
  }
  .extension_desc {
    margin-top: 25px;
  }
  .extension_action {
     margin-top: 25px;
  }
  .extension_image_block {
    width: 10%;
  }
  
  .enabled-extension {
    background-color: #94f0ff17;
  }
  .app-theme-white .app-footer .app-footer__inner, .app-theme-white .app-header {
    background: #fafbfc;
  }
  .app-header.header-shadow {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
  }
  
  .app-theme-white .app-footer .app-footer__inner, .app-theme-white .app-header {
    background: #fafbfc;
  }
  .fixed-header .app-header {
    position: fixed;
    width: 100%;
    top: 0;
  }

  .fixed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo{
      display:flex;
  }
  .fixed-sidebar:not(.fixed-header) .app-header{
      margin-left: 280px;
  }
  .fixed-sidebar:not(.fixed-header) .app-header .app-header__logo{
      display:none;
  }
  .fixed-sidebar.closed-sidebar:not(.fixed-header) .app-header{
      margin-left: 80px;
  }
  .fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo{
      width: 80px;
      padding: 0;
  }
  .fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo .logo-src{
      display: none;
  }
  .fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo .header__pane{
      margin-right: auto;
  }

  .app-theme-white.app-container{
      background:#f1f4f6
  }
  
  .fixed-header .app-header .app-header__logo{
      visibility:visible
  }

  .fixed-header:not(.fixed-sidebar):not(.closed-sidebar) .app-sidebar .app-header__logo{
      visibility:hidden
  }
  
  .app-header.header-shadow {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
  }
  .app-header {
    height: 60px;
    display: flex;
    align-items: center;
    align-content: center;
    position: relative;
    z-index: 10;
    transition: all .2s;
  }
  
  
  .nav-link {
    color: #6c757d;
    /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
    align-items: center;
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
    padding-left: .66667rem;
    padding-right: .66667rem;
    
  }
  
  
  .app-header .app-header__content .app-header-left {
    display: flex;
    align-items: center;
    padding-left: 0px
  }
  
  .app-header .app-header__content {
    display: flex;
    align-items: center;
    align-content: center;
    flex: 1;
    padding: 0 1.5rem;
    height: 60px;
  }
  .app-header__logo {
    padding: 0 1.5rem;
    height: 60px;
    width: 220px;
    display: flex;
    align-items: center;
    transition: width .2s;
  }
  
  .logo {
    font-size: large;
    position: absolute;
      left: 20px;
     
      /* display: none; */
      z-index: 11;
  
  }
  
  .app-header .app-header__content .app-header-right {
    align-items: center;
    display: flex;
    margin-left: auto;
  }
  .fixed-sidebar .app-sidebar {
    position: fixed;
    height: 100vh;
  }
  .app-sidebar.sidebar-shadow {
    box-shadow: 5px 0 10px #00000012;
  }
  .app-sidebar {
    width: 220px;
    display: flex;
    z-index: 11;
    overflow: hidden;
    min-width: 20px;
    position: relative;
    flex: 0 0 280px;
    transition: all .2s;
  }
  
  .app-theme-white .app-sidebar {
    background: #fff;
  }
  
  .vertical-nav-menu {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
  }
  .vertical-nav-menu li a {
    display: block;
    line-height: 2.4rem;
    height: 2.4rem;
    padding: 0 1.5rem 0 45px;
    position: relative;
    border-radius: .25rem;
    color: #343a40;
    white-space: nowrap;
    transition: all .2s;
    margin: .1rem 0;
  }
  .app-main .app-main__inner {
    padding: 30px 30px 0px 30px;
    flex: 1;
  }
  
  .app-main .app_inner{
    padding: 0px 2px 0px 2px;
    flex: 1;
  }
  
  .app-sidebar .scrollbar-sidebar {
   /* z-index: 15;*/
    width: 100%;
  }
  .scrollbar-sidebar, .scrollbar-container {
    position: relative;
    height: 100%;
  }
  
  .app-main {
      flex: 1;
      display: flex;
      z-index: 8;
     /* position: relative;*/
  }
  
  .app-sidebar .scrollbar-sidebar {
    /*z-index: 15;*/
    width: 100%;
  }
  .scrollbar-sidebar, .scrollbar-container {
    position: relative;
    height: 100%;
  }
  .ps {
    overflow: auto !important;
    overflow-anchor: none;
    touch-action: auto;
  }
  
  .ps__rail-x{
      display:none !important;
      opacity:0;
      transition:background-color .2s linear, opacity .2s linear;
      height:15px;
      bottom:0;
      position:absolute;
      z-index:7
  }
  .ps__rail-y{
      display:none;
      opacity:0;
      transition:background-color .2s linear, opacity .2s linear;
      width:15px;
      right:0;
      position:absolute;
      border-radius:50px;
      z-index:7
  }
  .ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{
      display:block;
      background-color:transparent
  }
  .ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{
      opacity:0.6
  }
  .ps__rail-x:hover,.ps__rail-y:hover,.ps__rail-x:focus,.ps__rail-y:focus{
      background-color:rgba(0,0,0,0.1);
      opacity:0.9
  }
  .ps__thumb-x{
      background-color:rgba(0,0,0,0.1);
      border-radius:6px;
      transition:background-color .2s linear, height .2s ease-in-out;
      height:6px;
      bottom:2px;
      position:absolute
  }
  .ps__thumb-y{
      background-color:rgba(0,0,0,0.1);
      border-radius:6px;
      transition:background-color .2s linear, width .2s ease-in-out;
      width:6px;
      right:2px;
      position:absolute
  }
  .ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x{
      background-color:rgba(0,0,0,0.12);
      height:11px
  }
  .ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y{
      background-color:rgba(0,0,0,0.12);
      width:11px
  }
  @supports (-ms-overflow-style: none){
      .ps{
          overflow:auto !important
      }
  }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
      .ps{
          overflow:auto !important
      }
  }
  .scrollbar-sidebar,.scrollbar-container{
      position:relative;
      height:100%
  }
  .scroll-area{
      overflow-x:hidden;
      height:400px
  }
  .scroll-area-xs{
      height:150px;
      overflow-x:hidden
  }
  .scroll-area-sm{
      height:200px;
      overflow-x:hidden
  }
  .scroll-area-md{
      height:300px;
      overflow-x:hidden
  }
  .scroll-area-lg{
      height:400px;
      overflow-x:hidden
  }
  .scroll-area-x{
      overflow-x:auto;
      width:100%;
      max-width:100%
  }
  .shadow-overflow{
      position:relative
  }
  .shadow-overflow::after,.shadow-overflow::before{
      width:100%;
      bottom:auto;
      top:0;
      left:0;
      height:1.5rem;
      position:absolute;
      z-index:10;
      content:'';
      background:linear-gradient(to bottom, #fff 20%, rgba(255,255,255,0) 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0)
  }
  .shadow-overflow::after{
      bottom:0;
      top:auto;
      background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 80%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
  }
  
  .app-sidebar .app-sidebar__inner {
    padding-top: 5px;
    margin-top: -1px;
  }
  .app-sidebar__heading {
    text-transform: uppercase;
    font-size: .8rem;
    margin: .75rem 0;
    font-weight: bold;
    color: #3f6ad8;
    white-space: nowrap;
    position: relative;
  }
  .vertical-nav-menu i.metismenu-state-icon, .vertical-nav-menu i.metismenu-icon {
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -17px;
    font-size: 1.5rem;
    opacity: .3;
    transition: color 300ms;
    font-weight: bold;
  }
  
  .vertical-nav-menu {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
  }
  .vertical-nav-menu li a {
    display: block;
    line-height: 2.4rem;
    height: 2.4rem;
    padding: 0 1.5rem 0 45px;
    position: relative;
    border-radius: .25rem;
    color: #343a40;
    white-space: nowrap;
    transition: all .2s;
    margin: .1rem 0;
  }
  
  
  
  
  .vertical-nav-menu li a{
    display:block;
    line-height:2.4rem;
    height:2.4rem;
    padding:0 1.5rem 0 45px;
    position:relative;
    border-radius: 0;
    color:#343a40;
    white-space:nowrap;
    transition:all .2s;
    margin:.1rem 0
  }
  .vertical-nav-menu li a:hover{
    background:#e0f3ff;
    text-decoration:none
  }
  .vertical-nav-menu li a:hover i.metismenu-icon{
    opacity:.6
  }
  .vertical-nav-menu li a:hover i.metismenu-state-icon{
    opacity:1
  }
  .vertical-nav-menu li.mm-active>a{
    font-weight:bold
  }
  .vertical-nav-menu li.mm-active>a i.metismenu-state-icon{
    transform:rotate(-180deg)
  }
  .vertical-nav-menu li a.mm-active{
    color:#3f6ad8;
    background:#e0f3ff;
    font-weight:bold
  }
  .vertical-nav-menu i.metismenu-state-icon,.vertical-nav-menu i.metismenu-icon{
    text-align:center;
    width:34px;
    height:34px;
    line-height:34px;
    position:absolute;
    left:5px;
    top:50%;
    margin-top:-17px;
    font-size:1.5rem;
    opacity:.3;
    transition:color 300ms;
    font-weight: bold;
  }
  .vertical-nav-menu i.metismenu-state-icon{
    transition:transform 300ms;
    left:auto;
    right:0
  }
  .vertical-nav-menu ul{
    transition:padding 300ms;
    padding:.5em 0 0 2rem
  }
  .vertical-nav-menu ul:before{
    content:'';
    height:100%;
    opacity:1;
    width:3px;
    background:#e0f3ff;
    position:absolute;
    left:20px;
    top:0;
    border-radius:15px
  }
  .vertical-nav-menu ul>li>a{
    color:#6c757d;
    height:2rem;
    line-height:2rem;
    padding:0 1.0rem 0
  }
  .vertical-nav-menu ul>li>a:hover{
    color:#3f6ad8
  }
  .vertical-nav-menu ul>li>a .metismenu-icon{
    display:none
  }
  .vertical-nav-menu ul>li>a.mm-active{
    color:#3f6ad8;
    background:#e0f3ff;
    font-weight:bold
  }
  .vertical-nav-menu .mm-collapse:not(.mm-show){
    display:none
  }
  .vertical-nav-menu .mm-collapsing{
    position:relative;
    height:0;
    overflow:hidden;
    transition-timing-function:ease;
    transition-duration:.25s;
    transition-property:height, visibility
  }
  .app-page-title{
  /*  background:rgba(255,255,255,0.45)*/
    background:rgb(241,244,246)
  }
  .app-page-title .page-title-wrapper{
    position:relative;
    display:flex;
    align-items:center
  }
  .app-page-title .page-title-heading,.app-page-title .page-title-wrapper{
    margin:0 auto;
    display:block
  }
  
  .app-page-title{
    text-align:center
  }
  .app-page-title .page-title-heading,.app-page-title .page-title-wrapper{
    margin:0 auto;
    display:block
  }
  .app-page-title .page-title-actions{
    margin:15px 0px  0
  }
  .app-page-title .page-title-actions .breadcrumb-item,.app-page-title .page-title-actions .breadcrumb,.app-page-title .page-title-subheading .breadcrumb-item,.app-page-title .page-title-subheading .breadcrumb{
    display:inline-block
  }
  .page-title-head{
          display:block
      }
      .app-page-title{
      padding:20px;
      margin:-30px -20px 0px;
      position:relative
  }
  .app-page-title+.body-tabs-layout{
      margin-top:-30px !important
  }
  .app-page-title .page-title-wrapper{
      position:relative;
      display:flex;
      align-items:center;
    /*  padding-left: 10px*/;
  }
  .app-page-title .page-title-heading,.app-page-title .page-title-subheading{
      margin:0;
      padding:0
  }
  .app-page-title .page-title-heading{
      font-size:1.25rem;
      font-weight:400;
      display:flex;
      align-content:center;
      align-items:center
  }
  .app-page-title .page-title-subheading{
      padding:3px 0 0;
      font-size:.88rem;
      opacity:.6
  }
  .app-page-title .page-title-subheading .breadcrumb{
      padding:0;
      margin:3px 0 0;
      background:transparent
  }
  .app-page-title .page-title-actions{
      margin-left:auto
  }
  .app-page-title .page-title-actions .breadcrumb{
      margin:0;
      padding:0;
      background:transparent
  }
  .app-page-title .page-title-icon{
      font-size:2rem;
      display:flex;
      align-items:center;
      align-content:center;
      text-align:center;
      padding:.83333rem;
      margin:0 30px 0 0;
      background:#fff;
      box-shadow:0 0.46875rem 2.1875rem rgba(4,9,20,0.03),0 0.9375rem 1.40625rem rgba(4,9,20,0.03),0 0.25rem 0.53125rem rgba(4,9,20,0.05),0 0.125rem 0.1875rem rgba(4,9,20,0.03);
      border-radius:.25rem;
      width:60px;
      height:60px
  }
  .app-page-title .page-title-icon i{
      margin:auto
  }
  .app-page-title .page-title-icon.rounded-circle{
      margin:0 20px 0 0
  }
  .app-page-title+.RRT__container{
      margin-top:-23.07692px
  }
  .app-page-title.app-page-title-simple{
      margin:0;
      background:none !important;
      padding-left:0;
      padding-right:0;
      padding-top:0
  }
  .page-title-icon-rounded .page-title-icon{
      border-radius:50px
  }
  .main-card{
      box-shadow:0 0 0 0 transparent !important
  }
  .main-card>.card-body>.card-title{
      text-transform:none;
      font-size:1.1rem;
      font-weight:normal;
      border-bottom:#dee2e6 solid 1px;
      position:relative;
      padding:0 0 1.125rem;
      margin:0 0 1.125rem
  }
  .card-header, .card-title {
      text-transform: uppercase;
      color: rgba(13,27,62,0.7);
      font-weight: bold;
      font-size: .88rem;
  }
  .main-card>.card-body>.card-title::before{
      position:absolute;
      width:40px;
     /* background:#3f6ad8;*/
      border-radius:30px;
      height:5px;
      left:0;
      bottom:-2px;
      content:""
  }
  .card{
      position:relative;
      display:flex;
      flex-direction:column;
      min-width:0;
      word-wrap:break-word;
      background-color:#fff;
      background-clip:border-box;
      border:1px solid rgba(26,54,126,0.125);
      border-radius:.25rem;
      box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
      border-width: 0;
      transition: all .2s;
  }
  .card>hr{
      margin-right:0;
      margin-left:0
  }
  .card>.list-group:first-child .list-group-item:first-child{
      border-top-left-radius:.25rem;
      border-top-right-radius:.25rem
  }
  .card>.list-group:last-child .list-group-item:last-child{
      border-bottom-right-radius:.25rem;
      border-bottom-left-radius:.25rem
  }
  .card-body{
      flex:1 1 auto;
      padding:2.0rem;
  }
  .card-title{
      margin-bottom:.75rem
  }
  .card-subtitle{
      margin-top:-.375rem;
      margin-bottom:0
  }
  .card-text:last-child{
      margin-bottom:0
  }
  .card-link:hover{
      text-decoration:none
  }
  .card-link+.card-link{
      margin-left:1.25rem
  }
  .card-header{
      padding:.75rem 1.25rem;
      margin-bottom:0;
      color:inherit;
      background-color:#fff;
      border-bottom:1px solid rgba(26,54,126,0.125)
  }
  .card-header:first-child{
      border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0
  }
  .card-header+.list-group .list-group-item:first-child{
      border-top:0
  }
  .card-footer{
      padding:.75rem 1.25rem;
      background-color:#fff;
      border-top:1px solid rgba(26,54,126,0.125)
  }
  
  .body-tabs-shadow .body-tabs-animated{
      padding:.75rem 0
  }
  .body-tabs-shadow .body-tabs-animated .nav-link span{
      position:relative;
      z-index:5
  }
  .body-tabs-shadow .body-tabs-animated .nav-link::before{
      height:70%;
      top:15%;
      z-index:4;
      bottom:auto;
      box-shadow:0 16px 26px -10px rgba(63,106,216,0.56),0 4px 25px 0px rgba(0,0,0,0.12),0 8px 10px -5px rgba(63,106,216,0.2);
      border-radius:100%;
      opacity:.5
  }
  .body-tabs-shadow .body-tabs-animated .nav-link.active,.body-tabs-shadow .body-tabs-animated .nav-link:hover{
      color:#fff
  }
  .body-tabs-shadow .body-tabs-animated .nav-link.active::before,.body-tabs-shadow .body-tabs-animated .nav-link:hover::before{
      border-radius:.25rem;
      opacity:1
  }
  
  
   .app-header .app-header__logo{
          display:none;
          order:2;
          background:transparent !important;
          border:0 !important
      }
  
      .app-header__logo{
      padding:0 1.5rem;
      height:60px;
      width:280px;
      display:flex;
      align-items:center;
      transition:width .2s
  }
  .app-header__logo .logo-src{
      height:23px;
      width:97px; 
    
  }
  .open>.dropdown-menu {
     /* display: none;*/
  }
  [class^="pe-7s-"],[class*=" pe-7s-"]{
      display:inline-block;
      font-family:'Pe-icon-7-stroke';
      speak:none;
      font-style:normal;
      font-weight:normal;
      font-variant:normal;
      text-transform:none;
      line-height:1;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale
  }
  .vertical-nav-menu ul {
      margin: 0;
      padding: 0px 20px;
      position: relative;
      list-style: none;
  }
      .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul.mm-show{
          padding:.5em 0 0 2rem
      }
      .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul.mm-show>li>a{
          height:2rem;
          line-height:2rem
      }
  
      
  .btn{
      display:inline-block;
      font-weight:400;
      color:#495057;
      text-align:center;
      vertical-align:middle;
      user-select:none;
      background-color:transparent;
      border:1px solid transparent;
      padding:.375rem .75rem;
      font-size:1rem;
      line-height:1.5;
      border-radius:.25rem;
      transition:color 0.15s,background-color 0.15s,border-color 0.15s,box-shadow 0.15s
  }
  @media screen and (prefers-reduced-motion: reduce){
      .btn{
          transition:none
      }
  }
  .btn:hover{
      color:#495057;
      text-decoration:none
  }
  .btn:focus,.btn.focus{
      outline:0;
      box-shadow:none
  }
  .btn.disabled,.btn:disabled{
      opacity:.65
  }
  .btn:not(:disabled):not(.disabled){
      cursor:pointer
  }
  a.btn.disabled,fieldset:disabled a.btn{
      pointer-events:none
  }
  .btn-primary{
      color:#fff;
      background-color:#3f6ad8;
      border-color:#3f6ad8
  }
  .btn-primary:hover{
      color:#fff;
      background-color:#2955c8;
      border-color:#2651be
  }
  .btn-primary:focus,.btn-primary.focus{
      box-shadow:0 0 0 0 rgba(92,128,222,0.5)
  }
  .btn-primary.disabled,.btn-primary:disabled{
      color:#fff;
      background-color:#3f6ad8;
      border-color:#3f6ad8
  }
  .btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{
      color:#fff;
      background-color:#2651be;
      border-color:#244cb3
  }
  .btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(92,128,222,0.5)
  }
  .btn-secondary{
      color:#fff;
      background-color:#6c757d;
      border-color:#6c757d
  }
  .btn-secondary:hover{
      color:#fff;
      background-color:#5a6268;
      border-color:#545b62
  }
  .btn-secondary:focus,.btn-secondary.focus{
      box-shadow:0 0 0 0 rgba(130,138,145,0.5)
  }
  .btn-secondary.disabled,.btn-secondary:disabled{
      color:#fff;
      background-color:#6c757d;
      border-color:#6c757d
  }
  .btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{
      color:#fff;
      background-color:#545b62;
      border-color:#4e555b
  }
  .btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-secondary.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(130,138,145,0.5)
  }
  .btn-success{
      color:#fff;
      background-color:#3ac47d;
      border-color:#3ac47d
  }
  .btn-success:hover{
      color:#fff;
      background-color:#31a66a;
      border-color:#2e9d64
  }
  .btn-success:focus,.btn-success.focus{
      box-shadow:0 0 0 0 rgba(88,205,145,0.5)
  }
  .btn-success.disabled,.btn-success:disabled{
      color:#fff;
      background-color:#3ac47d;
      border-color:#3ac47d
  }
  .btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show>.btn-success.dropdown-toggle{
      color:#fff;
      background-color:#2e9d64;
      border-color:#2b935e
  }
  .btn-success:not(:disabled):not(.disabled):active:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.show>.btn-success.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(88,205,145,0.5)
  }
  .btn-info{
      color:#fff;
      background-color:#16aaff;
      border-color:#16aaff
  }
  .btn-info:hover{
      color:#fff;
      background-color:#0098ef;
      border-color:#0090e2
  }
  .btn-info:focus,.btn-info.focus{
      box-shadow:0 0 0 0 rgba(57,183,255,0.5)
  }
  .btn-info.disabled,.btn-info:disabled{
      color:#fff;
      background-color:#16aaff;
      border-color:#16aaff
  }
  .btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show>.btn-info.dropdown-toggle{
      color:#fff;
      background-color:#0090e2;
      border-color:#0087d5
  }
  .btn-info:not(:disabled):not(.disabled):active:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.show>.btn-info.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(57,183,255,0.5)
  }
  .btn-warning{
      color:#212529;
      background-color:#f7b924;
      border-color:#f7b924
  }
  .btn-warning:hover{
      color:#212529;
      background-color:#eca909;
      border-color:#e0a008
  }
  .btn-warning:focus,.btn-warning.focus{
      box-shadow:0 0 0 0 rgba(215,163,37,0.5)
  }
  .btn-warning.disabled,.btn-warning:disabled{
      color:#212529;
      background-color:#f7b924;
      border-color:#f7b924
  }
  .btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active,.show>.btn-warning.dropdown-toggle{
      color:#212529;
      background-color:#e0a008;
      border-color:#d49808
  }
  .btn-warning:not(:disabled):not(.disabled):active:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-warning.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(215,163,37,0.5)
  }
  .btn-danger{
      color:#fff;
      background-color:#d92550;
      border-color:#d92550
  }
  .btn-danger:hover{
      color:#fff;
      background-color:#b81f44;
      border-color:#ad1e40
  }
  .btn-danger:focus,.btn-danger.focus{
      box-shadow:0 0 0 0 rgba(223,70,106,0.5)
  }
  .btn-danger.disabled,.btn-danger:disabled{
      color:#fff;
      background-color:#d92550;
      border-color:#d92550
  }
  .btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show>.btn-danger.dropdown-toggle{
      color:#fff;
      background-color:#ad1e40;
      border-color:#a31c3c
  }
  .btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-danger.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(223,70,106,0.5)
  }
  .btn-light{
      color:#212529;
      background-color:#eee;
      border-color:#eee
  }
  .btn-light:hover{
      color:#212529;
      background-color:#dbdbdb;
      border-color:#d5d5d5
  }
  .btn-light:focus,.btn-light.focus{
      box-shadow:0 0 0 0 rgba(207,208,208,0.5)
  }
  .btn-light.disabled,.btn-light:disabled{
      color:#212529;
      background-color:#eee;
      border-color:#eee
  }
  .btn-light:not(:disabled):not(.disabled):active,.btn-light:not(:disabled):not(.disabled).active,.show>.btn-light.dropdown-toggle{
      color:#212529;
      background-color:#d5d5d5;
      border-color:#cecece
  }
  .btn-light:not(:disabled):not(.disabled):active:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.show>.btn-light.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(207,208,208,0.5)
  }
  .btn-dark{
      color:#fff;
      background-color:#343a40;
      border-color:#343a40
  }
  .btn-dark:hover{
      color:#fff;
      background-color:#23272b;
      border-color:#1d2124
  }
  .btn-dark:focus,.btn-dark.focus{
      box-shadow:0 0 0 0 rgba(82,88,93,0.5)
  }
  .btn-dark.disabled,.btn-dark:disabled{
      color:#fff;
      background-color:#343a40;
      border-color:#343a40
  }
  .btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show>.btn-dark.dropdown-toggle{
      color:#fff;
      background-color:#1d2124;
      border-color:#171a1d
  }
  .btn-dark:not(:disabled):not(.disabled):active:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-dark.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(82,88,93,0.5)
  }
  .btn-focus{
      color:#fff;
      background-color:#444054;
      border-color:#444054
  }
  .btn-focus:hover{
      color:#fff;
      background-color:#322f3e;
      border-color:#2d2a37
  }
  .btn-focus:focus,.btn-focus.focus{
      box-shadow:0 0 0 0 rgba(96,93,110,0.5)
  }
  .btn-focus.disabled,.btn-focus:disabled{
      color:#fff;
      background-color:#444054;
      border-color:#444054
  }
  .btn-focus:not(:disabled):not(.disabled):active,.btn-focus:not(:disabled):not(.disabled).active,.show>.btn-focus.dropdown-toggle{
      color:#fff;
      background-color:#2d2a37;
      border-color:#272430
  }
  .btn-focus:not(:disabled):not(.disabled):active:focus,.btn-focus:not(:disabled):not(.disabled).active:focus,.show>.btn-focus.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(96,93,110,0.5)
  }
  .btn-alternate{
      color:#fff;
      background-color:#794c8a;
      border-color:#794c8a
  }
  .btn-alternate:hover{
      color:#fff;
      background-color:#633e71;
      border-color:#5c3a69
  }
  .btn-alternate:focus,.btn-alternate.focus{
      box-shadow:0 0 0 0 rgba(141,103,156,0.5)
  }
  .btn-alternate.disabled,.btn-alternate:disabled{
      color:#fff;
      background-color:#794c8a;
      border-color:#794c8a
  }
  .btn-alternate:not(:disabled):not(.disabled):active,.btn-alternate:not(:disabled):not(.disabled).active,.show>.btn-alternate.dropdown-toggle{
      color:#fff;
      background-color:#5c3a69;
      border-color:#553561
  }
  .btn-alternate:not(:disabled):not(.disabled):active:focus,.btn-alternate:not(:disabled):not(.disabled).active:focus,.show>.btn-alternate.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(141,103,156,0.5)
  }
  .btn-outline-primary{
      color:#3f6ad8;
      border-color:#3f6ad8
  }
  .btn-outline-primary:hover{
      color:#fff;
      background-color:#3f6ad8;
      border-color:#3f6ad8
  }
  .btn-outline-primary:focus,.btn-outline-primary.focus{
      box-shadow:0 0 0 0 rgba(63,106,216,0.5)
  }
  .btn-outline-primary.disabled,.btn-outline-primary:disabled{
      color:#3f6ad8;
      background-color:transparent
  }
  .btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{
      color:#fff;
      background-color:#3f6ad8;
      border-color:#3f6ad8
  }
  .btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(63,106,216,0.5)
  }
  .btn-outline-secondary{
      color:#6c757d;
      border-color:#6c757d
  }
  .btn-outline-secondary:hover{
      color:#fff;
      background-color:#6c757d;
      border-color:#6c757d
  }
  .btn-outline-secondary:focus,.btn-outline-secondary.focus{
      box-shadow:0 0 0 0 rgba(108,117,125,0.5)
  }
  .btn-outline-secondary.disabled,.btn-outline-secondary:disabled{
      color:#6c757d;
      background-color:transparent
  }
  .btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{
      color:#fff;
      background-color:#6c757d;
      border-color:#6c757d
  }
  .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(108,117,125,0.5)
  }
  .btn-outline-success{
      color:#3ac47d;
      border-color:#3ac47d
  }
  .btn-outline-success:hover{
      color:#fff;
      background-color:#3ac47d;
      border-color:#3ac47d
  }
  .btn-outline-success:focus,.btn-outline-success.focus{
      box-shadow:0 0 0 0 rgba(58,196,125,0.5)
  }
  .btn-outline-success.disabled,.btn-outline-success:disabled{
      color:#3ac47d;
      background-color:transparent
  }
  .btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled).active,.show>.btn-outline-success.dropdown-toggle{
      color:#fff;
      background-color:#3ac47d;
      border-color:#3ac47d
  }
  .btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-success.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(58,196,125,0.5)
  }
  .btn-outline-info{
      color:#16aaff;
      border-color:#16aaff
  }
  .btn-outline-info:hover{
      color:#fff;
      background-color:#16aaff;
      border-color:#16aaff
  }
  .btn-outline-info:focus,.btn-outline-info.focus{
      box-shadow:0 0 0 0 rgba(22,170,255,0.5)
  }
  .btn-outline-info.disabled,.btn-outline-info:disabled{
      color:#16aaff;
      background-color:transparent
  }
  .btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show>.btn-outline-info.dropdown-toggle{
      color:#fff;
      background-color:#16aaff;
      border-color:#16aaff
  }
  .btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-info.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(22,170,255,0.5)
  }
  .btn-outline-warning{
      color:#f7b924;
      border-color:#f7b924
  }
  .btn-outline-warning:hover{
      color:#212529;
      background-color:#f7b924;
      border-color:#f7b924
  }
  .btn-outline-warning:focus,.btn-outline-warning.focus{
      box-shadow:0 0 0 0 rgba(247,185,36,0.5)
  }
  .btn-outline-warning.disabled,.btn-outline-warning:disabled{
      color:#f7b924;
      background-color:transparent
  }
  .btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled).active,.show>.btn-outline-warning.dropdown-toggle{
      color:#212529;
      background-color:#f7b924;
      border-color:#f7b924
  }
  .btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(247,185,36,0.5)
  }
  .btn-outline-danger{
      color:#d92550;
      border-color:#d92550
  }
  .btn-outline-danger:hover{
      color:#fff;
      background-color:#d92550;
      border-color:#d92550
  }
  .btn-outline-danger:focus,.btn-outline-danger.focus{
      box-shadow:0 0 0 0 rgba(217,37,80,0.5)
  }
  .btn-outline-danger.disabled,.btn-outline-danger:disabled{
      color:#d92550;
      background-color:transparent
  }
  .btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show>.btn-outline-danger.dropdown-toggle{
      color:#fff;
      background-color:#d92550;
      border-color:#d92550
  }
  .btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(217,37,80,0.5)
  }
  .btn-outline-light{
      color:#eee;
      border-color:#eee
  }
  .btn-outline-light:hover{
      color:#212529;
      background-color:#eee;
      border-color:#eee
  }
  .btn-outline-light:focus,.btn-outline-light.focus{
      box-shadow:0 0 0 0 rgba(238,238,238,0.5)
  }
  .btn-outline-light.disabled,.btn-outline-light:disabled{
      color:#eee;
      background-color:transparent
  }
  .btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-light:not(:disabled):not(.disabled).active,.show>.btn-outline-light.dropdown-toggle{
      color:#212529;
      background-color:#eee;
      border-color:#eee
  }
  .btn-outline-light:not(:disabled):not(.disabled):active:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-light.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(238,238,238,0.5)
  }
  .btn-outline-dark{
      color:#343a40;
      border-color:#343a40
  }
  .btn-outline-dark:hover{
      color:#fff;
      background-color:#343a40;
      border-color:#343a40
  }
  .btn-outline-dark:focus,.btn-outline-dark.focus{
      box-shadow:0 0 0 0 rgba(52,58,64,0.5)
  }
  .btn-outline-dark.disabled,.btn-outline-dark:disabled{
      color:#343a40;
      background-color:transparent
  }
  .btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled).active,.show>.btn-outline-dark.dropdown-toggle{
      color:#fff;
      background-color:#343a40;
      border-color:#343a40
  }
  .btn-outline-dark:not(:disabled):not(.disabled):active:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(52,58,64,0.5)
  }
  .btn-outline-focus{
      color:#444054;
      border-color:#444054
  }
  .btn-outline-focus:hover{
      color:#fff;
      background-color:#444054;
      border-color:#444054
  }
  .btn-outline-focus:focus,.btn-outline-focus.focus{
      box-shadow:0 0 0 0 rgba(68,64,84,0.5)
  }
  .btn-outline-focus.disabled,.btn-outline-focus:disabled{
      color:#444054;
      background-color:transparent
  }
  .btn-outline-focus:not(:disabled):not(.disabled):active,.btn-outline-focus:not(:disabled):not(.disabled).active,.show>.btn-outline-focus.dropdown-toggle{
      color:#fff;
      background-color:#444054;
      border-color:#444054
  }
  .btn-outline-focus:not(:disabled):not(.disabled):active:focus,.btn-outline-focus:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-focus.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(68,64,84,0.5)
  }
  .btn-outline-alternate{
      color:#794c8a;
      border-color:#794c8a
  }
  .btn-outline-alternate:hover{
      color:#fff;
      background-color:#794c8a;
      border-color:#794c8a
  }
  .btn-outline-alternate:focus,.btn-outline-alternate.focus{
      box-shadow:0 0 0 0 rgba(121,76,138,0.5)
  }
  .btn-outline-alternate.disabled,.btn-outline-alternate:disabled{
      color:#794c8a;
      background-color:transparent
  }
  .btn-outline-alternate:not(:disabled):not(.disabled):active,.btn-outline-alternate:not(:disabled):not(.disabled).active,.show>.btn-outline-alternate.dropdown-toggle{
      color:#fff;
      background-color:#794c8a;
      border-color:#794c8a
  }
  .btn-outline-alternate:not(:disabled):not(.disabled):active:focus,.btn-outline-alternate:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-alternate.dropdown-toggle:focus{
      box-shadow:0 0 0 0 rgba(121,76,138,0.5)
  }
  .btn-link{
      font-weight:400;
      color:#3f6ad8
  }
  .btn-link:hover{
      color:#0056b3;
      text-decoration:underline
  }
  .btn-link:focus,.btn-link.focus{
      text-decoration:underline;
      box-shadow:none
  }
  .btn-link:disabled,.btn-link.disabled{
      color:#6c757d;
      pointer-events:none
  }
  .btn-lg,.btn-group-lg>.btn{
      padding:.5rem 1rem;
      font-size:1.25rem;
      line-height:1.5;
      border-radius:.3rem
  }
  .btn-sm,.btn-group-sm>.btn{
      padding:.25rem .5rem;
      font-size:.875rem;
      line-height:1.5;
      border-radius:.2rem
  }
  .btn-block{
      display:block;
      width:100%
  }
  
  
  .search-wrapper{
      position:relative;
      margin-right:.66667rem;
      margin-left:15%;
  }
  .search-wrapper .input-holder{
      height:42px;
      width:42px;
      overflow:hidden;
      position:relative;
      transition:all 0.3s ease-in-out
  }
  .search-wrapper .input-holder .search-input{
      width:100%;
      padding:0 70px 0 20px;
      opacity:0;
      position:absolute;
      top:0;
      left:0;
      background:transparent;
      box-sizing:border-box;
      border:none;
      outline:none;
      transform:translate(0, 60px);
      transition:all 0.3s cubic-bezier(0, 0.105, 0.035, 1.57);
      transition-delay:0.3s;
      font-size:.88rem
  }
  .search-wrapper .input-holder .search-icon{
      width:42px;
      height:42px;
      border:none;
      padding:0;
      outline:none;
      position:relative;
      z-index:2;
      float:right;
      cursor:pointer;
      transition:all 0.3s ease-in-out;
      background:rgba(0,0,0,0.06);
      border-radius:30px
  }
  .search-wrapper .input-holder .search-icon span{
      width:22px;
      height:22px;
      display:inline-block;
      vertical-align:middle;
      position:relative;
      transform:rotate(45deg);
      transition:all 0.4s cubic-bezier(0.65, -0.6, 0.24, 1.65)
  }
  .search-wrapper .input-holder .search-icon span::before,.search-wrapper .input-holder .search-icon span::after{
      position:absolute;
      content:''
  }
  .search-wrapper .input-holder .search-icon span::before{
      width:4px;
      height:11px;
      left:9px;
      top:13px;
      border-radius:2px;
      background:#3f6ad8
  }
  .search-wrapper .input-holder .search-icon span::after{
      width:14px;
      height:14px;
      left:4px;
      top:0;
      border-radius:16px;
      border:2px solid #3f6ad8
  }
  .search-wrapper .close{
      position:absolute;
      z-index:1;
      top:50%;
      left:0;
      width:20px;
      height:20px;
      margin-top:-10px;
      cursor:pointer;
      opacity:0 !important;
      transform:rotate(-180deg);
      transition:all 0.2s cubic-bezier(0.285, -0.45, 0.935, 0.11);
      transition-delay:0.1s
  }
  .search-wrapper .close::before,.search-wrapper .close::after{
      position:absolute;
      content:'';
      background:#3f6ad8;
      border-radius:2px
  }
  .search-wrapper .close::before{
      width:2px;
      height:20px;
      left:9px;
      top:0
  }
  .search-wrapper .close::after{
      width:20px;
      height:2px;
      left:0;
      top:9px
  }
  .search-wrapper.active{
      width:330px
  }
  .search-wrapper.active .input-holder{
      width:290px;
      border-radius:50px;
      transition:all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57);
      background: rgb(255 255 255);
      border: 1px solid #f1f4f6;
  }
  .search-wrapper.active .input-holder .search-input{
      opacity:1;
      transform:translate(0, 11px)
  }
  .search-wrapper.active .input-holder .search-icon{
      width:42px;
      height:42px;
      margin:0;
      border-radius:30px;
      background: white;
  }
  .search-wrapper.active .input-holder .search-icon span{
      transform:rotate(-45deg)
  }
  .search-wrapper.active .close{
      left:300px;
      opacity:.6 !important;
      transform:rotate(45deg);
      transition:all 0.6s cubic-bezier(0, 0.105, 0.035, 1.57);
      transition-delay:0.5s
  }
  .search-wrapper.active .close:hover{
      opacity:1 !important
  }
  
  
  
  .app-header.header-text-light .search-wrapper .input-holder .search-icon{
      background:rgba(0,0,0,0.1)
  }
  .app-header.header-text-light .search-wrapper .input-holder .search-input::placeholder,.app-header.header-text-light .search-wrapper .input-holder .search-input::-webkit-input-placeholder,.app-header.header-text-light .search-wrapper .input-holder .search-input:-ms-input-placeholder,.app-header.header-text-light .search-wrapper .input-holder .search-input:-moz-placeholder,.app-header.header-text-light .search-wrapper .input-holder .search-input::-moz-placeholder{
      color:rgba(255,255,255,0.5) !important
  }
  .app-header.header-text-light .search-wrapper.active .input-holder{
      background:rgba(255,255,255,0.1)
  }
  .app-header.header-text-light .search-wrapper.active .input-holder .search-input{
      color:rgba(255,255,255,0.8)
  }
  .app-header.header-text-light .search-wrapper.active .input-holder .search-icon{
      background:rgba(255,255,255,0.1)
  }
  .app-header.header-text-light .search-wrapper .input-holder .search-icon span::after{
      border-color:rgba(255,255,255,0.8)
  }
  .app-header.header-text-light .search-wrapper .close::before,.app-header.header-text-light .search-wrapper .close::after,.app-header.header-text-light .search-wrapper .input-holder .search-icon span::before{
      background:rgba(255,255,255,0.8)
  }
  .form-row{
      display:flex;
      flex-wrap:wrap;
      margin-right:-5px;
      margin-left:-5px
  }
  .form-row>.col,.form-row>[class*="col-"]{
      padding-right:15px;
      padding-left:15px
  }
  .overflow-auto{
      overflow:auto !important
  }
  .overflow-hidden{
      overflow:hidden !important
  }
  .position-static{
      position:static !important
  }
  .position-relative{
      position:relative !important
  }
  .position-absolute{
      position:absolute !important
  }
  .position-fixed{
      position:fixed !important
  }
  .position-sticky{
      position:sticky !important
  }
  .fixed-top{
      position:fixed;
      top:0;
      right:0;
      left:0;
      z-index:1030
  }
  .fixed-bottom{
      position:fixed;
      right:0;
      bottom:0;
      left:0;
      z-index:1030
  }
  
  
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
      .ps{
          overflow:auto !important
      }
  }
  .scrollbar-sidebar,.scrollbar-container{
      position:relative;
      height:85%
  }
  .scroll-area{
      overflow-x:hidden;
      height:400px
  }
  .scroll-area-xs{
      height:150px;
      overflow-x:hidden
  }
  .scroll-area-sm{
      height:200px;
      overflow-x:hidden
  }
  .scroll-area-md{
      height:300px;
      overflow-x:hidden
  }
  .scroll-area-lg{
      height:400px;
      overflow-x:hidden
  }
  .scroll-area-x{
      overflow-x:auto;
      width:100%;
      max-width:100%
  }
  .shadow-overflow{
      position:relative
  }
  .shadow-overflow::after,.shadow-overflow::before{
      width:100%;
      bottom:auto;
      top:0;
      left:0;
      height:1.5rem;
      position:absolute;
      z-index:10;
      content:'';
      background:linear-gradient(to bottom, #fff 20%, rgba(255,255,255,0) 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0)
  }
  .shadow-overflow::after{
      bottom:0;
      top:auto;
      background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 80%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
  }
  .text-success {
      color: #3ac47d !important;
  }
  .text-primary {
      color: #0066D3 !important;
  }
  .m-0{
      margin:0 !important
  }
  .mt-0,.my-0{
      margin-top:0 !important
  }
  .mr-0,.mx-0{
      margin-right:0 !important
  }
  .mb-0,.my-0{
      margin-bottom:0 !important
  }
  .ml-0,.mx-0{
      margin-left:0 !important
  }
  .m-1{
      margin:.25rem !important
  }
  .mt-1,.my-1{
      margin-top:.25rem !important
  }
  .mr-1,.mx-1{
      margin-right:.25rem !important
  }
  .mb-1,.my-1{
      margin-bottom:.25rem !important
  }
  .ml-1,.mx-1{
      margin-left:.25rem !important
  }
  .m-2{
      margin:.5rem !important
  }
  .mt-2,.my-2{
      margin-top:.5rem !important
  }
  .mr-2,.mx-2{
      margin-right:.5rem !important
  }
  .mb-2,.my-2{
      margin-bottom:.5rem !important
  }
  .ml-2,.mx-2{
      margin-left:.5rem !important
  }
  .m-3{
      margin:1rem !important
  }
  .mt-3,.my-3{
      margin-top:1rem !important
  }
  .mr-3,.mx-3{
      margin-right:1rem !important
  }
  .mb-3,.my-3{
      margin-bottom:1rem !important
  }
  .ml-3,.mx-3{
      margin-left:1rem !important
  }
  .m-4{
      margin:1.5rem !important
  }
  .mt-4,.my-4{
      margin-top:1.5rem !important
  }
  .mr-4,.mx-4{
      margin-right:1.5rem !important
  }
  .mb-4,.my-4{
      margin-bottom:1.5rem !important
  }
  .ml-4,.mx-4{
      margin-left:1.5rem !important
  }
  .m-5{
      margin:3rem !important
  }
  .mt-5,.my-5{
      margin-top:3rem !important
  }
  .mr-5,.mx-5{
      margin-right:3rem !important
  }
  .mb-5,.my-5{
      margin-bottom:3rem !important
  }
  .ml-5,.mx-5{
      margin-left:3rem !important
  }
  .p-0{
      padding:0 !important
  }
  .pt-0,.py-0{
      padding-top:0 !important
  }
  .pr-0,.px-0{
      padding-right:0 !important
  }
  .pb-0,.py-0{
      padding-bottom:0 !important
  }
  .pl-0,.px-0{
      padding-left:0 !important
  }
  .p-1{
      padding:.25rem !important
  }
  .pt-1,.py-1{
      padding-top:.25rem !important
  }
  .pr-1,.px-1{
      padding-right:.25rem !important
  }
  .pb-1,.py-1{
      padding-bottom:.25rem !important
  }
  .pl-1,.px-1{
      padding-left:.25rem !important
  }
  .p-2{
      padding:.5rem !important
  }
  .pt-2,.py-2{
      padding-top:.5rem !important
  }
  .pr-2,.px-2{
      padding-right:.5rem !important
  }
  .pb-2,.py-2{
      padding-bottom:.5rem !important
  }
  .pl-2,.px-2{
      padding-left:.5rem !important
  }
  .p-3{
      padding:1rem !important
  }
  .pt-3,.py-3{
      padding-top:1rem !important
  }
  .pr-3,.px-3{
      padding-right:1rem !important
  }
  .pb-3,.py-3{
      padding-bottom:1rem !important
  }
  .pl-3,.px-3{
      padding-left:1rem !important
  }
  .p-4{
      padding:1.5rem !important
  }
  .pt-4,.py-4{
      padding-top:1.5rem !important
  }
  .pr-4,.px-4{
      padding-right:1.5rem !important
  }
  .pb-4,.py-4{
      padding-bottom:1.5rem !important
  }
  .pl-4,.px-4{
      padding-left:1.5rem !important
  }
  .p-5{
      padding:3rem !important
  }
  .pt-5,.py-5{
      padding-top:3rem !important
  }
  .pr-5,.px-5{
      padding-right:3rem !important
  }
  .pb-5,.py-5{
      padding-bottom:3rem !important
  }
  .pl-5,.px-5{
      padding-left:3rem !important
  }
  .rounded-circle{
      border-radius:50% !important;
       height: 25px;
  }
  
  .widget-heading{
      opacity:.8;
      
  }
  
  @media only screen and (min-width: 1200px) and (max-width: 1500px){
    .main{
        padding-left: 55px;
    }
  }
  
  .admin-main {
    background-color: #F1F4F6;
    height: 100%;
    min-height: 92vh;
    padding: 30px 10px 0px 12px;
    flex: 1;
  }
  
  #filter-booking{
      margin-left: 50px !important;
  }
  .m-0690{
    word-wrap: break-word !important;
    top: 34px !important;
    left: 200px !important;
    position: fixed !important;
    }
    .btn-calendar-view{
        margin-top: 14px !important;
    }
  
  
  @media (max-width: 991.98px){
    .m-0690{
        word-wrap: break-word !important;
        top: 34px !important;
        left: 145px !important;
        position: fixed !important;
        width: 271px;
        }
      .new-badge-margin{
          margin-top: 9px !important;
      }  
      .app-main{
          display:block
      }
      .dropdown-menu::before,.dropdown-menu::after{
          display:none
      }
      .app-sidebar{
          flex:0 0 280px !important;
          width:280px !important;
          transform:translateX(-280px);
          position:fixed
      }
      .app-sidebar .app-header__logo{
          display:none
      }
      .fixed-sidebar .app-main .app_outer{
          padding-left: 0px !important;
          padding-right: 0px;
          padding-top: 0px;
          background: none;
      }
      .form-row{
          flex-direction: column;
      }
      .form-control.datepicker.hasDatepicker{
          width: -webkit-fill-available !important;
      }
      #depositType{
          width: -webkit-fill-available !important;
      }
      .selling_date{
          width: -webkit-fill-available !important;    
      }
      .form-control.hasDatepicker{
          width: -webkit-fill-available !important;   
      }
      #emp_name{
          display: flex;
          margin-left: -29px;
      }
      #from_res{
          text-align: left !important;
      }
      #printReportButton{
          float: left !important;
          margin-top: 20px;
          margin-left: 20px;
      }
      #sec-wep{
          float: left!important;
          margin-top: 20px;
          margin-left: 20px; 
      }
      #new-wep{
          text-align: left!important;
      }
      .green-wep{
          float: left!important;
          margin-top: 20px;
      }
      #user-wep{
          margin-top: 16px;
          margin-bottom: 16px;
      }
      #wep {
          float: left !important;
          margin-top: 20px;
          margin-left: 3px;
      }
      .extension_block {
          margin-right: 14px;
      }
      .fc-button-group{
          margin-left: 3.5px !important;
          margin-bottom: 10px !important;
      }
      .fc-customStartDatePicker-button{
          /* margin-bottom: 20px !important;
          margin-top: 9px !important;
          margin-left: 16px !important; */
          margin-top: 3px !important;
          margin-left: 4px !important;
          margin-bottom: 20px !important;
      }
      .fc-toolbar.fc-header-toolbar {
          display: inherit !important;
          margin-bottom: -15px!important;
          margin-top: -30px;
          /* display: flex !important; */
          flex-direction: column;
      }
      #new-select{
          margin-bottom: 19px;
      }
      .fc-new-button{
          margin-left: 14px;
          margin-right: 29px;
      }
      .fc-new-wep{
          margin-left: 14px!important;
          margin-bottom: 20px;
      }
      .fc-customCreateBooking-button{
          /* margin-left: 16px !important;*/
          margin-right: 60px !important; 
          margin-top: 30px !important;
          margin-left: -1px!important;
          margin-bottom: 27px !important;
      }
     /* .booking-modal-body{
           margin-top: -92em !important; 
      } */
      #filter-sapce{
          margin-bottom: 9px !important;
      }
      .modal-dialog{
          width: 94% !important;
      }
      .close-wep {
          margin-top: 25px !important;
          float: left !important;
      }
      .btn-colorselector {
          width: 43% !important;
      }
      .form-group.input-group > .check-out-date-wrapper{
          width: 71%!important;
          margin-left: 2px !important;
      }
      .fix-wep {
          /* width: 73% !important; */
          width: 46% !important;
          border-radius: 3px;
          border-right: 1px solid #ccc;
          margin-left: -20px;
          z-index: 2;
      }
      .booked-by-block{
          width: 95% !important;
          margin-left: 16px;
      }
      .width-fix-wep{
          width: 115%;
          margin-left: -15px;
  
      }
      .btn-fix-wep{
          margin-right: 20px;
          margin-top: 48px;
          float: left!important;
          margin-left: -165px;
      }
      .token-input{
          min-width: 0px!important;
      }
      .heading-fix-wep{
          float: left !important;
      }
      .rate-block{
          /* padding-right: 0px;
          margin-left: -15px !important;
          margin-top: -17px !important; */
      }
      .per-txt-fix{
          margin-left: -17px !important;
          margin-top: 14px !important;
      }
      .left-sidebar-fix-wep {
          height: 10px!important;
          display: flex;
          margin-left: 2px;
          flex-flow: column wrap;
          flex-direction: row;
      }
      #booking-modal .left-sidebar{
          min-height: 100px!important;
      }
      .tab-gap-wep{
          margin-top: 19px !important;
      }
  
      .head-fix-wep{
          display: inherit !important; 
      }
      #search_submit{
          width:100% !important;
      }
      .pull-right-wep{
          width: 100% !important;
      }
      .form-wep{
          margin-left: -16px !important;
      }
      .h-fix-wep{
          margin-left: 11px !important;
      }
      .span-fix-wep{
          margin-left: 4px;
      }
      .m-001{
          float: left!important;
          width: 100%;  
      }
      .colors-wep{
          width: 100%!important;
          margin-top: 10px;
      }
      .bttn-gapp{
          margin-left: 4px;
          font-size: 8px;
      
      }
      .mt-004{
          display: flex!important;
      }
      .m-008{
          width: 24%;
          position: absolute;
          left: 32%;
          top: 82%;
          z-index: 9;
      }
      .mb-3{
          margin-top: 5px;
      }
      .m-010{
          display: flex;
          position: absolute;
          top: 96%;
          left: 1%;
      }
      .btn-height{
          height:36px;margin-right:6px;
      }
      .m-011{
          width: 100%;
          font-size: 11px;
      }
      .m-012{
          width: 100% !important;
      }
  
      .form-001{
          margin-bottom:20px;
      }
      #download-btn{
          float: left!important;
          margin-top: 20px;
      }
      #run-night-audit-button{
          margin-top: 13px;
          width: 100%;
      }
      .font-wep{
          font-size: 17px;
      }
      .m-014{
          margin-top: 66px !important;
      }
      .btn-fix-001{
          float: left !important;
          margin-top: 10px;
          margin-bottom: 10px;
      }
      .m-115{
          margin-left: -33px;
          margin-top: 3px;
      }
      .m-116{
          width: 80px;
      }
      .m-117{
          width: 90px;
      }
      .min-wep{
          margin-top: -68px !important;
      }
      .max-wep{
          margin-top: -47px !important;
      }
      .label-adults{
          margin-top:35px !important;
      }
      .range-wep{
          margin-top:-77px !important;
      }
      .input-first{
          margin-top: -67px !important;
      }
      .label-child{
              margin-top: 70px !important;
      }
      .input-second{
          margin-top: -50px !important;
      }  
      #image_edit_modal_body2{
          overflow-y: scroll !important;
      } 
      .m-120{
          margin-left: 5px;
          width: max-content !important;
      } 
      #image_edit_modal_body1{
          overflow-y: scroll !important;
      }
      .m-121{
          margin-left: -111px;
          width: max-content !important;
      } 
      .page-title-wrapper-wep{
          display: grid !important;
      }
      .m-119{
          margin-left: 91px !important;
      }
      .text-gapp{
          text-align: left !important;
      }
      /*.padding-left-zero-wep{
          width:100%;
      }*/
      .card-img img{
        width: 40%!important;margin-bottom: 20px;
      }
      .billed-gap{
          margin-left: -14px;
      }
      .right-wep{
          float: left!important;
      }
      .create-wep{
          float: left!important;
      }
      .book-wep{
          margin-left: -14px;
      }
      .m-022{
        text-align: left!important;
        margin-top: 20px!important;
      }
      .m-025{
        margin-left: 56px!important;
      }
      .m-024{
        margin-left: 0px !important;
        text-align: left!important;
      }
      .extra-large-wep{
        width: 100% !important;
      }
      #check-wep{
        width: 15%;
        margin-left: -18px;
      }
      /* .logo-img-fix{
        width: 100%;
      } */
      .thumbnail{
        /* width: 100%!important; */
      }
      .ui-corner-all{
          /* margin-left: -65px; */
      }
      .m-33{
        margin-top: 45px !important;
      }
      #generateReport{
          margin-top: 10px !important;
      }
      .m-035{
          margin-top: 10px !important;
      }
      .m-036{
          margin-left: 0px !important;
      }
      .img-0345{
          width: 240px;
          height: 200px;
      }
      .m-038{
          /* height: 95% !important; */
          position: absolute;
          top: 0;
      }
      .m-039{
          display: flex !important;
      }
      .m-040{
          margin-left: 202px!important;
          margin-top: -93px !important;
      }
      .btn-group-toggle{
          /* change this class name  booking main page top elment */
          position: absolute !important;
          margin-bottom: 20px !important;
      }
      .m-043{
          margin-top: 50px !important;
      }
      .m-045{
          margin-left: -3px !important;
      }
      .m-046{
          margin-bottom: 12px !important;
      }
      .m-047{
          position: relative!important;
      }
      .m-048{
          margin-left: -112px;
      }
      .m-050{
          margin-left: -37px !important;
          /* font-size: 18px; */
      }
      .m-051{
          padding: 0px !important;
      }
      .m-052{
          font-size: 21px !important;
      }
      .m-053{
          width: 100% !important;
          /* m-038
          alert-drod-down */
      }
      .m-54{
          display: block;
          float: right;
          margin-right: 27px;
          margin-top: -71px;
      }
      .m-55{
          position: absolute !important;
      }
      #filter-booking{
          margin-left: 0px !important;
          padding-top: 48px !important;
      }
      .m-066{
          /* margin-top: 150px !important; */
  
      }
      .m-034{
        margin-left: -40px;
      }
      .alert-heading{
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #myIframe {
        width: -webkit-fill-available !important;
    }
    .property-menu{
        width: 255px;
        top: 7px;
        left: 0px;
        height: 237px;
        overflow-y: scroll;
        position: absolute;
    }
    .input-margin-fix{
        margin-bottom: 20px;
    }
    .group-input{
        width: -webkit-fill-available !important;
        margin-top: 12px;
        /* margin-bottom: 12px; */
    }
    .search_ext{
        max-width: 100% !important;
        margin-top: 10px;
    }
    .extension-filter{
        width: 100% !important;
    }
    .gen-report-fix{     
        
        width: -webkit-fill-available !important;
        margin-bottom: 10px !important;
        margin-top: -17px !important}
  }
  .app-sidebar.sidebar-text-light{
      border-right:0 !important
  }
  .app-sidebar.sidebar-text-light .app-sidebar__heading{
      color:rgba(255,255,255,0.6)
  }
  .app-sidebar.sidebar-text-light .app-sidebar__heading::before{
      background:rgba(255,255,255,0.5) !important
  }
  .app-sidebar.sidebar-text-light .vertical-nav-menu li a{
      color:rgba(255,255,255,0.7)
  }
  .app-sidebar.sidebar-text-light .vertical-nav-menu li a i.metismenu-icon{
      opacity:.5
  }
  .app-sidebar.sidebar-text-light .vertical-nav-menu li a i.metismenu-state-icon{
      opacity:.5
  }
  .app-sidebar.sidebar-text-light .vertical-nav-menu li a:hover{
      background:rgba(255,255,255,0.15);
      color:#fff
  }
  .app-sidebar.sidebar-text-light .vertical-nav-menu li a:hover i.metismenu-icon{
      opacity:.8
  }
  .app-sidebar.sidebar-text-light .vertical-nav-menu li a:hover i.metismenu-state-icon{
      opacity:1
  }
  .app-sidebar.sidebar-text-light .vertical-nav-menu li a.mm-active{
      color:rgba(255,255,255,0.7);
      background:rgba(255,255,255,0.15)
  }
  .app-sidebar.sidebar-text-light .vertical-nav-menu ul:before{
      background:rgba(255,255,255,0.1)
  }
  .app-sidebar.sidebar-text-light .vertical-nav-menu ul>li>a{
      color:rgba(255,255,255,0.6)
  }
  .app-sidebar.sidebar-text-light .vertical-nav-menu ul>li>a:hover{
      color:#fff
  }
  .app-sidebar.sidebar-text-light .vertical-nav-menu ul>li>a.mm-active{
      color:#fff;
      background:rgba(255,255,255,0.15)
  }
  .app-sidebar.sidebar-text-light .ps__thumb-y{
      background:rgba(255,255,255,0.3)
  }
  .app-sidebar.sidebar-text-light .ps__rail-y:hover .ps__thumb-y{
      background:rgba(255,255,255,0.2)
  }
  .app-sidebar.sidebar-text-light .app-header__logo .logo-src{
      background:url(assets/images/logo.png)
  }
  .app-sidebar.sidebar-text-light .app-header__logo .hamburger-inner,.app-sidebar.sidebar-text-light .app-header__logo .hamburger-inner::before,.app-sidebar.sidebar-text-light .app-header__logo .hamburger-inner::after{
      background-color:rgba(255,255,255,0.8)
  }
  .app-sidebar.sidebar-text-dark{
      border-right:0 !important
  }
  .app-sidebar.sidebar-text-dark .app-sidebar__heading{
      color:rgba(0,0,0,0.6)
  }
  .app-sidebar.sidebar-text-dark .app-sidebar__heading::before{
      background:rgba(0,0,0,0.5) !important
  }
  .app-sidebar.sidebar-text-dark .vertical-nav-menu li a{
      color:rgba(0,0,0,0.6)
  }
  .app-sidebar.sidebar-text-dark .vertical-nav-menu li a i.metismenu-icon{
      opacity:.5
  }
  .app-sidebar.sidebar-text-dark .vertical-nav-menu li a i.metismenu-state-icon{
      opacity:.5
  }
  .app-sidebar.sidebar-text-dark .vertical-nav-menu li a:hover{
      background:rgba(0,0,0,0.15);
      color:rgba(0,0,0,0.7)
  }
  .app-sidebar.sidebar-text-dark .vertical-nav-menu li a:hover i.metismenu-icon{
      opacity:.7
  }
  .app-sidebar.sidebar-text-dark .vertical-nav-menu li a:hover i.metismenu-state-icon{
      opacity:1
  }
  .app-sidebar.sidebar-text-dark .vertical-nav-menu li a.mm-active{
      color:rgba(0,0,0,0.7);
      background:rgba(0,0,0,0.15)
  }
  .app-sidebar.sidebar-text-dark .vertical-nav-menu ul:before{
      background:rgba(0,0,0,0.1)
  }
  .app-sidebar.sidebar-text-dark .vertical-nav-menu ul>li>a{
      color:rgba(0,0,0,0.4)
  }
  .app-sidebar.sidebar-text-dark .vertical-nav-menu ul>li>a:hover{
      color:rgba(0,0,0,0.7)
  }
  .app-sidebar.sidebar-text-dark .vertical-nav-menu ul>li>a.mm-active{
      color:rgba(0,0,0,0.7);
      background:rgba(0,0,0,0.15)
  }
  .app-sidebar.sidebar-text-dark .ps__thumb-y{
      background:rgba(0,0,0,0.3)
  }
  .app-sidebar.sidebar-text-dark .ps__rail-y:hover .ps__thumb-y{
      background:rgba(0,0,0,0.2)
  }
  .app-sidebar.sidebar-text-dark .app-header__logo .hamburger-inner,.app-sidebar.sidebar-text-dark .app-header__logo .hamburger-inner::before,.app-sidebar.sidebar-text-dark .app-header__logo .hamburger-inner::after{
      background-color:rgba(0,0,0,0.8)
  }
  .fixed-sidebar .app-sidebar{
      position:fixed;
      height:100vh
  }
  .fixed-sidebar .app-main .app-main__outer{
  
      padding-left: 250px
  }
  .fixed-sidebar .app-main .app_outer{
      padding-left: 220px;
      padding-right: 0px;
      padding-top: 0px;
      background: none;
  }
  
  .fixed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo{
      display:flex
  }
  .fixed-sidebar:not(.fixed-header) .app-header{
      margin-left:280px
  }
  .fixed-sidebar:not(.fixed-header) .app-header .app-header__logo{
      display:none
  }
  .fixed-sidebar.closed-sidebar:not(.fixed-header) .app-header{
      margin-left:80px
  }
  .fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo{
      width:80px;
      padding:0
  }
  .fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo .logo-src{
      display:none
  }
  .fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo .header__pane{
      margin-right:auto
  }
  .closed-sidebar:not(.sidebar-mobile-open) .app-sidebar{
      transition: all .3s ease;
      width: 50px;
      min-width: 50px;
      flex: 0 0 50px;
      z-index: 13;
  }
  .closed-sidebar .app-sidebar .app-sidebar__inner .app-sidebar__heading{
      text-indent:-999em
  }
  .closed-sidebar .app-sidebar .app-sidebar__inner .app-sidebar__heading::before{
      content:'';
      position:absolute;
      top:50%;
      left:0;
      width:100%;
      height:1px;
      background:#e0f3ff;
      text-indent:1px
  }
  .closed-sidebar .app-sidebar .app-sidebar__inner ul li a{
      text-indent:-99rem;
      padding:0
  }
 
  .closed-sidebar .app-sidebar .app-sidebar__inner .metismenu-icon{
      text-indent:0;
      left:50%;
      margin-left:-17px
  }
  .close-siebar .nav-link .metismenu-icon{
    text-indent:0;
    left:50%;
    margin-left:-17px;
  }
  .closed-sidebar .app-sidebar .app-sidebar__inner .metismenu-state-icon{
    visibility:hidden
  }
  .closed-sidebar .app-sidebar .app-sidebar__inner ul::before{
    display:none
  }
  .closed-sidebar .app-sidebar .app-sidebar__inner ul.mm-show{
    padding:0
  }
  .closed-sidebar .app-sidebar .app-sidebar__inner ul.mm-show>li>a{
    height:0
  }
  .closed-sidebar:not(.sidebar-mobile-open) .app-sidebar .sidebar__logo ul{
    visibility: hidden;
  }

  .closed-sidebar:not(.sidebar-mobile-open) .app-sidebar .ui-theme-settings {
    padding: 0;
    text-indent: 0;
    left: 40%;
    margin-left: -17px;
    z-index: 13;
  }
  
  .closed-sidebar:not(.sidebar-mobile-open) .app-sidebar .ui-theme-settings .menu-title{
     visibility: hidden;
  }
  .closed-sidebar:not(.sidebar-mobile-open) .openbtn{
      margin-left:15px !important;    
  }
 
  /*.closed-sidebar .app-sidebar:hover .app-sidebar__inner .app-sidebar__heading{
      text-indent:initial
  }
  .closed-sidebar .app-sidebar:hover .app-sidebar__inner .app-sidebar__heading::before{
      display:block
  }
  .closed-sidebar .app-sidebar:hover .app-sidebar__inner ul::before{
      display:block
  }
  .closed-sidebar .app-sidebar:hover .app-sidebar__inner ul li a{
      text-indent:initial;
      padding:0 1.5rem 0 45px
  }
  .closed-sidebar .app-sidebar:hover .app-sidebar__inner .metismenu-icon{
      text-indent:initial;
      left:5px;
      margin-left:0
  }
  .closed-sidebar .app-sidebar:hover .app-sidebar__inner .metismenu-state-icon{
      visibility:visible
  }
  .closed-sidebar .app-sidebar:hover .app-sidebar__inner ul.mm-show{
      padding:.5em 0 0 2rem
  }
  .closed-sidebar .app-sidebar:hover .app-sidebar__inner ul.mm-show>li>a{
      height:2.3em
  }*/
 /* .closed-sidebar .app-sidebar:hover .app-sidebar__inner ul ul li a{
      padding-left:1em
  }*/
  
 /* .closed-sidebar .app-sidebar:hover .sidebar__logo ul{
    visibility: inherit !important;
  }*/
  /*.closed-sidebar:not(.sidebar-mobile-open) .app-sidebar:hover .openbtn{
    margin-left:190px !important;
  }*/

  /*.closed-sidebar:not(.sidebar-mobile-open) .app-sidebar:hover .ui-theme-settings{
    text-indent:initial;
    left: 10% !important;
  }*/
  /*.closed-sidebar:not(.sidebar-mobile-open) .app-sidebar:hover .ui-theme-settings .menu-title{
    text-indent:initial;
    visibility: inherit !important;
  }*/

 /* .closed-sidebar:not(.sidebar-mobile-open) .app-sidebar:hover{
      flex: 0 0 220px !important;
      width: 220px !important
  }*/

  .closed-sidebar:not(.sidebar-mobile-open) .app-sidebar .scrollbar-sidebar{
      position:static;
      height:auto;
      /*overflow:initial !important*/
  }
  /*.closed-sidebar:not(.sidebar-mobile-open) .app-sidebar:hover .scrollbar-sidebar{
      position:absolute;
      height:100%;
      /*overflow:hidden !important
  }*/
  .closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo{
      width:80px
  }
  .closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo .logo-src{
      display:none
  }
  .closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo .header__pane{
      margin-right:auto
  }
  .closed-sidebar.fixed-sidebar .app-main__outer{
      padding-left:80px
  }
  .closed-sidebar.fixed-sidebar .app_outer{
      padding-left:50px;
      /*padding-top: 25px !important;*/
  }
 /* .closed-sidebar.fixed-sidebar .fc-left{
  
    margin-left: 35px !important;
  }*/
  
  .closed-sidebar.fixed-header:not(.fixed-sidebar) .app-sidebar .app-header__logo{
      visibility:hidden
  }
  .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo,.closed-sidebar.closed-sidebar-mobile .app-header .app-header__logo{
      width:auto;
      display:flex
  }
  .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .header__pane,.closed-sidebar.closed-sidebar-mobile .app-header .app-header__logo .header__pane{
      display:none
  }
  .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo{
      display:flex;
      width:80px;
      padding:0 1.5rem !important
  }
  .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .logo-src{
      display:block !important;
      margin:0 auto;
      width:21px
  }
  .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .header__pane{
      display:none
  }
  .closed-sidebar.closed-sidebar-mobile .app-sidebar:hover .app-header__logo{
      width:280px
  }
  .closed-sidebar.closed-sidebar-mobile .app-sidebar:hover .app-header__logo .logo-src{
      width:97px;
      margin:0
  }
  
  .fixed-sidebar:not(.fixed-header) .app-sidebar .sidebar__logo {
      display: flex;
  }
  .app-sidebar .app-header__logo {
      position: absolute;
      left: 0;
      top: 0;
      display: none;
      z-index: 11;
  }
  .sidebar__logo {
      padding-top: 10px ;
      height: 60px;
      display: flex;
      transition: width .2s;
  }
  
  .ui-theme-settings {
     
     position: absolute;
      bottom: 0px;
      padding-left: 0px;
     
  }
  
  .profile-setting{
      margin-left: 3px;
      align-items: center;
      border: 0px;
      border-radius: 50%;
      color: rgb(255, 255, 255);
      cursor: pointer;
      font-size: small;
      -webkit-box-pack: center;
      justify-content: center;
      line-height: 3;
      outline: none;
      padding: 4px;
      height: 25px;
      width: 25px;
  
      background-color: rgb(7, 71, 166);
  }
  
  .dropup,.dropright,.dropdown,.dropleft{
      position:relative
  }
  .dropdown-toggle::after{
      display:inline-block;
      margin-left:.255em;
      vertical-align:.255em;
      content:"";
      border-top:.3em solid;
      border-right:.3em solid transparent;
      border-bottom:0;
      border-left:.3em solid transparent
  }
  .dropdown-toggle:empty::after{
      margin-left:0
  }
  .dropdown-menu{
      position:absolute;
      top:100%;
      left:0;
      z-index:1000;
      display:none;
      float:left;
      min-width:10rem;
      padding:.65rem 0;
      margin:.125rem 0 0;
      font-size:.88rem;
      color:#495057;
      text-align:left;
      list-style:none;
      background-color:#fff;
      background-clip:padding-box;
      border:1px solid rgba(0,0,0,0.15);
      border-radius:.25rem
  }
  

  .property-menu{
    width: 200px!important;
    top: 7px!important;
    left: 0px!important;
    height: 240px!important;
    overflow-y: scroll !important;
    /* position: fixed !important; */
}
  .dropdown-menu-right{
      right:0;
      left:auto
  }

  @media (min-width: 576px){
      .dropdown-menu-sm-right{
          right:0;
          left:auto
      }
  }
  @media (min-width: 768px){
      .dropdown-menu-md-right{
          right:0;
          left:auto
      }
  }
  @media (min-width: 992px){
      .dropdown-menu-lg-right{
          right:0;
          left:auto
      }
  }
  @media (min-width: 1200px){
      .dropdown-menu-xl-right{
          right:0;
          left:auto
      }
  }
  .dropdown-menu-left{
      right:auto;
      left:0
  }
  @media (min-width: 576px){
      .dropdown-menu-sm-left{
          right:auto;
          left:0
      }
  }
  @media (min-width: 768px){
      .dropdown-menu-md-left{
          right:auto;
          left:0
      }
  }
  @media (min-width: 992px){
      .dropdown-menu-lg-left{
          right:auto;
          left:0
      }
  }
  @media (min-width: 1200px){
      .dropdown-menu-xl-left{
          right:auto;
          left:0
      }
  }
  .dropup .dropdown-menu{
      top:auto;
      bottom:100%;
      margin-top:0;
      margin-bottom:.125rem
  }
  .dropup .dropdown-toggle::after{
      display:inline-block;
      margin-left:.255em;
      vertical-align:.255em;
      content:"";
      border-top:0;
      border-right:.3em solid transparent;
      border-bottom:.3em solid;
      border-left:.3em solid transparent
  }
  .dropup .dropdown-toggle:empty::after{
      margin-left:0
  }
  .dropright .dropdown-menu{
      top:0;
      right:auto;
      left:100%;
      margin-top:0;
      margin-left:.125rem
  }
  .dropright .dropdown-toggle::after{
      display:inline-block;
      margin-left:.255em;
      vertical-align:.255em;
      content:"";
      border-top:.3em solid transparent;
      border-right:0;
      border-bottom:.3em solid transparent;
      border-left:.3em solid
  }
  .dropright .dropdown-toggle:empty::after{
      margin-left:0
  }
  .dropright .dropdown-toggle::after{
      vertical-align:0
  }
  .dropleft .dropdown-menu{
      top:0;
      right:100%;
      left:auto;
      margin-top:0;
      margin-right:.125rem
  }
  .dropleft .dropdown-toggle::after{
      display:inline-block;
      margin-left:.255em;
      vertical-align:.255em;
      content:""
  }
  .dropleft .dropdown-toggle::after{
      display:none
  }
  .dropleft .dropdown-toggle::before{
      display:inline-block;
      margin-right:.255em;
      vertical-align:.255em;
      content:"";
      border-top:.3em solid transparent;
      border-right:.3em solid;
      border-bottom:.3em solid transparent
  }
  .dropleft .dropdown-toggle:empty::after{
      margin-left:0
  }
  .dropleft .dropdown-toggle::before{
      vertical-align:0
  }
  .dropdown-menu[x-placement^="top"],.dropdown-menu[x-placement^="right"],.dropdown-menu[x-placement^="bottom"],.dropdown-menu[x-placement^="left"]{
      right:auto;
      bottom:auto
  }
  .dropdown-divider{
      height:0;
      margin:.5rem 0;
      overflow:hidden;
      border-top:1px solid #e9ecef
  }
  .dropdown-item{
      display:block;
      width:100%;
      padding:.4rem 1.5rem;
      clear:both;
      font-weight:400;
      color:#212529;
      text-align:inherit;
      white-space:nowrap;
      background-color:transparent;
      border:0
  }
  .dropdown-item:first-child{
      border-top-left-radius:calc(.25rem - 1px);
      border-top-right-radius:calc(.25rem - 1px)
  }
  .dropdown-item:last-child{
      border-bottom-right-radius:calc(.25rem - 1px);
      border-bottom-left-radius:calc(.25rem - 1px)
  }
  .dropdown-item:hover,.dropdown-item:focus{
      color:#16181b;
      text-decoration:none;
      background-color:#e0f3ff
  }
  .dropdown-item.active,.dropdown-item:active{
      color:#fff;
      text-decoration:none;
      background-color:#3f6ad8
  }
  .dropdown-item.disabled,.dropdown-item:disabled{
      color:#6c757d;
      pointer-events:none;
      background-color:transparent
  }
  .dropdown-menu.show{
      display:block
  }
  .dropdown-header{
      display:block;
      padding:.65rem 1.5rem;
      margin-bottom:0;
      font-size:.968rem;
      color:#6c757d;
      white-space:nowrap
  }
  .dropdown-item-text{
      display:block;
      padding:.4rem 1.5rem;
      color:#212529
  }
  .dropdown-toggle-split{
      padding-right:.5625rem;
      padding-left:.5625rem
  }
  .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after{
      margin-left:0
  }
  .dropleft .dropdown-toggle-split::before{
      margin-right:0
  }
  .btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split{
      padding-right:.375rem;
      padding-left:.375rem
  }
  .btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split{
      padding-right:.75rem;
      padding-left:.75rem
  }
  
  .d-inline-block {
      display: inline-block !important;
  }
  .dropup, .dropright, .dropdown, .dropleft {
      position: relative;
  }
  .dropdown-menu .dropdown-item{
      font-size:.88rem;
      display:flex;
      align-items:center;
      transition:background-color 0.3s ease, color 0.3s ease;
      cursor:pointer;
      z-index:6;
      position:relative
  }
  .dropdown-menu .dropdown-item .dropdown-icon{
      font-size:1rem;
      margin-right:.325rem;
      width:30px;
      text-align:center;
      opacity:.3;
      margin-left:-10px
  }
  .dropdown-menu .dropdown-item:hover .dropdown-icon{
      opacity:.7
  }
  .dropdown-menu.dropdown-menu-shadow{
      box-shadow:0 0.66875rem 2.3875rem rgba(4,9,20,0.03),0 1.1375rem 1.60625rem rgba(4,9,20,0.03),0 0.45rem 0.73125rem rgba(4,9,20,0.05),0 0.325rem 0.3875rem rgba(4,9,20,0.03)
  }
  .dropdown-menu-rounded{
      border-radius:10px;
      padding:.65rem
  }
  .dropdown-menu-rounded .dropdown-item{
      border-radius:30px
  }
  .dropdown-menu-hover-link .dropdown-item:hover{
      background:none;
      color:#3f6ad8
  }
  .dropdown-menu-hover-primary .dropdown-item:hover{
      background:#3f6ad8;
      color:#fff
  }
  
  
  .app-header__menu,.app-header__mobile-menu{
      display:none;
      padding:2px 1.5rem;
      align-items:center;
      background-color: #F1F4F6;
  }
  .app-header.header-text-light .app-header__mobile-menu .hamburger-inner,.app-header.header-text-light .app-header__mobile-menu .hamburger-inner::before,.app-header.header-text-light .app-header__mobile-menu .hamburger-inner::after{
      background:rgba(255,255,255,0.9)
  }
  .sidebar-mobile-overlay{
      display:none;
      position:fixed;
      width:100%;
      height:100%;
      background:#333;
      opacity:.6;
      left:0;
      top:0;
      z-index:12
  }
  
  .closed-sidebar:not(.sidebar-mobile-open) .app-sidebar .scrollbar-sidebar{
      position:static;
      height:auto;
      overflow:initial !important
  }
  /*.closed-sidebar:not(.sidebar-mobile-open) .app-sidebar:hover .scrollbar-sidebar{
      position:absolute;
      height:100%;
      overflow:hidden !important
  }*/
  .closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo{
      width:80px
  }
  .closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo .logo-src{
      display:none
  }
  .closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo .header__pane{
      margin-right:auto
  }
  .closed-sidebar.fixed-sidebar .app-main__outer{
      padding-left:80px
  }
  .closed-sidebar.fixed-header:not(.fixed-sidebar) .app-sidebar .app-header__logo{
      visibility:hidden
  }
  .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo,.closed-sidebar.closed-sidebar-mobile .app-header .app-header__logo{
      width:auto;
      display:flex
  }
  .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .header__pane,.closed-sidebar.closed-sidebar-mobile .app-header .app-header__logo .header__pane{
      display:none
  }
  .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo{
      display:flex;
      width:80px;
      padding:0 1.5rem !important
  }
  .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .logo-src{
      display:block !important;
      margin:0 auto;
      width:21px
  }
  /*.closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .header__pane{
      display:none
  }
  .closed-sidebar.closed-sidebar-mobile .app-sidebar:hover .app-header__logo{
      width:270px
  }
  .closed-sidebar.closed-sidebar-mobile .app-sidebar:hover .app-header__logo .logo-src{
      width:97px;
      margin:0
  }*/
  .closed-sidebar.closed-sidebar-mobile .app-header{
      margin-left:0 !important
  }
  
  
  .mobile-app-menu-btn{
      display:none;
      margin:3px 1.5rem 0 0
  }
  @media (max-width: 991.98px){
      .app-inner-layout__sidebar{
          display:none !important
      }
      .mobile-app-menu-btn{
          display:block
      }
      .open-mobile-menu .app-inner-layout__sidebar{
          display:block !important
      }
  }
  .fa-mobile:before{
      content:"\f10b"
  }
  .fa-mobile-alt:before{
      content:"\f3cd"
  }
  
   .sidebar-mobile-open .app-sidebar{
      transform:translateX(0);
    }
      .sidebar-mobile-open .app-sidebar .app-sidebar__inner .app-sidebar__heading{
          text-indent:initial
      }
      .sidebar-mobile-open .app-sidebar .app-sidebar__inner .app-sidebar__heading::before{
          display:none
      }
      .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul li a{
          text-indent:initial;
          padding:0 1.5rem 0 45px
      }
      .sidebar-mobile-open .app-sidebar .app-sidebar__inner .metismenu-icon{
          text-indent:initial;
          left:5px;
          margin-left:0
      }
      .sidebar-mobile-open .app-sidebar .app-sidebar__inner .metismenu-state-icon{
          visibility:visible
      }
      .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul::before{
          display:block
      }
      .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul ul li a{
          padding-left:1em
      }
      .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul.mm-show{
          padding:.5em 0 0 2rem
      }
      .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul.mm-show>li>a{
          height:2rem;
          line-height:2rem
      }
      .sidebar-mobile-open .app-sidebar .app-header__logo{
          width:auto !important
      }
      .sidebar-mobile-open .app-sidebar .app-header__logo .logo-src{
          width:97px !important;
          margin-left:auto;
          margin-right:0
      }
      .sidebar-mobile-open .fixed-sidebar .app-sidebar{
          height:100%
      }
      .sidebar-mobile-open .sidebar-mobile-overlay{
          display:block
      }
      .app-header .app-header__content.header-mobile-open{
          visibility:visible;
          opacity:1;
          top:80px
      }
      .app-header .app-header__mobile-menu{
          display:flex;
          order:1
      }
       .app-header.header-text-light .header-mobile-open{
          background:#343a40
      }
       .app-header .app-header__logo{
          display:none;
          order:2;
          background:transparent !important;
          border:0 !important
      }
       .sidebar-mobile-open .app-sidebar .app-header__logo{
          width:auto !important
      }
      .sidebar-mobile-open .app-sidebar .app-header__logo .logo-src{
          width:97px !important;
          margin-left:auto;
          margin-right:0
      }
       .app-sidebar .app-header__logo{
          display:none
      }
      .app-logo{
      height:23px;
      width:97px;
      background:url(assets/images/logo-inverse.png)
  }
  .app-logo-inverse{
      height:23px;
      width:97px;
      background:url(assets/images/logo.png)
  }
  .app-login-box .app-logo{
      margin-bottom:3rem
  }
  .app-sidebar .app-header__logo{
      position:absolute;
      left:0;
      top:0;
      display:none;
      z-index:11
  }
  
  .closed-sidebar:not(.sidebar-mobile-open) .sidebar__logo  .logo{
     display:flex;
     margin-left:auto;
     left:5px;
  }
   .sidebar-mobile-open  .logo {
      font-size: large;
      margin-left:auto;
    }
  
  @media (max-width: 991.98px){
      .app-inner-layout__sidebar{
          display:none !important
      }
      .mobile-app-menu-btn{
          display:block
      }
      .open-mobile-menu .app-inner-layout__sidebar{
          display:block !important
      }
      .openbtn{
        display: none;
      }
      .closed-sidebar .app-sidebar .sidebar__logo ul{
        visibility: visible !important;
      }

  }
  
  @media (max-width: 991.98px){
    .app-main .app-main__outer {
      padding-left: 0 !important;
      overflow: auto;
  }
  .main{
    padding: 0px;
  }
  
  .app-main .app-main__inner {
      padding: 30px 20px 0px 20px;
      
  }
  .hamburger {
     padding-top: 20px !important;
  }
  
  .card-body{
    padding:1rem;
  }
  
  }
  .moblie-view{
    padding-left: 0px !important;
  }
  .drawer-nav-btn .hamburger{
      margin-top:4px
  }
  /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */
  .hamburger{
      padding:0px 0px;
      display:inline-block;
      cursor:pointer;
      transition-property:opacity, filter;
      transition-duration:0.15s;
      transition-timing-function:linear;
      font:inherit;
      color:inherit;
      text-transform:none;
      background-color:transparent;
      border:0;
      margin:0;
      overflow:visible
  }
  .hamburger:hover{
      opacity:.7
  }
  .hamburger.is-active:hover{
      opacity:.7
  }
  .hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{
      background-color:#3f6ad8
  }
  .hamburger-box{
      width:24px;
      height:14px;
      display:inline-block;
      position:relative
  }
  .hamburger-inner{
      display:block;
      top:50%;
      margin-top:-1px
  }
  .hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{
      width:24px;
      height:2px;
      background-color:#3f6ad8;
      border-radius:10px;
      position:absolute;
      transition-property:transform;
      transition-duration:0.15s;
      transition-timing-function:ease
  }
  .hamburger-inner::before,.hamburger-inner::after{
      content:"";
      display:block
  }
  .hamburger-inner::before{
      top:-6px
  }
  .hamburger-inner::after{
      bottom:-6px
  }
  .hamburger--elastic .hamburger-inner{
      top:1px;
      transition-duration:0.275s;
      transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55)
  }
  .hamburger--elastic .hamburger-inner::before{
      top:6px;
      transition:opacity 0.125s 0.275s ease
  }
  .hamburger--elastic .hamburger-inner::after{
      top:12px;
      transition:transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55)
  }
  .hamburger--elastic.is-active .hamburger-inner{
      transform:translate3d(0, 6px, 0) rotate(135deg);
      transition-delay:0.075s
  }
  .hamburger--elastic.is-active .hamburger-inner::before{
      transition-delay:0s;
      opacity:0
  }
  .hamburger--elastic.is-active .hamburger-inner::after{
      transform:translate3d(0, -12px, 0) rotate(-270deg);
      transition-delay:0.075s
  }
  
  @media (max-width: 500px){
    .calendar_room_section{
      padding-left:4px !important;
      width:40px !important;
      height:46px !important;
      font-size: x-small !important;
    }
    .calendar_room{
       width:80px !important;
       height:46px !important;
       font-size: x-small !important;
    }
  
  
  }
  
  .menu-title{
  cursor: pointer;
  width: 100vh
  }
  
  .fix-height{
      line-height: 0.4;
  }
  
  .fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer {
  
      cursor: e-resize !important;
      right: 0px !important;
  }
  .fc-resizer{
      /* width: 0px !important; */
  }
  
  .admin-main {
      background-color: #F1F4F6;
      height: fit-content;
      min-height: 92vh;
      padding: 30px 10px 0px 12px;
      flex: 1;
  }
  
  label.error {
      color: red;
      font-size: 1rem;
      display: block;
      margin-top: 5px;
      font-weight: 470;
  }
  
  input.error {
      border: 1px dashed red;
      font-weight: 300;
      color: red;
  }
  
  
  
  /* iPads (portrait and landscape) ----------- */
  @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #myIframe {
        width: -webkit-fill-available !important;
    }  
      .green-wep {
          float: left!important;
          margin-top: 60px;
          margin-left: -197px;
      }
      .thumbnail{
        /* width: 100%!important; */
      }
      .width-fix-wep {
          width: 106%;
          /* margin-left: -15px; */
      }
      .left-sidebar-fix-wep {
          height: 10px!important;
      }
      #booking-modal .left-sidebar{
          min-height: 100px!important;
      }
      .tab-gap-wep{
          margin-top: 19px !important;
      }
      .head-fix-wep{
          display: flex !important; 
      }
      #search_submit{
          width: 100%!important;
      }
      .form-inline .form-control #search_submit{
          width: 100%!important;
      } 
      .search_submit-wep
      {
          width: 100% !important;
      }
      .pull-right-wep{
          width: 100%!important;
      }
      .mt-004 {
          display: flex!important;
          float: left!important;
      }
      .m-008{
          position: inherit;
          left: 0;
          top: 0;
          /* z-index: 9; */
      }
      #m-012{
          margin-left: -59px;
          float: left;
      }
      .btn-fix-001{
          float: right !important;
          margin-top: 0px;
          margin-bottom: 0px;
      }
      .m-116{
          width: 75px!important;
      }
      #image_edit_modal_body2{
          overflow-y: scroll !important;
      } 
      .m-120{
          margin-left: 5px;
          width: max-content !important;
      } 
      #image_edit_modal_body1{
          overflow-y: scroll !important;
      }
      .m-121{
          margin-left: -111px;
          width: max-content !important;
      }
      .m-025 {
        margin-left: 0px!important;
        position: absolute;left: 65%;
    }
    .padding-left-zero-wep {
        width: 40%!important;
    }
    .m-024{
        margin-left: 0px !important;
        text-align: left!important;
    }
    .extra-large-wep{
        width: 50% !important;
    }
    #check-wep{
        width: 80%;
        margin-left: -14px;
    }
    .m-33 {
        margin-top: 5px !important;
    }
    .img-0345{
      width: 240px;
      height: 200px;
      }
      .m-039{
          display: flex !important;
      }
      .m-040{
          /* margin-left: 495px!important;
          margin-top: -110px !important; */
          margin-left: 587px!important;
          margin-top: -63px !important;
      }
      .btn-group-toggle{
          /* change this class name  booking main page top elment */
          position: absolute !important;
          margin-bottom: 0px !important;
      }
      .fc-button-group{
          /* margin-left: 3.5px !important;
          margin-bottom: 0px !important; */
          margin-bottom: 0px !important;
          margin-top: 23px;
          margin-left: 20px!important;
      }
      .fc-customCreateBooking-button{
          /* margin-left: 25px !important;*/
          margin-right: 0px !important; 
          margin-top: 52px !important;
          margin-left: 0px!important;
          margin-bottom: 0px;
      }
      .fc-customStartDatePicker-button {
          margin-top: 40px !important;
          margin-left: 20px !important;
          margin-bottom: 15px !important;
      }
      .m-041{
      margin-left: -9px!important;
      margin-top: 0px !important;
      margin-bottom: 27px;
      }
      .fc-left{
          float: left!important;
      }
      .m-048 {
          margin-left: 5px;
      }
      .m-055{
          margin-left: 37px!important;
          margin-top: 65px!important;
          position: relative!important;
      }
      .m-045 {
          margin-left: 10px !important;
      }
      .m-058{
          float: left!important;
      }
      .m-046 {
          margin-bottom: 3px !important;
      }
      .search_ext{
        margin-top: 0px !important;
     }
    .extension-filter{
        width: max-content !important; 
    }

  }
  /* ----------- iPad Pro ----------- */
  /* Portrait */
  @media only screen 
    and (min-width: 1024px) 
    and (max-height: 1366px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1.5) {
      .pull-right-wep{
          width: 100%!important;
      }
      .m-116{
          width: 75px!important;
      }
      .search_submit-wep{
          width: 67%!important;
      }
      .left-sidebar-fix-wep {
          height: 10px!important;
      }
      #booking-modal .left-sidebar{
          min-height: 100px!important;
      }
      .tab-gap-wep{
          margin-top: 19px !important;
      }
      .h-fix-wep{
          margin-left: 11px!important;
      }
      #m-012 {
          margin-left: -57px!important;
          margin-top: 20px!important;
      }
      
    }

/* by mradul */
.uninstall_extension, .install_extension{
    float: right;
    margin: 8px 15px;
}

.topnav {
    background-color: grey;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 15px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
    background-color: #ddd;
    color: black;
}

.openbtn {
  position: absolute;
  z-index: 20;
  margin-top: 10px;
  margin-left: 190px;
}

.pe-7s-date:before{
  color: black;
  font-weight: bold;
}

.pe-7s-users:before{
  color: black;
  font-weight: bold; 
}
.pe-7s-home:before, .pe-7s-graph1:before, .pe-7s-menu:before, .pe-7s-keypad:before, .pe-7s-settings:before{
  color: black;
  font-weight: bold; 
}
.my-account-dropdown-menu {
  white-space: nowrap;
}
.tokenfield {
    height: auto !important;
    min-height: 34px !important;
    padding-bottom: 0 !important;
}