html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

/* #w2.nav, */ .nav-pills.nav {
    margin-bottom: 20px;
}

form {margin: 0;}

.delivery_info {
    font-size: 16px;
    font-weight: bold;
    float: right;
}












.logo_login{
    width: 100%;
}
.logo_block{
    width: 250px;
    border-radius: 0 0 10px 10px;
    padding: 15px 40px;
    /*top: 0;*/
    /*position: absolute;*/


    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb930+0,ff8201+100 */
    background: #ffb930; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ffb930 0%, #ff8201 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ffb930 0%,#ff8201 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ffb930 0%,#ff8201 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb930', endColorstr='#ff8201',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.logo_abs{
    /*position: absolute;*/
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    margin-bottom: 15px;
}
.top_login{
    background-color: #253544;
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 15px;
    color: #fff;
}
.site-login{
    overflow: hidden;
    border-radius: 10px;
    background-color: #fff;
    /*padding: 15px 20px;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 300;
    max-width: 555px;
    width: 100%;
    text-align: center
}
.login_main{
    background-color: #888888;
}
.login_block{
    padding: 25px 35px; 
}
form.login_form input{
    width: 100%;
    height: 47px;
    border: none;
    outline: none;
    border-bottom: 3px solid #ffba31 !important;
    font-size: 17px;
    color: #444444;
    box-shadow: none !important;
}
form.login_form .form-group .help-block{
    text-align: left;
    padding: 0 12px;
}
form.login_form .form-group:last-child{
    margin: 0;
}
form.login_form  .field-loginform-password{
    margin-bottom: 25px;
}
.form-head-login{
    font-size: 22px;
}
.btn-login{
    position: relative;
    font-size: 16px;
    text-transform: uppercase;
    padding: 11px 75px;
    background: none;
    color: #ff8100;
    border: none;
    border: 2px solid #ff8100;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-login:hover,
.btn-login:focus,
.btn-login:active{
    background: none;
    border: none;
    color: #ff8100;
    border: 2px solid #ff8100;
}
.btn-login::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    /*border: 2px solid;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 5px;
}
.btn-login::after {
    content: 'Войти';
    padding: 10px 0;
    position: absolute;
    text-transform: uppercase;
    color: #fff;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 0px;
    background-color: #ff8100;
    height: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    word-wrap: unset;
    white-space: nowrap;
}
.btn-login:hover::after{
    width: 100%;
}
.color_sample {
    width: 60px;
    height: 30px;
    display: inline-block;
}
.field-pushlog-prod_id {
    display: none;
}
.field-pushlog-sale_id {
    display: none;
}
.order_info_block {
    display: inline-block;
    vertical-align: top;
}
.order_info_block .stats {
    margin-right: 20px;
}

.quick_color_scheme input[name="new_color"] {
    width: 100px;
    margin-bottom: 10px;
}
.getrich form.login_form input {
    width: 100%;
    height: 47px;
    border: none;
    outline: none;
    border-bottom: 3px solid #8c36f0 !important;
    font-size: 17px;
    color: #444444;
    box-shadow: none !important;
}

@font-face {
    font-family: ComfortaaBold;
    src: url('../font/Comfortaa_Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.getrich .top_login {
    font-size: 25px;
    padding: 0 20px 15px;
    font-family: ComfortaaBold;
    color: #fff;
    background: rgba(107,47,236,1);
    background: -moz-linear-gradient(top, rgba(107,47,236,1) 0%, rgba(122,50,238,1) 50%, rgba(141,54,240,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(107,47,236,1)), color-stop(50%, rgba(122,50,238,1)), color-stop(100%, rgba(141,54,240,1)));
    background: -webkit-linear-gradient(top, rgba(107,47,236,1) 0%, rgba(122,50,238,1) 50%, rgba(141,54,240,1) 100%);
    background: -o-linear-gradient(top, rgba(107,47,236,1) 0%, rgba(122,50,238,1) 50%, rgba(141,54,240,1) 100%);
    background: -ms-linear-gradient(top, rgba(107,47,236,1) 0%, rgba(122,50,238,1) 50%, rgba(141,54,240,1) 100%);
    background: linear-gradient(to bottom, rgba(107,47,236,1) 0%, rgba(122,50,238,1) 50%, rgba(141,54,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b2fec', endColorstr='#8d36f0', GradientType=0 );
}
span.getrichapp {
    text-transform: none;
    letter-spacing: 1.4px;
}
.getrich .btn-login {
    position: relative;
    font-size: 16px;
    padding: 11px 75px;
    background: none;
    color: #8c36f0;
    border: none;
    border: 2px solid #8c36f0;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.getrich .btn-login:hover, .getrich .btn-login:focus, .getrich .btn-login:active {
    background: none;
    border: none;
    color: #8c36f0;
    border: 2px solid #8c36f0;
}

.getrich .btn-login::after {
    background-color: #8c36f0;
}

.getrich .logo_block {
    background: none;
    width: auto;
    padding: 15px 0 0;
    white-space: nowrap;
}

.getrich .logo_login {
    color: #fff;
    font-size: 42px;
    margin-bottom: 4px;
    height: 65px;
    display: inline-block;
    width: auto;
    margin-right: 15px;
}

.modal-content {
    padding: 20px;
    text-align: center;
}

.form-row {
    display: flex;
    justify-content: space-between;
}
.bigtiger form.login_form input {
    width: 100%;
    height: 47px;
    border: none;
    outline: none;
    border-bottom: 3px solid #ff7431 !important;
    font-size: 17px;
    color: #444444;
    box-shadow: none !important;
}

.bigtiger .top_login {
    font-size: 25px;
    padding: 0 20px 15px;
    font-family: ComfortaaBold;
    color: #444444;
    background: #feecd6;
}
span.getrichapp {
    text-transform: none;
    letter-spacing: 1.4px;
}
.bigtiger .btn-login {
    position: relative;
    font-size: 16px;
    padding: 11px 75px;
    background: none;
    color: #ff7431;
    border: none;
    border: 2px solid #ff7431;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.bigtiger .btn-login:hover, .bigtiger .btn-login:focus, .bigtiger .btn-login:active {
    background: none;
    border: none;
    color: #ff7431;
    border: 2px solid #ff7431;
}

.bigtiger .btn-login::after {
    background-color: #ff7431;
}

.bigtiger .logo_block {
    background: none;
    width: auto;
    padding: 15px 0 0;
    white-space: nowrap;
}

.bigtiger .logo_login {
    color: #fff;
    font-size: 42px;
    margin-bottom: 4px;
    height: auto;
    display: inline-block;
    width: auto;
    max-height: 80px;
    margin-right: 15px;
}

.projects-update img,
.projects-view img {
    max-width: 200px;
}
.input-group-sp.input-group-addon {
    min-width: 70px;
}
.krajee-default.file-preview-frame {
    background: #eee;
}
.collapse.navbar-collapse ul.dropdown-menu {
    overflow-y: auto;
}
.block_hidden {
    display: none;
}

body {
    font-family: Helvetica, Arial, sans-serif;
}

.img-thumbnail {
    max-width: 200px;
    margin-bottom: 20px;
}

fieldset {
    border: 1px solid#ccc;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}

legend {
    display: block;
    width: auto;
    border-bottom: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.break-words .table {
    word-break: break-word;
}

.break-words .table pre {
    white-space: pre-wrap;
}

.api-when,
.api-method {
    min-width: 200px;
}

.telegram_link_hint {
    font-style: italic;
    padding: 0 10px;
    color: #a25151;
}

.hint-block.inline {
    display: inline;
}

.block {
    display: block;
}

.radio-group {
    height: auto;
}

.radio-group label {
    display: block;
}

.radio-group input {
    display: inline-block;
    vertical-align: top;
}

.datepicker-dropdown {
    z-index: 999999 !important;
}

.money {
    text-align: right;
    font-weight: bold;
}

.description {
    color: #8e8e8e;
    font-style: italic;
}

.panel label {
    cursor: pointer;
}

.condition-list {
    position: relative;
}

.condition-list__item {
    background-color: #f8f9ff;
    border: 1px solid #95a1dc;
    border-bottom: none;
    padding: 5px;
    text-align: left;
    cursor: pointer;
}

.condition-list__item:last-child {
    border-bottom: 1px solid #95a1dc;
}

.condition-list__item:hover {
    background-color: #95a1dc;
}

.condition-block__item-template {
    display: none;
}

.loading {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999;
    cursor: default;
    background: url(../img/loader.svg) center / auto no-repeat rgba(52, 109, 154, 0.27);
}

.radio-group input {
    margin-top: 2px;
}

@keyframes load {
    100% {
        opacity: 0.08;
        filter: blur(5px);
        letter-spacing: 3px;
    }
}

.preloader {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #337ab7;
    text-align: center;
    font-size: 18px;
    animation: load 1.2s infinite 0s ease-in-out;
    animation-direction: alternate;
    text-shadow: 0 0 1px #337ab7;
}

.panel > div > .table:last-child, .panel > div > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > div > .table, .panel > div > .table-responsive > .table, .panel > div > .panel-collapse > .table {
    margin-bottom: 0;
}

.small-preloader {
    width: 20px;
    height: 20px;
    background: url(../img/loader.svg) center / contain no-repeat;
}

.bulc-header {
    cursor: pointer;
}

.cropper-container {
    width: 100%;
}

.img-bg {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}

.img-bg-gray {
    background:  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAANklEQVQ4jWOcOXPmfwY84OHDh7glGRgYmDBESASjBgwGA1gIxbO8vDyGGFVdMGrAgBvAwMAAAPqtCI9h/uj4AAAAAElFTkSuQmCC);
}

.website_menu__icon {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.website_menu__icon_btn {
    display: none;
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 40px;
    height: 40px;
    padding: 5px;
    cursor: pointer;
}

.website_menu__icon:hover .website_menu__icon_btn {
    display: block;
}

.navbar-toggle {
    position: absolute;
    right: 0;
    background: #222222;
}

.navbar-brand {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 400px;
}

.img-container {
    position: relative;
}

.img-remove {
    position: absolute;
    left: 5px;
    top: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    cursor: pointer;
    padding: 7px 10px;
    color: red;
}

.img-container .form-group,
.img-container .help-block {
    margin: 0px;
}

span[data-toggle="tooltip"] {
    font-weight: 700;
    cursor: pointer;
    padding: 5px;
}

.order-index .tooltip-inner {
    max-width: 400px;
}