/* Fix by angular ng-animate */
[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

.ng-hide,
.ng-hide-animate,
.__hide {
    display: none;
}

.no-data,
.__gray {
    color: #999;
}

.block {
    margin: 0 0 20px;
}

.alt-description {
    color: #43b0e6 !important;
}

ui-codemirror > *:first-child {
    border: 1px solid #ddd;
}

/* Scroll bar */
*::-webkit-scrollbar {
    background: transparent;
}

*::-webkit-scrollbar-track-piece {
    background: #c9d6df;
}

*::-webkit-scrollbar-thumb {
    background: #b4c0c8;
}

* {
    -ms-scrollbar-arrow-color: #c9d6df;
    -ms-scrollbar-face-color: #b4c0c8;
    -ms-scrollbar-shadow-color: #b4c0c8;
    -ms-scrollbar-track-color: #c9d6df;
}

.demo-warning {
    background: #43b0e6;
    color: #fff;
    font-size: 13px;
    left: 0;
    padding: 5px 0;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 9000;
    position: absolute;
    font-family: 'Exo 2';
}

.platform-error-bar {
    background: #e51400;
    color: #fff;
    font-family: 'Exo 2';
    font-size: 13px;
    left: 0;
    padding: 5px 0;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 9000;
}

    .platform-error-bar a {
        color: #fff;
    }

    .platform-error-bar .close {
        position: absolute;
        right: 15px;
        top: 12px;
        cursor: pointer;
        z-index: 5;
    }

    .platform-error-bar .error-title {
        align-items: center;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
        height: 30px;
        position: relative;
    }

    .platform-error-bar .more {
        color: #fff;
        font-size: 12px;
        position: absolute;
        right: 40px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .platform-error-bar .error-detail {
        margin: 5px 0;
        max-height: 250px;
        padding: 10px 20px;
        text-align: left;
        overflow: auto;
    }

/* Flags */
.flag {
    background: url(../images/flags.png) no-repeat;
    display: inline-block;
    height: 11px;
    width: 16px;
}

    .flag.flag-ad {
        background-position: -16px 0;
    }

    .flag.flag-ae {
        background-position: -32px 0;
    }

    .flag.flag-af {
        background-position: -48px 0;
    }

    .flag.flag-ag {
        background-position: -64px 0;
    }

    .flag.flag-ai {
        background-position: -80px 0;
    }

    .flag.flag-al {
        background-position: -96px 0;
    }

    .flag.flag-am {
        background-position: -112px 0;
    }

    .flag.flag-an {
        background-position: -128px 0;
    }

    .flag.flag-ao {
        background-position: -144px 0;
    }

    .flag.flag-ar {
        background-position: -160px 0;
    }

    .flag.flag-as {
        background-position: -176px 0;
    }

    .flag.flag-at {
        background-position: -192px 0;
    }

    .flag.flag-au {
        background-position: -208px 0;
    }

    .flag.flag-aw {
        background-position: -224px 0;
    }

    .flag.flag-az {
        background-position: -240px 0;
    }

    .flag.flag-ba {
        background-position: 0 -11px;
    }

    .flag.flag-bb {
        background-position: -16px -11px;
    }

    .flag.flag-bd {
        background-position: -32px -11px;
    }

    .flag.flag-be {
        background-position: -48px -11px;
    }

    .flag.flag-bf {
        background-position: -64px -11px;
    }

    .flag.flag-bg {
        background-position: -80px -11px;
    }

    .flag.flag-bh {
        background-position: -96px -11px;
    }

    .flag.flag-bi {
        background-position: -112px -11px;
    }

    .flag.flag-bj {
        background-position: -128px -11px;
    }

    .flag.flag-bm {
        background-position: -144px -11px;
    }

    .flag.flag-bn {
        background-position: -160px -11px;
    }

    .flag.flag-bo {
        background-position: -176px -11px;
    }

    .flag.flag-br {
        background-position: -192px -11px;
    }

    .flag.flag-bs {
        background-position: -208px -11px;
    }

    .flag.flag-bt {
        background-position: -224px -11px;
    }

    .flag.flag-bv {
        background-position: -240px -11px;
    }

    .flag.flag-bw {
        background-position: 0 -22px;
    }

    .flag.flag-by {
        background-position: -16px -22px;
    }

    .flag.flag-bz {
        background-position: -32px -22px;
    }

    .flag.flag-ca {
        background-position: -48px -22px;
    }

    .flag.flag-catalonia {
        background-position: -64px -22px;
    }

    .flag.flag-cd {
        background-position: -80px -22px;
    }

    .flag.flag-cf {
        background-position: -96px -22px;
    }

    .flag.flag-cg {
        background-position: -112px -22px;
    }

    .flag.flag-ch {
        background-position: -128px -22px;
    }

    .flag.flag-ci {
        background-position: -144px -22px;
    }

    .flag.flag-ck {
        background-position: -160px -22px;
    }

    .flag.flag-cl {
        background-position: -176px -22px;
    }

    .flag.flag-cm {
        background-position: -192px -22px;
    }

    .flag.flag-cn {
        background-position: -208px -22px;
    }

    .flag.flag-co {
        background-position: -224px -22px;
    }

    .flag.flag-cr {
        background-position: -240px -22px;
    }

    .flag.flag-cu {
        background-position: 0 -33px;
    }

    .flag.flag-cv {
        background-position: -16px -33px;
    }

    .flag.flag-cw {
        background-position: -32px -33px;
    }

    .flag.flag-cy {
        background-position: -48px -33px;
    }

    .flag.flag-cz {
        background-position: -64px -33px;
    }

    .flag.flag-de {
        background-position: -80px -33px;
    }

    .flag.flag-dj {
        background-position: -96px -33px;
    }

    .flag.flag-dk {
        background-position: -112px -33px;
    }

    .flag.flag-dm {
        background-position: -128px -33px;
    }

    .flag.flag-do {
        background-position: -144px -33px;
    }

    .flag.flag-dz {
        background-position: -160px -33px;
    }

    .flag.flag-ec {
        background-position: -176px -33px;
    }

    .flag.flag-ee {
        background-position: -192px -33px;
    }

    .flag.flag-eg {
        background-position: -208px -33px;
    }

    .flag.flag-eh {
        background-position: -224px -33px;
    }

    .flag.flag-england {
        background-position: -240px -33px;
    }

    .flag.flag-er {
        background-position: 0 -44px;
    }

    .flag.flag-es {
        background-position: -16px -44px;
    }

    .flag.flag-et {
        background-position: -32px -44px;
    }

    .flag.flag-eu {
        background-position: -48px -44px;
    }

    .flag.flag-fi {
        background-position: -64px -44px;
    }

    .flag.flag-fj {
        background-position: -80px -44px;
    }

    .flag.flag-fk {
        background-position: -96px -44px;
    }

    .flag.flag-fm {
        background-position: -112px -44px;
    }

    .flag.flag-fo {
        background-position: -128px -44px;
    }

    .flag.flag-fr {
        background-position: -144px -44px;
    }

    .flag.flag-ga {
        background-position: -160px -44px;
    }

    .flag.flag-gb {
        background-position: -176px -44px;
    }

    .flag.flag-gd {
        background-position: -192px -44px;
    }

    .flag.flag-ge {
        background-position: -208px -44px;
    }

    .flag.flag-gf {
        background-position: -224px -44px;
    }

    .flag.flag-gg {
        background-position: -240px -44px;
    }

    .flag.flag-gh {
        background-position: 0 -55px;
    }

    .flag.flag-gi {
        background-position: -16px -55px;
    }

    .flag.flag-gl {
        background-position: -32px -55px;
    }

    .flag.flag-gm {
        background-position: -48px -55px;
    }

    .flag.flag-gn {
        background-position: -64px -55px;
    }

    .flag.flag-gp {
        background-position: -80px -55px;
    }

    .flag.flag-gq {
        background-position: -96px -55px;
    }

    .flag.flag-gr {
        background-position: -112px -55px;
    }

    .flag.flag-gs {
        background-position: -128px -55px;
    }

    .flag.flag-gt {
        background-position: -144px -55px;
    }

    .flag.flag-gu {
        background-position: -160px -55px;
    }

    .flag.flag-gw {
        background-position: -176px -55px;
    }

    .flag.flag-gy {
        background-position: -192px -55px;
    }

    .flag.flag-hk {
        background-position: -208px -55px;
    }

    .flag.flag-hm {
        background-position: -224px -55px;
    }

    .flag.flag-hn {
        background-position: -240px -55px;
    }

    .flag.flag-hr {
        background-position: 0 -66px;
    }

    .flag.flag-ht {
        background-position: -16px -66px;
    }

    .flag.flag-hu {
        background-position: -32px -66px;
    }

    .flag.flag-ic {
        background-position: -48px -66px;
    }

    .flag.flag-id {
        background-position: -64px -66px;
    }

    .flag.flag-ie {
        background-position: -80px -66px;
    }

    .flag.flag-il {
        background-position: -96px -66px;
    }

    .flag.flag-im {
        background-position: -112px -66px;
    }

    .flag.flag-in {
        background-position: -128px -66px;
    }

    .flag.flag-io {
        background-position: -144px -66px;
    }

    .flag.flag-iq {
        background-position: -160px -66px;
    }

    .flag.flag-ir {
        background-position: -176px -66px;
    }

    .flag.flag-is {
        background-position: -192px -66px;
    }

    .flag.flag-it {
        background-position: -208px -66px;
    }

    .flag.flag-je {
        background-position: -224px -66px;
    }

    .flag.flag-jm {
        background-position: -240px -66px;
    }

    .flag.flag-jo {
        background-position: 0 -77px;
    }

    .flag.flag-jp {
        background-position: -16px -77px;
    }

    .flag.flag-ke {
        background-position: -32px -77px;
    }

    .flag.flag-kg {
        background-position: -48px -77px;
    }

    .flag.flag-kh {
        background-position: -64px -77px;
    }

    .flag.flag-ki {
        background-position: -80px -77px;
    }

    .flag.flag-km {
        background-position: -96px -77px;
    }

    .flag.flag-kn {
        background-position: -112px -77px;
    }

    .flag.flag-kp {
        background-position: -128px -77px;
    }

    .flag.flag-kr {
        background-position: -144px -77px;
    }

    .flag.flag-kurdistan {
        background-position: -160px -77px;
    }

    .flag.flag-kw {
        background-position: -176px -77px;
    }

    .flag.flag-ky {
        background-position: -192px -77px;
    }

    .flag.flag-kz {
        background-position: -208px -77px;
    }

    .flag.flag-la {
        background-position: -224px -77px;
    }

    .flag.flag-lb {
        background-position: -240px -77px;
    }

    .flag.flag-lc {
        background-position: 0 -88px;
    }

    .flag.flag-li {
        background-position: -16px -88px;
    }

    .flag.flag-lk {
        background-position: -32px -88px;
    }

    .flag.flag-lr {
        background-position: -48px -88px;
    }

    .flag.flag-ls {
        background-position: -64px -88px;
    }

    .flag.flag-lt {
        background-position: -80px -88px;
    }

    .flag.flag-lu {
        background-position: -96px -88px;
    }

    .flag.flag-lv {
        background-position: -112px -88px;
    }

    .flag.flag-ly {
        background-position: -128px -88px;
    }

    .flag.flag-ma {
        background-position: -144px -88px;
    }

    .flag.flag-mc {
        background-position: -160px -88px;
    }

    .flag.flag-md {
        background-position: -176px -88px;
    }

    .flag.flag-me {
        background-position: -192px -88px;
    }

    .flag.flag-mg {
        background-position: -208px -88px;
    }

    .flag.flag-mh {
        background-position: -224px -88px;
    }

    .flag.flag-mk {
        background-position: -240px -88px;
    }

    .flag.flag-ml {
        background-position: 0 -99px;
    }

    .flag.flag-mm {
        background-position: -16px -99px;
    }

    .flag.flag-mn {
        background-position: -32px -99px;
    }

    .flag.flag-mo {
        background-position: -48px -99px;
    }

    .flag.flag-mp {
        background-position: -64px -99px;
    }

    .flag.flag-mq {
        background-position: -80px -99px;
    }

    .flag.flag-mr {
        background-position: -96px -99px;
    }

    .flag.flag-ms {
        background-position: -112px -99px;
    }

    .flag.flag-mt {
        background-position: -128px -99px;
    }

    .flag.flag-mu {
        background-position: -144px -99px;
    }

    .flag.flag-mv {
        background-position: -160px -99px;
    }

    .flag.flag-mw {
        background-position: -176px -99px;
    }

    .flag.flag-mx {
        background-position: -192px -99px;
    }

    .flag.flag-my {
        background-position: -208px -99px;
    }

    .flag.flag-mz {
        background-position: -224px -99px;
    }

    .flag.flag-na {
        background-position: -240px -99px;
    }

    .flag.flag-nc {
        background-position: 0 -110px;
    }

    .flag.flag-ne {
        background-position: -16px -110px;
    }

    .flag.flag-nf {
        background-position: -32px -110px;
    }

    .flag.flag-ng {
        background-position: -48px -110px;
    }

    .flag.flag-ni {
        background-position: -64px -110px;
    }

    .flag.flag-nl {
        background-position: -80px -110px;
    }

    .flag.flag-no {
        background-position: -96px -110px;
    }

    .flag.flag-np {
        background-position: -112px -110px;
    }

    .flag.flag-nr {
        background-position: -128px -110px;
    }

    .flag.flag-nu {
        background-position: -144px -110px;
    }

    .flag.flag-nz {
        background-position: -160px -110px;
    }

    .flag.flag-om {
        background-position: -176px -110px;
    }

    .flag.flag-pa {
        background-position: -192px -110px;
    }

    .flag.flag-pe {
        background-position: -208px -110px;
    }

    .flag.flag-pf {
        background-position: -224px -110px;
    }

    .flag.flag-pg {
        background-position: -240px -110px;
    }

    .flag.flag-ph {
        background-position: 0 -121px;
    }

    .flag.flag-pk {
        background-position: -16px -121px;
    }

    .flag.flag-pl {
        background-position: -32px -121px;
    }

    .flag.flag-pm {
        background-position: -48px -121px;
    }

    .flag.flag-pn {
        background-position: -64px -121px;
    }

    .flag.flag-pr {
        background-position: -80px -121px;
    }

    .flag.flag-ps {
        background-position: -96px -121px;
    }

    .flag.flag-pt {
        background-position: -112px -121px;
    }

    .flag.flag-pw {
        background-position: -128px -121px;
    }

    .flag.flag-py {
        background-position: -144px -121px;
    }

    .flag.flag-qa {
        background-position: -160px -121px;
    }

    .flag.flag-re {
        background-position: -176px -121px;
    }

    .flag.flag-ro {
        background-position: -192px -121px;
    }

    .flag.flag-rs {
        background-position: -208px -121px;
    }

    .flag.flag-ru {
        background-position: -224px -121px;
    }

    .flag.flag-rw {
        background-position: -240px -121px;
    }

    .flag.flag-sa {
        background-position: 0 -132px;
    }

    .flag.flag-sb {
        background-position: -16px -132px;
    }

    .flag.flag-sc {
        background-position: -32px -132px;
    }

    .flag.flag-scotland {
        background-position: -48px -132px;
    }

    .flag.flag-sd {
        background-position: -64px -132px;
    }

    .flag.flag-se {
        background-position: -80px -132px;
    }

    .flag.flag-sg {
        background-position: -96px -132px;
    }

    .flag.flag-sh {
        background-position: -112px -132px;
    }

    .flag.flag-si {
        background-position: -128px -132px;
    }

    .flag.flag-sk {
        background-position: -144px -132px;
    }

    .flag.flag-sl {
        background-position: -160px -132px;
    }

    .flag.flag-sm {
        background-position: -176px -132px;
    }

    .flag.flag-sn {
        background-position: -192px -132px;
    }

    .flag.flag-so {
        background-position: -208px -132px;
    }

    .flag.flag-somaliland {
        background-position: -224px -132px;
    }

    .flag.flag-sr {
        background-position: -240px -132px;
    }

    .flag.flag-ss {
        background-position: 0 -143px;
    }

    .flag.flag-st {
        background-position: -16px -143px;
    }

    .flag.flag-sv {
        background-position: -32px -143px;
    }

    .flag.flag-sx {
        background-position: -48px -143px;
    }

    .flag.flag-sy {
        background-position: -64px -143px;
    }

    .flag.flag-sz {
        background-position: -80px -143px;
    }

    .flag.flag-tc {
        background-position: -96px -143px;
    }

    .flag.flag-td {
        background-position: -112px -143px;
    }

    .flag.flag-tf {
        background-position: -128px -143px;
    }

    .flag.flag-tg {
        background-position: -144px -143px;
    }

    .flag.flag-th {
        background-position: -160px -143px;
    }

    .flag.flag-tj {
        background-position: -176px -143px;
    }

    .flag.flag-tk {
        background-position: -192px -143px;
    }

    .flag.flag-tl {
        background-position: -208px -143px;
    }

    .flag.flag-tm {
        background-position: -224px -143px;
    }

    .flag.flag-tn {
        background-position: -240px -143px;
    }

    .flag.flag-to {
        background-position: 0 -154px;
    }

    .flag.flag-tr {
        background-position: -16px -154px;
    }

    .flag.flag-tt {
        background-position: -32px -154px;
    }

    .flag.flag-tv {
        background-position: -48px -154px;
    }

    .flag.flag-tw {
        background-position: -64px -154px;
    }

    .flag.flag-tz {
        background-position: -80px -154px;
    }

    .flag.flag-ua {
        background-position: -96px -154px;
    }

    .flag.flag-ug {
        background-position: -112px -154px;
    }

    .flag.flag-um {
        background-position: -128px -154px;
    }

    .flag.flag-us {
        background-position: -144px -154px;
    }

    .flag.flag-uy {
        background-position: -160px -154px;
    }

    .flag.flag-uz {
        background-position: -176px -154px;
    }

    .flag.flag-va {
        background-position: -192px -154px;
    }

    .flag.flag-vc {
        background-position: -208px -154px;
    }

    .flag.flag-ve {
        background-position: -224px -154px;
    }

    .flag.flag-vg {
        background-position: -240px -154px;
    }

    .flag.flag-vi {
        background-position: 0 -165px;
    }

    .flag.flag-vn {
        background-position: -16px -165px;
    }

    .flag.flag-vu {
        background-position: -32px -165px;
    }

    .flag.flag-wales {
        background-position: -48px -165px;
    }

    .flag.flag-wf {
        background-position: -64px -165px;
    }

    .flag.flag-ws {
        background-position: -80px -165px;
    }

    .flag.flag-ye {
        background-position: -96px -165px;
    }

    .flag.flag-yt {
        background-position: -112px -165px;
    }

    .flag.flag-za {
        background-position: -128px -165px;
    }

    .flag.flag-zanzibar {
        background-position: -144px -165px;
    }

    .flag.flag-zm {
        background-position: -160px -165px;
    }

    .flag.flag-zw {
        background-position: -176px -165px;
    }


.error {
    color: #e51400;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    padding: 5px 0;
}



/* Lists */
ul,
ol {
    list-style: none;
}

.list.__inline,
.menu.__inline {
    word-spacing: -4px;
}

ul li,
ol li {
    padding-bottom: 2px;
    padding-left: 15px;
    padding-top: 2px;
    text-indent: -15px;
}

    ul li:before,
    ol li:before {
        color: #a6a6a6;
        content: '\2014\a0 ';
    }

.list .list-item,
.menu .menu-item,
.tree .tree-item {
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
    text-indent: 0;
}

    .list .list-item:before,
    .menu .menu-item:before,
    .tree .tree-item:before {
        content: ' ';
    }

.__inline .list-item,
.__inline .menu-item {
    display: inline-block;
    vertical-align: top;
    word-spacing: 0;
}

.__actions .list-item,
.__actions .menu-item {
    display: inline-block;
    padding: 0 2px;
    vertical-align: top;
    word-spacing: 0;
}

.list.__notice {
}

    .list.__notice .list-item {
        background: inherit;
        height: 28px;
        line-height: 28px;
        position: inherit;
        text-align: left;
        -webkit-box-shadow: inherit;
        box-shadow: inherit;
    }

        .list.__notice .list-item:hover {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .list.__notice .list-link {
        color: #4c4c4c;
        display: block;
        font-size: 14px;
        padding: 0 10px;
    }

        .list.__notice .list-link:hover {
            background: #ececec;
        }

    .list.__notice .list-ico {
        font-size: 18px;
        margin: 0 2px 0 0;
        width: 25px;
    }

    .list.__notice .list-item.__error .list-ico {
        color: #e51400;
    }

    .list.__notice .list-item.__warning .list-ico {
        color: #f0a30a;
    }

.list.__car-info {
    display: inline-block;
}

    .list.__car-info .list-item {
        font-size: 14px;
        margin: 15px 0 0;
        padding: 0 0 0 35px;
        position: relative;
        text-align: left;
    }

    .list.__car-info .tile-ico {
        font-size: 18px;
        left: 0;
        position: absolute;
        top: 5px;
        width: 25px;
    }

.tile.double .list.__car-info .tile-ico {
    margin: 0;
}

.list.__car-info .list-name {
    color: #43b0e6;
    display: block;
}

.menu.__theme-links {
    padding: 10px 0;
    word-spacing: -11px;
}

    .menu.__theme-links .menu-item {
        text-align: center;
        width: 33.3333%;
    }

    .menu.__theme-links .menu-link {
        display: block;
        font-size: 13px;
    }

    .menu.__theme-links .menu-ico {
        display: block;
        font-size: 17px;
        margin: 0 0 5px;
    }

.menu.__context {
    background: #333;
    display: none;
    position: fixed;
    padding: 10px 0;
    z-index: 100;
}

    .menu.__context.open,
    .menu.__context.__open {
        display: block;
    }

    .menu.__context .menu-item {
        color: #fff;
        cursor: pointer;
        font-family: 'Exo 2';
        font-size: 13px;
        padding: 5px 20px;
        position: relative;
        text-align: left;
        text-shadow: none;
        white-space: nowrap;
    }

        .menu.__context .menu-item.__right {
            padding: 5px 40px 5px 20px;
        }

        .menu.__context .menu-item:hover {
            color: #43b0e6;
        }

    .menu.__context .menu-ico {
        font-size: 18px;
        width: 25px;
    }

    .menu.__context .menu-item.__right .menu-ico {
        position: absolute;
        right: 20px;
        width: 6px;
    }

    .menu.__context .menu.__sub {
        background: #333;
        display: none;
        left: 100%;
        padding: 10px 0;
        position: absolute;
        top: -10px;
    }

    .menu.__context .menu-item:hover .menu.__sub {
        display: block;
    }

.list.__info {
    margin: 15px 0;
}

    .list.__info > .list-item {
        padding: 5px 0;
    }

    .list.__info .list-t {
        color: #4c4c4c;
        display: block;
        font-size: 14px;
    }

    .list.__info .list-descr {
        color: #999;
        font-size: 12px;
        margin: 5px 0 0;
        word-break: break-word;
    }

    .list.__info .list-link {
        font-size: 12px;
    }

    .list.__info .list-item:hover .list-t,
    .list.__info .list-item:hover .list-descr {
        text-shadow: 1px 1px #fff;
    }

.list.__tags {
    margin: 5px 0 0;
    word-spacing: -4px;
}

    .list.__tags .list-item {
        background: #43b0e6;
        color: #fff;
        display: inline-block;
        line-height: 1.1;
        margin: 0 5px 0 0;
        padding: 5px 10px;
        word-spacing: 0;
    }

.list.__info .list-ico {
    font-size: 14px;
    vertical-align: 2px;
}

.list.__tags .list-name {
    display: inline-block;
    font-size: 12px;
    vertical-align: 3px;
}

.list.__number {
    counter-reset: num;
}

    .list.__number .list-item {
        padding: 0 0 0 20px;
        position: relative;
    }

        .list.__number .list-item::before {
            color: #a6a6a6;
            content: counter(num) '. ';
            counter-increment: num;
            left: 0;
            position: absolute;
            top: 2px;
        }

/* Headings */
h1 {
    font-size: 330%;
}

h2 {
    font-size: 275%;
}

h3 {
    font-size: 225%;
}

h1,
h2,
h3 {
    color: #4c4c4c;
    font-weight: 300;
    line-height: 1;
}

.t {
    font-size: 32px;
}

.sub-t {
    font-size: 24px;
    margin: 20px 0 10px;
}

.text {
    font-size: 14px;
    margin: 5px 0;
}

    .text.__debug {
        color: #a6a6a6;
        font-size: 11px;
        word-wrap: break-word;
    }

    .text.__note {
        border: 1px solid #eee;
        margin: 10px 0;
        padding: 10px;
    }

    .text.__editable {
        background: #fbfdfe;
        border: 1px dashed #dee9f0;
        color: #43b0e6;
        cursor: text;
        padding: 5px 10px;
    }

        .text.__editable:hover,
        .text.__editable.__selected {
            background-color: #ecf7fc;
            border-color: #a1c0d4;
        }

    .text.__note span:first-child {
        color: #e51400;
    }

.sub-text {
    font-size: 14px;
}

.text-mini {
    font-size: 11px;
}

.note,
.note.error,
.note.success,
.note.warning,
.note.info {
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    margin: 20px 0;
    padding: 10px;
}

.note {
    background: #f9f9f9;
    border-color: #eee;
    color: #999;
}

.error {
    background: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.success {
    background: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.warning {
    background: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.info {
    background: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.t,
.sub-t {
    font-weight: 300;
    line-height: 1;
}

    .sub-t.__border {
        border-bottom: 1px solid #dee9f0;
        margin: 20px 0 0;
        padding: 0 0 10px;
    }

    .t + .t,
    .sub-t + .sub-t {
        margin: 20px 0 10px;
    }

    .t.__divider {
        background: #fbfdfe;
        border-color: #dee9f0;
        border-style: solid;
        border-width: 1px 0;
        margin: 0 -20px 10px;
        padding: 10px 20px;
    }

        .t.__divider + .t.__divider {
            margin-top: 20px;
        }

.__right {
    text-align: right;
}


/* Tables */
.table-wrapper {
    margin: 0 -20px 0;
}

.form .table-wrapper {
    margin: 0 -36px 15px -20px;
}

.table {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    width: 100%;
}

    .table.__fixed {
        table-layout: fixed;
    }

    .table .table-item {
        cursor: pointer;
    }

    .table .table-col {
        border-color: #dee9f0;
        border-style: solid;
        border-width: 1px 0;
        font-size: 14px;
        padding: 10px;
        text-align: left;
        text-shadow: 1px 1px #fff;
    }

    .table .table-head {
        border-bottom: 1px solid #dee9f0;
        font-size: 14px;
        padding: 5px 20px;
    }

    .table.__data .table-col {
        vertical-align: top;
    }

.table-t,
.table-descr {
    display: block;
    font-size: 12px;
}

.table-t {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.table-descr {
    color: #999;
}

.table-status {
    background: #a6a6a6;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 18px;
    padding: 0 5px;
    text-align: center;
    text-shadow: none;
}

    .table-status.__active {
        background: #43b0e6;
    }

.table-date {
    color: #999;
    font-size: 12px;
}

.product-img {
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

.table-img {
    border: none;
    height: auto;
    max-width: 40px;
    vertical-align: middle;
}

.product-img .image {
    background-blend-mode: darken;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    margin: 0 0 0 6px;
    position: relative;
    width: 100%;
}

.table-item:hover .product-img .image {
    background-color: #ecf7fc;
}

.table-item.__selected .product-img .image {
    background-color: #d9effa;
}

.table th.table-col {
    background: rgba(0,0,0,.025);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
}

.table .table-col:first-child {
    padding-left: 20px;
}

.table .table-col:last-child {
    padding-right: 20px;
}

.table-progress {
    margin: 10px 0 0;
    position: relative;
}

.table-ico,
.product .table-ico {
    color: #a6a6a6;
    font-size: 28px;
    margin: 0 10px;
    text-shadow: 1px 1px #fff;
    vertical-align: middle;
}

.table .table-ico.sort {
    font-size: 16px;
    margin: 5px 0 0 10px;
}

    .table .table-ico.sort.fa-sort-down {
        margin: -8px 0 0 10px;
    }

.table-item.__error .table-ico {
    color: #e51400;
}

.table-item.__warning .table-ico {
    color: #f0a30a;
}

.table-item.__info .table-ico {
    color: #43b0e6;
}


/* UI Grid */
.ui-grid,
.ui-grid-header {
    border-color: #dee9f0;
}

.ui-grid-viewport {
    overflow-x: auto !important;
}

.ui-grid-top-panel {
    background: rgba(0, 0, 0, .024);
}

.ui-grid-header-cell {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
}

.ui-grid-cell {
    border-style: solid;
    border-width: 0 0 1px;
    font-size: 14px;
    cursor: pointer;
}

    .ui-grid-cell .table-descr {
        color: #999;
        font-size: 12px;
    }

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
    border-color: #dee9f0;
    border-top: none;
}

.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
    border-color: #dee9f0;
}

.ui-grid-row .ui-grid-cell,
.ui-grid-row:nth-child(2n) .ui-grid-cell {
    -webkit-transition: background-color .35s ease-in-out 0s;
    transition: background-color .35s ease-in-out 0s;
}

.ui-grid-row:nth-child(2n) .ui-grid-cell {
    background: none;
}

.ui-grid-row:nth-child(2n+1) .ui-grid-cell.__selected {
    background: #d9effa !important;
}

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
    background: none;
}

.ui-grid-row:hover .ui-grid-cell,
.ui-grid-row:nth-child(2n):hover .ui-grid-cell,
.ui-grid-row:nth-child(2n):hover .ui-grid-cell,
.ui-grid-row .ui-grid-cell.__hovered,
.ui-grid-row:nth-child(2n):hover .image,
.ui-grid-row:nth-child(2n) .ui-grid-cell.__hovered {
    background-color: #ecf7fc !important;
}

.ui-grid-row:nth-child(2n) .ui-grid-cell.__selected .image,
.ui-grid-row:nth-child(2n+1) .ui-grid-cell.__selected .image {
    background-color: #d9effa !important;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-row:hover .ui-grid-cell,
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-row:nth-child(2n):hover .ui-grid-cell {
    background: none !important;
}

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell.__selected {
    background: #d9effa !important;
}

.ui-grid-header-cell,
.ui-grid-cell,
.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
    border-color: #dee9f0;
}

.ui-grid-canvas {
    padding: 0;
}

.ui-grid-row,
.ui-grid-cell,
.ui-grid-cell .ui-grid-vertical-bar {
    overflow: visible;
    position: static;
    width: 100%;
}

.ui-grid-scrollbar-placeholder {
    height: 0 !important;
}

.ui-grid-row-header-cell > :first-child {
    height: 100%;
}

.ui-grid-row-header-cell .ui-grid-cell-contents,
.ui-grid-pinned-container-left .ui-grid-cell-contents {
    text-align: center;
}

.ui-grid-cell-contents {
    display: inline-block;
    font-size: 14px;
    height: 100%;
    padding: 0 0 0 5px;
    text-shadow: 1px 1px #fff;
    vertical-align: middle;
    width: 100%;
}

    /* ui grid editor */
    .ui-grid-cell-contents.ui-grid-cell-contents-hidden {
        display: none;
    }

.ui-grid-cell .form-editor {
    height: 31px;
    padding: 0 10px;
    margin: 14px 0;
    position: relative;
}

    .ui-grid-cell .form-editor .form-input {
        border-color: #dee9f0;
        box-sizing: border-box;
        padding: 5px 10px;
    }

.ui-grid-cell-focus {
    background: #d9effa;
}

.ui-grid-focuser:focus {
    box-shadow: none;
}
/* ui grid editor */

.ui-grid-cell.__filters .ui-grid-cell-contents {
    background: #f6f6f6;
}

.ui-grid-cell-contents .inner-t {
    font-size: 16px;
    font-weight: 400;
}

.ui-grid-cell-contents .count {
    color: #43b0e6;
    font-weight: 600;
}

.ui-grid-cell-contents .inner-contents {
    display: inline-block;
    vertical-align: middle;
}

.ui-grid-cell-contents::after {
    content: ' ';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.ui-grid-icon-cancel::before {
    visibility: hidden;
}

.ui-grid-row:last-child .ui-grid-cell {
    border-bottom-color: #dee9f0;
    border-bottom-width: 1px !important;
}

.ui-grid-menu .ui-grid-menu-inner {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
    overflow-x: hidden !important;
    overflow: auto;
}

.ui-grid-menu .ui-grid-menu-inner ul li button:hover,
.ui-grid-menu .ui-grid-menu-inner ul li button:focus {
    background: #ecf7fc;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-grid-menu .ui-grid-menu-inner ul li button {
    cursor: pointer;
    font-family: inherit;
}

.ui-grid-menu .ui-grid-menu-inner {
    background: #fff;
}

.ui-grid-selection-row-header-buttons {
    color: #a1c0d4;
    height: 100%;
    opacity: 1;
    margin: -5px;
    padding: 5px;
}

    .ui-grid-selection-row-header-buttons::after {
        content: ' ';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .ui-grid-selection-row-header-buttons::before {
        content: '';
        font-size: 17px;
        font-family: 'FontAwesome';
        margin: 0;
    }

    .ui-grid-selection-row-header-buttons.ui-grid-row-selected::before,
    .ui-grid-selection-row-header-buttons.ui-grid-all-selected::before {
        content: '';
        margin: 0 0 0 1px;
    }

.ui-grid-row:nth-child(2n) .ui-grid-cell.__selected {
    background: #d9effa !important;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell.__selected,
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-row:nth-child(2n+1) .ui-grid-cell.__selected {
    background: none !important;
}

.ui-grid-filter-container {
    padding: 0 10px 10px;
}

input.ui-grid-filter-input[type="text"] {
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
    line-height: 2;
    margin: 0;
    top: 0;
}

.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
    right: inherit;
}

    .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
        right: inherit;
    }

.ui-grid-column-menu-button {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .ui-grid-column-menu-button .ui-grid-icon-angle-down {
        vertical-align: top;
    }

.ui-grid-row-header-cell {
    background: none !important;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
    border-color: #dee9f0;
}

.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
    background: none;
}

.ui-grid-column-menu-button {
    display: none;
}

.ui-grid-cell .product-img {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}

    .ui-grid-cell .product-img .pr-ico {
        color: #a6a6a6;
        display: inline-block;
        font-size: 28px;
        margin: -4px 0 0;
        text-shadow: 1px 1px #fff;
        vertical-align: middle;
    }

.ui-grid-row:hover .ui-grid-cell .pr-ico,
.ui-grid-row-selected .ui-grid-cell .pr-ico {
    color: #a1c0d4;
}

.ui-grid-row > :first-child {
    height: 100%;
    overflow: visible;
    position: relative;
}

.ui-grid-render-container-left .ui-grid-header-cell,
.ui-grid-render-container-body .ui-grid-header-cell {
    height: 40px;
    line-height: 20px;
}

.ui-grid-menu-button {
    right: 4px;
    top: 4px;
}

.blade-inner:hover .ui-grid.__scrolled .ui-grid-menu-button {
    right: 20px;
}

.ui-grid-menu-button {
    font-size: 14px;
    height: 32px;
    padding: 1px 0 0;
    text-align: center;
    width: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-grid-sort-priority-number {
    color: #43b0e6;
}

.ui-grid-menu-button .ui-grid-icon-menu::before {
    width: 9px;
}

.ui-grid-menu-button .ui-grid-menu {
    margin: 6px -1px 0 0;
    padding: 0;
    min-width: 160px;
}

.ui-grid-menu .ui-grid-menu-inner ul li {
    text-indent: 0;
}

    .ui-grid-menu .ui-grid-menu-inner ul li::before {
        display: none;
    }

.ui-grid-actions {
    height: 100%;
    position: relative;
    text-align: center;
    z-index: 50;
}

    .ui-grid-actions .fa {
        color: #43b0e6;
        font-size: 21px;
        vertical-align: middle;
        -webkit-transition: font .3s ease;
        transition: font .3s ease;
    }

    .ui-grid-actions::after {
        content: ' ';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .ui-grid-actions ~ .menu {
        background: #dee9f0;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 0;
        white-space: nowrap;
        z-index: 10;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: width .35s ease .5s;
        transition: width .35s ease .5s;
    }

    .ui-grid-actions.__opened ~ .menu {
        width: calc(100% - 80px);
    }

    .ui-grid-actions ~ .menu::after {
        content: ' ';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .ui-grid-actions ~ .menu .menu-item {
        display: inline-block;
        vertical-align: middle;
    }

    .ui-grid-actions ~ .menu .menu-link {
        display: block;
        padding: 0 10px;
    }

    .ui-grid-actions ~ .menu .menu-ico {
        width: 18px;
    }

/* Forms */
:-moz-ui-invalid:not(output) {
    -webkit-box-shadow: none;
    box-shadow: none;
}

input::-ms-clear {
    display: none;
}

.__error {
    color: #e51400;
}

.form-input input.ng-invalid,
.form-input input.ng-invalid.form-input,
.form-input textarea.ng-invalid,
.ui-select-container.ng-invalid .select2-choice,
.form-input input.ng-invalid:focus,
.form-input textarea.ng-invalid:focus {
    background: #fef8f7;
    border-color: #fce7e6;
    color: #e51400;
}

fieldset {
    border: none;
}

    fieldset + fieldset {
        margin: 15px 0 0;
    }

    fieldset legend {
        border-bottom: 1px solid #dee9f0;
        display: block;
        font-size: 24px;
        font-weight: 300;
        padding: 0 0 5px;
        width: 100%;
    }

.__gray fieldset legend,
.__gray .form-label {
    color: #4c4c4c;
}

.form {
    padding: 15px 0;
}

.form-group.__head {
    border-bottom: 1px solid #dee9f0;
}

.__inline .form-group {
    display: inline-block;
}

.form-group {
    margin: 15px 0 0;
}

.__inline .form-group + .form-group {
    margin-left: 15px;
}

.form-group .form-hint {
    color: #999;
    font-size: 12px;
}

.form-error {
    color: #e51400;
    font-size: 12px;
    line-height: 1.4;
    padding: 5px 0;
}

    .form-error * {
        display: block;
    }

.form-group .form-input ~ .form-error,
.form-group .form-input ~ .form-hint {
    margin: 5px 0 0;
}

.form-input {
    position: relative;
}

.form .form-input + .form-input {
    margin: 15px 0 0;
}

.form .form-count {
    font-size: 14px;
}

.count {
    color: #43b0e6;
    font-weight: 600;
}

.form-input.__number {
    height: 34px;
    position: relative;
}

.form-group .form-t {
    background: #fbfdfe;
    border: 1px solid #dee9f0;
    margin: 0 0 5px;
    padding: 5px;
}

.form-t .__link {
    float: right;
    margin: 4px 0 0;
}

.form-input input,
.form-input textarea,
.form-input select {
    color: #4c4c4c;
    font-family: inherit;
    font-size: 13px;
    vertical-align: top;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-input.__mini {
    width: 68px;
}

.form-input.__inline {
    display: inline-block;
    vertical-align: middle;
}

.table-col .form-input.__mini {
    margin: 5px 0 0;
}

.form-input input,
.form-input select,
.form-input .form-text {
    height: 34px;
}

.form-input input,
.form-input textarea,
.form-input select {
    border: 1px solid #dee9f0;
    padding: 5px 10px;
}

.form-input textarea {
    height: 110px;
    max-width: 100%;
    min-height: 110px;
    min-width: 100%;
    overflow: auto;
    padding-top: 8px;
}

    .form-input textarea.__small {
        height: 55px;
        min-height: 55px;
    }

    .form-input textarea.__large {
        height: 220px;
        min-height: 220px;
    }

    .form-input textarea.__xlarge {
        height: 330px;
        min-height: 330px;
    }

.form-input.__langs input,
.form-input.__langs textarea,
.form-input.__langs select {
    padding-left: 36px;
}

.form-input.__currency input,
.form-input.__currency textarea,
.form-input.__currency select {
    padding-right: 40px;
}

.form-input.__number input {
    padding-right: 20px;
}

.form-input.__calendar input,
.form-input.__file input,
.form-input.__info input,
.form-input.__other input {
    padding-right: 45px;
}

.form-input select {
    position: relative;
}

    .form-input input:focus,
    .form-input textarea:focus,
    .form-input select:focus {
        border-color: #a1c0d4;
    }

.form-input input[type=file] {
    height: 0;
    position: absolute;
    visibility: hidden;
    width: 0;
    z-index: 0;
    filter: alpha(opacity=0);
}

.form-input.__number .down,
.form-input.__number .up {
    background: #fbfdfe;
    border: 1px solid #dee9f0;
    cursor: pointer;
    height: 14px;
    right: 2px;
    position: absolute;
    width: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-input.__number .up {
    top: 2px;
}

.form-input.__number .down {
    bottom: 2px;
}

    .form-input.__number .down:after,
    .form-input.__number .up:after {
        border-style: solid;
        border-width: 4px;
        content: '';
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .form-input.__number .down:after {
        border-color: #43b0e6 transparent transparent;
        top: 4px;
    }

.form-input.__number .up:after {
    border-color: transparent transparent #43b0e6;
    bottom: 4px;
}

.form-input.__langs .flag {
    left: 11px;
    position: absolute;
    top: 11px;
    z-index: 50;
}

.form-input.__currency {
    position: relative;
}

    .form-input.__currency .currency {
        color: #43b0e6;
        font-size: 12px;
        right: 10px;
        position: absolute;
        top: 10px;
        z-index: 50;
    }

.form-label {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 5px;
}

    .form-label .form-edit {
        display: inline-block;
        margin: 0 0 0 5px;
    }

.form-edit .form-ico {
    font-size: 12px;
    vertical-align: 2px;
}

.form-label + .form-nav {
    float: right;
}

    .form-label + .form-nav * {
        display: inline-block;
        font-size: 14px;
        margin: 0 0 0 5px;
    }

.form-control .form-label {
}

.form-input .btn {
    bottom: 0;
    color: #4c4c4c;
    height: 34px;
    line-height: 1;
    min-width: 45px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}

    .form-input .btn,
    .form-input .btn:hover {
        background: none;
    }

.form-input .form-text {
    font-size: 14px;
    line-height: 34px;
}

.table-col .form-input .form-text {
    margin: 5px 0 0;
}

.table-col .table-space {
    height: 17px;
}

.form-input .btn-ico {
    color: #43b0e6;
    font-size: 24px;
    height: 26px;
    padding: 0 10px;
}

.form-input.__info .btn-ico {
    color: #fff;
    font-size: 16px;
    height: auto;
    text-shadow: none;
    width: 20px;
}

    .form-input.__info .btn-ico::before {
        background: #43b0e6;
        display: block;
        height: 20px;
        line-height: 20px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

.form-input .btn.__other .btn-ico {
    font-size: 12px;
    line-height: 24px;
}

.form-control .form-label {
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;
    position: relative;
}

    .form-control .form-label + .form-label {
        margin-left: 10px;
    }

label.form-control {
    display: inline-block;
    height: 12px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 12px;
}

.form-control {
    min-height: 12px;
    position: relative;
}

    .form-control.__inline {
        display: inline-block;
        margin: 0 20px 0 0;
        vertical-align: middle;
    }

    .form-control.__checkbox,
    .form-control.__radio {
        height: 13px;
    }

.blade-static .form-control.__checkbox,
.blade-static .form-control.__radio {
    margin: 0 0 10px;
}

.form-control.__checkbox + .form-control,
.form-control.__radio + .form-control {
    margin-top: 5px;
}

.form-control.__checkbox .form-label,
.form-control.__radio .form-label {
    line-height: 1.1;
    margin-bottom: 0;
    vertical-align: top;
}

.form-control input {
    position: absolute;
    visibility: hidden;
}

.form-control .check {
    background: #fff;
    border: 1px solid #a1c0d4;
    height: 13px;
    left: 0;
    position: absolute;
    top: 0;
    width: 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-control.__radio .check {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.form-control .form-label:hover .check,
.form-control :checked ~ .check {
    border-color: #80a0b5;
}

    .form-control :checked ~ .check:after {
        content: '';
        position: absolute;
    }

.form-control.__checkbox :checked ~ .check:after {
    bottom: 0;
    color: #43b0e6;
    content: '';
    font-family: 'FontAwesome';
    font-size: 11px;
    font-weight: normal;
    left: 0;
    line-height: 1.3;
    position: absolute;
    top: -1px;
}

.form-control.__radio :checked ~ .check:after {
    background: #43b0e6;
    height: 7px;
    left: 2px;
    top: 2px;
    width: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.form-control .name {
    color: #4c4c4c;
    display: inline-block;
    margin: 0 0 0 18px;
    vertical-align: 2px;
}

/* Switch */
.__switch {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: top;
    width: 60px;
}

    .__switch.__two::after,
    .__switch.__two::before {
        content: '';
        position: absolute;
        top: 6px;
    }

    .__switch.__two::after {
        background: #999;
        height: 10px;
        right: -7px;
        width: 1px;
    }

    .__switch.__two::before {
        border: 1px solid #999;
        height: 8px;
        left: -15px;
        width: 8px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .__switch input {
        display: none;
    }

    .__switch .switch {
        background: #555;
        display: block;
        height: 20px;
        width: 60px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
        box-shadow: 0 0 3px rgba(0, 0, 0, .15);
        -webkit-transition: background .15s ease;
        transition: background .15s ease;
    }

    .__switch :checked ~ .switch {
        background: #43b0e6;
    }

    .__switch .switch::after {
        background: #fff;
        color: #ccc;
        content: '|||';
        font-size: 11px;
        height: 18px;
        left: 0;
        line-height: 16px;
        margin: 1px 0 0 1px;
        position: absolute;
        text-align: center;
        text-indent: -1px;
        width: 25px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: margin-left .15s ease;
        transition: margin-left .15s ease;
    }

    .__switch :checked ~ .switch::after {
        margin-left: 34px;
    }

    .__switch .switch::before {
        color: #fff;
        content: '';
        font-family: 'FontAwesome';
        font-size: 12px;
        font-weight: normal;
        line-height: 20px;
        position: absolute;
        right: 0;
        text-align: center;
        text-transform: uppercase;
        width: 35px;
    }

    .__switch :checked ~ .switch::before {
        content: '';
        left: 0;
        right: auto;
    }

.editable {
    font-size: 14px;
}

    .editable .btn {
        padding: 0 10px;
    }

    .editable .btn-toolbar {
        background: #43b0e6;
    }

    .editable .ta-scroll-window.form-control {
        border: 1px solid #dee9f0;
    }

.ta-root.focussed > .ta-scroll-window.form-control {
    border-color: #a1c0d4;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ta-editor.ta-html,
.ta-scroll-window.form-control {
    border: 1px solid #a1c0d4;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* Buttons */
.btn {
    background: #43b0e6;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 13px;
    height: 30px;
    line-height: 28px;
    padding: 0 20px;
    text-shadow: 1px 1px rgba(0, 0, 0, .1);
    vertical-align: top;
}

button.btn {
    padding: 0 17px;
}

.btn.__loading {
    font-size: 0;
    min-width: 132px;
    pointer-events: none;
    position: relative;
    vertical-align: top;
}

    .btn.__loading:after {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
        background-size: 30px 30px;
        bottom: 0;
        content: '';
        left: 0;
        opacity: .8;
        position: absolute;
        right: 0;
        top: 0;
        filter: alpha(opacity=80);
        -webkit-animation: linear 2s infinite progress;
        animation: linear 2s infinite progress;
    }

.btn:hover {
    color: #fff;
    opacity: .8;
    filter: alpha(opacity=80);
}

.btn.__cancel {
    background-color: #a6a6a6;
}

    .btn.__cancel:hover {
        background-color: #a0a0a0;
    }

.md-editor {
    background: #fbfdfe;
    border: 1px solid #dee9f0;
    margin: -1px -20px 0;
}

    .md-editor.md-fullscreen-mode {
        background: #ffffff !important;
        border: 0 none !important;
        height: 100%;
        left: 0;
        margin: 0;
        padding: 60px 30px 15px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99999;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .md-editor.active {
        border-color: #66afe9;
        outline: 0 none;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .md-editor textarea {
        background: none;
        border: none;
        color: #333;
        height: 300px;
        padding: 10px;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .md-editor .btn-toolbar {
        background: #dee9f0;
        padding: 10px;
        overflow: hidden;
    }

        .md-editor .btn-toolbar .btn-group {
            float: left;
            margin: 0 5px 0 0;
        }

        .md-editor .btn-toolbar .md-controls {
            float: right;
            margin: 3px 10px 0 0;
        }

        .md-editor .btn-toolbar .btn-group .btn {
            padding: 0 10px;
        }

            .md-editor .btn-toolbar .btn-group .btn.hidden {
                display: none !important;
                visibility: hidden !important;
            }

            .md-editor .btn-toolbar .btn-group .btn + .btn {
                border-left: 1px solid rgba(255,255,255,.35);
            }

.md-fullscreen-controls {
    display: none;
}

.md-editor.md-fullscreen-mode .md-header {
    background: none;
    position: fixed;
    text-align: center;
    top: 20px;
    width: 100%;
}

.md-editor.md-fullscreen-mode .btn-group {
    display: inline-block;
    float: none;
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls {
    display: block;
    position: absolute;
    right: 20px;
    text-align: right;
    top: 20px;
    z-index: 1002;
}

    .md-editor.md-fullscreen-mode .md-fullscreen-controls a {
        clear: right;
        color: #b3b3b3;
        height: 30px;
        margin: 10px;
        text-align: center;
        width: 30px;
    }

.md-editor.md-fullscreen-mode .md-input,
.md-editor.md-fullscreen-mode .md-preview {
    padding: 20px 20px 20px 120px !important;
}


/* Tiles */
.tile-group {
    margin: 0 -10px 0 0;
    min-width: 130px;
    overflow: hidden;
    position: relative;
    width: auto;
}

    .tile-group + .tile-group {
        margin: 20px 0 0;
    }

.dashboard .tile-group {
    overflow: visible;
}

.tile-group .tile-group,
.tile-group .tile-group + .tile-group {
    float: left;
    margin: 0;
    padding: 0;
}

.tile-group.one {
    width: 130px;
}

.tile-group.two {
    width: 260px;
}

.tile-group.three {
    width: 390px;
}

.tile-group.four {
    width: 520px;
}

.tile-group.five {
    width: 650px;
}

.tile-group.six {
    width: 780px;
}

.tile-group.seven {
    width: 910px;
}

.tile {
    background: #fbfdfe;
    color: #4c4c4c;
    cursor: pointer;
    float: left;
    font-size: 48px;
    height: 120px;
    margin: 10px 10px 0 0;
    padding: 2px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 120px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 0 2px #dee9f0 inset;
    box-shadow: 0 0 0 2px #dee9f0 inset;
}

    .tile.__price {
        line-height: 0;
    }

        .tile.__price * {
            display: block;
            line-height: 1;
        }

        .tile.__price .tile-count {
            color: #43b0e6;
            font-size: 24px;
            margin: 10px 0 0;
        }

        .tile.__price .tile-price {
            color: #43b0e6;
            font-size: 30px;
            height: 49px;
            line-height: 40px;
            margin: 20px 0 0;
        }

        .tile.__price .tile-descr + .tile-price {
            font-size: 14px;
            height: auto;
            line-height: 1;
        }

    .tile:hover,
    .tile.__selected {
        -webkit-box-shadow: 0 0 0 2px #a1c0d4 inset;
        box-shadow: 0 0 0 2px #a1c0d4 inset;
    }

        .tile.__info:hover,
        .tile.__selected.__info {
            cursor: default;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

.__note {
    background-color: #fffff5;
}

.tile:after,
.tile:before {
    opacity: 0;
}

.tile.__selected:after {
    border-color: #a1c0d4 #a1c0d4 transparent transparent;
    border-style: solid;
    border-width: 15px;
    content: '';
    font-family: 'FontAwesome';
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
}

.tile.__selected:before {
    color: #fff;
    content: "";
    font-family: "FontAwesome";
    font-size: 10px;
    line-height: 0;
    position: absolute;
    right: 4px;
    top: 9px;
    z-index: 25;
}

.tile.__selected:after,
.tile.__selected:before {
    opacity: 1;
}

.__images-list .tile {
    line-height: 100px;
}

.tile .tile-ico {
    margin: 25px 0 0;
}

.tile .btn {
    display: inline-block;
    line-height: 28px;
    vertical-align: top;
}

.tile .tile-descr {
    display: block;
    font-size: 14px;
    margin: 10px 0 5px;
    max-height: 78px;
    overflow: hidden;
}

.tile.__brand .tile-descr {
    font-size: 24px;
    margin: 20px 0;
}

.tile.__brand .tile-image {
    display: inline-block;
    height: 120px;
    line-height: 96px;
    text-align: center;
    width: 120px;
}

    .tile.__brand .tile-image img {
        display: inline-block;
        max-height: 100%;
        max-width: 100%;
        vertical-align: middle;
    }

.tile .tile-descr.__once {
    font-size: 24px;
    margin: 35px 0;
}

.tile .tile-ico + .tile-descr {
    margin: 0 10px;
}

/* Half */
.tile.half {
    font-size: 24px;
    height: 55px;
    width: 55px;
}

    .tile.half.tall {
        height: 120px;
        width: 55px;
    }

    .tile.half.wide {
        height: 55px;
        width: 120px;
    }

    .tile.half .tile-ico {
        height: 24px;
        margin: 12px 0 0;
    }

/* Double */
.tile.double {
    font-size: 72px;
    height: 250px;
    width: 250px;
}

    .tile.double .tile-descr.__once {
        margin: 100px 0;
    }

    .tile.double.wide .tile-descr.__once {
        margin: 35px 0;
    }

.__images-list .tile.double {
    line-height: 225px;
}

.tile.double .tile-ico {
    margin: 60px 0 0;
}

.tile.double.tall {
    font-size: 48px;
    height: 250px;
    width: 120px;
}

    .tile.double.tall .tile-ico {
        margin: 80px 0 0;
    }

.tile.double.wide {
    font-size: 48px;
    height: 120px;
    width: 250px;
}

    .tile.double.wide .tile-ico {
        margin: 35px 10px 0 0;
    }

    .tile.double.wide .tile-descr {
        display: inline-block;
        vertical-align: 10px;
    }

    .tile.double.wide .tile-count + .tile-descr {
        display: block;
    }

/* Triple */
.tile.triple {
    height: 380px;
    width: 380px;
}

    .tile.triple.tall {
        height: 380px;
        width: 250px;
    }

    .tile.triple.wide {
        height: 250px;
        width: 380px;
    }

        .tile.triple.wide.mini {
            height: 120px;
            width: 380px;
        }

/* Quadro */
.tile.quadro {
    height: 510px;
    width: 510px;
}

    .tile.quadro.__tree:hover {
        overflow-y: auto;
    }

    .tile.quadro.tall {
        height: 510px;
        width: 380px;
    }

    .tile.quadro.wide {
        height: 380px;
        width: 510px;
    }

        .tile.quadro.wide.mini {
            height: 120px;
            width: 510px;
        }

.tile .tile-count {
    color: #999;
    font-size: 30px;
    line-height: 1;
    margin: 0 0 10px;
}

.tile .tile-t {
    font-size: 24px;
    margin: 10px 0;
}

.tile .tile-img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}

.tile .tile-action {
    background: #dee9f0;
    height: 30px;
    line-height: 30px;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

.tile:hover .tile-action {
    background-color: #a1c0d4;
    opacity: 1;
    filter: alpha(opacity=100);
}

.tile .tile-action:nth-child(2) {
    left: auto;
    right: 0;
}

.tile .tile-action * {
    color: #fff;
    font-size: 17px;
}

/* Lists */
.list.__items,
.list.__files {
    margin: 0 -20px 15px;
}

.list.__files {
    margin: 15px -20px;
}

.__items .list-group {
    background: #fbfdfe;
    border-bottom: 1px solid #dee9f0;
    cursor: pointer;
    font-size: 14px;
    padding: 10px 50px 10px 20px;
    position: relative;
}

    .__items .list-group::after {
        color: #a6a6a6;
        content: '';
        font-family: 'FontAwesome';
        font-size: 16px;
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .__items .list-group.__opened::after {
        content: '';
    }

.__items .list-item {
    background: #fff;
    border-bottom: 1px solid #dee9f0;
    cursor: pointer;
    display: block;
    padding: 10px 50px 10px 20px;
    position: relative;
}

    .__items .list-item.__hovered {
        background: #ecf7fc;
    }

.__items .list-group + .list.__sub {
    display: none;
    margin: -1px 0 0;
}

.__items .list-group.__opened + .list.__sub {
    display: block;
}

.__items .list-item.__error {
    background: #fef8f7;
    border-color: #fce7e6;
}

.__items .list-item.__default {
    background: #ecf7fc;
}

.__items .list-item:after {
    color: #a6a6a6;
    content: "";
    font-family: "FontAwesome";
    font-size: 16px;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: right .25s ease-in-out 0s;
    transition: right .25s ease-in-out 0s;
}

.__items.__reverse .list-item:after {
    right: 60px;
    content: "\f053";
}

.__items .list-item.__default:after {
    border-color: #a1c0d4 #a1c0d4 transparent transparent;
    border-style: solid;
    border-width: 15px;
    content: "";
    font-family: "FontAwesome";
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
    transform: none;
}

.__items .list-item.__default:before {
    color: #fff;
    content: "";
    font-family: "FontAwesome";
    font-size: 10px;
    line-height: 0;
    position: absolute;
    right: 4px;
    top: 9px;
    z-index: 25;
}

.__items .list-item.__not-icon::after,
.__items .list-item.__not-icon::before {
    content: '';
}

.__items label.list-item:after {
    display: none;
}

.__items .list-item:hover:after {
    right: 25px;
}

.__items.__reverse .list-item:hover:after {
    right: 55px;
}

.__items .list-item.__default:hover:after {
    right: 0;
}

.__items .list-item:first-child {
    border-top: 1px solid #dee9f0;
}

.__items .list-link {
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

.__items .list-ico,
.__files .list-ico {
    font-size: 28px;
    height: 30px;
    line-height: 30px;
    margin: 0 5px 0 0;
    text-shadow: 1px 1px #fff;
    vertical-align: middle;
    width: 40px;
}

.__files .list-ico {
    font-size: 24px;
    width: 30px;
}

.__files .list.__sub .list-ico {
    font-size: 24px;
}

.__items .list-ico ~ .list-name,
.__files .list-ico ~ .list-name {
    vertical-align: middle;
}

.__items .list-name,
.__files .list-name {
    color: #4c4c4c;
}

.__items .list-name,
.__files .list-name {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    vertical-align: middle;
    z-index: 25;
}

.__items .list-img {
    background-blend-mode: darken;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 30px;
    margin: 0 15px 0 0;
    position: relative;
    vertical-align: middle;
    width: 30px;
}

.__items .list-item:hover .list-name,
.__files .list-item:hover .list-name {
    text-shadow: 1px 1px #fff;
}

.__files .list-name {
    vertical-align: middle;
}

.__files .list-descr {
    color: #4c4c4c;
    display: block;
    font-size: 12px;
}

.__files .list-ico ~ .list-descr,
.__files .list-img ~ .list-descr {
    margin: 0 0 0 37px;
}

.__items .list-t {
    display: block;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}

.__items .list-descr {
    color: #999;
    display: block;
    font-size: 12px;
}

.__items .list-action {
    display: inline-block;
    margin: -10px 10px -10px -10px;
    text-align: center;
    width: 28px;
}

    .__items .list-action::after {
        content: ' ';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .__items .list-action .list-ico {
        color: #43b0e6;
        font-size: 21px;
        margin: 0;
        width: auto;
    }

.__items .list-item:hover .list-action .list-ico {
    color: #43b0e6;
}

.__items .list-ico ~ .list-t {
    display: inline-block;
}

.__items .list-ico ~ .list-descr {
    margin: 0 0 0 50px;
}

.__items .list-t,
.__items .list-descr {
    position: relative;
    text-shadow: 1px 1px #fff;
    z-index: 50;
}

.__items .list-item input[type=checkbox],
.__items .list-item input[type=radio] {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
}

.__items .list-item .switch {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.__items label.list-item :checked ~ .switch,
.__items label.list-item.__selected .switch {
    background: #ecf7fc;
    -webkit-box-shadow: 0 0 0 1px #a1c0d4;
    box-shadow: 0 0 0 1px #a1c0d4;
}

.__items label.list-item :checked ~ .switch,
.__items label.list-item.__selected .switch {
    -webkit-box-shadow: 0 0 0 1px #dee9f0;
    box-shadow: 0 0 0 1px #dee9f0;
}

.__items .list-item :checked ~ .switch:after,
.__items .list-item.__selected .switch:after {
    border-color: #a1c0d4 #a1c0d4 transparent transparent;
    border-style: solid;
    border-width: 15px;
    content: '';
    font-family: 'FontAwesome';
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
}

.__items .list-item.__selected .switch:after {
    border-color: #dee9f0 #dee9f0 transparent transparent;
}

.__items .list-item :checked ~ .switch:before,
.__items .list-item.__selected .switch:before {
    color: #fff;
    content: "";
    font-family: "FontAwesome";
    font-size: 10px;
    line-height: 0;
    position: absolute;
    right: 4px;
    top: 9px;
    z-index: 25;
}

.__items label.list-item.__selected .list-name {
    color: #a6a6a6;
}

.list.__chosen {
    margin: 10px 0;
}

.__chosen .list-item {
    margin: 0 10px 10px 0;
    position: relative;
}

.__chosen .list-name {
    background: #43b0e6;
    color: #fff;
    float: right;
    font-size: 11px;
    max-width: 345px;
    min-height: 15px;
    min-width: 30px;
    overflow: hidden;
    padding: 2px 5px;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}

.__chosen .list-remove {
    color: #a1c0d4;
    cursor: pointer;
    float: left;
    font-family: caption;
    font-size: 17px;
    font-weight: bold;
    line-height: 1;
    margin: 3px 4px 0 0;
}

    .__chosen .list-remove:hover {
        color: #43b0e6;
    }

.__files .list-item {
    border: none;
    position: relative;
}

.__files .list-block {
    cursor: pointer;
    display: block;
    padding: 2px 20px;
}

.__files .list-link {
    display: inline-block;
    font-size: 14px;
    margin: 10px 0 0;
    padding: 2px 20px;
}

.__files .list-img {
    display: inline-block;
    height: 30px;
    margin: 0 5px 0 0;
    overflow: hidden;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

    .__files .list-img * {
        display: block;
        max-width: 100%;
    }

.__files .list.__sub .list-item {
    margin: 0 0 0 40px;
}


/* Pagination */
.pagination {
    background: #fbfdfe;
    border-color: #dee9f0;
    border-style: solid;
    border-width: 1px 0;
    margin: 0 -20px;
    padding: 10px 20px;
    text-align: center;
}

    .pagination .menu-item {
        text-align: center;
    }

        .pagination .menu-item + .menu-item {
            margin: 0 0 0 5px;
        }

    .pagination .menu-link {
        background: #fff;
        border: 1px solid #dee9f0;
        color: #4c4c4c;
        cursor: pointer;
        display: block;
        font-size: 12px;
        font-weight: 400;
        height: 30px;
        line-height: 26px;
        width: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .pagination .menu-link:hover {
            background: #e8f5fb;
        }

    .pagination .menu-item.__selected .menu-link {
        background: #43b0e6;
        color: #fff;
    }

    .pagination .menu-ico {
        font-size: 14px;
    }


/* Window and Modals */
.modal-backdrop.fade,
.modal.fade {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

.modal-backdrop.fade {
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.window,
.modal-content {
    background: #fff;
    font-family: 'Exo 2';
    line-height: 1.3;
    min-height: 200px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 500px;
    -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, .05);
    box-shadow: 0 0 0 8px rgba(0, 0, 0, .05);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.__gallery .modal-dialog {
    background-color: #fff;
    border: 5px solid #a1c0d4;
    bottom: 40px;
    left: 80px;
    margin: 0;
    position: absolute;
    right: 80px;
    top: 40px;
    width: auto;
    -webkit-transform: none;
    transform: none;
}

.__gallery .modal-content {
    height: 100%;
    margin: 0;
    position: static;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    transform: none;
}

    .__gallery .modal-content .modal-body {
        height: 100%;
        padding: 0;
    }

.modal-content {
    margin: 30px 0;
    min-height: inherit;
}

.window .window-status {
    height: 40px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 25;
}

.window-status .progress-bar {
    height: 100%;
    margin: 0;
}

.window .window-head,
.modal-content .modal-header {
    background: #333;
    height: 40px;
    line-height: 36px;
    position: relative;
    z-index: 50;
}

.modal-content .modal-header {
    height: auto;
    line-height: 1;
}

.window .window-status ~ .window-head {
    background-color: transparent;
}

.window-head .window-t,
.modal-header .modal-title {
    color: #fff;
    font-size: 14px;
    padding: 0 20px;
}

.modal-header .modal-title {
    font-size: 20px;
    font-weight: 400;
    padding: 20px;
}

.window-head .window-t.__logo {
    background: url(../images/logo.png) no-repeat scroll 15px 50%;
    background-size: 27px;
    height: 100%;
    padding-left: 55px;
}

.window .window-cnt {
    padding: 0 20px;
}

.modal-content .modal-body,
.modal-content .modal-footer {
    font-size: 14px;
    padding: 20px;
}

    .modal-content .modal-body .form-input {
        margin: 15px 0 0;
    }

.modal-content .modal-footer {
    text-align: right;
}

.window-cnt .form-label {
    margin-left: 0;
}


/* Breadcrumbs */
.breadcrumbs {
    padding: 15px 0;
}

    .breadcrumbs .back {
        background: #fff;
        border: 1px solid #a1c0d4;
        color: #a1c0d4;
        display: inline-block;
        height: 30px;
        line-height: 28px;
        text-align: center;
        vertical-align: top;
        width: 30px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

        .breadcrumbs .back:hover {
            border-color: #43b0e6;
            color: #43b0e6;
        }

        .breadcrumbs .back ~ .menu {
            display: inline-block;
            margin: 4px 0 0 10px;
            vertical-align: top;
        }

    .breadcrumbs .menu-item.__divider {
        height: 22px;
        position: relative;
        width: 20px;
    }

        .breadcrumbs .menu-item.__divider:after {
            background: #a6a6a6;
            content: '';
            height: 4px;
            left: 50%;
            margin: 0 0 0 -2px;
            position: absolute;
            top: 50%;
            width: 4px;
        }

    .breadcrumbs .menu-link {
        color: #43b0e6;
        font-size: 14px;
    }

        .breadcrumbs .menu-link:hover {
            color: #52a2ca;
        }


/* Tree */
.tree {
    font-size: 0;
    text-align: center;
}

.tree-view {
    overflow-x: auto;
}

.tree-scroll {
    padding: 20px 0;
    text-align: center;
}

.tree,
.tree-item {
    display: inline-block;
    padding: 0;
    position: relative;
    vertical-align: top;
}

    .tree.__horizontal .tree-item {
        display: block;
    }

.tree-view ul {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.tree-item:first-child:before {
    background: #fff;
    content: '';
    height: 2px;
    left: -1px;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 5;
}

.tree.__horizontal .tree-item:first-child:before {
    background: #fff;
    content: "";
    height: 50%;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 2px;
    z-index: 5;
}

.tree-item:last-child:before {
    background: #fff;
    content: '';
    height: 2px;
    right: -1px;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 5;
}

.tree.__horizontal .tree-item:last-child:after {
    background: #fff;
    content: "";
    height: 50%;
    left: -1px;
    position: absolute;
    top: 51%;
    width: 2px;
    z-index: 5;
}

.tree-block {
    border: 2px solid #a1c0d4;
    cursor: pointer;
    display: inline-block;
    margin: 10px 11px;
    padding: 5px 0;
    position: relative;
    vertical-align: top;
    width: 160px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tree.__horizontal .tree-block {
    vertical-align: middle;
}

.tree-block:hover {
    background: #ecf7fc;
}

.tree-block.__canceled:hover {
    background: #faf1f1;
}

.tree-block.__selected {
    background: #d9effa;
    border-color: #a1c0d4;
}

.tree-block .inner {
    height: 100%;
    margin: 0 10px;
    text-align: left;
}

.tree-item.last .tree-block .inner:after {
    background: #fff;
    content: '';
    height: 2px;
    left: -1px;
    position: absolute;
    top: -12px;
    width: 50%;
    z-index: 5;
}

.tree-item.last .tree-block .inner:before {
    background: #fff;
    content: '';
    height: 2px;
    position: absolute;
    right: -1px;
    top: -12px;
    width: 50%;
    z-index: 10;
}

.first > :first-child:before {
    display: none;
}

.tree-block:before {
    background: #a1c0d4;
    content: '';
    height: 10px;
    left: 50%;
    position: absolute;
    top: -12px;
    width: 2px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tree.__horizontal .tree-block:before {
    background: #a1c0d4;
    content: "";
    height: 2px;
    left: -14px;
    position: absolute;
    top: 50%;
    width: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tree-node {
    position: relative;
}

    .tree-node.__one-el {
        margin: -10px 0 0;
    }

.tree.__horizontal .tree-node.__one-el {
    margin: 0 0 0 -10px;
}

.tree-node.__one-el::after,
.tree-node.__one-el::before {
    display: none;
}

.tree.__horizontal .tree-node {
    display: inline-block;
    vertical-align: middle;
}

.tree-node:after {
    background: #a1c0d4;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    right: 7px;
    top: 0;
}

.tree.__horizontal .tree-node:after {
    background: #a1c0d4;
    bottom: 0;
    content: "";
    height: auto;
    left: -1px;
    position: absolute;
    top: 1px;
    width: 2px;
}

.tree-node.__empty:after {
    display: none;
}

.tree-node:before {
    background: #a1c0d4;
    content: '';
    height: 12px;
    left: 50%;
    position: absolute;
    top: -10px;
    width: 2px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tree.__horizontal .tree-node:before {
    background: #a1c0d4;
    content: "";
    height: 2px;
    left: -12px;
    position: absolute;
    top: 50%;
    width: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tree.__horizontal .tree-node .tree-item {
    text-align: left;
}

.tree-el {
    color: #4c4c4c;
    display: block;
    font-size: 12px;
    line-height: 1;
    margin: 0;
    padding: 5px 0 5px 20px;
    position: relative;
    white-space: normal;
}

    .tree-el.__canceled {
        background: #43b0e6;
        color: #fff;
        margin: 5px -10px -5px;
        padding: 5px 0;
        text-align: center;
    }

    .tree-el.__title {
        color: #43b0e6;
        height: 24px;
    }

    .tree-el .tree-ico {
        color: #4c4c4c;
        font-size: 14px;
        left: 0;
        position: absolute;
        width: 20px;
    }


/* Columns */
.columns {
    padding: 15px 0;
}

.form .columns {
    padding: 0;
}

.column:nth-last-child(2),
.column:nth-last-child(2) ~ .column {
    float: left;
    width: 50%;
}

.column:nth-last-child(3),
.column:nth-last-child(3) ~ .column {
    float: left;
    width: 33.3333%;
}

.column .list.__info {
    margin: 0;
}

.column .form-group {
    margin-right: 10px;
}

.column + .column .form-group {
    margin-left: 10px;
    margin-right: 0;
}

.column .column .form-group {
    margin-left: 0;
    margin-right: 0;
}

.column .column + .column .form-group {
    margin-left: 10px;
    margin-right: 0;
}

.column + .column .table-wrapper {
    margin-left: 10px;
}


/* Calendar */
.form-input.__calendar .dropdown-menu {
    background: #fff;
    border: 1px solid #dee9f0;
    margin: -1px 0 0;
    max-width: 400px;
    position: absolute;
    right: 0;
    z-index: 100;
}

    .form-input.__calendar .dropdown-menu .btn {
        background: #fbfdfe;
        color: #4c4c4c;
        font-size: 14px;
        font-weight: 400;
        position: static;
        text-shadow: none;
    }

        .form-input.__calendar .dropdown-menu .btn:disabled:hover {
            background: #fbfdfe;
        }

        .form-input.__calendar .dropdown-menu .btn:hover {
            background-color: #ecf7fc;
        }

    .form-input.__calendar .dropdown-menu table .btn {
        width: 100%;
    }

    .form-input.__calendar .dropdown-menu .btn-group .btn,
    .form-input.__calendar .dropdown-menu .btn-group ~ .btn,
    .form-input.__calendar .dropdown-menu .btn-success {
        background: #43b0e6;
        color: #fff;
        display: inline-block;
        padding: 0 10px;
    }

.text-muted {
    color: #999999;
}

.form-input.__calendar .dropdown-menu .btn-info,
.form-input.__calendar .dropdown-menu .btn.active {
    background: #43b0e6;
    color: #fff;
}

.dropdown-menu li {
    padding: 0;
    text-indent: 0;
}

    .dropdown-menu li:last-child {
        background: #e8f5fb;
        overflow: hidden;
        padding: 5px !important;
    }

    .dropdown-menu li:before {
        content: '';
    }

.dropdown-menu table {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    width: 100%;
}

    .dropdown-menu table th,
    .dropdown-menu table td {
        background: #dee9f0;
        border-color: #fff;
        border-style: solid;
        border-width: 2px;
        font-size: 14px;
        padding: 1px;
        text-align: center;
        width: 12.5%;
    }

    .dropdown-menu table th {
        background: #dee9f0;
        font-weight: 500;
    }

        .dropdown-menu table th small {
            display: block;
            font-size: 13px;
            line-height: 1.4;
            margin: 5px 0;
            vertical-align: top;
        }

.dropdown-menu .glyphicon {
    font-family: 'FontAwesome';
    font-style: normal;
}

    .dropdown-menu .glyphicon.glyphicon-chevron-left:before {
        content: '';
    }

    .dropdown-menu .glyphicon.glyphicon-chevron-right:before {
        content: '';
    }


/* Select */
.select2-container {
    cursor: pointer;
    display: block;
}

    .select2-container input {
        height: auto;
    }

    .select2-container .select2-choice,
    .select2-container-multi .select2-choices {
        background: #fff;
        border-color: #dee9f0;
        color: #4c4c4c;
        font-size: 14px;
        line-height: 32px;
        min-height: 32px;
        padding: 0 10px;
    }

.select2-container-multi .select2-choices {
    line-height: 32px;
}

.select2-container-multi .select2-choices {
    padding: 0 4px;
}

.select2-container .select2-choice,
.select2-drop {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-drop-active,
.select2-container-multi.select2-container-active .select2-choices {
    border-color: #a1c0d4;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-input.__langs .select2-choice,
.form-input.__langs .select2-choices {
    padding-left: 36px;
}

.select2-choice > .select2-chosen {
    margin: 0;
}

.select2-container .select2-choice .select2-arrow {
    background: none;
    border: none;
    width: 30px;
}

    .select2-container .select2-choice .select2-arrow:after {
        border-color: #43b0e6 transparent transparent;
        border-style: solid;
        border-width: 5px 4px;
        content: '';
        margin: -3px 0 0;
        position: absolute;
        right: 10px;
        top: 50%;
    }

.select2-dropdown-open .select2-choice .select2-arrow:after {
    border-color: transparent transparent #43b0e6;
    margin: -10px 0 0;
}

.select2-search input {
    background: #fff;
}

.select2-results .select2-highlighted {
    background: #43b0e6;
}

.select2-container li {
    color: #4c4c4c;
    padding: 0;
    text-indent: 0;
}

    .select2-container li:before {
        content: '';
    }

/* Multi selects */
.form-input.__langs .select2-search-field {
    left: 36px;
}

.select2-container-multi .select2-choices .select2-search-choice {
    background: #fbfdfe;
    border: 1px solid #a1c0d4;
    font-size: 13px;
    line-height: 1;
    padding: 6px 30px 6px 5px;
    z-index: 50;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 7px 10px 7px 5px;
}

.select2-search-choice-close {
    left: auto !important;
    top: 6px;
}

.select2-container .select2-choice abbr {
    height: 100%;
    padding: 0 10px;
    right: 16px;
    top: 0;
}

.select2-search-choice-close::after {
    color: #43b0e6;
    content: '';
    font-family: 'FontAwesome';
    font-size: 12px;
    text-shadow: none;
    top: 0;
}

.select2-search-choice-close:hover::after {
    color: #43b0e6;
}

.select2-container-multi .select2-search-choice-close::after,
.select2-container-multi .select2-search-choice-close:hover::after {
    color: #a1c0d4;
}


/* Tags input */
tags-input .host {
    margin: 0;
}

tags-input .tags {
    border-color: #dee9f0;
    color: #4c4c4c;
    padding: 0 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-input.__langs tags-input .tags {
    padding: 0 0 0 36px;
}

tags-input .tags li {
    padding: 0;
    text-indent: 0;
}

    tags-input .tags li:before {
        content: '';
    }

tags-input .tags.focused {
    border-color: #a1c0d4;
    -webkit-box-shadow: none;
    box-shadow: none;
}

tags-input .tags .input {
    height: 28px;
    padding: 0;
}

tags-input .tags .tag-item {
    background: #43b0e6;
    border: none;
    color: #fff;
    font-family: 'Exo 2';
    font-size: 13px;
    height: 24px;
    margin: 4px 4px 0 0;
    padding: 0 30px 0 6px;
    position: relative;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    tags-input .tags .tag-item.selected {
        background: #e51400;
    }

    tags-input .tags .tag-item .remove-button {
        font-family: caption;
        font-size: 16px;
        font-weight: bold;
        line-height: 1;
        position: absolute;
        right: 6px;
        top: 5px;
    }


.nav-bar,
.cnt {
    bottom: 0;
    position: fixed;
    top: 0;
}

.has-demo-warning .nav-bar,
.has-demo-warning .nav-bar .dropdown,
.has-demo-warning .cnt {
    top: 28px !important;
}
/* Nav bar - Left navigation menu */
.nav-bar {
    font-family: 'Exo 2';
    left: 0;
    width: 235px;
    z-index: 100;
}

    .nav-bar.__collapsed {
        width: 72px;
    }

    /* Bar - menu navigation */
    .nav-bar .bar {
        background: #333;
        display: table;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 50;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-shadow: -5px 0 5px -5px rgba(0, 0, 0, .2) inset;
        box-shadow: -5px 0 5px -5px rgba(0, 0, 0, .2) inset;
    }

    .nav-bar .info {
        background: #333;
        font-size: 0;
        text-align: center;
        padding: 5px 0 0 0;
        z-index: 50;
    }

    .nav-bar .info-img {
        background: url(../images/logo.png) no-repeat scroll 0 0;
        background-size: 30px 32px;
        display: inline-block;
        height: 33px;
        margin: 15px 0 0;
        width: 30px;
    }

    .nav-bar .info-version {
        color: #c2c2c2;
        display: block;
        font-size: 12px;
        padding: 0 0 5px 0;
    }

        .nav-bar.__collapsed .info-license {
            font-size: 11px;
        }

        .nav-bar .info-license.__valid {
            color: #54a954;
        }

        /* New style */

        .nav-bar .bar .wrapper {
            display: table-row;
            height: 100%;
        }

            .nav-bar .bar .list {
                display: table;
                margin: 0;
                width: 100%;
                height: 100%;
            }

                .nav-bar .bar .list .outer-wrapper {
                    display: table-row;
                    height: 100%;
                }

                    .nav-bar .bar .list .inner-wrapper {
                        position: relative;
                        height: 100%;
                        overflow-x: hidden;
                        overflow-y: hidden;
                    }

                        .nav-bar .bar .list .inner-wrapper:hover {
                            overflow-y: auto;
                        }

                        .nav-bar .bar .list .inner-wrapper::-webkit-scrollbar {
                            background: transparent;
                        }

                        .nav-bar .bar .list .inner-wrapper::-webkit-scrollbar-track-piece {
                            background: #545454;
                        }

                        .nav-bar .bar .list .inner-wrapper::-webkit-scrollbar-thumb {
                            background: #434343;
                        }

                    .nav-bar .bar .list .inner-wrapper {
                        -ms-scrollbar-arrow-color: #545454;
                        -ms-scrollbar-face-color: #434343;
                        -ms-scrollbar-shadow-color: #434343;
                        -ms-scrollbar-track-color: #545454;
                    }

                        .nav-bar .bar .list .content {
                            position: absolute;
                            top: 0;
                            bottom: 0;
                        }

            .nav-bar .bar .__items .list-item {
                background: #333;
                border: none;
                width: 195px;
            }

            .nav-bar .bar .__items .list-item:not(.__more) {
                padding: 10px 20px;
            }

            .nav-bar .bar .__items .list-item:not(.__more):after {
                display: none;
            }

            .nav-bar .bar .__items .list-item.__animated {
                -webkit-animation: notify ease 1 1.5s;
                animation: notify ease 1 1.5s;
            }

            .nav-bar .bar .__items .list-item.__draggable:before {
                color: #a6a6a6;
                content: "\f142";
                cursor: move;
                font-family: "FontAwesome";
                font-size: 24px;
                opacity: 0;
                display: none;
                position: absolute;
                left: 0;
                top: 50%;
                padding: 7px;
                width: 6px;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                -webkit-transition: opacity .25s ease-in-out 0s;
                transition: opacity .25s ease-in-out 0s;
            }

            .nav-bar .bar .__items .list-item.__draggable:hover:before {
                opacity: 1;
                display: block;
            }

            .nav-bar .bar .__items .list-item.__more {
                height: 32px;
                width: 165px;
            }

                .nav-bar .bar .__items .list-item.__hovered {
                    background: #333;
                }

            .nav-bar .bar .__items .list-ico {
                text-shadow: 1px 1px #333;
                width: 32px;
            }

            .nav-bar .bar .list-item.__animated .list-ico,
            .nav-bar .bar .list-item.__animated:hover .list-ico {
                -webkit-animation: bell ease-in-out 1s .5s;
                animation: bell ease-in-out 1s .5s;
            }

            .nav-bar .bar .list-item.__more .list-ico {
                margin: 0;
            }

            .nav-bar .bar .__items .list-name,
            .nav-bar .bar .__items .list-t {
                color: #c2c2c2;
            }

                .nav-bar .bar .__items .list-item:hover .list-name,
                .nav-bar .bar .__items .list-t,
                .nav-bar .bar .__items .list-descr {
                    text-shadow: 1px 1px #333;
                }

                .nav-bar .bar .__items .list-item.__animated .list-name,
                .nav-bar .bar .__items .list-item.__animated .list-t,
                .nav-bar .bar .__items .list-item.__animated:hover .list-name,
                .nav-bar .bar .__items .list-item.__animated:hover .list-t {
                    color: #fff;
                    text-shadow: none;
                }

            .nav-bar .bar .__items .list-count {
                background: #fff;
                color: #333;
                height: 14px;
                font-size: 10px;
                line-height: 14px;
                text-align: center;
                min-width: 14px;
                position: absolute;
                left: 42px;
                top: 8px;
                -webkit-border-radius: 50%;
                border-radius: 50%;
            }

            .nav-bar.__collapsed .bar .__items .list-item,
            .nav-bar.__collapsed .bar .__items .list-item.__more {
                width: 32px;
            }

            .nav-bar.__collapsed .bar .__items .list-item.__more {
                padding-right: 20px;
            }
        
            .nav-bar.__collapsed .bar .__items .list-ico {
                margin: 0;
                text-align: center;
            }

            .nav-bar.__collapsed .bar .__items .list-name {
                display: none;
            }

            .nav-bar.__collapsed .bar .__items .list-count {
                left: 44px;
            }

    .nav-bar .bar .divider {
        border-bottom: 1px solid #606060;
        height: 0;
        margin: 0px 20px;
    }

    /* Inherited from old version */

    .nav-bar .menu-item {
        text-align: center;
    }

    .nav-bar .menu-link {
        color: #c2c2c2;
        display: block;
        font-size: 13px;
        padding: 15px 0;
        position: relative;
    }

    .nav-bar .menu-item.__done {
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

        .nav-bar .menu-item.__done .menu-link {
            background: #43b0e6;
            color: #fff;
            cursor: pointer;
        }

    .nav-bar .menu-link:hover {
        color: #43b0e6;
    }

    .nav-bar .__selected .menu-link {
        background-color: #383838;
        color: #43b0e6;
    }

    .nav-bar .menu-ico {
        display: block;
        font-size: 24px;
        height: 20px;
        margin: 0 0 10px;
    }

    /* Dropdown - dropdown menu navigation */
    .nav-bar .dropdown {
        background: #383838;
        bottom: 0;
        position: fixed;
        top: 0;
        width: 360px;
        z-index: 25;
        -webkit-box-shadow: 5px 0 0 rgba(0,0,0,.1);
        box-shadow: 5px 0 0 rgba(0,0,0,.1);
        -webkit-transform: translateX(-360px);
        transform: translateX(-360px);
    }

    .nav-bar .dropdown.__more {
        background: #ffffff;
    }

        .nav-bar .dropdown.__opened {
            -webkit-transform: translateX(235px);
            transform: translateX(235px);
        }

            .nav-bar.__collapsed .dropdown.__opened {
                -webkit-transform: translateX(72px);
                transform: translateX(72px);
            }

.dropdown .dropdown-close {
    color: #c2c2c2;
    cursor: pointer;
    font-family: caption;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    right: 15px;
    top: 30px;
}

    .dropdown .dropdown-close:hover {
        color: #fff;
    }

.dropdown.__more .dropdown-close {
    color: #a6a6a6;
    top: 10px;
    right: 10px;
}

    .dropdown.__more .dropdown-close:hover {
        color: #333;
    }

.dropdown .dropdown-head {
    padding: 85px 20px 14px;
    text-align: right;
}

.__more .dropdown-head {
    background: #fbfdfe;
    border-color: #dee9f0;
    border-style: solid;
    border-width: 0 0 2px;
    text-align: left;
    padding: 0;
    height: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.__more .dropdown-head .form-group,
.__more .dropdown-head .form {
    margin: 0 20px;
    padding: 17px 0;
    position: relative;
}

    .__more .dropdown-head .form-group .form-hint {
        padding: 5px 0;
    }
    
.dropdown-head .menu-item {
    margin: 0 0 0 20px;
    text-align: left;
}

.dropdown-head .menu-link {
    cursor: pointer;
    font-size: 14px;
}

    .dropdown-head .menu-link:hover {
        color: #fff;
    }

.dropdown-head .menu-ico {
    display: inline-block;
    font-size: 18px;
    margin: 0 5px 0 0;
}

.dropdown .dropdown-content {
    height: calc(100% - 149px);
    padding: 0 20px;
    overflow: hidden;
}

    .dropdown .dropdown-content:hover {
        overflow-y: auto;
    }

    .dropdown .dropdown-content::-webkit-scrollbar {
        background: transparent;
    }

    .dropdown .dropdown-content::-webkit-scrollbar-track-piece {
        background: #545454;
    }

    .dropdown .dropdown-content::-webkit-scrollbar-thumb {
        background: #434343;
    }

.dropdown .dropdown-content {
    -ms-scrollbar-arrow-color: #545454;
    -ms-scrollbar-face-color: #434343;
    -ms-scrollbar-shadow-color: #434343;
    -ms-scrollbar-track-color: #545454;
}

    .dropdown.__more .dropdown-content::-webkit-scrollbar-track-piece {
        background: #f9f9f9;
    }

    .dropdown.__more .dropdown-content::-webkit-scrollbar-thumb {
        background: #e6e6e6;
    }

.dropdown.__more .dropdown-content {
    height: calc(100% - 100px);
    -ms-scrollbar-arrow-color: #f9f9f9;
    -ms-scrollbar-face-color: #e6e6e6;
    -ms-scrollbar-shadow-color: #e6e6e6;
    -ms-scrollbar-track-color: #f9f9f9;
}

.dropdown-content .list {
    width: 315px;
}

.dropdown.__more .dropdown-content .list {
    width: 360px;
}

.dropdown.__more  .dropdown-content .list-group {
    padding: 10px 60px 10px 20px;
}

.dropdown.__more  .dropdown-content .list-group:after {
    right: 32px;
}

.dropdown.__more  .dropdown-content .list-item {
    padding: 10px 20px;
}

.dropdown.__more  .dropdown-content .list-item:after {
    display: none;
}

.dropdown.__more .dropdown-content .list-fav {
    color: #a6a6a6;
    display: block;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 10px 32px 10px 12px;
}

.dropdown.__more .dropdown-content .list-fav .list-ico {
    font-size: 16px;
    text-align: center;
    margin: 0;
    top: 0;
    width: 16px;
}

.dropdown:not(.__more) .dropdown-content .list-item {
    border-top: 1px solid #606060;
}

.dropdown:not(.__more) .dropdown-content .list-link {
    color: #c2c2c2;
    display: block;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    padding: 20px;
    text-transform: uppercase;
}

    .dropdown:not(.__more) .dropdown-content .list-link:hover {
        background: rgba(0,0,0,.2);
        color: #fff;
    }

.dropdown:not(.__more) .dropdown-content .__selected .list-link {
    background: none;
    color: #43b0e6;
}

.dropdown:not(.__more) .dropdown-content .list-ico {
    font-size: 25px;
    height: 24px;
    margin: 0 20px 0 0;
    position: relative;
    top: 2px;
    width: 32px;
}

.dropdown:not(.__more) .dropdown-content .info .list-ico {
    color: #43b0e6;
}

.dropdown:not(.__more) .dropdown-content .error .list-ico {
    color: #e51400;
}

.dropdown:not(.__more) .dropdown-content .warning .list-ico {
    color: #f0a30a;
}

    .dropdown:not(.__more) .dropdown-content .error .list-ico:after,
    .dropdown:not(.__more) .dropdown-content .warning .list-ico:after {
        background: #fff;
        content: '';
        height: 12px;
        left: 11px;
        position: absolute;
        top: 7px;
        width: 3px;
        z-index: -1;
    }

.dropdown:not(.__more) .dropdown-content .list-t,
.dropdown:not(.__more) .dropdown-content .list-date,
.dropdown:not(.__more) .dropdown-content .list-descr {
    color: #fff;
    text-transform: none;
}

.dropdown:not(.__more) .dropdown-content .list-date,
.dropdown:not(.__more) .dropdown-content .list-descr {
    display: block;
    font-size: 12px;
}

.dropdown:not(.__more) .dropdown-content .list-t {
    font-size: 14px;
}

.dropdown:not(.__more) .dropdown-content .list-descr {
    display: block;
    margin: 0 0 0 55px;
}

.dropdown:not(.__more) .dropdown-content .list-date {
    color: #c2c2c2;
    margin: 5px 0 0 55px;
    padding: 0 0 0 25px;
    position: relative;
}

    .dropdown:not(.__more) .dropdown-content .list-date:after {
        color: #c2c2c2;
        content: '';
        font-family: 'FontAwesome';
        font-size: 14px;
        left: 0;
        position: absolute;
        top: 0;
    }

.dropdown:not(.__more) .dropdown-content .list-bar {
    background-color: #43b0e6;
    display: block;
    height: 10px;
    margin-left: 55px;
}

/* Content - main content area */
.cnt {
    left: 235px;
    overflow: hidden;
    overflow-x: auto;
    right: 0;
    white-space: nowrap;
    z-index: 50;
}

    .nav-bar.__collapsed+.cnt {
        left: 72px;
    }

    .cnt.__hidden {
        overflow-x: hidden;
    }

    .cnt .cnt-inner {
        display: inline-block;
        height: 100%;
        padding-right: 90px;
        word-spacing: -4px;
    }

    .cnt .dashboard,
    .cnt .blade {
        display: inline-block;
        height: 100%;
        vertical-align: top;
        white-space: nowrap;
        word-spacing: 0;
    }


/* Blades */
.blade {
    background: #fff;
    font-family: serif;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: -5px 0 5px -6px rgba(0, 0, 0, .1);
    box-shadow: -5px 0 5px -6px rgba(0, 0, 0, .1);
}

    .blade.__animate {
        z-index: -1;
    }

    .blade.__active {
        margin: 0 0 0 40px;
    }

    .blade .blade-head,
    .blade .blade-container {
        font-family: 'Exo 2';
        -webkit-box-shadow: -8px 0 0 0 rgba(0,0,0,.2) inset;
        box-shadow: -8px 0 0 0 rgba(0,0,0,.2) inset;
    }

    .blade .blade-head {
        background: #333;
        height: 132px;
        min-width: 300px;
        padding: 25px 0 5px;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: height .3s ease;
        transition: height .3s ease;
    }

    .blade.__active .blade-head {
        background: #34454c;
    }

.blade-head .blade-status {
    height: 25px;
    left: 0;
    position: absolute;
    right: 8px;
    top: 0;
}

.blade-status .status-message {
    background: #7a1c13;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    left: 0;
    line-height: 23px;
    padding: 0 0 0 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 300;
    filter: alpha(opacity=50);
}

    .blade-status .status-message:after {
        color: #fff;
        content: '';
        font-family: 'FontAwesome';
        left: 20px;
        position: absolute;
        top: 2px;
    }

.blade-status .progress-bar {
    bottom: 0;
    height: auto;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 200;
}

.blade-head .blade-nav {
    height: 25px;
    left: 0;
    position: absolute;
    right: 8px;
    text-align: right;
    top: 0;
}

.blade-nav .menu {
    background: #232323;
    position: relative;
}

.blade-nav .menu-item {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0;
    height: 25px;
    line-height: 1.4;
    position: relative;
    width: 35px;
    z-index: 250;
}

    .blade-nav .menu-item.__minimize,
    .blade-nav .menu-item.__maximize,
    .blade-nav .menu-item.__close {
        z-index: 350;
    }

    .blade-nav .menu-item.__disabled {
        cursor: not-allowed;
    }

    .blade-nav .menu-item * {
        background: none;
        border: none;
        cursor: pointer;
        font-size: 0;
        height: 100%;
        width: 100%;
    }

    .blade-nav .menu-item .btn-ico {
        color: #fff;
        font-size: 13px;
        line-height: 0;
        margin: 12px 0 0;
    }

    .blade-nav .menu-item.__minimize:after,
    .blade-nav .menu-item.__maximize:after {
        border-color: #fff;
        border-style: solid;
        height: 8px;
        top: 8px;
        width: 12px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .blade-nav .menu-item.__minimize:after {
        border-width: 0 0 2px;
    }

    .blade-nav .menu-item.__maximize:after {
        border-width: 2px 1px 1px;
    }

    .blade-nav .menu-item.__close:after {
        content: '×';
        font-family: caption;
        font-size: 20px;
        font-weight: bold;
        top: -3px;
    }

    .blade-nav .menu-item:after {
        color: #fff;
        content: '';
        left: 50%;
        margin: 0 0 0 -6px;
        position: absolute;
    }

    .blade-nav .menu-item:hover {
        background: #43b0e6;
    }

    .blade-nav .menu-item.__disabled:hover {
        background: none;
    }

    .blade-nav .menu-item > *:disabled {
        cursor: not-allowed;
    }

.blade-head .blade-t {
    color: #fff;
    left: 0;
    margin: 10px 20px;
    min-height: 34px;
    padding: 0 0 0 60px;
    position: absolute;
    right: 8px;
}

.blade-t .blade-t_ico {
    font-size: 34px;
    height: 34px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}

.blade-t .blade-t_head,
.blade-t .blade-t_subhead {
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blade-t .blade-t_head {
    font-size: 18px;
    margin: 6px 0 0;
}

.blade-t.__secondary .blade-t_head {
    font-size: 14px;
    margin: 0;
}

.blade-t .blade-t_subhead {
    color: #bbb;
    font-size: 11px;
}

.blade-head .blade-toolbar {
    background: #333;
    border-top: 1px solid #3d3d3d;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 8px;
    top: 79px;
    z-index: 50;
    -webkit-box-shadow: 0 1px 0 #2b2b2b inset;
    box-shadow: 0 1px 0 #2b2b2b inset;
    -webkit-transition: height .3s ease;
    transition: height .3s ease;
}

.blade-head .blade-switch {
    bottom: 4px;
    position: absolute;
    right: 28px;
    text-align: center;
    z-index: 100;
}

.blade-switch .switch-t {
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: 300;
    margin: 0 0 3px;
    text-transform: uppercase;
}

.blade-switch .form-control .form-label {
    margin: 0;
}

.blade-toolbar .menu {
    margin: 0 0 0 10px;
    white-space: normal;
}

.menu.__more .menu-item {
    margin: 5px 0;
}

.menu.__more .blade-switch {
    padding: 0 10px;
    position: static;
}

.blade-toolbar .menu-item {
    margin: 7px 0;
}

    .blade-toolbar .menu-item.__loading {
        pointer-events: none;
        position: relative;
    }

        .blade-toolbar .menu-item.__loading:after {
            background-color: #333;
            background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
            background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
            background-size: 30px 30px;
            bottom: 0;
            content: '';
            left: 0;
            opacity: .8;
            position: absolute;
            right: 0;
            top: 0;
            filter: alpha(opacity=80);
            -webkit-animation: linear 2s infinite progress;
            animation: linear 2s infinite progress;
        }

.blade-toolbar .menu-btn {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 300;
    display: block;
    padding: 0 10px;
    position: relative;
    text-align: center;
}

    .blade-toolbar .menu-btn:hover {
        color: #43b0e6;
    }

    .blade-toolbar .menu-btn:disabled {
        color: #fff;
        cursor: not-allowed;
    }

.blade-toolbar .menu-ico {
    display: block;
    font-size: 18px;
    margin: 0 0 3px;
}

.blade .blade-head,
.blade .blade-container {
    padding-right: 8px;
}

.blade .blade-wrapper,
.blade .blade-container,
.blade .blade-content,
.blade .blade-inner {
    height: 100%;
}

.blade .blade-container {
    height: calc(100% - 130px);
    overflow: hidden;
    position: relative;
    -webkit-transition: height .3s ease;
    transition: height .3s ease;
}

    .blade .blade-container.__loading {
        opacity: .25;
        pointer-events: none;
        filter: alpha(opacity=25);
    }

.blade-container .blade-static {
    background: #fbfdfe;
    border-color: #dee9f0;
    border-style: solid;
    border-width: 0 0 2px;
    height: 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .blade-container .blade-static.__quote {
        height: 230px;
    }

.blade-static.__collapsed .breadcrumbs {
    padding: 13px 20px;
}

.blade-static.__expanded .breadcrumbs {
    margin: 0 0 -15px;
    padding: 14px 20px;
}

.blade-static .form-group,
.blade-static .form {
    margin: 0 20px;
    padding: 17px 0;
    position: relative;
}

.blade-static .column .form-group {
    margin: 5px 10px 0 0;
    padding: 0;
}

.blade-static .column + .column .form-group {
    margin: 0 0 0 10px;
}

.blade-static .form-group .link {
    display: inline-block;
    font-size: 14px;
    margin: 12px 10px 0 0;
}

.blade-static .form-input.__search {
    width: 80%;
}

.blade-static .form-count {
    position: absolute;
    right: 0;
    top: 15px;
}

.blade-static .pagination {
    border: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.blade-static .btn + .btn {
    margin: 0 0 0 15px;
}

.blade-static.__expanded {
    height: 114px;
}

.blade-static.__collapsed {
    height: 60px;
}

.blade-static.__bottom {
    border-width: 2px 0 0;
    bottom: 0;
    left: 0;
    padding: 18px 20px;
    position: absolute;
    right: 8px;
    z-index: 100;
}

    .blade-static.__bottom .form-label {
        margin: 0 0 5px;
    }

.blade-static + .blade-content {
    height: calc(100% - 72px);
}

.blade-static.__quote + .blade-content {
    height: calc(100% - 230px);
}

.blade-static.__collapsed + .blade-content {
    height: calc(100% - 62px);
}

.blade-static.__expanded + .blade-content {
    height: calc(100% - 116px);
}

/* Normal to normal */
.blade-static + .blade-static.__bottom + .blade-content {
    height: calc(100% - 140px);
}

/* Collapsed to normal, Normal to collapsed */
.blade-static.__collapsed + .blade-static.__bottom + .blade-content,
.blade-static + .blade-static.__bottom.__collapsed + .blade-content {
    height: calc(100% - 130px);
}

/* Collapsed to collapsed */
.blade-static.__collapsed + .blade-static.__bottom.__collapsed + .blade-content {
    height: calc(100% - 120px);
}

/* Expanded to normal, Normal to expanded */
.blade-static.__expanded + .blade-static.__bottom + .blade-content,
.blade-static + .blade-static.__bottom.__expanded + .blade-content {
    height: calc(100% - 184px);
}

/* Expanded to expanded */
.blade-static.__expanded + .blade-static.__bottom.__expanded + .blade-content {
    height: calc(100% - 228px);
}

/* Collapsed to expanded, Expanded to collapsed */
.blade-static.__expanded + .blade-static.__bottom.__collapsed + .blade-content {
    height: calc(100% - 174px);
}

.blade-container .canceled + .blade-content {
    height: calc(100% - 45px);
}

.blade .blade-content {
    width: 420px;
    white-space: normal;
}

.blade.__active .blade-content {
    background: #f1fbfe;
}

.blade .blade-content.__gray {
    background-color: #fbfdfe;
}

.__canceled {
    background-color: #eff7fc;
}

.blade .blade-content.__medium-wide {
    width: 550px;
}

.blade .blade-content.__large-wide {
    width: 680px;
}

.blade .blade-content.__xlarge-wide {
    width: 810px;
}

.blade .blade-content.__xxlarge-wide {
    width: 940px;
}

.blade .blade-content.__tree {
    width: 340px;
}

.blade-content .table {
    min-width: 420px;
}

.blade-content.__medium-wide .table {
    min-width: 550px;
}

.blade .blade-content.blade-large {
    width: 710px;
}

.blade .blade-inner {
    overflow: hidden;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .blade .blade-inner::-webkit-scrollbar,
    .log::-webkit-scrollbar,
    .ui-grid-viewport::-webkit-scrollbar {
        background: transparent;
    }

    .blade .blade-inner::-webkit-scrollbar-track-piece,
    .log::-webkit-scrollbar-track-piece {
        background: #f9f9f9;
    }

    .blade .blade-inner::-webkit-scrollbar-thumb,
    .log::-webkit-scrollbar-thumb {
        background: #e6e6e6;
    }

.blade .__gray .blade-inner::-webkit-scrollbar-track-piece,
.ui-grid-viewport::-webkit-scrollbar-track-piece {
    background: #e9e9e9;
}

.blade .__gray .blade-inner::-webkit-scrollbar-thumb,
.ui-grid-viewport::-webkit-scrollbar-thumb {
    background: #d6d6d6;
}

.blade .blade-inner,
.log {
    -ms-scrollbar-arrow-color: #f9f9f9;
    -ms-scrollbar-face-color: #e6e6e6;
    -ms-scrollbar-shadow-color: #e6e6e6;
    -ms-scrollbar-track-color: #f9f9f9;
}

.blade .__gray .blade-inner,
.ui-grid-viewport {
    -ms-scrollbar-arrow-color: #e9e9e9;
    -ms-scrollbar-face-color: #d6d6d6;
    -ms-scrollbar-shadow-color: #d6d6d6;
    -ms-scrollbar-track-color: #e9e9e9;
}

.blade .blade-inner:hover {
    overflow-y: auto;
}

.blade .blade-inner.ui-grid-no-scroll:hover {
    overflow: visible;
}

.blade-inner .inner-block {
    width: 380px;
}

.blade-content.__medium-wide .inner-block {
    width: 510px;
}

.blade-content.__large-wide .inner-block {
    width: 640px;
}

.blade-content.__xlarge-wide .inner-block {
    width: 770px;
}

.blade-content.__xxlarge-wide .inner-block {
    width: 900px;
}

.blade-content.__tree .inner-block {
    width: 300px;
}

.blade-content.__code-editor .inner-block {
    width: auto;
}

.blade .blade-loader {
    padding: 20px;
    text-align: center;
}

.blade-loader .loading {
    color: #f3f3f3;
    display: inline-block;
    font-size: 60px;
    font-weight: bold;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
}

    .blade-loader .loading:after {
        color: #43b0e6;
        content: attr(data-title);
        font-size: 60px;
        left: 0;
        overflow: hidden;
        position: absolute;
        text-transform: uppercase;
        top: 0;
        white-space: nowrap;
        -webkit-animation: loading 2s infinite ease-in-out;
        animation: loading 2s infinite ease-in-out;
    }

.blade .example-mail {
    padding: 20px 0;
}

/* Image preview */
.image-preview {
    background: #fff;
    border: 2px solid #a1c0d4;
    height: 300px;
    line-height: 298px;
    overflow: hidden;
    position: fixed;
    width: 300px;
    z-index: 50;
}

    .image-preview * {
        display: inline-block;
        max-width: 100%;
        vertical-align: middle;
    }


/* Gridster */
.gridster {
    list-style: none;
}

    .gridster > ul {
        height: 100%;
    }

    .gridster > .list.__editing {
        background: url(../images/grid.png) repeat scroll 0 0;
    }

    .gridster gridster-item,
    .gridster .list-item {
        background: #fbfdfe;
        padding: 2px;
        position: absolute;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-shadow: 0 0 0 2px #dee9f0 inset;
        box-shadow: 0 0 0 2px #dee9f0 inset;
    }

        .gridster .list-item.error {
            background: #f2dede;
            color: #e0a9a9;
            -webkit-box-shadow: 0 0 0 2px #ebccd1 inset;
            box-shadow: 0 0 0 2px #ebccd1 inset;
        }

        .gridster .list-item.success {
            background: #dff0d8;
            color: #b2e0a9;
            -webkit-box-shadow: 0 0 0 2px #d6e9c6 inset;
            box-shadow: 0 0 0 2px #d6e9c6 inset;
        }

        .gridster .list-item.warning {
            background: #fcf8e3;
            color: #e0d8a9;
            -webkit-box-shadow: 0 0 0 2px #faebcc inset;
            box-shadow: 0 0 0 2px #faebcc inset;
        }

        .gridster .list-item.info {
            background: #d9edf7;
            color: #a9d1e0;
            -webkit-box-shadow: 0 0 0 2px #bce8f1 inset;
            box-shadow: 0 0 0 2px #bce8f1 inset;
        }

    .gridster .gridster-item-moving {
        opacity: .7;
        filter: alpha(opacity=70);
    }

    .gridster gridster-item:hover,
    .gridster .list-item:hover {
        -webkit-box-shadow: 0 0 0 2px #a1c0d4 inset;
        box-shadow: 0 0 0 2px #a1c0d4 inset;
    }

    .gridster .list:not(.__editing) .list-item .customize {
        background: #a1c0d4;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        left: 0;
        padding: 3px 10px;
        position: absolute;
        text-align: center;
        top: -22px;
        z-index: 50;
    }

.customize .custom-ico {
    color: #fff;
    font-size: 12px;
}

.gridster-preview-holder {
    background: #dee9f0;
    border-color: #a1c0d4;
    border-style: dashed;
    border-width: 1px;
}

.gridster .gridster-preview-holder {
    background: #dee9f0;
    border-color: #a1c0d4;
    border-style: dashed;
    border-width: 1px;
}

.gridster .gridster-cnt,
.gridster [ng-model="widget"] {
    overflow: hidden;
    text-align: center;
}

.gridster .gridster-cnt {
    cursor: pointer;
    bottom: 10px;
    left: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.gridster [ng-model="widget"] {
    cursor: move;
    height: 100%;
    width: 100%;
}

.gridster .gridster-cnt.__info,
.gridster .gridster-cnt.__note {
    cursor: inherit;
    bottom: 2px;
    left: 2px;
    right: 2px;
    top: 2px;
}

.gridster .gridster-cnt.__note {
    cursor: pointer;
}

.gridster .gridster-cnt::after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.gridster-cnt .cnt-inner {
    display: inline-block;
    height: auto;
    line-height: 1.4;
    margin: -24px 0 0;
    padding: 0;
    vertical-align: middle;
    word-spacing: 0;
}

.gridster .image {
    border: 1px solid #dee9f0;
    height: 50px;
    left: 69px;
    position: absolute;
    top: 69px;
    width: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .gridster .image::after {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .gridster .image img {
        display: block;
        max-height: 100%;
        max-width: 100%;
    }

.gridster .list-t,
.gridster .gallery-descr {
    color: #4c4c4c;
    font-size: 12px;
    font-weight: 500;
    word-spacing: 0;
}

.gridster .list-price {
    color: #43b0e6;
    font-size: 12px;
}

.gridster .list-count {
    color: #43b0e6;
    font-size: 22px;
    font-weight: 300;
}

    .gridster .list-count + .list-t {
        font-size: 12px;
    }

.gridster .list-ico,
.gridster .gallery-ico,
.gridster .comment-ico {
    color: #dee9f0;
    font-size: 24px;
}

.gridster .gallery-ico,
.gridster .comment-ico {
    font-size: 48px;
}

.gridster .list-item:hover .list-ico,
.gridster .list-item:hover .gallery-ico,
.gridster .list-item:hover .comment-ico {
    color: #a1c0d4;
}

.gridster .list-img {
    border: 1px solid #dee9f0;
    display: inline-block;
    height: 50px;
    vertical-align: middle;
    width: 50px;
}

    .gridster .list-img * {
        display: block;
        max-width: 100%;
    }


/* Tooltip */
.tooltip {
    font-family: 'Exo 2';
    font-size: 12px;
    position: absolute;
    z-index: 100;
}

    .tooltip .tooltip-arrow {
        border-color: transparent;
        border-style: solid;
        position: absolute;
        width: 0;
        height: 0;
    }

    .tooltip.left,
    .tooltip.right {
        padding: 0 8px;
    }

        .tooltip.left {
            margin-left: -3px;
        }

        .tooltip.right {
            margin-left: 3px;
        }

    .tooltip.top,
    .tooltip.bottom {
        padding: 8px 0;
    }

        .tooltip.top {
            margin-top: -3px;
        }

        .tooltip.bottom {
            margin-top: 3px;
        }

    .tooltip.left .tooltip-arrow,
    .tooltip.right .tooltip-arrow {
        top: 50%;
        margin-top: -8px;
    }

        .tooltip.left .tooltip-arrow {
            border-left-color: #43b0e6;
            border-width: 8px 0 8px 8px;
            right: 0;
        }

        .tooltip.right .tooltip-arrow {
            border-right-color: #43b0e6;
            border-width: 8px 8px 8px 0;
            left: 0;
        }

    .tooltip.top .tooltip-arrow,
    .tooltip.bottom .tooltip-arrow {
        left: 50%;
        margin-left: -8px;
    }

        .tooltip.top .tooltip-arrow {
            border-top-color: #43b0e6;
            border-width: 8px 8px 0 8px;
            bottom: 0;
        }

        .tooltip.bottom .tooltip-arrow {
            border-bottom-color: #43b0e6;
            border-width: 0 8px 8px 8px;
            top: 0;
        }

    .tooltip .tooltip-inner {
        background: #43b0e6;
        color: #fff;
        padding: 10px;
        max-width: 600px;
    }

/* Informer */
.__informer {
    background: #ecf7fc;
    color: #a1c0d4;
    font-size: 22px;
    padding: 10px;
    -webkit-box-shadow: 0 0 0 2px #dee9f0 inset;
    box-shadow: 0 0 0 2px #dee9f0 inset;
}

    .__informer::after {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .__informer * {
        display: inline-block;
        line-height: 1.2;
        vertical-align: middle;
    }

.iframe-cnt {
    bottom: 20px;
    left: 20px;
    position: absolute;
    right: 280px;
    top: 20px;
}

.lookbook {
    background: #fff;
    bottom: 20px;
    position: absolute;
    right: 28px;
    top: 20px;
    width: 240px;
}



/* Tabs */
.tabs-elements {
    margin: 0 -20px;
    padding: 18px 0 0;
    overflow: hidden;
    position: relative;
}

.tabs .tab-item {
    background: #dee9f0;
    border-top: 1px solid #dee9f0;
    color: #43b0e6;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: 600;
    height: 34px;
    line-height: 26px;
    position: relative;
    top: 2px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .tabs .tab-item + .tab-item {
        border-left: 1px solid #fff;
    }

    .tabs .tab-item.__selected {
        background: #fff;
        border-bottom: 2px solid #fff;
        line-height: 30px;
        top: 0;
    }

    .tabs .tab-item:nth-last-child(2),
    .tabs .tab-item:nth-last-child(2) ~ .tab-item {
        width: 50%;
    }

    .tabs .tab-item:nth-last-child(3),
    .tabs .tab-item:nth-last-child(3) ~ .tab-item {
        width: 33.3333%;
    }

    .tabs .tab-item:nth-last-child(4),
    .tabs .tab-item:nth-last-child(4) ~ .tab-item {
        width: 25%;
    }

    .tabs .tab-item:nth-last-child(5),
    .tabs .tab-item:nth-last-child(5) ~ .tab-item {
        width: 20%;
    }

.tabs .tab-cnt {
    clear: both;
    display: none;
    padding: 10px 0;
}

    .tabs .tab-cnt.__opened {
        display: block;
    }

.tab-cnt h1,
.tab-cnt h2,
.tab-cnt h3 {
    margin: 20px 0;
}

.tab-cnt p,
.tab-cnt ul,
.tab-cnt ol {
    margin: 0 0 10px;
}

.tab-cnt img {
    margin: 10px 0;
}

/* Popup */
.overlay {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 9000;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.gallery-tpl {
    display: none;
}


.overlay.__loaded {
    background: rgba(0,0,0,.7);
}

.overlay .overlay-cnt {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

    .overlay .overlay-cnt::after {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.overlay .popup {
    background: #fff;
    border: 5px solid #a1c0d4;
    bottom: 40px;
    font-family: 'Exo 2';
    left: 80px;
    position: absolute;
    right: 80px;
    top: 40px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.popup .popup-cnt {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.modal-body .popup-close {
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 50;
}

.modal-body .gallery {
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.gallery .image-link {
    background: #a1c0d4;
    color: #fff;
    left: 0;
    height: 45px;
    line-height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 25;
}

.gallery .__slides,
.gallery .__slides .list-item {
    height: 100%;
    width: 100%;
}

.gallery .control {
    color: #a1c0d4;
    font-size: 30px;
    left: -50px;
    position: absolute;
    text-align: center;
    top: 50%;
    z-index: 5;
    -webkit-transition: .35s ease;
    transition: .35s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .gallery .control::after {
        content: '';
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

    .gallery .control:hover {
        color: #43b0e6;
    }

.gallery:hover .ctrl-l {
    left: 20px;
}

.gallery .ctrl-r {
    left: auto;
    right: -50px;
}

.gallery:hover .ctrl-r {
    right: 20px;
}

.gallery .__slides {
    padding: 55px 0 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.__slides .list-item {
    float: left;
}

    .__slides .list-item::after {
        content: '';
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

.__slides .list-img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}

.gallery .__navs {
    bottom: -100px;
    height: 50px;
    position: absolute;
    left: 50%;
    -webkit-transition: .35s ease;
    transition: .35s ease;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.gallery:hover .__navs {
    bottom: 20px;
}

.__navs .list-item {
    background: #fff;
    border: 1px solid #dee9f0;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    margin: 0 4px;
    opacity: .5;
    width: 50px;
    filter: alpha(opacity=50);
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .__navs .list-item:hover,
    .__navs .list-item.__selected {
        border-color: #a1c0d4;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .__navs .list-item::after {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .__navs .list-item .list-img {
        display: inline-block;
        max-height: 100%;
        max-width: 100%;
        vertical-align: middle;
    }