body {
	font-size: 14px;
	font-family: 'Tahoma', sans-serif;
	max-width: 100% !important;
	overflow-x: hidden !important;
	color: #424242;
      background-color: #eeeeee;
	}

body .bg-gradient {
      background-color: transparent;
      background-image: linear-gradient(125deg,#1a1ca0 0%, #3639ea 100%) !important;
}

body .bg-primary {
      background-color: #3639ea !important;
}

body .btn-primary {
      background-color: #3639ea !important;
      border: none !important;
}

body .text-primary {
      color: #3639ea !important;
}

body a {
      text-decoration: none;
      color: #3639ea;
}

body .bg-danger {
      background-color: #c129b9 !important;
}

body .btn-danger {
      background-color: #c129b9 !important;
      border: none !important;
}
body .text-danger {
      color: #c129b9 !important;
}


body img {
	max-width: 100%;
}

body .table td,
body .table td .form-switch {
      vertical-align: middle;
      margin-bottom: 0px !important;
      min-height: 1.2rem;
}

body .forgot-form,
body .reset-form {
      display: none;
}


body .main-sidebar {
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      width: 320px;
      overflow-y: auto;
      background-color: #ffffff;
}

body .main-sidebar .logo {
      display: block;
      padding: 10px;
}

body .main-sidebar-menu ul {
      padding: 0px;
      list-style: none;
      margin: 0px;
}

body .main-sidebar-menu > ul > li.active {
      background: #f2f2f2;
      color: #222222;
}

body .main-sidebar ul li ul {
      display: none;
      transition: all 0.4s;
}

body .main-sidebar-menu ul li.active ul {
      display: block;
}


body .main-sidebar-menu ul li a {
      color: #424242;
      text-decoration: none;
      display: block;
      padding: 20px 40px;
      border-bottom: dotted 1px #dddddd;
      outline: none;
}


body .main-sidebar-menu ul li li a {
      font-weight: normal;
      border-bottom: dotted 1px #dddddd;
      padding-left: 54px;
}

body .main-sidebar-menu ul li:hover > a,
body .main-sidebar-menu ul li.active > a {
      color: #222222;
      font-weight: 600;
}

body .main-sidebar-menu ul li li a i.float-end {
      display: none;
}

body .main-sidebar-menu ul li li:hover a i.float-end,
body .main-sidebar-menu ul li li.active a i.float-end {
      display: block;
}

body .main-content {
      margin-left: 320px;
}

body .main-header {
      position: relative;
      z-index: 999999999;
}

body .main-header .notifications {
      width: 300px;
      max-height: 320px;
      overflow-y: auto;
      display: none;
}

body .main-header .notifications a:hover {
      background-color: #eeeeee;
}

body .new-record-form {
      /*display: none;*/
}

body .tablenav-pages > * {
      display: inline-block;
      padding: 2px 10px;
      border: solid 1px #cccccc;
      border-radius: 2px;
      text-decoration: none;
      color: #cccccc;
}

body .tablenav-pages > a {
      border: solid 1px #70C247 !important;
      color: #70C247 !important
}

body .supports-drag-drop {
      z-index: 999999999;
}


.ui-widget.ui-widget-content {
      border-radius: 4px;
      border-top: none;
}
.ui-widget.ui-widget-content li {
      border-bottom: solid 1px #ddd;
}
.ui-widget.ui-widget-content li div {
      padding: 10px;
      display: block;
}
.ui-widget.ui-widget-content li:last-child {
      border-bottom: none !important;
}
.form-control.loading {
      background: url("../img/loader.gif") 95% center no-repeat;
      background-size: 20px;
}

.btn-side-menu {
      display: none;
}

body .jconfirm .jconfirm-box .jconfirm-buttons button {
    padding: 16px 30px !important;
}
body .client-list a:first-child .text-muted {
      font-weight: bold !important;
      color: #000000 !important;
}

body .CFile a {
      color: #ffffff !important;
}

@media only screen and (max-width: 600px) {


      .btn-side-menu {
            display: inline-block;
      }

      body .main-sidebar {
            left: -100%;
            width: 80%;
            z-index: 99999999999;
            box-shadow: 0px 4px 14px rgba(0,0,0,0.2);
            transition: ease-in .3s;
      }

      body .main-sidebar.active {
            left: 0;
            transition: all 1s;
      }
      
      body .main-sidebar .logo {
            display: block;
            padding: 10px;
      }

      body .logged-as {
            display: none;
      }
      
      body .main-content {
            margin-left: 0px;
      }
      
      body .main-content > .card.m-5 {
            margin: 0px 10px !important;
      }
      
      body .main-content > .card.m-5 .card-body,
      body .main-content > .card.m-5 .card-body.py-2 {
            padding: 10px 20px !important;
      }
      
      body .main-content > .card.m-5:first-child {
            margin-bottom: 10px !important;
            border-radius: 0px 0px 4px 4px !important;
            overflow: hidden;
      }
      
      body .main-content > .card.m-5:last-child h2.d-inline-block {
            display: block !important;
            text-align: center;
      }
      body .main-content > .card.m-5:last-child h2 span.small {
            display: block;
            font-size: 12px !important;
      }
      body .main-content > .card.m-5:last-child h2 b {
            font-size: 16px !important;
      }
      body .main-content > .card.m-5:last-child .row.mb-5 {
            margin-bottom: 20px !important;
      }
      
      body .main-content > .card.m-5:last-child .btn {
            display: block;
            width: 100%;
            text-align: center;
            padding: 14px;
            margin-bottom: 10px;
      }
      
      body .main-content > .card.m-5:last-child .table .btn {
            display: inline-block;
            width: auto;
            text-align: center;
      }

      body .login-section .row {
            display: block !important;
            width: 100% !important;
            --bs-gutter-x: 0px !important;
            height: auto !important;
      }

      body .login-section .row .col {
            display: block !important;
            width: 100% !important;
      }

      body .login-section .row .col-6 {
            display: inline-block !important;
            width: 49% !important;
      }

      body .login-section .container-fluid.py-7 {
            padding: 0px !important;
      }

      body .login-section .vh-100 {
            height: auto !important;
      }

      body .login-section .card.w-50 {
            width: auto !important;
            margin: 20px 30px;
      }

      body .login-section,
      body .login-section .bg-gradient {
            background: #3639ea !important;
      }

      body .form-interval .row .col {
            flex: 1 0 100%;
      }
      body .form-interval .row .col .d-inline-block {
            display: block !important;
            text-align: center;
      }
      body .form-interval .row .col .d-inline-block .btn {
            display: inline-block !important;
            width: auto !important;
            font-size: 12px;
      }
      body .form-interval .row .col .d-inline-block .btn span {
            display: none !important;
      }

      
      body .new-record-form {
            padding: 0px !important;
      }
      body .new-record-form.shadow {
            box-shadow: none !important;
      }
      body .new-record-form .btn-close-form.position-absolute.mt-2 {
            width: auto !important;
            padding: 5px !important;
            top: 0px !important;
            margin-top: -10px !important;
      }
      body .new-record-form > .row {
            display: block !important;
      }
      body .new-record-form > .row > div {
            display: block !important;
            width: 100% !important;
            margin-bottom: 10px !important;
      }
      body .new-record-form.job-form .row {
            display: block !important;
            margin: 0px !important;
            padding: 0px !important;
      }
      body .new-record-form.job-form .row div {
            display: block !important;
            width: 100% !important;
            margin: 0px !important;
            padding: 0px !important;
            margin-bottom: 10px !important;
      }
      body .new-record-form.job-form .row div.position-absolute {
            display: inline-block !important;
            width: auto !important;
            margin: 10px !important;
      }
      body .table-responsive .table th,
      body .table-responsive .table td {
            word-break: keep-all !important;
            white-space: nowrap !important;
      }

      body .chat-box.col-8 {
            width: 100%;
            display: block;
      }
      body .chat-box.col-8 .input-group .btn {
            width: auto !important;
            display: inherit !important;
            margin-bottom: 0px !important;
            padding: 30px 20px !important;
      }
      body .chat-box.col-8 .input-group .btn span {
            display: none;
      }

      body .messages-box-container.p-5 {
            padding: 20px !important;
      }

      body .messages-box-container.p-5 .msg-box.me-5 {
            margin-right: 0px !important;
            max-width: 90% !important;
      }

      body .messages-box-container.p-5 .msg-box.ms-5 {
            margin-left: 0px !important;
            max-width: 90% !important;
      }
      body .messages-box-container.p-5 .msg-box.px-5 {
            padding: 20px !important;
      }
      body .msg-box-staff .msg-caret {
            margin-right: -8px !important;
            margin-top: 15px !important;
      }
      body .msg-box-client .msg-caret {
            margin-left: -8px !important;
            margin-top: 15px !important;
      }

      body .main-content .card-body > .row {
            display: block !important;
            margin: 0px !important;
            padding: 0px !important;
      }
      body .main-content .card-body > .row > div {
            display: block !important;
            width: 100% !important;
            margin: 0px !important;
            padding: 0px !important;
            margin-bottom: 10px !important;
      }
      body .main-content .card-body > .row > div .input-group .btn {
            width: auto !important;
            margin-bottom: 0px !important;
      }

      body .main-content .main-header .card-body > .row {
            display: flex !important;
            margin: 0px !important;
            padding: 0px !important;
      }
      body .main-content .main-header .card-body > .row > div {
            width: 50% !important;
            margin: 0px !important;
            padding: 0px !important;
            margin-bottom: 10px !important;
      }
      
      body .client-list {
            position: absolute;
            background: #3639ea;
            color: #ffffff;
            z-index: 10;
            width: 100%;
            right: 100%;
            left: -100%;
            transition: all 0.2s;
      }
      body .client-list.active {
            left: 0;
            right: 0;
      }
      body .client-list a.p-0,
      body .client-list a:first-child {
            color: #ffffff !important;
            padding: 14px 20px !important;
            margin-bottom: 0px !important;
      }

      html body .client-list a:first-child .text-muted {
            color: #ffffff !important;
      }
      body .client-list a.p-0 * {
            color: #ffffff !important;
      }
      body .dash-buttons .btn {
            font-size: 10px !important;
      }

      body .card-body > .form-check.me-5.mt-3 {
            margin-top: 10px !important;
            z-index: 9;
            position: relative !important;
            display: block !important;
            width: 120px;
            margin: 0 auto 10px;
            margin-right: auto !important;
      }
}

.levitate {
      -webkit-animation-name: levitate;
      -webkit-animation-duration: 2.5s;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: ease-in-out ease-in-out;
}

@-webkit-keyframes levitate {
      from {
        -webkit-transform: translate(0, 0px);
      }
      45% {
        -webkit-transform: translate(0, 20px);
      }
      to {
        -webkit-transform: translate(0, -0px);
      }
}