body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333333;
}
a {
color: #428bca;
text-decoration: none;
background: transparent;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 4px 4px 2px;
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
line-height: inherit;
border: 0;
border-bottom: 1px solid #cccccc;
background-color: #fafafa;
}
fieldset .form-group legend {
margin: 0;
}


input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
}
button, input {
line-height: normal;
}
input[type="radio"], input[type="checkbox"] {
width: 16px;
height: 16px;
vertical-align: bottom;
margin: 2px 4px 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
padding: 0;
box-sizing: border-box;
}
label {display: inline-block; margin-bottom: 0; font-weight: bold;}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
button, select {
text-transform: none;
}

.btn-blue {
color: #ffffff;
background-color: #428bca;
border-color: #357ebd;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background-image: none;
/*border: 1px solid transparent;*/
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.btn-xs {
padding: 1px 4px !important;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
float: left;
margin-left: -20px;
}
.radio label, .checkbox label {
display: inline;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.container-form {
width: 600px;
margin-right: auto;
margin-left: auto;
min-height: 1px;
position: relative;
padding-right: 15px;
padding-left: 15px;
}

.well {
min-height: 20px;
padding: 10px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.header-form {
margin-bottom: 10px;
padding-left: 0;
padding-right: 0;
}
.navi {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 0;
list-style: none;
color: #fff;
background-color: #428bca;
border-radius: 4px;
}
.navi:before, .navi:after {
display: table;
content: " ";
}
.navi .navbar-default .navbar-collapse, .navi .navbar-default .navbar-form {
    border-top: 0px solid transparent;
}
.navi .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
.navi:after {
clear: both;
}
/*.navi > li {*/
/*position: relative;*/
/*display: block;*/
/*float: left;*/
/*}*/
.navi .navbar-nav {
    margin: 0px 0px;
/*
    display: block !important;
*/
}
.navi  li > a {
border-radius: 4px;
position: relative;
display: block;
padding: 10px 15px;
color: #fff !important;
}
.navi li.open >a, .navi ul.dropdown-menu>li >a {
    color: #131313 !important;
}


.navi li > a:active { background: #ddd;}
.navi li > a:hover, .nav-pills > li > a:focus {color: #131313;  background: #ddd;}
.navi .active > a,
.navi  .active > a:hover,
.navi  .active > a:focus {
  background-color: #ddd !important;
  background-image: none;color: #131313 !important;
  box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
.colorgraph {
-moz-box-sizing: content-box;
box-sizing: content-box;
margin-top: 20px;
margin-bottom: 20px;
border: 0;
height: 5px;
border-top: 0;
background: #c4e17f;
border-radius: 5px;
background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
.col180 {
width: 180px;
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col240 {
width: 240px;
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
  .col370 {
    width: 370px;
	float: left;
position: relative;
min-height: 1px;
padding-top: 7px;
padding-right: 15px;
padding-left: 15px;
  }
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
.form-group {
margin-bottom: 15px;
}
.form-horizontal .control-label {
text-align: right;
}
.form-horizontal .control-label.required:after,
form .form-group.required label:after {
content: "*";
color: #ff3333;
font-size: 1.3em;
line-height: 0.7;
margin: 0 0 0 3px;
}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
}
.form-control {
display: block;
width: 100%;
/* height: 34px;*/
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-select {font-size: 14px;}

textarea.form-control {
  height: auto;
  min-height:100px;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control:-moz-placeholder {
  color: #999999;
}

.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999999;
}

.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
display: table;
content: " ";
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
display: table;
content: " ";
}
.form-horizontal .form-group:after {
clear: both;
}
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

.gallery-img-dev {
    height: 750px;
    overflow: hidden;
    position: relative;
}

.gallery-img-dev img {
    height: initial !important;
    width: auto !important;
    max-width: initial !important;
    position: absolute;
    top: -9999px;
    left: -9999px;
    right: -9999px;
    bottom: -9999px;
    margin: auto;

}
.gallery-img-dev img.by_width {
    max-width: 100% !important;
}

.gallery-img-dev img.by_height {
    max-height: 100% !important;
}
.gallery-content{
    margin: 0 40px;
}
.modal-content{
    position: relative;
}
.ms_left{
    position: absolute;
    top: 50%;
    left: 7px;
}
.ms_right{
    position: absolute;
    top: 50%;
    right: 7px;
}
.files_style{
    float: left;
    padding-top: 5px;
    margin-left: 10px;
}



/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

p {margin: 0 0 2px;}

.table-pointer TD,
.pointer,
.table TD:not(.shortcut),
.table TH
{white-space: normal; cursor: pointer;}

TR.no-pointer TD {cursor: default;}

TABLE.table TH {padding: 13px 17px !important; text-align: center; vertical-align: top !important; color: #428bca;}

TABLE.table TH.sort-up {color: #428bca;}
TABLE.table TH.sort-up:after {float: right; content: '\25b2';}
TABLE.table TH.sort-down {color: #428bca;}
TABLE.table TH.sort-down:after {float: right; content: '\25bc';}

#integrator_description {height: 33px; overflow: hidden; padding: 7px;}
.expander {
    display: none;
    float: right;
    font-size: 12px;
    margin-top: 0;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    border-bottom: 1px dashed #428bca;
    text-decoration: none;
}

.expander:hover {text-decoration: none;}
.expander:visited {text-decoration: none;}
.expander:focus {text-decoration: none; color: #428bca;}

.pagination {margin-right: 20px !important;}
.elements-counter {padding: 8px 0 0 0;}
.elements-counter, .elements-per-page
{float: left !important; margin: 20px 20px 20px 0;}

.scrolled {max-height: 400px; overflow-y: scroll;}

.margined-bottom {
    margin-bottom: 10px;
}
.margined-bottom-no {
    margin-bottom: 0;
}
.margined-top {
    margin-top: 5px;
}
.margined-right {
    margin-right: 5px;
}
.margined-right-wide {
    margin-right: 20px;
}

button.pic-preview {display: none;}

.gallery-content {position: relative; width: auto; max-width: 100%;}
.gallery-image {width: auto; max-width: 100%; text-align: center;}
.gallery-image img {width: 100%; max-width: 100%;}

.gallery-control {float: left; margin-top: 8px; text-align: left; font-size: 16px;}
.gallery-control .gallery-num {margin-left: 20px;}
.gallery-control .gallery-title {margin-left: 20px; font-weight: bold;}

.p-link {line-height: 1; border-bottom: 1px dashed #428bca; text-decoration: none; cursor: pointer;}

.p-link:hover {text-decoration: none; border-bottom: 1px dashed #AA0000; color: #AA0000;}
.p-link:visited {text-decoration: none;}
.p-link:focus {text-decoration: none;}

.q-link {margin-right: 20px; padding: 3px 5px; line-height: 1; text-decoration: none; cursor: pointer;}
.q-link:hover {text-decoration: none; color: #aa0000;}
.q-link.active {background-color: #eeeeee; color: #999999; cursor: default;}
.q-link.active:hover {text-decoration: none; color: #999999;}

.dropdown-menu>li>a {cursor: pointer;}

.company-logo-wrapper {width: 100%; text-align: center;}
.company-logo {height: 0px; max-height: 300px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat;}

.radio {vertical-align: top; width: 17px; height: 17px; margin: 0 3px 0 0;}
.radio + label {cursor: pointer; display: block; font-weight: normal;}
.radio:not(checked) {position: absolute; opacity: 0;}
.radio:not(checked) + label {position: relative; padding: 0 0 0 35px;}
.radio:not(checked) + label:before {content: ''; position: absolute; top: 1px; left: 0; width: 18px; height: 18px; border: 1px solid #999; border-radius: 50%; background: #FFF;}
.radio:not(checked) + label:after {content: ''; position: absolute; top: 4px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #337ab7; opacity: 0; transition: all .2s;}
.radio:checked + label:after {opacity: 1;}

.starbars {width: 100%;}
.starbars > div {width: 100%; margin: 0 auto;}
.starbar {float: left; width: 32px; height: 32px; text-align: center; cursor: pointer; background-repeat: no-repeat; background-position: 0 0; background-size: cover;}
.starbar {background-image: url('/images/stars.png');}

.label-tooltip {padding: 1px 4px; cursor: pointer}
.ui-tooltip {}
body .ui-tooltip {border: 1px solid #999999; border-width: 1px !important; box-shadow: 0 0 5px #cccccc;}
body .ui-tooltip.ui-widget-content {background: none; background-color: #d9edf7;}

fieldset {
    margin-top: 30px;
}

fieldset:first-child {
    margin-top: 0;
}

.form-group .panel {margin-bottom: 0; background-color: #fcfcfc;}
.form-group .panel-default {padding: 10px;}
.form-group a .control-label {color: #333; cursor: pointer;}
.form-group a .control-label .caret {color: #428bca; cursor: pointer;}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5 !important;
    border-radius: 3px;
}
select.input-sm {padding-right: 1.6rem; background-position: right 0.4rem center;}
.tab-option {
    display: none;
}
.in {
    display: block;
}

table.cell-hover td:hover {background-color: #f0f9ff; color: #00f; text-decoration: underline;}
table.cell-hover td > div:hover {background-color: #f0f9ff; color: #00f; text-decoration: underline;}

button.znak {width: 18px; height: 18px; border: none; background-image: url(/images/znak.png);}
button.znak:focus {border: none; outline: none; box-shadow: 0 0 4px rgba(0,0,0,0.5);}







@media only screen and (max-width: 768px) {
    .navi .navbar-collapse {padding-left: 15px; padding-right: 15px;}

    #opinion-form .btn-primary {width: 100%; height: 60px; font-size: 200%;}
}

@media (min-width: 768px) {
    .navbar-right {margin-right: 0;}
        /*    form .col-md-4 .form-group { padding-left: 5px; }*/
        /*    form .col-md-4:first-child .form-group { padding-left: 0; } */
}

@media (min-width: 992px) {
    .form-central-block {max-width: 600px; margin: 0 auto;}
}

@media only screen and (max-width: 769px) {
    .ms_buttons .btn{
        display: block !important;
        margin: 6px auto !important;
        min-width: 180px;
    }
    .btn-group, .btn-group-vertical{
        display:  block !important;
    }
    .btn-group > .btn, .btn-group-vertical > .btn{
        float: none !important;
    }
    .ms_for_mobile{
        overflow: auto;
    }
    .modal-header{
        overflow: hidden;
    }
    .modal-title{
        float: left;
/*        width: 40%;*/
        font-size: 16px;
    }
    .files_style{
        width: 72%;
    }
    .gallery-image {
        height: 400px;
    }
    .modal-footer .btn{
        font-size: 12px;
    }
    .gallery-control span{
        margin-left: 5px !important;
    }
    .gallery-control{
        font-size:12px !important;
    }
}


    .header-n-preview-phone {}
    .header-n-preview-title {}
	.header-n-preview-title h1{
		margin-top: 0px !important;
	}

    .header-n-preview-logo {
        height: 80px;
        max-height: 100px;
    }



#formsettings fieldset {
	margin-top: 0px;
}
#formsettings fieldset:first-child {
	margin-top: 0;
}

table.table-ticket tr td:nth-child(2) {
    width: 300px;
    word-break: break-all;
}

#tickets-page {padding: 20px;}
#tickets-page > div {margin-bottom: 20px;}
.navbar-fixed-bottom {
    display: block !important;
    width: 100% !important;
    min-height: 20px !important;
    height: 20px !important;
    position: fixed !important;
    bottom: 0;
    padding: 0;
    background-color: #f6f6f6;
    border-top: 1px solid #e6e6e6;
}
nav.navbar-fixed-bottom div.container-fluid {display: block !important; width: 100% !important;}

div[ng-controller="CtrlAdminStores"] table.table td .bi,
div[ng-controller="CtrlAdminCouriers"] table.table td .bi,
div[ng-controller="CtrlAdminManage"] table.table td .bi
{
    padding-bottom: -10px;
    font-size: 24px;
    color: #428bca;
}
div[ng-controller="CtrlAdminStores"] table.table td .bi-trash,
div[ng-controller="CtrlAdminCouriers"] table.table td .bi-trash,
div[ng-controller="CtrlAdminManage"] table.table td .bi-trash
{
    color: #ff3333;
}
div[ng-controller="CtrlAdminStores"] table.table td:last-child,
div[ng-controller="CtrlAdminCouriers"] table.table td:last-child,
div[ng-controller="CtrlAdminManage"] table.table td:last-child
{
    padding-bottom: 6px !important;
}


.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    vertical-align: top;
}
table.table td:last-child.buttons {text-align: right; vertical-align: middle;}
table.table td.buttons a {padding-right: 0.25rem!important; padding-left: 0.25rem!important; margin-left: 0.5rem!important;}
table.table td.buttons a i {font-size: 14px;}

div[ng-controller="CtrlOrdersTable"]  .row-status {
    padding: 2px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    text-align: center;
    color: #000000;
}

.form-select2-orders-table textarea {
    padding-top: 7px !important;
}


.reason_style {
    display: none;
    width: 100%;
    height: 30px;
    background: none; /*url("/images/reason/newyear.jpg") 50% 100% repeat-x;*/
    background-size: 300px;
    position: absolute;
    bottom: -30px;
    right: 0;
    z-index: 100;
}
.reason_style2 {
    display: none;
    width: 150px;
    height: 150px;
    background: none; /*url("/images/reason/newyear.png") top right no-repeat;*/
    background-size: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
}

@media (max-width: 992px) {
    .reason_style2 {
        width: 75px;
        height: 75px;
    }
}
@media (max-width: 768px) {
    .reason_style2 {
        width: 50px;
        height: 50px;
    }
}


/* Из нового ЛК */

.fade {opacity: 1;}
.bg-blue-new {background-color: #1979cc;}


/* Убираем стили нового ЛК */
.nav-pills li.nav-item.active > a.nav-link {background: #337ab7 !important;}
.nav-pills li.nav-item > a.nav-link.active {background: #337ab7 !important;}
.nav-underline li.nav-item > a.nav-link {padding-top: 0.1rem; padding-bottom: 0.1rem;}
.nav-underline li.nav-item.active > a.nav-link {color: #999999; background: #ffffff !important; border-bottom-color: currentcolor;}

/* Убираем стили старого Bootstrap */
.modal-header:before,
.modal-header:after
{display: inherit; content: inherit;}
.modal-header:after {clear: none;}
.input-group-addon, .input-group-btn {width: auto;}



:root,
[data-bs-theme=light] {
    --bs-primary: #428bca;
    --bs-primary-rgb: 66, 139, 202;
    --bs-link-color: #428bca;
    --bs-link-color-rgb: 66, 139, 202;

    --bs-nav-link-font-size: 16px;
    --bs-nav-underline-link-active-color: #428bca;
}

.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #428bca;
    --bs-btn-border-color: #4089c8;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #4089c8;
    --bs-btn-hover-border-color: #4089c8;
    --bs-gradient: none;
}

.nav-underline .nav-link.active {
    font-weight: 700;
    color: var(--bs-primary);
    border-bottom-color: currentcolor;
}