/*
 * Skin:
 * ---------
 */
.skin-cabinet .main-header .navbar {
  background-color: #7c95a3;
}
.skin-cabinet .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-cabinet .main-header .navbar .nav > li > a:hover,
.skin-cabinet .main-header .navbar .nav > li > a:active,
.skin-cabinet .main-header .navbar .nav > li > a:focus,
.skin-cabinet .main-header .navbar .nav .open > a,
.skin-cabinet .main-header .navbar .nav .open > a:hover,
.skin-cabinet .main-header .navbar .nav .open > a:focus,
.skin-cabinet .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-cabinet .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-cabinet .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-cabinet .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-cabinet .main-header .navbar .sidebar-toggle:hover {
  background-color: #7c95a3;
}
@media (max-width: 767px) {
  .skin-cabinet .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-cabinet .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-cabinet .main-header .navbar .dropdown-menu li a:hover {
    background: #7c95a3;
  }
}
.skin-cabinet .main-header .logo {
  background-color: #7c95a3;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-cabinet .main-header .logo:hover {
  background-color: #7c95a3;
}
.skin-cabinet .main-header li.user-header {
  background-color: #7c95a3;
}
.skin-cabinet .content-header {
  background: transparent;
}
.skin-cabinet .wrapper,
.skin-cabinet .main-sidebar,
.skin-cabinet .left-side {
  background-color: #7c95a3;
}
.skin-cabinet .user-panel > .info,
.skin-cabinet .user-panel > .info > a {
  color: #fff;
}
.skin-cabinet .sidebar-menu > li.header {
  color: #4b646f;
  background: #7c95a3;
}
.skin-cabinet .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-cabinet .sidebar-menu > li:hover > a,
.skin-cabinet .sidebar-menu > li.active > a {
  color: #ffffff;
  background: #7c95a3;
  border-left-color: #7c95a3;
  font-weight: bold;
}
.skin-cabinet .sidebar-menu > li.active > a, .skin-cabinet .sidebar-menu > li.active > ul > li.active > a {
  border-bottom: solid thick rgb(152, 214, 241);
}

.skin-cabinet .sidebar-menu > li.menu-open > a {
  border-bottom: solid thin #ffffff;
  padding-bottom: 2px;
}

.skin-cabinet .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #8aa4af;
}
.skin-cabinet .sidebar a {
  color: #ffffff;
}
.skin-cabinet .sidebar a:hover {
  text-decoration: none;
}
.skin-cabinet .treeview-menu > li > a {
  color: #ffffff;
}
.skin-cabinet .treeview-menu > li.active > a,
.skin-cabinet .treeview-menu > li > a:hover {
  color: #ffffff;
  font-weight: bold;
}
.skin-cabinet .sidebar-form {
  border-radius: 3px;
  border: 1px solid #666;
  margin: 10px 10px;
}
.skin-cabinet .sidebar-form input[type="text"],
.skin-cabinet .sidebar-form .btn {
  box-shadow: none;
  background-color: #ffffff;
  border: 1px solid transparent;
  height: 35px;
}
.skin-cabinet .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-cabinet .sidebar-form input[type="text"]:focus,
.skin-cabinet .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-cabinet .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-cabinet .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

.skin-cabinet .sidebar-user {
  border-radius: 3px;
  margin: 10px 10px;
}

.skin-cabinet h4, p {
  color: #ffffff;
}

.main-header .logo {
  text-align:  left !important;
}

.skin-cabinet .nav li > form > button.logout {
  padding: 5px 15px;
  color: #ffffff;
}
button.btn.btn-flat.btn-search-provider{
  background-color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-color: #d2d6de;
  border-left: none;
}
#providersearch-name_filter{
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#providersearch-name_filter:focus{
  border-right: none;
}

#providersearch-name_filter:hover{
  border-right: none;
}

.skin-cabinet.sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .sidebar-user {
  display: none !important;
  -webkit-transform: translateZ(0);
  overflow: hidden;
  text-overflow: clip;
}

.skin-cabinet .content-wrapper {
  background: #ffffff;
}

.skin-cabinet .main-header .navbar .dropdown-menu li a {
  color: #333;
}

.skin-cabinet .main-header .navbar .nav > li > a:hover, .skin-cabinet .main-header .navbar .nav > li > a:active,
.skin-cabinet .main-header .navbar .nav > li > a:focus, .skin-cabinet .main-header .navbar .nav .open > a,
.skin-cabinet .main-header .navbar .nav .open > a:hover, .skin-cabinet .main-header .navbar .nav .open > a:focus,
.skin-cabinet .main-header .navbar .nav > .active > a {
  background: transparent;
}

.skin-cabinet .main-header .navbar .nav > li > form {
  padding: 10px 10px 10px 0;
}

.skin-cabinet .connector-index .connector-header {
  height: 47px;
}

.skin-cabinet .connector-index .connector-annotation {
  height:98px;
  overflow:hidden;
  margin-bottom:10px;
}

.skin-cabinet #user-role, .skin-cabinet #user-status {
  white-space: pre;
}

.skin-cabinet .wizzard .wizzard-window {
  position: relative;
  background-color: #ffffff;
  min-height: 200px;
  width: 100%;
  padding: 0;
}

.skin-cabinet .wizzard .wizzard-window .window-box {
  min-height: 300px;
  margin-bottom: 0;
}

.skin-cabinet .wizzard .wizzard-window .box .window-box-body{
  min-height: 200px;
  position: relative;
}

.skin-cabinet .wizzard .wizzard-window .always {
  position: absolute;
  margin: auto;
  top: 0; left: 0; bottom: 0; right: 0;
  overflow: auto;
  width: 200px;
  height: 250px;
  z-index: 100;
  display:none;
}


.skin-cabinet .wizzard .alert-info {
  background-color: #d9edf7 !important;
  border-color: #bce8f1 !important;
  color: #31708f !important;
  margin-top: 40px;
}

.skin-cabinet .wizzard h4, .skin-cabinet .my-request p {
  color: #666666;
}

.skin-cabinet .my-request p {
  margin: 0;
}

.skin-cabinet .wizzard label {
 display: block;
}

.skin-cabinet .wizzard .attr .box-header {
  padding: 5px 10px;
}

.skin-cabinet .wizzard .attr {
  margin-bottom: 5px;
}

.skin-cabinet .wizzard .attr .box-title {
  font-size: 14px;
  font-weight: bold;
}

.skin-cabinet .cabinet-view .popover-content {
  padding: 5px !important;
}

.skin-cabinet .cabinet-view .popover {
  font-size: small;
}

#promoapisetting-categories {
  display: grid;
}

.skin-cabinet .promo-api-offer-view p, .promo-api-offer-view h4 {
  color: #666666;
  margin: 0;
}

.skin-cabinet .promo-api-offer-view .italic-view{
  font-style: italic;
  margin-bottom: 3px;
}

.skin-cabinet .promo-api-offer-view .setting-form {
  margin-top: 10px;
}

.skin-cabinet .promo-api-offer-view .close-btn {
  position: absolute;
  color: #3c8dbc;
  top: 0;
  right: 0;
  cursor: pointer;
}

.skin-cabinet .connector-index .box-success {
  opacity: 0.7 !important;
}

.skin-cabinet .connector-index .box-success:hover {
  opacity: 1 !important;
}

.skin-cabinet .alert-info {
  background-color: #d9edf7 !important;
  border-color: #bce8f1 !important;
  color: #31708f !important;
}

.skin-cabinet .change-company p, .skin-cabinet .tariff-alert h4, .skin-cabinet .tariff-alert h5 {
  color: #31708f;
}

.skin-cabinet .tariff-plan td > h4 {
  margin-top: 5px;
}

.skin-cabinet .billing .thumbnail > img {
  height: 100px;
}

.skin-cabinet #liqpay-button {
  margin-top: 10px;
}

.skin-cabinet .company-invoice h4 {
  color: #31708f;
}

.skin-cabinet .company-invoice p {
  color: #666666;
  margin: 0;
}

.bold {
  font-weight: bold;
}

.skin-cabinet .upload-index .box-default .box-header {
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap; /* Запрещаем перенос строк */
  overflow: hidden; /* Обрезаем все, что не помещается в область */
}

.skin-cabinet .upload-index .box-default .box-header:hover {
  white-space: normal;
  overflow: visible;
}

.skin-cabinet .orange, .skin-cabinet .fileinput-upload-button{
  background-color: #f7ae71;
  font-weight: bold;
  color: #666666;
}

.skin-cabinet .tariff-plan th a, .skin-cabinet .tariff-description p {
  color: #666666;
}

.skin-cabinet .tariff-plan th a:hover {
  color: #333;
}

.skin-cabinet .btn-file {
  opacity: 0.6;
}

.skin-cabinet .btn-file:hover {
  opacity: 1;
}

.skin-cabinet .fileinput-upload-button:hover, .btn-orange {
  background-color: #f7ae71;
  color: #333;
}

.skin-cabinet .btn-orange {
  font-weight: bold;
  border-radius: 0;
}

.skin-cabinet .wizzard table td {
  cursor: default;
}

.skin-cabinet .tariff-plan table th {
  background: #d2d6de;
}

.skin-cabinet .balance label {
  white-space: nowrap;
}

.skin-cabinet #invoice h4, .skin-cabinet #billing h4 {
  color: #666;
}

.skin-cabinet #billing label {
  display: block;
}

.skin-cabinet .sidebar-user .btn-link {
  color: #ffffff;
  text-decoration: none;
}


@media  (min-width:990px) and (max-width:1230px) {
  .skin-cabinet .upload-index .box-footer {
    height: 89px;
  }
}

@media  (max-width:778px) {
  .skin-cabinet .main-header .sidebar-toggle {
    float:right;
  }

  .skin-cabinet .main-sidebar {
    padding-top: 50px;
  }

}