.chrome{
  background: #fff;
}

.text-warning{
    color:#c16e07 !important;
}

form{
  width: 100%;
}

.logo-container{
    width: 185px !important;
}

.pagination li a{
    margin-right:5px;
}

.chat-wrapper{width:385px;position:fixed;right:40px;bottom:40px;z-index:11;-webkit-transition:transform 400ms ease;transition:transform 400ms ease;-webkit-transform:translateY(130%);transform:translateY(130%)}

.sidebar{
	background-image: -moz-linear-gradient( -47deg, #ffffff 0%, rgb(214 2 42) 100%);
  	background-image: -webkit-linear-gradient( -47deg, #ffffff 0%, rgb(214 2 42) 100%);
  	background-image: -ms-linear-gradient( -47deg, #ffffff 0%, rgb(214 2 42) 100%);
  	color: #fff;
}

.theme-cyan .sidebar .menu .list li.active>:first-child i, .theme-cyan .sidebar .menu .list li.active>:first-child span {
    color: #fff;
}

.sidebar .menu .list a:hover {
    color: red;
}

.modal{
  margin-top: 49px;
}

table{
  font-size: 11px;
}

.card{
  /*box-shadow: 0 22px 43px rgba(33,33,33,0.15);*/
}

.sidebar a{
	color: #fff;
}

nav.navbar a:not(.btn):not(.dropdown-item) {
    color: #2c2c2c;
}

.theme-purple .block-header h2 {
	color: #2c2c2c;
}

.theme-purple .block-header h2 small{
	color: #2c2c2c;
}

.navbar-nav.navbar-left .input-group .input-group-addon {
    background-color: transparent;
    color: #2c2c2c;
}

.sidebar .menu .list a {
	color: #fff;
}

.sidebar .menu .list .header{
	color: #fff;
}

.authentication .container{
  padding-top: 5%;
}

.authentication .container .loginnya{
  background: #fff;
  height: 96%;
  -webkit-box-shadow: 0px 15px 81px -15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 15px 81px -15px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 15px 81px -15px rgba(0, 0, 0, 0.2);
}

.authentication .page-header:before{background-color:unset;}

.authentication .container .berbg{
  background: url(../images/pool.png) no-repeat center center / cover;
  height: 100%;
}

.authentication .page-header .container .berbg h2{
  padding-top: 30%;
  width: 100%;
  font-size: 24px;
  text-align: left;
}


.authentication .page-header .container .berbg h2 span{
  font-weight: bolder;
}

.authentication .container .loginnya .card-plain.card-plain .form-control {
     border-color: unset; 
     color: #ccc; 
}

.authentication .container .loginnya .card-plain.card-plain .input-group-addon {
      background-color: transparent;
      border-color: unset;
      color: #ccc;
}

.authentication .container .loginnya .logo-container{
  width: 100% !important;
  margin:unset !important;
  padding-top: 70px;
}

.authentication .container .loginnya h6{
  width: 100%;
  text-align: left;
  color: #ccc;
  padding-left: 5px;
  margin-top: 15px;
}

#exTab3 textarea.form-control {
      border: 1px solid #E3E3E3;
}

select.btn-group, .form-group .bootstrap-select.btn-group {
    margin-bottom: 0;
    margin-top: -15px;
    margin-left: -15px;
}

.small-label{
      font-size: 11px;
    padding-left: 15px;
        margin-bottom: 2px;
}

.addmin .dropdown-toggle{
  display: none;
}

.addmin div.form-control.list{
  border:none;
}

.addmin .card .body{
      min-height: 450px;
}

.addmin .card a.btn{
      margin-top: 0px;
    padding: 8px 6px;
}

.ajaxloader{
  position: fixed;
  z-index: 999999;
  top:0;
  right: 122px;
}

.ajaxloader img{
  width: 55px;
}

table button{
  width: 30px;
  height: 30px;
  margin:-5px 1px !important;
  padding: 5px 9px !important;
  border-radius: 15px !important;
  background: transparent !important;
  color: #424242 !important;
}

table a.waves-effect{
  width: 30px;
  height: 30px;
  margin:-8px 1px !important;
  padding: 5px 6px !important;
  border-radius: 15px !important;
  background: transparent !important;
  color: #424242 !important;
  border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
  border-style: solid;
  border-width: 1px;
}

.border-blue{
  border:1px solid #60bafd !important;
}

.border-red{
  border:1px solid #ec3b57 !important;
}

td .btn-round.btn-simple{  
    margin: 0;
    padding: 5px 22px;
}

.user-info{
  margin-left: 15px;
  margin-bottom: 15px;
}

.sidebar .menu .list {
  margin:0 15px 0 0px;
}

/*.activeoi{
    margin-left: -15px;
    padding-left: 15px;
    background-image: -moz-linear-gradient( 180deg, rgb(222,10,133) 0%, rgb(41,30,88) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(222,10,133) 0%, rgb(41,30,88) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(222,10,133) 0%, rgb(41,30,88) 100%);
    border-bottom-right-radius:70px;
    border-top-right-radius:70px;

}

.sidebar .menu .list li.ini:hover{
  background-image: -moz-linear-gradient( 180deg, rgb(222,10,133) 0%, rgb(41,30,88) 100%) !important;
    background-image: -webkit-linear-gradient( 180deg, rgb(222,10,133) 0%, rgb(41,30,88) 100%) !important;
    background-image: -ms-linear-gradient( 180deg, rgb(222,10,133) 0%, rgb(41,30,88) 100%) !important;
    border-bottom-right-radius:70px !important;
    border-top-right-radius:70px !important;
}

.sidebar .menu .list li.ini:hover a{
  color: #fff !important;
}*/


.input-group-addon a i{
    padding-left: 9px;
}

.input-group-addon a{
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    color: #fff;
  }

.modal-backdrop{
  z-index: 0 !important;
}

.content{
  /*background: #fff;*/
}

.jembot{
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 16px;
  height: 16px;
  margin-left: 5px;
}

.jembot-client {
  background: url(icons/client.png) no-repeat center center / 100% 100%;
}

.jembot-faq {
  background: url(icons/faq.png) no-repeat center center / 100% 100%;
}

.jembot-home {
  background: url(icons/home.png) no-repeat center center / 100% 100%;
}

.jembot-invoice {
  background: url(icons/invoice.png) no-repeat center center / 100% 100%;
}

.jembot-payment {
  background: url(icons/payment.png) no-repeat center center / 100% 100%;
}

.jembot-product {
  background: url(icons/product.png) no-repeat center center / 100% 100%;
}

.jembot-quote {
  background: url(icons/quote.png) no-repeat center center / 100% 100%;
}

.jembot-report {
  background: url(icons/report.png) no-repeat center center / 100% 100%;
}

.jembot-setting {
  background: url(icons/setting.png) no-repeat center center / 100% 100%;
}

.jembot-tasks {
  background: url(icons/tasks.png) no-repeat center center / 100% 100%;
}

.switch {
  font-size: 1rem;
  position: relative;
}
.switch input {
  position: absolute;
  height: 1px;
  width: 1px;
  background: none;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  padding: 0;
}
.switch input + label {
  position: relative;
  min-width: calc(calc(2.375rem * .8) * 2);
  border-radius: calc(2.375rem * .8);
  height: calc(2.375rem * .8);
  line-height: calc(2.375rem * .8);
  display: inline-block;
  cursor: pointer;
  outline: none;
  user-select: none;
  vertical-align: middle;
  text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
}
.switch input + label::before,
.switch input + label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(calc(2.375rem * .8) * 2);
  bottom: 0;
  display: block;
}
.switch input + label::before {
  right: 0;
  background-color: #dee2e6;
  border-radius: calc(2.375rem * .8);
  transition: 0.2s all;
}
.switch input + label::after {
  top: 2px;
  left: 2px;
  width: calc(calc(2.375rem * .8) - calc(2px * 2));
  height: calc(calc(2.375rem * .8) - calc(2px * 2));
  border-radius: 50%;
  background-color: white;
  transition: 0.2s all;
}
.switch input:checked + label::before {
  background-color: #08d;
}
.switch input:checked + label::after {
  margin-left: calc(2.375rem * .8);
}
.switch input:focus + label::before {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
}
.switch input:disabled + label {
  color: #868e96;
  cursor: not-allowed;
}
.switch input:disabled + label::before {
  background-color: #e9ecef;
}
.switch.switch-sm {
  font-size: 0.875rem;
}
.switch.switch-sm input + label {
  min-width: calc(calc(1.9375rem * .8) * 2);
  height: calc(1.9375rem * .8);
  line-height: calc(1.9375rem * .8);
  text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem);
}
.switch.switch-sm input + label::before {
  width: calc(calc(1.9375rem * .8) * 2);
}
.switch.switch-sm input + label::after {
  width: calc(calc(1.9375rem * .8) - calc(2px * 2));
  height: calc(calc(1.9375rem * .8) - calc(2px * 2));
}
.switch.switch-sm input:checked + label::after {
  margin-left: calc(1.9375rem * .8);
}
.switch.switch-lg {
  font-size: 1.25rem;
}
.switch.switch-lg input + label {
  min-width: calc(calc(3rem * .8) * 2);
  height: calc(3rem * .8);
  line-height: calc(3rem * .8);
  text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem);
}
.switch.switch-lg input + label::before {
  width: calc(calc(3rem * .8) * 2);
}
.switch.switch-lg input + label::after {
  width: calc(calc(3rem * .8) - calc(2px * 2));
  height: calc(calc(3rem * .8) - calc(2px * 2));
}
.switch.switch-lg input:checked + label::after {
  margin-left: calc(3rem * .8);
}
.switch + .switch {
  margin-left: 1rem;
}

.notif-avatar{
      width: 32px;
    border: 1px solid #ccc;
    border-radius: 16px !important;
    padding: 3px;
}

.switchToggle input[type=checkbox]{height: 0; width: 0; visibility: hidden; position: absolute; }
.switchToggle label {cursor: pointer; text-indent: -9999px; width: 70px; max-width: 70px; height: 30px; background: #d1d1d1; display: block; border-radius: 100px; position: relative; }
.switchToggle label:after {content: ''; position: absolute; top: 2px; left: 2px; width: 26px; height: 26px; background: #fff; border-radius: 90px; transition: 0.3s; }
.switchToggle input:checked + label, .switchToggle input:checked + input + label  {background: #3e98d3; }
.switchToggle input + label:before, .switchToggle input + input + label:before {content: 'No'; position: absolute; top: 5px; left: 35px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
.switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {content: 'Yes'; position: absolute; top: 5px; left: 10px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
.switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {left: calc(100% - 2px); transform: translateX(-100%); }
.switchToggle label:active:after {width: 60px; } 
.toggle-switchArea { margin: 10px 0 10px 0; }

.locations ul{
  list-style: none;
}


.pagination li.active a{
    color:#000;
}