.hpanel.hgreen > .panel-body {
  border-top: 2px solid #62cb31;
}
.hpanel.hblue > .panel-body {
  border-top: 2px solid #3498db;
}
.hpanel.hyellow > .panel-body {
  border-top: 2px solid #ffb606;
}
.hpanel.hviolet > .panel-body {
  border-top: 2px solid #9b59b6;
}
.hpanel.horange > .panel-body {
  border-top: 2px solid #e67e22;
}
.hpanel.hred > .panel-body {
  border-top: 2px solid #e74c3c;
}
.hpanel.hreddeep > .panel-body {
  border-top: 2px solid #c0392b;
}
.hpanel.hnavyblue > .panel-body {
  border-top: 2px solid #34495e;
}
.hpanel.hbggreen > .panel-body {
  background: #62cb31;
  color: #fff;
  border: none;
}
.hpanel.hbgblue > .panel-body {
  background: #3498db;
  color: #fff;
  border: none;
}
.hpanel.hbgyellow > .panel-body {
  background: #ffb606;
  color: #fff;
  border: none;
}
.hpanel.hbgviolet > .panel-body {
  background: #9b59b6;
  color: #fff;
  border: none;
}
.hpanel.hbgorange > .panel-body {
  background: #e67e22;
  color: #fff;
  border: none;
}
.hpanel.hbgred > .panel-body {
  background: #e74c3c;
  color: #fff;
  border: none;
}
.hpanel.hbgreddeep > .panel-body {
  background: #c0392b;
  color: #fff;
  border: none;
}
.hpanel.hbgnavyblue > .panel-body {
  background: #34495e;
  color: #fff;
  border: none;
}

.hpanel.hnocolor > .panel-body {
  border: 1px solid #e4e5e7;
}

body.swal2-in {
    overflow-y: visible;
}

.table-autowidth {
    width: auto !important;
}


.hpanel .panel-body.collapse {
    transition: all 250ms;
}
.hpanel .panel-body.collapsing {
    padding: 0 20px;
}

.sweet-alert {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently */
  width: 700px;
}

.hpanel .panel-heading.list-title > h1 {
  font-size: 20px;
  margin: 4px 0;
}


#client-id {
    display: block;
    line-height: 32px;
    padding-top:4px;
}

#client-id div {
    font-size: 16px;
}

.profile-picture {
    padding: 15px 20px;
}

/*Кнопка с .btn-outline должна оставаться прозрачной*/
.btn-danger.btn-outline[disabled] {
    background: rgba(0,0,0,0);
}

.splash {
  position: absolute;  
}

.splash-title {
  max-width: 540px;
}

.note-editable {
  min-height: 15rem;
}

.btn-skat-blue {
    background-color: #4c6878;
    border-color: #777799;
    color: #FFF;
}

.btn-skat-blue:hover,
.btn-skat-blue:focus,
.btn-skat-blue:active,
.btn-skat-blue.active,
.btn-skat-blue.disabled,
.btn-skat-blue[disabled] {
  color: #ffffff;
  background-color: #34495e;
}

.btn-skat-blue:active,
.btn-skat-blue.active {
  background-color: #003399 \9;
}


.btn-skat-gray {
    background-color: #e4ebee;
    border-color: #ddd;
    color: #333;
}

.btn-skat-gray:hover,
.btn-skat-gray:focus,
.btn-skat-gray:active,
.btn-skat-gray.active,
.btn-skat-gray.disabled,
.btn-skat-gray[disabled] {
  color: #333;
  background-color: #fff;
}

.btn-skat-gray:active,
.btn-skat-gray.active {
  background-color: #003399 \9;
}

#header .nav.navbar-nav .dropdown-menu > li > a {
    white-space: pre;
    padding: 15px 20px;
}

@media (max-width: 767px) {
    .modal-dialog {
        max-height: 100%;
        overflow: scroll;
        margin: 0;
    }
}

.dropdown-menu > li > a > .fa {
    width: 16px;
    text-align: center;
}

.swal2-confirm {
    margin-inline-end: 10px;
}

.note-editor .panel-heading {
    padding: 0px 5px;
}

#wrapper {
    border-left: 0;
}

#side-menu li a {
    padding: 1rem;
    font-weight: bold;
}

#side-menu li .nav-second-level li.active a {
    background-color: #48687a;
    color: white;
}

#side-menu li .nav-second-level li a { 
    padding: 1rem;
    padding-inline-start: 2rem;
    font-weight: normal;
}

#menu {
    border-right: solid 1px #DDD;   
}

.profile-picture {
    padding: 1rem;
}

.content {
    padding: .5rem; /* убираем лишние пустоты вокруг страницы */
}

.no-padding {
    padding: 0;
}

.mini-padding {
    padding: .5rem;
}

/* .content .hpanel {
    padding: .5rem;
}

.content .hpanel .panel-body {
    padding: 0;
} */

.content > .hpanel > .panel-body > .nav-tabs {
    margin: 1rem 0 0 0;
    padding: 0 1rem;
}

.dataTables_wrapper > .row > .col-sm-12 > .table-responsive  {
    margin: 0 -16px -5px -16px;
}

.dataTables_wrapper .table-responsive > table {
    margin: 0;
}

.normalheader {
    padding: 10px 10px 0px 10px;
}

.tabs-left > .tab-content > .tab-pane > .panel-body {
    width: 80%;
    margin-inline-start: 20%;
}

.tabs-left > .tab-content > .tab-pane > .panel-body.settings-panel {
    width: 100%;
    margin-inline-start: 0;
}

.content .tabs-left .panel-body {
    width: auto;
    margin-inline-start: 0;
}

.tabs-left > .nav-tabs > li > a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-inline-end: 0;
}

.tabs-left > .nav-tabs > li > a.button {
    padding-inline-start: 0;
    padding-inline-end: 15px;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus,
.tabs-left > .nav-tabs > li > a:hover {
    overflow: visible;
}

.btn-group .btn {
    margin-top: 1px;
}


th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {
  transform: /* Magic Numbers */ translate(0px, 110px) /* 45 is really 360 - 45 */ rotate(270deg);
  width: 24px;
}
th.rotate > div > span {
  padding: 5px;
}

.rate-table-widget > .table-responsive {
    margin: 0px -16px 20px;
}
.rate_schedule {
    margin-bottom: 0;
}
.rate_schedule > tbody > tr > th {
    vertical-align: middle;
}
.rate_schedule > tbody > tr:first-child > th {
    vertical-align: top;
}
.rate_schedule > tbody > tr > td {
    padding: 0;
}
.rate_schedule > tbody > tr > td > input {
    text-align: center;
    padding: 3px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.full-width-widget {
    margin-top: 15px;
}

.icheckbox_square-green.disabled,
.iradio_square-green.disabled {
    background-color: #D3CFC8;
}
.region-queue-select{
clear: both;
}
.w-100p{
  width: 100%;
}
.progressbar-text-right{
  display: flex;
  align-items:center;
  justify-content: flex-end;
}
.cursor-pointer{
  cursor: pointer;
}
.statistic-progressbar-text{
  width:20px;
  margin-inline-start: 5px;
  margin-top: -5px;
}
.limited-panel {
  max-height: 400px;
  overflow: auto;
}
.centered {
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-setting-box {
  display:flex;
  padding: 10px;
  white-space: nowrap;
}
.nav > li > a.nav-setting-menu {
  padding: 5px;
}
.no-margin-padding {
  padding: 0px;
  margin: 0px
}

.gradient-container {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}

.color-progress.progress.w-100p {
  border: none;
  background-color: white;
  padding: 0px;
  margin: 0px;
}
.color-progressbar-cursor {
  min-width: 5px;
  background-color: #62cb31;
  border: none;
  padding: 0px;
  margin: 0px
}
.color-progressbar {
  width: 50%;
  background-color: white;
  border: none;
  padding: 0px;
  margin: 0px
}
table.table td.td-center {
  vertical-align: middle;
  text-align: center;
}

a.unban-driver {
    text-decoration: none;
    border-bottom: dashed 1px transparent;
}

a.unban-driver:hover {
    border-bottom: dashed 1px #0088cc;
}

a.unban-driver:not(:hover):after {
    color: transparent !important;
    text-shadow: none !important;
    content: " ";
}

a.unban-driver:hover:after {
    font-family: FontAwesome, monospace;
    content: " \F06E";
    vertical-align: top;
}

div.waypoint-marker {
    width: 30px;
    height: 30px;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
    background-color: #f8a638;
    margin: -20px 0;
}

div.waypoint-marker .fa {
    width: 20px;
    height: 20px;
    background: #325f79;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    margin: 5px 0 0 5px;
    color: #ffffff;
    transform: rotate(45deg);
}