html,
body {
    height: 100%;
}
html {
    overflow-x: hidden;
}
.wrap {
    min-height:       100%;
    height:           auto;
    margin:           0 auto -41px;
    padding:          0 0 41px;
}
.wrap > .container {
    padding: 70px 15px 20px;
}
.jumbotron {
    text-align:       center;
    background-color: transparent;
    padding-bottom:   30px;
}
.jumbotron .btn {
    font-size: 21px;
    padding:   14px 24px;
}
.not-set {
    color:      #c55;
    font-style: italic;
}
/* dropdown-menu */
.dropdown-menu {
    z-index: 10000;
}
/* grid-view */
.wrap_fullsize {
    position:   absolute;
    z-index:    9999;
    width:      100%;
    min-height: 100%;
    height:     auto;
}
.wrap_fullsize .glyphicon-resize-full:before {
    content: "\e097";
}
.floatThead-table th {
    background: #fff;
}
.grid-view.hide-resize {
    -webkit-clip-path: inset(0);
    clip-path:         inset(0);
}
/*.table {*/
/*    overflow-x: auto;*/
/*    display: block;*/
/*}*/
.grid-view .pagination {
    float:  left;
    margin: 0;
}
.grid-view .summary {
    float:      right;
    padding:    6px 12px;
    border:     1px solid #ddd;
    background: #fff;
}
/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position:     relative;
    top:          1px;
    display:      inline-block;
    font-family: 'Glyphicons Halflings', sans-serif;
    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";
}
.table td.table_btns_noborder {
    text-align: center;
    padding:    0;
}
/*.grid-view th,*/
/*.grid-view td {*/
/*    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;
}
.btn-outer {
    margin: 30px 0;
}
.form-group:last-of-type {
    margin-bottom: 0;
}
/* table row height */
.td_lh_3 td {
    line-height: 3em !important;
    height:      3em !important;
}
#table_var_records-pjax td {
    background: #fff;
}
#table_var_records-pjax .btn {
    background: #fff;
}
/* wrap_schema_code */
.wrap_schema_code {
    position: relative;
}
.wrap_schema_code .code {
    height:             200px;
    padding:            0 15px;
    border:             1px solid #ccc;
    font-size:          12px;
    white-space:        pre-wrap;
    word-wrap:          break-word;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
}
/* tarif */
.btn.btn_tarif {
    border-radius: 50px;
    text-align:    center;
}
/* var records */
#var_records .export-data,
#actions_visitor .export-data {
    margin: 20px 0;
}
/* listbox */
select[data-listbox] {
    overflow-y: hidden;
    padding:    0;
}
select[data-listbox] option {
    padding: .5em .5em;
}
/* breadcrumb */
.breadcrumb .active {
    color: inherit;
}

/* panel-heading */
.panel-heading .header-top {
}
.panel-heading .header-bottom {
    margin-top: 10px;
    font-size: 22px;
}

/* pie */
.btn-pie {
    padding: 6px;
}
.pie {
    width: 20px;
    height: 20px;
}
.pie .pieWrap {
    width: 20px;
    height: 20px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--schema_widget);
}

.pie .bg {
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}

.pie i.hold .slice {
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    clip: rect(0px, 10px, 20px, 0px);
}

.pie i.hold {
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    clip: rect(0px, 20px, 20px, 10px);
}

.pie i.hold:nth-of-type(1) .slice {
    background-color: var(--schema_widget);
    transform:rotate(120deg);
}

.pie i.hold:nth-of-type(2) {
    transform: rotate(120deg);
}

.pie i.hold:nth-of-type(2) .slice {
    background-color: var(--schema_task);
    transform: rotate(120deg);
}

.pie i.hold:nth-of-type(3) {
    transform: rotate(240deg);
}

.pie i.hold:nth-of-type(3) .slice {
    background-color: var(--schema_mini);
    transform: rotate(120deg);
}

.pie.project,
.pie.schema {
    float: left;
    display: inline-block;
    margin: 0 8px 0 0;
}

.pie .schema_widget.pieWrap {
    background-color: var(--schema_widget);
}
.pie .schema_mini.pieWrap,
.pie .schema_records.pieWrap {
    background-color: var(--schema_mini);
}
.pie .schema_task.pieWrap {
    background-color: var(--schema_task);
}
.pie .schema_mailing.pieWrap {
    background-color: var(--schema_mailing);
}
/* pie END */

/* pays */

.btn.btn-pays {
    font-size: 24px;
    text-align: center;
}
.pays.yookassa-logo {
    width: 100%;
    height: 40px;
    background: url('https://ifile.weask.ru/img/pays/logo-black.svg') no-repeat center;
    background-size: contain;
    text-align: center;
}

/* pays END */

/* table vars */
.icon-var-type {
    margin: 0 3px 3px 0;
    padding: 0 3px;
    line-height: 1;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: var(--link);
}