.fieldset-form
{
    padding: 0 22px;
    border: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 45px;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: rgba(0, 0, 0, 0.87);
}

.fieldset-form legend
{
    width: 100%;
    padding: 0 0px;
    margin-left: 12px;
    padding-top: 15px;
    border-bottom: none;
    float: left;
    color: rgba(0, 0, 0, 0.70);
}

.head-title
{
    margin: 0;
    font-size: 29px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.71);
    margin-bottom: 13px;
}

@media screen and (max-width: 900px) {
    .fieldset-form
    {
        padding: 0;
        border: 0 none;
        border-top: 1px solid #e5e5e5;
    }

    .fieldset-form > div
    {
        padding: 0;
    }
}

.bootstrap-select *,
.bootstrap-select .dropdown-menu li
{
    float: none;
    width: 100%;
}

.bootstrap-select > button
{
    padding: 10px;
    height: 34px;
}

.nav-menu
{
    float: left;
    width: 255px;
    background-color: #364150;
    color: #b4bcc8;
    padding-top: 50px;
    font-family: "OpenSans", sans-serif, arial;
    z-index: 10;
    position: relative;
}

.nav-menu div
{
    float: left;
}

.nav-menu + div
{
    float: right;
    margin-top: 50px;

    width: calc(100% - 255px);
}

.nav-menu ul
{
    float: left;
    display: block;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.nav-menu .list-menu .block-menu
{
    border-top: 1px solid #3d4957;
}

.nav-menu .list-menu
{
    width: 100%;
    padding-top: 25px;
}

.nav-menu .list-menu .block-menu
{
    width: 100%;
}

.nav-menu .list-menu .header
{
    width: 100%;
    text-transform: uppercase;
    padding: 18px 64px 18px 15px;
    font-weight: 300;
    color: #708096;
    font-size: 16px;
    position: relative;
    cursor: pointer;
}

.nav-menu .list-menu .block-menu .header:before
{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 0px;
    background-color: #00bfa5;

    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.nav-menu .list-menu .block-menu.open .header:before
{
    width: 5px;
}

.nav-menu .list-menu .header:hover
{
    background-color: #3e4a5b;
}

.nav-menu .list-menu .header .fa-angle-down
{
    position: absolute;
    right: 16px;
    font-size: 23px;
    top: 19px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.nav-menu .list-menu .block-menu.open .header .fa-angle-down
{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.nav-menu .list-menu .block-menu .header .quantity
{
    position: absolute;
    right: 40px;
    top: 22px;
    background-color: #ff1744;
    color: #fff;
    font-size: 11px;
    border-radius: 12px;
    padding: 1px 5px 1px 4px;
    text-shadow: 0px 0px;
    min-width: 24px;
    text-align: center;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.nav-menu .list-menu .block-menu .header .quantity.empty
{
    background-color: #777;
}

.nav-menu .list-menu .block-menu.open .header .quantity
{
    opacity: 0.1;
}

.nav-menu .list-menu ul.menu > li.active > a > span.title .badge
{
    opacity: 0.1;
}

.nav-menu .list-menu .block-menu.with-connect .connect-btn
{
    display: block;
}

.nav-menu .list-menu .block-menu.with-connect .quantity,
.nav-menu .list-menu .block-menu.with-connect .header .fa
{
    display: none;
}

.nav-menu .list-menu .connect-btn
{
    float: left;
    width: 100%;
    color: #36c6d3;
    display: none;
}

.nav-menu .list-menu .connect-btn a
{
    float: left;
    width: 100%;
    padding: 10px 15px 10px 35px;
    color: #b4bcc8;
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    display: block;
    color: #36c6d3;
    position: relative;
    border-top: 1px solid #3d4957;

    opacity: 0.7;

    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.nav-menu .list-menu .connect-btn a:hover
{
    opacity: 1;
}

.nav-menu .list-menu .connect-btn .badge
{
    background-color: transparent;
    position: absolute;
    right: 14px;
    top: 12px;

    border: 1px solid #36c6d3;
    color: #36c6d3;
}


.nav-menu .list-menu .menu li
{
    float: left;
    display: block;
    width: 100%;
}

.nav-menu .list-menu .menu .item a
{
    color: #b4bcc8;
    text-decoration: none;
    /*font-size: 14px;*/
    font-size: 16px;
    font-weight: 300;
    display: block;
}

.nav-menu .list-menu .menu .item .title-block
{
    padding: 10px 15px 10px 40px;
    border-bottom: 1px solid #3d4957;
    position: relative;
}

.nav-menu .list-menu .menu .item:last-child .title-block
{
    border-bottom: none;
}

.nav-menu .list-menu .menu .item.open .title-block,
.nav-menu .list-menu .menu .item .title-block:hover
{
    background: #2C3542;
}

.nav-menu .list-menu .menu .item.active .title-block
{
    background: #36c6d3;
    border-top-color: transparent;
    color: #fff;
}

.nav-menu .list-menu .menu .item .title-block .icon
{
    color: #6b788b;
    font-size: 17px;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 30px;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.nav-menu .list-menu .menu .item.open .title-block .icon
{
    color: #606C7D;
}

.nav-menu .list-menu .menu .item.active .title-block .icon
{
    color: #fff;
}

.nav-menu .list-menu .menu .item .submenu 
{
    display: none;
}

.nav-menu .list-menu .menu .item .submenu li a
{
    padding: 6px 15px 6px 43px;
}

.nav-menu .list-menu .menu .item .submenu li:hover a
{
    background: #3e4b5c;
}

.nav-menu .list-menu .menu .item.open .submenu,
.nav-menu .list-menu .menu .item.active .submenu  
{
   display: block;
}

.nav-menu .list-menu .block-menu .menu .item .submenu 
{
    overflow: hidden;
    /*max-height: 0px;*/
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.nav-menu .list-menu .block-menu .menu .item.open .submenu
{
    max-height: 2000px;
}

.nav-menu .list-menu .block-menu .menu .item.active .title-block .arrow
{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.nav-menu .list-menu .block-menu .menu .item.active.open .title-block .arrow
{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.nav-menu .list-menu .block-menu .menu > .item .title-block .title .badge 
{
    position: relative;
    top: 2px;
}

.nav-menu .list-menu .block-menu .menu .item .submenu .badge 
{
    position: relative;
    top: 3px;
}

.nav-menu .list-menu .menu .item .title-block .triangle
{
    float: right;
    position: absolute;
    right: 0;
    top: 8px;
    background: 0 0;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #fff;
    display: none;
}

.nav-menu .list-menu .menu .item.active .title-block .triangle
{
    display: block;
}


.nav-menu .list-menu .menu .item .title-block .arrow:before
{
    content: "\f104";
    float: right;
    width: 20px;
    text-align: center;
    display: inline;
    font-size: 17px;
    font-family: FontAwesome;
    height: auto;
    font-weight: 300;
    text-shadow: none;
    position: absolute;
    top: 8px;
    right: 14px;
    color: #606C7D;
}

.nav-menu .list-menu .menu .item.active .title-block .arrow:before
{
    color: #fff;
}

.nav-menu .list-menu .menu .item.open .title-block .arrow:before
{
    content: "\f107";
}

.nav-menu .search-form
{
    float: left;
    padding: 10px 15px;
    width: 100%;
}

.nav-menu .search-form .form-inp
{
    width: 100%;
    position: relative;
}

.nav-menu .search-form .form-inp input
{
    float: left;
    width: 100%;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    border-bottom: 1px solid #435060;
    background-color: #364150;
    color: #4e5d6f;
    padding-bottom: 0px;
}

.nav-menu .search-form .form-inp input:focus
{
    border-bottom: 1px solid #515f71;   
}

.nav-menu .search-form .form-inp .search-btn
{
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 15px;
    z-index: 3;
    color: #4e5d6f;
    width: 30px;
    text-align: right;
    padding-top: 10px;
    color: #b4bcc8;
    opacity: 0.2;
    text-decoration: none;
}

.nav-menu .search-form .form-inp .search-btn:hover
{
    opacity: 0.4;  
}

.wrap .breadcrumb,
.navbar-header,
.navbar-inverse,
.dropdown-quick-sidebar-toggler
{
    display: none;
}

.footer
{
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 5;
    padding-bottom: 10px;
}

.head-top
{
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #2b3643;
    /*z-index: 50;*/
    z-index: 100;
    height: 50px;
    color: #c6cfda;
    /*padding-right: 30px;*/
    padding-right: 15px;

    /*background-color: red;*/
}

.head-top div
{
    float: left;
}

.head-top .action-block
{
    float: right;
    height: 100%;
    text-align: right;
    height: 100%;

    max-width: -webkit-calc(100% - 235px);
    max-width: -moz-calc(100% - 235px);
    max-width: -ms-calc(100% - 235px);
    max-width: calc(100% - 235px);
}

.head-top .action-block .item
{
    display: inline-block;
    color: #c6cfda;
    height: 100%;
    text-decoration: none;
    /*padding: 18px 12px 10px 12px;*/
    position: relative;
    margin: 0px 3px;
    text-align: center;
    padding: 4px 12px;
    float: left;
    
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: flex-start;
    -webkit-justify-content: flex-start;

}

.head-top .action-block .item:hover
{
    background-color: #3f4f62;
}

.head-top .action-block .item i
{
    font-size: 18px;
    color: #79869a;
    width: 1.25em;
}


.head-top .action-block .item .badge 
{
    font-family: "Open Sans",sans-serif;
    position: absolute;
    top: 10px;
    right: 20px;
    font-weight: 300;
    padding: 3px 6px;
    border-radius: 12px!important;
    text-shadow: none!important;
    text-align: center;
    font-size: 11px;
    background-color: #36c6d3;
    color: #fff;
}

.head-top .logo-block a
{
    float: left;
    display: inline-block;
    height: 100%;
}

.head-top .logo-block
{
    width: 235px;
    height: 100%;
    position: relative;
    padding: 3px 35px 3px 55px;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: flex-end;
    -webkit-justify-content: flex-end;

}

.head-top .logo-block .logo
{
    max-width: 100%;
    max-height: 100%;
}

.head-top .logo-block .burger-block
{
    width: 60px;
    position: absolute;
        left: -8px;
    height: 100%;
    top: 0px;
    cursor: pointer;
    z-index: 5;
    opacity: .7;
    webkit-transition: opacity .15s;
    -moz-transition: opacity .15s;
    -ms-transition: opacity .15s;
    -o-transition: opacity .15s;
    transition: opacity .15s;
}

.head-top .logo-block .burger-block:hover
{
    opacity: 1;
}

.head-top .logo-block .burger
{
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 20px;
    display: block;
}

.head-top .logo-block .burger .icon
{
    position: relative;
}

.head-top .logo-block .burger .icon, 
.head-top .logo-block .burger .icon:after, 
.head-top .logo-block .burger .icon:before
{
    display: inline-block;
    width: 21px;
    height: 1px;
    background-color: #a7b5c6;
    position: relative;
    top: -6px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.head-top .logo-block .burger .icon:before, 
.head-top .logo-block .burger .icon:after 
{
    content: '';
    position: absolute;
    left: 0;
}

.head-top .logo-block .burger .icon:before
{
    top: 6px;
}

.head-top .logo-block .burger .icon:after
{
    top: -6px;
}



.close-menu .nav-menu
{
    width: 45px;
}

.close-menu .nav-menu .list-menu .header
{
    display: none;
}

.close-menu .nav-menu .list-menu .menu .item 
{
    position: relative;
}

.close-menu .nav-menu .list-menu .menu .item .title-block
{
    height: 40px;
    width: 100%;
    padding: 0px;
}

.close-menu .nav-menu .list-menu .menu .item .title-block .icon
{
    position: static;   
}

.close-menu .nav-menu .list-menu .menu .item .title-block .title
{
    display: none;
}

.close-menu .nav-menu .list-menu .menu .item .title-block .arrow
{
    display: none;
}


.close-menu .nav-menu .list-menu .menu .item .submenu
{
    position: absolute;
    background-color: #364150;
    z-index: 70;
    top: 0px;
    left: 46px;
    min-width: 210px;
    display: none;
}

.close-menu .nav-menu .list-menu .menu .item:hover .submenu
{
    display: block;
}



.close-menu .nav-menu .list-menu .menu .item .submenu li
{
    float: none;
}

.close-menu .nav-menu .list-menu .menu .item .title-block .triangle
{
    right: -3px;
}

.nav-menu .list-menu .menu .item .submenu li.head
{
    display: none;
}
.close-menu .nav-menu .list-menu .menu .item .submenu li.head
{
    display: block;
}


.close-menu .nav-menu .list-menu .menu .item .submenu li.head a
{
    min-height: 40px;
    padding: 10px 15px 6px 15px;
    background: #2C3542;
}

.close-menu .nav-menu .list-menu .menu .item.active .submenu li.head a
{
    background: #36c6d3;
    color: #fff;
}

.close-menu .nav-menu .list-menu .menu .item:hover .triangle
{
    display: none;
}

.wrap > .container
{
    padding-top: 25px;
}

.nav-menu .list-menu .menu li .badge
{
    float: right;
}

.nav-menu .list-menu .menu .item .submenu li.active
{
    background-color: rgba(54, 198, 211, 0.75);
}

.nav-menu .list-menu .menu .item .submenu li.active a
{
    color: white;
}

.dashboard .card-new
{
    height: 250px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    margin: 10px;
    width: 32%;

    border: 0px none;
    background-color: #efefef;

    font-weight: 500;

    float: left;

    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.dashboard .card-new.half-size
{
    width: 15.3%;
}

.dashboard .card-new *
{
    float: left;
}

.dashboard .card-new:hover
{
    -webkit-box-shadow:  0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow:  0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.dashboard .card-new > .title
{
    width: 100%;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
}

.dashboard .card-new > .icon
{
    width: 30%;
    padding: 30px;
    text-align: center;
    padding-top: 23px;

    height: -webkit-calc(100% - 62px);
    height: -moz-calc(100% - 62px);
    height: -ms-calc(100% - 62px);
    height: calc(100% - 62px);
}

.dashboard .card-new > .icon .icon-img
{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
}

.dashboard .card-new > .icon i
{
    font-size: 55px;
    float: none;
}

.dashboard .card-new > .content
{
    width: 70%;
    padding: 10px;
}

.dashboard .card-new > .content > .line
{
    width: 100%;
    font-size: 22px;
    border-bottom: 1px solid;
    margin-bottom: 5px;
    color: inherit;
}

.dashboard .card-new > .content > .line:hover
{
    opacity: 0.5;
}

.dashboard .card-new > .content > .line:last-child
{
    border: 0px none;
}

.dashboard .card-new > .content > .line > .title
{
    width: 70%;
    text-align: right;
    font-size: 20px;
    padding-top: 5px;
}

.dashboard .card-new > .content > .line > .value
{
    margin-left: 10px;
    font-size: 26px;
    font-weight: bold;
}

.dashboard .card-new.card-center > .icon
{
    width: 100%;
    height: 60%;
    text-align: center;
}

.dashboard .card-new.card-center > .icon > i
{
    width: 100%;
    font-size: 90px;
    padding-top: 30px;
}

.dashboard .card-new.card-center > .content
{
    width: 100%;
    height: 40%;
    text-align: center;
}

.dashboard .card-new.card-center > .content > a
{
    width: 100%;
    font-size: 28px;
    color: #2b3643;
    font-weight: 100;
}

.dashboard .card-new.purple
{
    background-color: #4a148c;
    color: rgba(255, 255, 255, 0.901961);
}

.dashboard .card-new.purple > .content > .line
{
    border-color: rgba(255, 255, 255, 0.16);
}

.dashboard .card-new.pink
{
    background-color: #880e4f;
    color: rgba(255, 255, 255, 0.901961);
}

.dashboard .card-new.pink > .content > .line
{
    border-color: rgba(255, 255, 255, 0.16);
}

.dashboard .card-new.indigo
{
    background-color: #303f9f;
    color: rgba(255, 255, 255, 0.901961);
}

.dashboard .card-new.indigo > .content > .line
{
    border-color: rgba(255, 255, 255, 0.16);
}

.dashboard .card-new.cyan
{
    background-color: #00838f;
    color: rgba(255, 255, 255, 0.901961);
}

.dashboard .card-new.cyan > .content > .line
{
    border-color: rgba(255, 255, 255, 0.16);
} 

.dashboard .card-new.lime
{
    background-color: #fbc02d;
    color: rgba(255, 255, 255, 0.901961);
}

.dashboard .card-new.lime > .content > .line
{
    border-color: rgba(255, 255, 255, 0.16);
}

.dashboard .card-new.light-green
{
    background-color: #558b2f;
    color: rgba(255, 255, 255, 0.901961);
}

.dashboard .card-new.light-green > .content > .line
{
    border-color: rgba(255, 255, 255, 0.16);
}

.dashboard .card-new.orange
{
    background-color: #e65100;
    color: rgba(255, 255, 255, 0.901961);
}

.dashboard .card-new.orange > .content > .line
{
    border-color: rgba(255, 255, 255, 0.16);
}

.dashboard .card
{
    height: 150px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    margin: 10px;
    width: 23%;

    cursor: pointer;

    border: 1px solid;
    background-color: #fff;

    -webkit-transition:  0.2s;
    -o-transition:  0.2s;
    transition:  0.2s;
}

.dashboard .card:hover
{
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.dashboard .card.lime
{
    border-color: #c6ff00;
}

.dashboard .card.lime .icon
{
    color: #c6ff00;
}

.dashboard .card.green
{
    border-color: #00e676;
}

.dashboard .card.green .icon
{
    color: #00e676;
}

.dashboard .card.orange
{
    border-color: #f9a825;
}

.dashboard .card.orange .icon
{
    color: #f9a825;
}

.dashboard .card.blue
{
    border-color: #00b0ff;
}

.dashboard .card.blue .icon
{
    color: #00b0ff;
}

.dashboard .card .count
{
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px;
    font-size: 45px;

    z-index: 1;
}

.dashboard .card .title
{
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 10px;
    font-size: 18px;
    text-align: right;

    z-index: 1;
}

.dashboard .card .icon
{
    padding: 20px;
}

.dashboard .card .icon i
{
    font-size: 75px;
}

.dashboard .card > a
{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.edit-model-wrapper h1
{
    margin: 0px 15px;
    margin-bottom: 40px;
    padding: 18px 0;
    font-size: 30px;
    border-bottom: 1px solid #d4d4d4;
    color: rgba(43, 54, 67, 0.82);
}

.edit-model-wrapper .lang-selecet
{
    float: right;
    font-size: 25px;
}

.edit-model-wrapper .lang-selecet > *
{
    float: left;
}

.edit-model-wrapper .lang-selecet a .title
{
    padding-right: 5px;
    /* width: 100%; */
    padding-left: 5px;
    text-shadow: black;
    position: relative;
    top: 25px;
    font-size: 17px;
}

.edit-model-wrapper .lang-selecet a
{
    /*border-right: 1px solid gainsboro;*/
    /*padding-right: 5px;*/
    /*margin-left: 5px;*/
    margin-right: 8px;
    font-weight: 100;
    background-size: contain;
    /*background-color: rgba(128, 128, 128, 0.35);*/
    width: 30px;
    background-repeat: no-repeat;
}

.edit-model-wrapper .lang-selecet a.empty
{
    opacity: 0.5;
}

.edit-model-wrapper .lang-selecet a.active
{
    font-weight: bold;
    color: rgba(43, 54, 67, 0.82);
}

.edit-model-wrapper h1 > .flag-title
{
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    margin-right: 5px;
}

.edit-model-wrapper h2.sub-title
{
    margin: 17px;
    font-size: 18px;
    position: relative;
    top: -15px;
    float: left;
}

.action-bar
{
    position: fixed;
    z-index: 100;
    right: 11%;
    bottom: 12%;
}

.btn:not(.btn-link)
{
    border-radius: 1px;

    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;

    font-size: 13px;
    padding: 8px 14px;

    -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
    box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
}

.btn .fa
{
    padding-right: 15px;
    font-size: 17px;
}

.btn-success
{
    background-color: #00bfa5;
    border-color: #00bfa5;

    text-transform: uppercase;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success,
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus
{
    background-color: #00bfa5;
    border-color: #00bfa5;

    opacity: 0.7;
}

.btn-primary {
    color: #fff;

    text-transform: uppercase;

    background-color: #2196f3;
    border-color: #2196f3;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus
{
    /*background-color: #2196f3;
    border-color: #2196f3;
    opacity: 0.7;*/
    background-color: #64b6f7;
    border-color: #64b6f7;
    opacity: 1;
}

.btn-danger {
    color: #fff;

    text-transform: uppercase;

    background-color: #ef5350;
    border-color: #ef5350;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger,
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus
{
    background-color: #ef5350;
    border-color: #ef5350;

    opacity: 0.7;
}

.btn-warning {
    color: #fff;

    text-transform: uppercase;

    background-color: #ff6d00;
    border-color: #ff6d00;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning,
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus
{
    background-color: #ff6d00;
    border-color: #ff6d00;

    opacity: 0.7;
}

.btn-default {
    color: #333;

    text-transform: uppercase;

    background-color: transparent;
    border-color: transparent;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus
{
    background-color: rgba( 0, 0 ,0, 0.15 );
    border-color: transparent;
}

.round-btn
{
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 32px;
    font-size: 16px;
    -webkit-box-shadow:  0 3px 10px 0 rgba(0,0,0,0.1),0 4px 10px 0 rgba(0,0,0,0.1);
    box-shadow:  0 3px 10px 0 rgba(0,0,0,0.1),0 4px 10px 0 rgba(0,0,0,0.1);
}

.wrap .action-bar .round-btn
{
    white-space: nowrap;
}

.round-btn .fa
{
    padding-right: 0px;
}

.round-btn .icon
{
    float: left;
}

.round-btn .title
{
    overflow: hidden;
    max-width: 0px;
    margin-left: 0px;
    float: left;

    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.round-btn:hover .title
{
    max-width: 500px;
    margin-left: 10px;
}

.wrap .table-action .btn
{
    -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1),0 4px 10px 0 rgba(0,0,0,0.1);
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1),0 4px 10px 0 rgba(0,0,0,0.1);
}

.table
{
    -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1),0 4px 10px 0 rgba(0,0,0,0.1);
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1),0 4px 10px 0 rgba(0,0,0,0.1);
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid rgba(221, 221, 221, 0.26);
}

.gridview-wrapper table tr td.action
{
    text-align: center;
}

.gridview-wrapper table tr td.action > .table-actions-group > a
{
    float: none;
    display: inline-block;
    margin: 2px;
}

.gridview-wrapper table tr td.action > .table-actions-group > .dropdown
{
    float: right;
    display: block;
    margin: 0px 2px 4px 2px;
}

.gridview-wrapper table tr td.action > .table-actions-group > .dropdown > .btn
{
    border: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 13px;
    padding: 4px;
    color: rgba(51, 51, 51, 0.69);
}

.gridview-wrapper table tr td.action > .table-actions-group > .dropdown > .btn > *
{
    font-size: 22px;
}

.gridview-wrapper table tr td.action > .table-actions-group > .dropdown > .btn:hover
{
    background-color: rgba( 0, 0 ,0, 0 );
    color: #000;
}

.gridview-wrapper table tr td.action > .table-actions-group > .dropdown .dropdown-menu
{
    font-size: 18px;
    border-radius: 0px;
    padding: 11px 6px;
}

.gridview-wrapper table tr td.action > .table-actions-group > .dropdown ul.dropdown-menu li
{
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.07);
}

.gridview-wrapper table tr td.action > .table-actions-group > .dropdown ul.dropdown-menu li a .fa
{
    font-size: 20px;
    margin-right: 10px;
}

.gridview-wrapper table tr td.action > .table-actions-group > .dropdown ul.dropdown-menu li:last-of-type
{
    margin-bottom: 0px;
    border-bottom: 0px none;    
}

@media ( min-width: 1001px )
{
    .gridview-wrapper table tr td.action > .table-actions-group > a
    {
        float: left;
        display: block;
    }
}

.gridview-wrapper table tr td.action a > span
{
    margin: 0px !important;
}

.grid-view table td a .glyphicon,
.grid-view table td a .btn-action
{
    width: 35px;
    height: 35px;
    text-align: center;
    padding-top: 10px;
    border-radius: 50%;
    background-color: #00bfa5;
    color: #fff;
    float: left;
    margin-bottom: 10px;

    -webkit-transition:  opacity 0.2s;
    -o-transition:  opacity 0.2s;
    transition:  opacity 0.2s;

    margin-right: 5px;
}

.grid-view table td a .glyphicon:hover,
.grid-view table td a .btn-action:hover
{
    opacity: 0.7;
}

.grid-view table td a .btn-action
{
    background-color: #fff;
    color: #2b3643;
    border-color: #2b3643;
    border: 1px solid;
}

.grid-view table td a .btn-action.active {
    background-color: #00bfa5;
    color: #fff
}

.grid-view table td a .glyphicon.glyphicon-trash
{
    background-color: #ef5350;
}

.category-list-wrapper
{
    float: left;
    width: 25%;
    padding-right: 25px;
}

.gridview-wrapper
{
    float: left;
    width: 100%;
}


.category-list-wrapper + .gridview-wrapper,
.index-page .category-list-wrapper + .gridview-wrapper
{
    width: 75%;
    padding-top: 10px;
}

.list-group.category-block
{
    width: 100%;
    max-width: 400px;
    border-left: 3px solid #5bc0de;
    padding-left: 10px;
    /*overflow: hidden;
    height: 41px;*/
}

.list-group.category-block.open
{
    height: auto;
}

.list-group.category-block > h4
{
    color: #5bc0de;
}

.list-group.category-block .btn-panel
{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    cursor: default;
}

.list-group.category-block .list-group-item
{
    overflow: hidden;
}

.list-group.category-block .list-group-item .btn.btn-list-right
{       
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    border-radius: 0px;
    border-top: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
}

.list-group.category-block .list-group-item .btn.btn-list-right.btn-list-control .glyphicon
{
    cursor: pointer;
    color: #337ab7;
}

.list-group.category-block .list-group-item .btn.btn-list-right.btn-list-control
{
    -webkit-transition:  0.6s;
    -o-transition:  0.6s;
    transition:  0.6s;
    /*-webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;*/
    right: -60px;
}

.list-group.category-block .list-group-item:hover .btn.btn-list-right.btn-list-control
{
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    right: 43px;
    /*-webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;*/
}

.list-group.category-block .submenu .list-group-item
{
    border-left: 3px rgba(91, 192, 222, 0.52) solid;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
}

.list-group.category-block .submenu .list-group-item .btn-panel a:last-child
{
    padding-right: 0px;
}

.list-group.category-block .submenu .list-group-item .btn-panel a
{
    padding-right: 9px;
    margin-top: 4px;
    float: left;
    display: inline-block;
}

.list-group.category-block .submenu .list-group-item .btn.btn-list-right
{
    right: -80px;
    -webkit-transition:  0.6s;
    -o-transition:  0.6s;
    transition:  0.6s;
}

.list-group.category-block .submenu .list-group-item:hover .btn.btn-list-right
{
    -webkit-transition:  0.2s;
    -o-transition:  0.2s;
    transition:  0.2s;
    right: 0px; 
}

.list-group.category-block .list-group-item .btn.btn-toggle .glyphicon-resize-full
{
    display: none;
}

.list-group.category-block .list-group-item.collapsed .btn.btn-toggle .glyphicon-resize-full
{
    display: inline-block;
}

.list-group.category-block .list-group-item .btn.btn-toggle .glyphicon-resize-small
{
    display: inline-block;
}

.list-group.category-block .list-group-item.collapsed .btn.btn-toggle .glyphicon-resize-small
{
    display: none;
}

.list-group.category-block .submenu .list-group-item
{
    -webkit-box-shadow: inset 0px 0px 40px 0px rgba(149, 183, 203, 0.21);
    box-shadow: inset 0px 0px 40px 0px rgba(149, 183, 203, 0.21);
}

.list-group.category-block .list-group-add-item
{
    cursor: pointer;
}

.list-group.category-block .list-group-add-item span
{
    color: rgb(178, 178, 178);
}

.nav-menu .list-menu ul.menu > li > a > span.title .badge
{
    margin-right: 20px;
}

.range-date
{
    position: relative;
}

.range-date .value-box .value
{
    font-size: 13px;
    border-bottom: 1px dashed #337ab7;
    width: 135px;
    padding: 0px;
    color: #337ab7;
    padding: 2px 0px;
    cursor: pointer;
}

.range-date .select-box
{
    display: none;
    position: absolute;
    background-color: #fff;
    top: 0px;
    left: 0px;
    width: 251px;
    padding: 10px;
    border: 1px solid rgba(221, 221, 221, 0.44);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    z-index: 100;
}

.range-date.open .select-box
{
    display: block;
}

.range-date.open .select-box > *
{
    margin-bottom: 5px;
    float: left;
}

.range-date.open .select-box .btn.btn-danger
{
    margin-left: 4px;
}

.range-date .select-box input
{
    width: 100% !important;
}

.filters .chosen-container-multi .chosen-choices li.search-choice span
{
    font-size: 12px;
}

.img_table
{
    background-image: url( /theme/backend/img/transparent-backgorund.jpg );
    width: 100%;
    height: 100%;
    text-align: center;
}

.filters .multiselect-native-select
{
    width: 100%;
    float: left;
}

.filters .multiselect-native-select .btn-group
{
    width: 100%;
    float: left;
}

.filters .multiselect-native-select .btn-group .multiselect.dropdown-toggle
{
    width: 100%;
    float: left;
}

/*.filters .multiselect-native-select
{
    width: calc(100% + 16px);
    height: 53px;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -8px;
    margin-bottom: -8px;
}*/

.filters .multiselect-native-select .btn-group
{
    height: 100%;
}

.filters .multiselect-native-select .btn-group .multiselect.dropdown-toggle
{
    height: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.filters .multiselect-native-select .btn-group .multiselect.dropdown-toggle .multiselect-selected-text
{
    border-bottom: 1px dashed #337ab7;
    color: #337ab7;
}


.wrap .table-action
{
    width: 100%;
    margin-bottom: 15px;
}

.col-lg-12,
.col-md-12
{
    width: 100%;
}


.grid-view
{
    width: 100%;
}

.wrap .row
{
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}


.dictionary-index,
.Language-index
{
    width: 100%;
    float: left;
}

.dictionary-index div,
.Language-index div
{
    float: left;
}

.dictionary-index .row .col-md-2 
{
    min-width: 260px;
    margin-top: 10px;
}

.dictionary-index .row .col-md-10
{
    max-width: calc(100% - 260px);

    max-width: -webkit-calc(100% - 260px);
    max-width: -moz-calc(100% - 260px);
    max-width: -ms-calc(100% - 260px);
    max-width: calc(100% - 260px);
}

.dictionary-index .list-group.category-block h4
{
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px 0px 10px 0px;
    font-size: 19px;
}

.login-page
{
    width: 100%;
    float: left;
    margin: 0px;
}

.login-page .login-wrapper
{
    width: 100%;
    text-align: center;
}

.login-page .login-wrapper .wrapper 
{
    width: 600px;
    float: none;
    display: inline-block;
    text-align: left;
}

.login-page .login-wrapper .wrapper div
{
    float: left;
}

.login-page .login-wrapper .wrapper form
{
    width: 100%;
    float: left;
    margin-top: 15px;
}

.login-page .login-wrapper .wrapper form .form-group
{
    width: 100%;
    margin: 0px 0px 15px 0px;
}

.login-page .login-wrapper .wrapper form .form-group label
{
    width: 100px;
    text-align: left;
    padding: 7px 0px 0px 0px;
}

.login-page .login-wrapper .wrapper form .form-group .col-lg-9
{
    padding: 0px;

    width: -webkit-calc(100% - 140px);
    width: -moz-calc(100% - 140px);
    width: -ms-calc(100% - 140px);
    width: calc(100% - 140px);
}

.login-page .login-wrapper .wrapper form .form-group .checkbox
{
    width: 100%;
}

.login-page .login-wrapper .wrapper form .form-group .checkbox label
{
    width: auto;
    padding: 0px;
    line-height: 1.3;
    font-size: 15px;
}

.login-page .login-wrapper .wrapper form .form-group .checkbox input[type="checkbox"]
{
    margin-left: 0px;
    position: static;
    margin: 0px;
    margin-right: 8px;
    position: relative;
    top: 1px;
}

.login-page .login-wrapper .wrapper form .form-group.btn-block .btn
{
    line-height: 1.2;
    font-size: 14px;
    padding: 9px 14px 9px 14px;
    min-width: 140px;
}

.index-page .table
{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.index-page .table > thead > tr > th,
.index-page .table > thead > tr > td
/*.index-page .grid-view th*/
{
    white-space: normal;  
    vertical-align: middle;
}

.filters .multiselect-native-select .btn-group .multiselect.dropdown-toggle
{
    text-align: left;
    padding: 0px 0px;
}

.index-page
{
    width: 100%;
}

.index-page
{
    width: 100%;
}

.index-page .gridview-wrapper
{
    width: 100%;
}

.index-page .gridview-wrapper .table .img_table
{
    width: 100px;
}

.index-page .gridview-wrapper .table .img_table img
{
    max-width: 100%;
}

.index-page .gridview-wrapper .table .table-actions-group 
{
    float: left;   
    margin-left: -2px;
    text-align: center;

    width: -webkit-calc(100% + 4px);
    width: -moz-calc(100% + 4px);
    width: -ms-calc(100% + 4px);
    width: calc(100% + 4px);
}

.index-page .gridview-wrapper .table .table-actions-group > a 
{  
    display: inline-block;
    margin: 0px 2px 4px 2px;
}


.index-page .gridview-wrapper .table .table-actions-group > a .glyphicon 
{
    float: left;   
    margin: 0px;
}
.grid-view .summary
{
    padding: 0px 0px 8px 0px;
}

.head-top .action-block .user 
{
    padding: 4px 12px;
    
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.head-top .action-block .user .icon
{
    background-color: #708096;
    float: left;
    width: 29px;
    height: 29px;
    background-size: cover;
    border-radius: 50%;
    margin-right: 8px;
    line-height: 1;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    padding-left: 2px;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: center;
    -webkit-justify-content: center;
}


.wrap .action-bar 
{
    position: fixed;
    z-index: 100;
    right: 4%;
    bottom: 4%;
}

.index-page .gridview-wrapper .list-filters-grid
{
    display: none;
}

.control-panel
{
    width: 100%;
    float: left;
}

.control-panel div
{
    float: left;
}

.wrap [data-app="image.control"]
{
    width: 100%;
    float: left;
}


.wrap [data-app="image.control"] div
{

}

.wrap [data-app="image.control"] .control-panel .page-control,
[data-app="image.control"] .control-panel .page-control
{
    /*width: 210px;*/
    width: auto;
    position: relative;
    padding: 7px 35px 10px 35px;
    min-height: 36px;
    margin-right: 25px;
     margin-left: 10px;
}

.wrap [data-app="image.control"] .control-panel .page-control .btn,
[data-app="image.control"] .control-panel .page-control .btn
{
    float: left;
    padding: 0px;
    width: 26px;
    font-size: 17px;
    height: 36px;
    line-height: 1;
    position: absolute;
    top: 0px;
    z-index: 2;
}

.wrap [data-app="image.control"] .control-panel .page-control .btn[data-action="page.prev"],
[data-app="image.control"] .control-panel .page-control .btn[data-action="page.prev"]
{
    left: 0px;
}
.wrap [data-app="image.control"] .control-panel .page-control .btn[data-action="page.next"],
[data-app="image.control"] .control-panel .page-control .btn[data-action="page.next"]
{
    right: 0px;
}

.wrap [data-app="image.control"] .control-panel .page-control .page-count,
[data-app="image.control"] .control-panel .page-control .page-count
{
    width: auto;
    padding: 0px;
}


.wrap .control-panel .select-control .btn,
.wrap [data-app="image.control"] .control-panel .select-control .dropdown
{
    float: left;
    margin-bottom: 4px;
}

.wrap [data-app="image.control"] .control-panel .tag-control .title,
.wrap [data-app="image.control"] .control-panel .select-control .select-count
{
    /*width: 100%;
    float: left;
    padding: 0px 0px 6px 0px;
    line-height: 1.2;
    margin-top: -25px;*/
}


.wrap [data-app="image.control"] .control-panel .tag-control > .select
{
    padding: 0px;
    width: 330px;
}

.wrap [data-app="image.control"] .control-panel .tag-control
{
    width: 400px;
}

.wrap [data-app="image.control"] .control-panel
{
    width: 100%;
    padding: 12px 20px 15px 20px;
    margin-bottom: 5px;
    font-size: 20px;
    -webkit-box-shadow:  0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow:  0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    min-height: 120px;
    border-radius: 0px;
    position: relative;
    background: rgba(67,206,162,1);
    background: -moz-linear-gradient(-45deg, rgba(67,206,162,1) 0%, rgba(24,91,157,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(67,206,162,1)), color-stop(100%, rgba(24,91,157,1)));
    background: -webkit-linear-gradient(-45deg, rgba(67,206,162,1) 0%, rgba(24,91,157,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(67,206,162,1) 0%, rgba(24,91,157,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(67,206,162,1) 0%, rgba(24,91,157,1) 100%);
    background: linear-gradient(135deg, rgba(67,206,162,1) 0%, rgba(24,91,157,1) 100%);
}

.wrap [data-app="image.control"] .control-panel h1
{
    color: rgba(238, 238, 238, 0.87);
    text-transform: uppercase;
    font-size: 30px;
    margin: 0px;
    line-height: 1.3;
}

.wrap [data-app="image.control"] .control-panel 
{
    color: #fff;
}

.wrap [data-app="image.control"] .control-panel .btn-add
{
    position: absolute;
    left: 20px;
    bottom: -24px;
    padding: 10px;
    text-align: center;
    width: 50px;
    height: 50px;
    padding-left: 17px;
    border-radius: 50%;
    z-index: 10;
    background-color: rgba(66, 205, 162, 0.35);
    border-color: #42cca2;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.User-form
{
    width: 100%;
    float: left;
}

.User-form form
{
    width: 100%;
    float: left;
}

.mail-create
{
    width: 100%;
}

.mail-create > div
{
    width: 100%;
}

.mail-create div
{
    float: left;
}

.mail-create h1
{
    padding: 0px 15px;
}

.wrap .fieldset-form
{
    padding: 0px 5px;
    padding-bottom: 15px;
}

.wrap .fieldset-form legend
{
    width: 100%;
    float: left;
    margin: 0px;
    margin-bottom: 12px;
    padding: 10px 15px 0px 15px;
}


.wrap .bottom-panel
{
    padding-left: 0px;
    padding-bottom: 6px;
    z-index: 85;
}


.wrap .bottom-panel button
{
    float: left;
    margin: 0px 2px 4px 2px;
}

.wrap .export-menu-wrapper
{
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.wrap [data-app="image.control"] .control-panel .select-control
{
    width: 550px;
}

.wrap [data-app="image.control"] .control-panel .btn
{
    margin-bottom: 4px;
}

.wrap .MultiUploadFile
{
    padding: 0px 15px 15px 15px;
}

.edit-model-wrapper h1
{
    float: left;
    width: 100%;
    margin: 0px;
    margin-bottom: 40px;
    padding: 18px 15px;
}

.edit-model-wrapper
{
    width: 100%;
    float: left;
}

.edit-model-wrapper .alert
{
    float: left;
    width: 100%;
}

.edit-model-wrapper .lang-selecet > .title
{
    padding-right: 12px;
    margin-bottom: 15px;
}

.edit-model-wrapper .lang-selecet a
{
    margin-bottom: 20px;   
}

.edit-model-wrapper .lang-selecet a .title
{
    top: 20px;
    font-size: 15px;       
}

.edit-model-wrapper .lang-selecet
{
    margin-top: 25px;
    font-size: 20px;
    margin-bottom: 12px;
}

.wrap .MultiUploadFile, 
.wrap .fieldset-form .MultiUploadFile,
.wrap .fieldset-form .MultiUploadFile .control
{
    width: 100%;
}

.wrap .Dictionary-form,
.wrap .OrderExcursion-form,
.wrap .order-update
{
    float: left;
    width: 100%;
}

.wrap .Dictionary-form form,
.wrap .OrderExcursion-form form,
.MarketCategory-form form
{
    float: left;
    width: 100%;
}

.wrap .Dictionary-form form > div
{
    float: left;
    /*width: 100%;*/
}

.MarketCategory-form form > div,
.wrap .OrderExcursion-form form > div
{
    float: left;
}

.wrap form .column-layouts.col-lg-4 fieldset,
.wrap .OrderExcursion-form fieldset
{
    float: left;
    width: 100%;
}

.wrap form .column-layouts.col-lg-4 fieldset > div,
.wrap .category-update .col-lg-4 fieldset div
{
    float: left;
    width: 100%;
}

.wrap .category-update .col-lg-4 fieldset .form-group.field-category-comment
{
    padding: 0px 15px;
}

.wrap .OrderExcursion-form .Widget-ExcursionDateView
{
    width: 100%;
    padding: 0px 15px;
}

.wrap .OrderExcursion-form .Widget-ExcursionDateView table tr th
{
    vertical-align: middle;
    line-height: 1.2;
}

.wrap .OrderExcursion-form .Widget-ExcursionDateView table tr td
{
    vertical-align: middle;
}

.wrap .OrderExcursion-form .Widget-ExcursionDateView .col-lg-3.pull-right
{
    width: 50%;
    float: right;
    padding: 0px;
    min-width: 200px;
    margin-bottom: 10px;
}

.wrap .order-update h1,
.wrap .category-update h1
{
    padding: 0px 15px;
    margin-top: 0px;
    margin-bottom: 25px;
}

.wrap .btn
{
    white-space: normal;
    max-width: 100%;
}

.MultiUploadFile .control .btn
{
    margin-bottom: 4px;
}

.MultiUploadFile .default-text
{
    display: none;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 23px;
    padding: 65px;
    color: #525252;
    background-color: rgba(236, 236, 236, 0.55);
    margin-bottom: 10px;
}

.MultiUploadFile .filelist
{
    margin-bottom: 10px;    
}

.MultiUploadFile.drag-over .filelist
{
    border: 2px dashed #717171;
}

.MultiUploadFile.drag-over .default-text
{
    border: 2px dashed #717171;
}

.MultiUploadFile.empty .default-text
{
    display: block;
}

.MultiUploadFile.empty .filelist
{
    display: none;
}

.MarketCategory-form
{
    float: left;
    width: 100%;
}

.wrap form .control
{
    float: left;
    width: 100%;
}

.wrap form .control .btn,
.wrap .Widget-Block .footer-toolbar .btn
{
    margin-bottom: 4px;
}


.wrap form
{
    float: left;
    width: 100%
}

.wrap .Widget-Block .main-cont .item-list .item .data-count .column
{
    padding: 8px 10px;
    border-right: 1px solid #eaebec;
    border-bottom: 1px solid #eaebec;
    text-align: left;
    height: auto;
    font-size: 15px;
}

.wrap .Widget-Block .main-cont .item-list .item .data-count .column:last-child
{
    border-right: 1px solid #eaebec;
}

.wrap .Widget-Block .main-cont .item-list .item .data-count .column:before
{
    width: 140px;
    float: left;
    color: #676767;
}

.Widget-ExcursionDateHelper .main-cont .item-list .item .data-count .column.date_time:before
{
    content: "Дата и Время:";
}

.Widget-ExcursionDateHelper .main-cont .item-list .item .data-count .column.price:before
{
    content: "Цена:";
}

.Widget-ExcursionDateHelper .main-cont .item-list .item .data-count .column.price_kid:before
{
    content: "Цена для детей:";
}

.Widget-ExcursionDateHelper .main-cont .item-list .item .data-count .column.repeat_type:before
{
    content: "Тип повтора:";
}

.Widget-ExcursionDateHelper .main-cont .item-list .item .data-count .column.count_place:before
{
    content: "Места:";
}

.Widget-ExcursionDateHelper .main-cont .item-list .item .data-count .column.busy_place:before
{
    content: "Бронь:";
}



.wrap .Widget-Block .main-cont .item-list .item .data-count
{
    height: auto;

    width: -webkit-calc(100% - 54px);
    width: -moz-calc(100% - 54px);
    width: -ms-calc(100% - 54px);
    width: calc(100% - 174px);

    line-height: 45px;
}

.wrap .Widget-Block .main-cont .item-list .item .data-count > div
{
    height: 46px;
    font-size: 18px;
}

.wrap .Widget-Block .main-cont .item-list .item .data-count > div .label
{
    float: none;
}

.wrap .Widget-Block .main-cont .item-list .item .data-count > div .date-title
{
    font-size: 20px;
    margin-right: 10px;
    font-weight: bold;
}

.wrap .Widget-Block .main-cont .item-list .item .data-count > div .time-title
{
    font-size: 14px;
}

.wrap .Widget-Block .main-cont .item-list .item .data-count > div .price-title .label
{
    font-size: 20px;
}

.wrap .Widget-Block .main-cont .item-list .item .action-cont
{
    width: 170px;
    padding-top: 4px;
    text-align: center;
    height: auto;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: center;
    -webkit-justify-content: center;

    /*-webkit-flex-direction: colum;
    -moz-flex-direction: colum;
    -ms-flex-direction: colum;
    -o-flex-direction: colum;
    flex-direction: colum;*/

    -webkit-align-content: center;
    align-content: center;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap:    wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap:  wrap;
    flex-wrap: wrap;
}

.wrap .Widget-Block .main-cont .item-list .item .action-cont .btn
{
    width: 38px;
    height: 38px;
    margin: 0px;
    margin-bottom: 4px;
    float: none;
    display: inline-block;
    /*margin-right: 15px;*/
    margin: 0px 3px 5px 3px;
}

.wrap .Widget-Block .main-cont .item-list .item .action-cont .dropdown .btn
{
    padding-left: 17px;
}

.wrap .Widget-Block .main-cont .item-list .item
{
    width: 100%;
    padding: 0px;
    height: auto;
    margin-bottom: 8px;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow:  0 2px 10px 0px rgba(0, 0, 0, 0.18);
    box-shadow:  0 2px 10px 0px rgba(0, 0, 0, 0.18);
    background-color: #fff;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: stretch;
    -webkit-flex-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;

    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;

    justify-content: center;
    -webkit-justify-content: center;
}

.wrap .Widget-Block .main-cont .item-list .item.item_header
{
    display: none;
}

.wrap .Widget-Block .main-cont .item-list .item.item_text
{
    padding: 10px;
    font-size: 20px;
}

.calendar-cont td.fc-day.selected
{
    background-color: #428bca;
}

.wrap .Excursion-form,
.wrap .Excursion-form .Order-form
{
    float: left;
    width: 100%
}

.wrap .Excursion-form div,
.wrap .Excursion-form .Order-form div
{
    float: left;
}


.wrap .Excursion-form,
.wrap .Excursion-form label,
.wrap .redactor-box,
.wrap .redactor-box .redactor-toolbar,
.wrap .redactor-box .redactor-editor
{
    float: left;
    width: 100% !important;
}

.wrap .redactor-box .redactor-editor
{
    min-height: 350px!important;
}

.wrap .Language-index .table-action
{
    width: 100%;
    padding: 0px 15px;
}

.wrap .modal
{
    float: none!important;
    /* max-width: 900px; */
    width: 100%;
}

.wrap .modal *
{
    float: none!important;
}

.wrap .modal .close,
.wrap .modal .close:focus
{
    float: right !important;
    outline: none;
}

.list-group.category-block .submenu .list-group-item
{
    font-size: 13px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgb(246, 249, 251);
    border-left: 1px solid #ddd;
    margin-top: 1px;
    background-color: rgb(246, 249, 251);
}

.list-group.category-block .submenu .list-group-item .glyphicon-plus
{
    padding-left: 6px;
}

.User-form form .field-user-currency_id,
.User-form form .field-user-type,
.User-form form .field-user-sub_type
{
    width: 50%;
}

.User-form form .field-user-currency_id label,
.User-form form .field-user-type label,
.User-form form .field-user-sub_type label
{
    width: 100%;
}

.Order-form .cart-table
{
    margin-left: 15px;   

    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: -ms-calc(100% - 30px);
    width: calc(100% - 30px);
}

.index-view.index-page h1
{
    margin-bottom: 30px;
    margin-top: 0px;
    color: #51565d;
    font-size: 32px;
}


.bootstrap-datetimepicker-widget
{
    width: 100%;
    float: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu
{
    width: auto;
    color: #000;
}

.root .bootstrap-datetimepicker-widget *
{
    float: none;
}

.root .bootstrap-datetimepicker-widget table thead
{
    text-align: center;
}

.root .bootstrap-datetimepicker-widget table thead .picker-switch
{
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

.root .bootstrap-datetimepicker-widget table thead tr .prev,
.root .bootstrap-datetimepicker-widget table thead tr .next
{
    text-align: center;
    cursor: pointer;
}

.root .bootstrap-datetimepicker-widget table thead tr .prev .glyphicon,
.root .bootstrap-datetimepicker-widget table thead tr .next .glyphicon
{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px;
}

.root .bootstrap-datetimepicker-widget table thead tr .prev .glyphicon:before
{
    content: "\f104";
}

.root .bootstrap-datetimepicker-widget table thead tr .next .glyphicon:before
{
    content: "\f105";
}

.root .bootstrap-datetimepicker-widget ul.list-unstyled
{
    float: left;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.root .bootstrap-datetimepicker-widget table tbody tr td
{
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    /*padding: 5px 6px;*/
    font-size: 15px;
}

.root .bootstrap-datetimepicker-widget table tbody tr td.today
{
    background-color: #F3F3F3;
}

.root .bootstrap-datetimepicker-widget table tbody tr td.active,
.root .bootstrap-datetimepicker-widget table tbody tr td.active:hover,
.root .bootstrap-datetimepicker-widget table tbody tr td.today.active
{
    background-color: #74AC0F;
    color: #fff;
}

.root .bootstrap-datetimepicker-widget table tbody tr td:hover
{
    background-color: #eee;
}

.root .bootstrap-datetimepicker-widget .datepicker-months table tbody tr td,
.root .bootstrap-datetimepicker-widget .datepicker-years table tbody tr td,
.root .bootstrap-datetimepicker-widget .datepicker-decades table tbody tr td
{
   padding: 0px;
}

.root .bootstrap-datetimepicker-widget .datepicker-months table tbody tr td:hover,
.root .bootstrap-datetimepicker-widget .datepicker-years table tbody tr td:hover,
.root .bootstrap-datetimepicker-widget .datepicker-decades table tbody tr td:hover
{
   background-color: #fff;
}


.root .bootstrap-datetimepicker-widget .datepicker-months td span.month,
.root .bootstrap-datetimepicker-widget .datepicker-years td span.year
{
    padding: 4px 8px;
    float: left;
    display: inline-block;
    text-align: center;
    width: 16.6666%;
}

.root .bootstrap-datetimepicker-widget .datepicker-years td span.year
{
    padding: 4px 2px;   
}

.root .bootstrap-datetimepicker-widget .datepicker-decades td span.decade
{
    padding: 4px 8px;
    text-align: center;
    display: inline-block;
}

.root .bootstrap-datetimepicker-widget .datepicker-months td span.month:hover,
.root .bootstrap-datetimepicker-widget .datepicker-years td span.year:hover,
.root .bootstrap-datetimepicker-widget .datepicker-decades td span.decade:hover
{
   background-color: #eee;
}

div.modal.excursion-date-helper__modal__book .modal-dialog .modal-content,
div.modal.excursion-date-helper__modal__calendar .modal-dialog .modal-content
{
    width: 100%;
    /*height: 100%;*/
    max-height: 100%;
    overflow: auto;
    padding-bottom: 65px;
}

div.modal.excursion-date-helper__modal__book .modal-dialog .modal-content
{

    max-height: 100%;
    overflow: auto;
    /*padding-bottom: 35px;*/
}

.nav-menu .list-menu .block-menu .menu
{
    overflow: hidden;
    max-height: 0px;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;

    background-color: rgba(0, 0, 0, 0.12);
}

.nav-menu .list-menu .block-menu.open .menu
{
    max-height: 2000px;
}

.catalog-tree-edit
{
    width: 100%;
    float: left;
    position: relative;
    background: #f6f6f6;
}

.app-wrapper *
{
    float: left;
}

.app-toolbar
{
    width: 100%;
    padding: 12px 20px 15px 20px;
    margin-bottom: 5px;
    font-size: 20px;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    min-height: 120px;
    border-radius: 0px;
    /*z-index: 2;*/
    z-index: 10;
    position: relative;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: flex-start;
    -webkit-justify-content: flex-start;

    background: rgba(67,206,162,1);
    background: -moz-linear-gradient(-45deg, rgba(67,206,162,1) 0%, rgba(24,91,157,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(67,206,162,1)), color-stop(100%, rgba(24,91,157,1)));
    background: -webkit-linear-gradient(-45deg, rgba(67,206,162,1) 0%, rgba(24,91,157,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(67,206,162,1) 0%, rgba(24,91,157,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(67,206,162,1) 0%, rgba(24,91,157,1) 100%);
    background: linear-gradient(135deg, rgba(67,206,162,1) 0%, rgba(24,91,157,1) 100%);
}

.app-toolbar .toolbar-container
{
    width: 100%;
    height: 100%;
    
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.app-toolbar .toolbar-container h1
{
    color: rgba(238, 238, 238, 0.87);
    text-transform: uppercase;
    font-size: 30px;
    margin: 0px;
    line-height: 1.3;

    width: -webkit-calc(100% - 600px);
    width: -moz-calc(100% - 600px);
    width: -ms-calc(100% - 600px);
    width: calc(100% - 600px);
}

.constructor-main-wrapper .constructor-main .toolbar-with-menu .toolbar-container h1
{
    width: 100%;
    max-width: 320px;
}

.constructor-main-wrapper .constructor-main .toolbar-with-menu .toolbar-container .toolbar-action-wrapper
{
    width: 100%;
    max-width: -webkit-calc(100% - 320px);
    max-width: -moz-calc(100% - 320px);
    max-width: -ms-calc(100% - 320px);
    max-width: calc(100% - 320px);   
}


.app-toolbar .toolbar-container .toolbar-action-wrapper
{
    float: right;
    width: 600px;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: flex-end;
    -webkit-flex-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;

    justify-content: flex-end;
    -webkit-justify-content: flex-end;

    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.app-toolbar .toolbar-container .toolbar-action-wrapper.single-button
{
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;   
}

.app-toolbar .toolbar-container .toolbar-action-wrapper.single-button .btn
{
    margin-right: 0px;
}

.app-toolbar .toolbar-container .toolbar-action-wrapper form
{
    float: right;
    width: auto;
    /*margin-top: 17px;*/
}

.app-toolbar .toolbar-container .toolbar-action-wrapper form label
{
    color: #364150;
    padding-right: 18px;
    color: #364150;
    font-size: 19px;
    padding-top: 7px;
    line-height: 1.25;
}

.app-toolbar .toolbar-container .toolbar-action-wrapper form select
{
    background-color: transparent;
    color: #fff;
    border-radius: 1px;
    border-color: #43cda2;
    cursor: pointer;
    min-height: 36px;

    -webkit-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    transition: all 0.3s cubic-bezier(.55,0,.1,1);
}

.app-toolbar .toolbar-container .toolbar-action-wrapper form select:hover
{
    background-color: rgba(66, 205, 162, 0.37);
}

.app-toolbar .toolbar-container .toolbar-action-wrapper form select:focus
{    
    color: #333;
}

.app-toolbar .toolbar-container .btn-add
{
    position: absolute;
    left: 20px;
    bottom: -24px;
    padding: 10px;
    text-align: center;
    width: 50px;
    height: 50px;
    padding-left: 17px;
    border-radius: 50%;
    z-index: 10;
    background-color: rgba(66, 205, 162, 0.35);
    border-color: #42cca2;

    opacity: 1;

    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.app-toolbar .toolbar-container .btn-add:focus
{
    outline: none;
}

.app-toolbar .toolbar-container .btn-add:hover
{
    background-color: rgba(66, 205, 162, 0.9);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.app-toolbar .toolbar-container .btn-flat
{
    float: right;
    /*margin: 17px;*/
    min-height: 36px;
    margin-right: 18px;
    background-color: transparent;
    color: #fff;
    border-radius: 1px;
    border-color: #43cda2;
    cursor: pointer;

    -webkit-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    transition: all 0.3s cubic-bezier(.55,0,.1,1);
}

.app-toolbar .toolbar-container .btn-flat:hover
{
    background-color: rgba(66, 205, 162, 0.37);
}

.catalog-tree-edit .show-add
{
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
    background-color: rgba(66, 205, 162,1) !important;
}

.catalog-tree-edit .border-anim
{
    position: relative;
}

.catalog-tree-edit .border-anim:before,
.catalog-tree-edit .border-anim:after
{
    box-sizing: border-box;
    content: '';
    position: absolute;
    border: 2px solid transparent;
    width: 0;
    height: 0;
}

.catalog-tree-edit .border-anim:before
{
    top: 0;
    left: 0;
}

.catalog-tree-edit .border-anim:after
{
    bottom: 0;
    right: 0;
}

.catalog-tree-edit .border-anim.start:before,
.catalog-tree-edit .border-anim.start:after
{
    width: 100%;
    height: 100%;
}

.catalog-tree-edit .border-anim.start:before
{
    border-top-color: #60daaa; 
    border-right-color: #60daaa;
    -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
    -o-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.catalog-tree-edit .border-anim.start:after
{
    border-bottom-color: #60daaa; 
    border-left-color: #60daaa;
    -webkit-transition: 
    border-color 0s ease-out 0.5s, 
    width 0.25s ease-out 0.5s, 
    height 0.25s ease-out 0.75s;
    -o-transition: 
    border-color 0s ease-out 0.5s, 
    width 0.25s ease-out 0.5s, 
    height 0.25s ease-out 0.75s;
    transition: 
    border-color 0s ease-out 0.5s, 
    width 0.25s ease-out 0.5s, 
    height 0.25s ease-out 0.75s;
}

.catalog-tree-edit .border-anim.red-color.start:before
{
    border-top-color: #ff1744; 
    border-right-color: #ff1744;
    -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
     -o-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
     transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; 
}

.catalog-tree-edit .border-anim.red-color.start:after
{
    border-bottom-color: #ff1744; 
    border-left-color: #ff1744;
    -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
    -o-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.catalog-tree-edit .tree-container
{
    /*width: 100%;*/
    padding: 55px;
    padding-top: 20px;
    /*padding-right: 50%;*/
    position: relative;
    padding-right: 0px;
    /*width: 50%;*/
    /*min-width: 800px;*/
    padding-bottom: 0px;
    margin-bottom: 50px;
    width: 100%;
    max-width: 800px;
    /*padding-right: 20px;*/
}

.catalog-tree-edit .tree-container:before
{
    content: "";
    position: absolute;
    width: 2px;
    top: 30px;
    bottom: 20px;
    background-color: #e1e3e7;
    left: 44px;
}

.catalog-tree-edit .tree-container .item
{
    width: 100%;
    position: relative;
    padding-left: 50px;
    margin-bottom: 4px;

    opacity: 1;

    -webkit-transition: transform 0.15s cubic-bezier(.55,0,.1,1), opacity 0.15s cubic-bezier(.55,0,.1,1);
    -o-transition: transform 0.15s cubic-bezier(.55,0,.1,1), opacity 0.15s cubic-bezier(.55,0,.1,1);
    transition: transform 0.15s cubic-bezier(.55,0,.1,1), opacity 0.15s cubic-bezier(.55,0,.1,1);
}

.catalog-tree-edit .tree-container .item.removing
{
    opacity: 0;
}

.catalog-tree-edit .tree-container .item:before
{
    content: "";
    position: absolute;
    height: 2px;
    left: 0px;
    right: 0px;
    background-color: #e1e3e7;
    top: 25px;
    z-index: 0;
}

.catalog-tree-edit .tree-container .item .header
{
    width: 100%;
    padding: 15px;
    border: 1px solid rgba(225, 227, 231, 0.72);
    margin-bottom: 5px;
    font-size: 20px;

    border-radius: 2px;

    background-color: #fff;

    /*z-index: 1;*/

    -webkit-transition: all 0.15s cubic-bezier(.55,0,.1,1);
    -o-transition: all 0.15s cubic-bezier(.55,0,.1,1);
    transition: all 0.15s cubic-bezier(.55,0,.1,1);

    position: relative;
}

.catalog-tree-edit .tree-container .item.exist.item-tech .header
{
    background-color: #f9f9f9;
}

.catalog-tree-edit .tree-container .item:not(.active):hover .header
{
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}

.catalog-tree-edit .tree-container .item .header .image-wrapper
{
    width: 50px;
    height: 50px;

    background-image: url( '/theme/backend/img/transparent-backgorund.jpg' );

    overflow: hidden;

    background-size: cover;

    margin-right: 15px;

    border-radius: 50%;
    position: relative;
}

.catalog-tree-edit .tree-container .item .header .image-wrapper .image
{
    width: 100%;
    height: 100%;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.catalog-tree-edit .tree-container .item > .header [data-action="image-select"]
{
    cursor: pointer;
}

.catalog-tree-edit .tree-container .item .header .count-wrapper
{
    width: 50px;
    height: 50px;

    position: absolute;
}

.catalog-tree-edit .tree-container .item .header .count-wrapper .count-child
{
    position: absolute;
    right: 0px;
    bottom: 0px;
    border-radius: 50%;
    background-color: #00bfa5;
    color: white;
    font-size: 13px;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 2px;
    -webkit-box-shadow:  0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow:  0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

    -webkit-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    transition: all 0.3s cubic-bezier(.55,0,.1,1);
}

.catalog-tree-edit .tree-container .item .header .count-wrapper .count-child.empty
{
    background-color: #6a8d88;
}

.catalog-tree-edit .tree-container .item.exist.active .header .count-wrapper .count-child
{
    width: 30px;
    height: 30px;
    padding-top: 7px;
    bottom: -28px;
    z-index: 2;

    display: none;
}

.catalog-tree-edit .tree-container .item .header .count-wrapper .count-child .value
{
    display: block;
    width: 100%;
    height: 100%;
}

.catalog-tree-edit .tree-container .item .header .count-wrapper .count-child .action
{
    display: none;
    width: 100%;
    height: 100%;
}

.catalog-tree-edit .tree-container .item .header .count-wrapper .count-child .action .fa
{
    float: none;
}

.catalog-tree-edit .tree-container .item.exist.active .header .count-wrapper .count-child .value
{
    display: none;
}

.catalog-tree-edit .tree-container .item.exist.active .header .count-wrapper .count-child .action
{
    display: none;
}

.catalog-tree-edit .tree-container .item.exist.active .header .count-wrapper .count-child:hover
{
    -webkit-transform: scale( 1.2 );
    -ms-transform: scale( 1.2 );
    -o-transform: scale( 1.2 );
    transform: scale( 1.2 );
}

.catalog-tree-edit .tree-container .item .header .title
{
    /*max-width: 50%;*/
    min-height: 50px;

    width: -webkit-calc(100% - 270px);
    width: -moz-calc(100% - 270px);
    width: -ms-calc(100% - 270px);
    width: calc(100% - 270px);
    
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: flex-start;
    -webkit-justify-content: flex-start;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.catalog-tree-edit .tree-container .item .header .title .header-title
{
    width: 100%;
    /*padding-top: 2px;*/
}

.catalog-tree-edit .tree-container .item .header .title .sub-title
{
    width: 100%;
    font-size: 13px;
    color: #6d747c;
    cursor: pointer;
    position: relative;
}

.catalog-tree-edit .tree-container .item .header .title .sub-title .value
{
    width: 100%;
}

.catalog-tree-edit .tree-container .item .header .title .sub-title .fa
{
    /*float: none;
    margin-left: 6px;
    opacity: 0.3;*/
    margin-left: 6px;
    margin-top: 2px;
    opacity: 0.3;
    position: relative;
    top: 1px;
}

.catalog-tree-edit .tree-container .item:not(.new) > .header .title .sub-title .value > span,
.catalog-tree-edit .tree-container .item:not(.new) > .header .title .sub-title.disable-edit:hover .value > span
{
    border-bottom: 1px dashed transparent;
}

.catalog-tree-edit .tree-container .item:not(.new) > .header .title .sub-title:hover .value > span
{
    border-bottom: 1px dashed #c3c3c3;
}

.catalog-tree-edit .tree-container .item:not(.new) > .header .title .sub-title:hover .fa
{
    opacity: 0.9;
}

.catalog-tree-edit .tree-container .item:not(.new) > .header .title .header-title select
{
    display: none;
}

.catalog-tree-edit .tree-container .item:not(.new) > .header .title .header-title .value
{
    display: block;
    width: 100%;
}

.catalog-tree-edit .tree-container .item:not(.new) > .header .title .header-title.edit select
{
    display: block;
}

.catalog-tree-edit .tree-container .item:not(.new) > .header .title .header-title.edit .value
{
    display: none;
}

.catalog-tree-edit .tree-container .item:not(.new) > .header .title .sub-title.disable-edit
{
    cursor: auto;
}

.catalog-tree-edit .tree-container .item:not(.new) > .header .title .sub-title.disable-edit select
{
    display: none;
}

.catalog-tree-edit .tree-container .item .header .title .sub-title.disable-edit .fa
{
    display: none;
}

.catalog-tree-edit .tree-container .item:not(.new) > .header .title .sub-title.disable-edit:hover
{
    border-bottom: 0px none;
}

.catalog-tree-edit .tree-container .item:not(.new) > .header .title .sub-title select
{
    position: absolute;
    width: 200px;
    opacity: 0;
    font-size: 13px;
    left: -17px;
    top: -9px;
}

.catalog-tree-edit .tree-container .item:not(.new) > .header .title .sub-title select:focus
{
    opacity: 1;
}

.catalog-tree-edit .tree-container .item .header .settings
{
    float: right;
    max-width: 200px;
}

.catalog-tree-edit .tree-container .item .header .settings .action-block
{
    font-size: 22px;
    padding: 13px 0px;
    cursor: pointer;

    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0),0 2px 10px 0 rgba(0,0,0,0);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0),0 2px 10px 0 rgba(0,0,0,0);

    -webkit-transition: box-shadow 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: box-shadow 0.3s cubic-bezier(.55,0,.1,1);
    transition: box-shadow 0.3s cubic-bezier(.55,0,.1,1);

    text-align: center;
    width: 48px;
    height: 48px;
}

.catalog-tree-edit .tree-container .item .header .settings .action-block:hover
{
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.catalog-tree-edit .tree-container .item .header .settings .action-block .fa
{
    float: none;
}

.catalog-tree-edit .tree-container .item .header .settings .action-block.subcatalog-show
{
    padding-top: 9px;
}

.catalog-tree-edit .img-icon
{
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.catalog-tree-edit .tree-container .item .header .settings .map-show .map-status
{
    position: relative;
}

.catalog-tree-edit .tree-container .item .header .settings .map-show .fa
{
    opacity: 0.15;

    position: absolute;

    top: 0px;
    left: 50%;

    -webkit-transition: opacity 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: opacity 0.3s cubic-bezier(.55,0,.1,1);
    transition: opacity 0.3s cubic-bezier(.55,0,.1,1);
}

.catalog-tree-edit .tree-container .item .header .settings .map-show.active .fa
{
    opacity: 1;
}

.catalog-tree-edit .tree-container .item .header .settings .map-show .fa.fa-map
{
    margin-left: -12.58px;
}

.catalog-tree-edit .tree-container .item .header .settings .map-show .fa.fa-map-o
{
    margin-left: -11px;
    opacity: 0;
}

.catalog-tree-edit .tree-container .item .header .settings .map-show.active .fa.fa-map
{
    opacity: 0;
}

.catalog-tree-edit .tree-container .item .header .settings .map-show.active .fa.fa-map-o
{
    opacity: 1;
}

.catalog-tree-edit .tree-container .item .header .settings .map-show .map-status
{
    width: 100%;
    height: 100%;
}

.catalog-tree-edit .tree-container .item .header .settings .status .icon-status
{
    width: 100%;
    height: 100%;
}

.catalog-tree-edit .tree-container .item .header .settings .status .icon-status .fa
{
    width: 50px;
    height: 50px;
    font-size: 20px;
    position: relative;
    
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: center;
    -webkit-justify-content: center;
}

.catalog-tree-edit .tree-container .item .header .settings .status .icon-status .fa-eye
{
    display: block;
    color: #06b9a0;
}

.catalog-tree-edit .tree-container .item .header .settings .status .icon-status .fa-eye-slash
{
    display: none;
}

.catalog-tree-edit .tree-container .item .header .settings .status .icon-status.close .fa-eye
{
    display: none;
}

.catalog-tree-edit .tree-container .item .header .settings .status .icon-status.close .fa-eye-slash
{
    display: block;
}

.catalog-tree-edit .tree-container .item .header .settings .remove-block
{
    width: 50px;
    height: 50px;

    font-size: 20px;

    position: relative;
}

.catalog-tree-edit .tree-container .item .header .settings .remove-block .ico,
.catalog-tree-edit .tree-container .item .header .settings .remove-block .circle,
.catalog-tree-edit .tree-container .item .header .settings .remove-block .radius
{
    width: 100%;
    height: 100%;

    position: absolute;

    left: 0px;
    top: 0px;

    -webkit-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    transition: all 0.3s cubic-bezier(.55,0,.1,1);
}

.catalog-tree-edit .tree-container .item .header .settings .remove-block .ico
{    
    text-align: center;
    padding-top: 10px;
    /*color: #eee;*/
    color: #ced0d2;

    cursor: pointer;

    z-index: 3;
}

.catalog-tree-edit .tree-container .item .header .settings .remove-block:hover .ico
{
    color: #fff !important;
}

.catalog-tree-edit .tree-container .item .header .settings .remove-block .ico .fa
{
    float: none;
}

.catalog-tree-edit .tree-container .item .header .settings .remove-block .circle,
.catalog-tree-edit .tree-container .item .header .settings .remove-block .radius
{
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    border-radius: 50%;

    -webkit-transform: scale( 0 );
    -ms-transform: scale( 0 );
    -o-transform: scale( 0 );
    transform: scale( 0 );
}

.catalog-tree-edit .tree-container .item .header .settings .remove-block .circle
{
    background-color: #ff1744;
    z-index: 2;
}

.catalog-tree-edit .tree-container .item .header .settings .remove-block:hover .circle
{
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}

/*.catalog-tree-edit .tree-container .item .header .settings .remove-block .radius
{
    border: 1px solid #ff1744;

    z-index: 1;
}

.catalog-tree-edit .tree-container .item .header .settings .remove-block:hover .radius
{
    animation: radius-anim 1.5s cubic-bezier(.55,0,.1,1) infinite;
}*/

.catalog-tree-edit .tree-container .item.highlight > .header
{
    animation: highlight-anim 1s cubic-bezier(.55,0,.1,1) infinite;
}

@keyframes radius-anim {
  0%  {transform: scale(0.8);}
  50%  {transform: scale(0.6);}
  100%  {transform: scale(0.8);}
}

@keyframes circle-anim {
  0%  {transform: scale(0.5);}
  50%  {transform: scale(0.7);}
  100%  {transform: scale(0.5);}
}

@keyframes highlight-anim {
  0%  {background-color: #fff;}
  50%  {background-color: #43cda2;}
  100%  {background-color: #fff;}
}

.catalog-tree-edit .tree-container .item .body
{
    width: 100%;
    position: relative;
    /*padding-top: 5px;*/
    padding-left: 50px;

    -webkit-transition: max-height 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: max-height 0.3s cubic-bezier(.55,0,.1,1);
    transition: max-height 0.3s cubic-bezier(.55,0,.1,1);

    overflow: hidden;

    max-height: 0px;
}

.catalog-tree-edit .tree-container .item .body:before
{
    content: "";
    position: absolute;
    width: 2px;
    top: 0px;
    left: 50px;
    bottom: 15px;
    background-color: #e1e3e7;

    -webkit-transition: opacity 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: opacity 0.3s cubic-bezier(.55,0,.1,1);
    transition: opacity 0.3s cubic-bezier(.55,0,.1,1);

    opacity: 0;
}

.catalog-tree-edit .tree-container .item .body .item.new
{
    display: none;
}

.catalog-tree-edit .tree-container .item .body.adding-new .item.new
{
    display: block;
}

.catalog-tree-edit .tree-container .item .handle
{
    width: 50px;
    height: 50px;
    position: absolute;
    background-color: #ff1744;
    border-radius: 50%;
    left: -35px;
    top: 0px;

    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    
    -webkit-transition: transform 0.15s cubic-bezier(.55,0,.1,1), box-shadow 0.15s cubic-bezier(.55,0,.1,1);
    -o-transition: transform 0.15s cubic-bezier(.55,0,.1,1), box-shadow 0.15s cubic-bezier(.55,0,.1,1);
    transition: transform 0.15s cubic-bezier(.55,0,.1,1), box-shadow 0.15s cubic-bezier(.55,0,.1,1);
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);

    padding: 16px;
    font-size: 20px;

    cursor: -webkit-grab;
    cursor: -moz-grab;
}

.catalog-tree-edit .tree-container .item.ui-sortable-helper .handle
{
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}

.catalog-tree-edit .tree-container .item:hover > .handle
{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.catalog-tree-edit .tree-container .item.child
{
    padding-left: 36px;
}

.catalog-tree-edit .tree-container .item.child:first-child
{
    margin-top: 12px;
}

.catalog-tree-edit .tree-container .item.child:before
{
    top: 20px;
}

.catalog-tree-edit .tree-container .item.child .handle
{
    left: -19px;
    width: 40px;
    height: 40px;

    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

    font-size: 15px;
    padding: 13px;
}

.catalog-tree-edit .tree-container .item.child .header
{
    padding: 10px;
    font-size: 14px;
    -webkit-box-shadow:  0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow:  0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

    z-index: 2;
}

.catalog-tree-edit .tree-container .item.active
{
    -webkit-transform: translate(3px, -3px);
    -ms-transform: translate(3px, -3px);
    -o-transform: translate(3px, -3px);
    transform: translate(3px, -3px);
}

.catalog-tree-edit .tree-container .item.active .body
{
    max-height: 1000px;

    overflow: visible;
}

.catalog-tree-edit .tree-container .item.active > .header
{
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
}

.catalog-tree-edit .tree-container .item.active .handle
{
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
}

.catalog-tree-edit .tree-container .item.active .body:before
{
    opacity: 1;
}

.wrap.app-wrapper .container
{
    width: 100%;
    padding: 0px;
}

.wrap .constructor-main-wrapper
{
    width: 100%;
}

.catalog-tree-edit .tree-container .item.new
{
    display: none;
}

.catalog-tree-edit .tree-container.adding-new .item.new
{
    display: block;
}

.catalog-tree-edit .tree-container .item.new:before
{
    background-color: #00bfa5;
}

.catalog-tree-edit .tree-container .item.new .handle
{
    background-color: #b6f1e9;
}

.catalog-tree-edit .tree-container .item.new .header
{
    border-color: #00bfa5;
}

.catalog-tree-edit .tree-container .item.new .header .settings
{
    padding-top: 10px;
}

.catalog-tree-edit .tree-container .item .header .ico-status-block
{
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    text-align: right;
    font-size: 15px;
    padding: 5px;
    padding-right: 10px;
    color: #ced0d2;
}

.catalog-tree-edit .tree-container .item .header .ico-status-block .fa
{
    float: none;
}

.constructor
{
    /*height: 1000px;*/
    width: 100%;
}

.constructor-main
{
    width: 100%;
}

.constructor-main .toolbar
{
    margin: 0px;
    min-height: 120px;
}

.wrap.app-wrapper.constructor-main-wrapper
{
    background: linear-gradient(270deg, #004c81, #003153);
    background-size: cover;
    background-position: center;
    /*padding: 0px;
    margin-bottom: 0px;*/
}

.constructor-main .edit-container
{
    width: 100%;
    padding: 20px;
    position: relative;
    color: #fff;
    font-family: "OpenSans", sans-serif, arial;
}

.constructor-main .edit-container .edit-wrapper
{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 8;
}

.constructor-main .edit-container .content
{
    width: 100%;
}

.constructor-main .edit-container .content .container
{
    width: 100%;
    max-width: 1050px;
    padding: 35px 0px 0px 0px;
    float: none;
}

.constructor-main .edit-container .content .container h1
{
    font-weight: 500;
    font-size: 30px;
    line-height: 1.35;
    margin: 0px;
    float: left;
    width: 100%;
    padding: 25px 0px 30px 0px;
    text-align: center;
}

.constructor-main .edit-container .content .container .logo-block
{
    width: 100%;
    height: 84px;
    text-align: center;
    padding: 15px 30px;
    margin-top: 10px;
}

.constructor-main .edit-container .content .container .logo-block img 
{
    max-width: 100%;
    max-height: 100%;
    float: none;
}



.constructor-main .edit-container .content .wrapper-buttons
{
    width: 100%;
    max-width: 1070px;
    margin: 0 auto;
    float: none;
}

.constructor-main .edit-container .content .wrapper-buttons .list-buttons
{
    width: -webkit-calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: -ms-calc(100% + 30px);
    width: calc(100% + 30px);

    margin-left: -15px;
    /*max-width: 1070px;*/
    /*margin: 0 auto;*/
    /*float: none;*/
    /*height: 100%;*/
    float: left;
}

.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item
{
    width: 33.333%;
    position: relative;
    padding: 0px 15px;
    margin: 0px 0px 20px 0px;
}

.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 0px 15px;
    opacity: 0;
    z-index: -10;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item:hover .edit-panel-wrapper,
.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item.focus .edit-panel-wrapper
{
    z-index: 10;
    opacity: 1;
}

.constructor-main .wrapper-buttons .list-buttons .item .edit-panel-wrapper .edit-panel .close-btn-wrapper
{
    position: absolute;
    text-align: center;
    right: 0px;
    width: 33px;
    top: 0px;
    height: 33px;
    padding-top: 2px;
    font-size: 33px;
    line-height: 1; 
    cursor: pointer;  
    text-shadow: none;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}

.constructor-main .wrapper-buttons .list-buttons .item .edit-panel-wrapper .edit-panel .close-btn-wrapper:hover
{
    /*color: #d5101f;*/
    color: #ff1744;
    text-shadow: 0px 0px;
}


.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper .edit-panel
{
    width: 100%;
    height: 100%;
    padding: 22px 15px 15px 15px;
    /*border-radius: 9px;*/
    border: 1px solid #ffffff;
    position: relative;
}

.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper .edit-panel label
{
    float: left;
    width: 100%;
    margin-bottom: 7px;  
}

.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper .edit-panel .select-wrapper
{
    width: 100%;
}

.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button
{
    outline: none;
    cursor: pointer;
    background-color: transparent;
    width: 100%;
    float: left;
    position: relative;
    text-decoration: none;
    border: 1px solid #fff;
    color: #fff;
    position: relative;
    overflow: hidden;
    max-height: 110px;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: flex-start;
    -webkit-justify-content: flex-start;

    -webkit-box-shadow: 6px 12px 35px 10px transparent;
    box-shadow: 6px 12px 35px 10px transparent;

    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button:hover
{
    -webkit-box-shadow: 6px 12px 35px 10px rgba(0, 0, 0, 0.26);
    box-shadow: 6px 12px 35px 10px rgba(0, 0, 0, 0.26);
}


.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item.constructor-add-button .button
{
    /*background: rgba(66, 204, 162, 0.52);*/
    /*opacity: 0.5;*/
    border: 0px none;
    background: rgba(66, 204, 162, 0.66);
    opacity: 1;
}

.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item.constructor-add-button:hover .button
{
    background-color: rgba(66, 204, 162, 0.86);
}

.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button .photo
{
    float: left;
    margin: 0px;
    width: 32.5%;
    text-align: center;
    padding: 0px 15px;
}

.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button .photo .fa
{
    font-size: 32px;
    font-weight: 300;
    text-shadow: none;
    float: none;
    padding-top: 3px;
}

.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button .photo img
{
    max-width: 100%;
    max-height: 100%;
}

.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button .title
{
    padding: 0px;
    -ms-word-break: break-word;
    word-break: break-word;
    font-size: 18px;
    float: left;
    width: 67.5%;
    padding-right: 15px;
}

[data-name="cont-middle"]
{
    position: relative;
}

[data-name="cont-middle"] .middle-text
{
    /*position: absolute;*/
    width: 100%;
    left: 0px;
}

footer p a
{
    color: #b4bcc8;
    text-decoration: underline;
    margin-left: 8px;
}

footer p a:hover
{
    text-decoration: none;
}

footer .container
{
    width: 100%;
    padding: 0px 35px;
}

.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper .edit-panel.edit-panel-color
{
    position: absolute;
    bottom: 100%;
    left: 0px;
    border-radius: 0px;
    border: 1px solid rgba(255, 255, 255, 0.41);
    margin-bottom: 10px;   
    display: none;
}

.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper .edit-panel .color-btn-wrapper
{
    display: none;
}

.app-toolbar.toolbar-with-menu 
{
    -webkit-box-align: flex-end;
    -webkit-flex-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.app-toolbar.toolbar-with-menu .toolbar-container
{
    -webkit-box-align: flex-end;
    -webkit-flex-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.app-toolbar.toolbar-with-menu .toolbar-container .menu-wrapper
{
    width: 100%;
    /*margin-top: 8px;*/
    margin-bottom: -2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.app-toolbar.toolbar-with-menu .toolbar-container .menu-wrapper ul
{
    width: calc(100% + 36px);
    margin-left: -18px;
    display: inline-block;
    float: left;
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
}

.app-toolbar.toolbar-with-menu .toolbar-container .menu-wrapper ul li
{
    display: inline-block;
    float: left;
    padding: 0px 18px;
    font-size: 18px;
    margin-top: 12px;
    color: #fff;
}

.app-toolbar.toolbar-with-menu .toolbar-container .menu-wrapper ul li .item-content-wrapper
{
    float: left;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

.app-toolbar.toolbar-with-menu .toolbar-container .menu-wrapper ul li.active .item-content-wrapper
{
    border-bottom: 2px solid #45dbac;
}

.app-toolbar.toolbar-with-menu .toolbar-container .menu-wrapper ul li .item-content-wrapper:hover
{
    color: rgba(238, 238, 238, 0.87);
}

.slider-container
{
    width: 100%;
    padding: 20px;
}

.slider-container .slider-content
{
    width: calc(100% + 30px);
    margin-left: -15px;
    padding-top: 15px;
}

.slider-container .slider-content .slider-item
{
    width: 150px;
    height: 150px;
    margin: 0px 15px 30px 15px;
    float: left;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    background-size: contain;
    background-color: rgb(230, 230, 230);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid rgba(255, 255, 255, 0.6);
    /*border-radius: 4px;*/
    top: 0px;
    position: relative;
    cursor: pointer;

    -webkit-transition: box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}


.slider-container .slider-content .slider-item .body
{
    width: 100%;
    height: 100%;
}

.slider-container .slider-content .slider-item .body .image
{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.slider-container .slider-content .slider-item .close-btn-wrapper
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 33px;
    height: 33px;
    cursor: pointer;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: center;
    -webkit-justify-content: center;
}

.slider-container .slider-content .slider-item .close-btn-wrapper .ico
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #fff;
    z-index: -10;
    opacity: 0;
    padding-bottom: 1px;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: center;
    -webkit-justify-content: center;

    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.slider-container .slider-content .slider-item:hover .close-btn-wrapper .ico
{
    z-index: 10;
    opacity: 1;
}

.slider-container .slider-content .slider-item .close-btn-wrapper .circle
{
    background-color: #ff1744;
    width: 33px;
    height: 33px;
    border-radius: 50%;

    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

    -webkit-transform: scale( 0 );
    -ms-transform: scale( 0 );
    -o-transform: scale( 0 );
    transform: scale( 0 );

    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.slider-container .slider-content .slider-item .close-btn-wrapper:hover .circle
{
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}

.slider-container .slider-content .slider-item.slider-add-item
{
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.slider-container .slider-content .slider-item:hover,
.slider-container .slider-content .slider-item.slider-add-item:hover
{
    -webkit-box-shadow: 0 16px 28px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21);
    box-shadow: 0 16px 28px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21);
}

.slider-container .slider-content .slider-item.slider-add-item
{
    background-color: transparent;
    border: none;
}

.slider-container .slider-content .slider-item.slider-add-item .add-btn-wrapper
{
    width: 100%;
    height: 100%;
    font-size: 50px;
    /*background-color: #fff;
    color: #43cda2;*/
    color: #fff;
    border: none;
    background: rgba(66, 204, 162, 0.66);
    opacity: 1;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: center;
    -webkit-justify-content: center;

    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.slider-container .slider-content .slider-item.slider-add-item .add-btn-wrapper:hover
{
    background-color: rgba(66, 204, 162, 0.86);
}


.slider-container .slider-content .slider-item.slider-add-item .add-btn-wrapper .fa-plus
{
    /*-webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;*/
}

.slider-container .slider-content .slider-item.slider-add-item:hover .add-btn-wrapper .fa-plus
{
    /*-webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);*/
}

.constructor-main .edit-container .btn-header
{
    width: 84px;
    height: 84px;
    position: absolute;
    top: 6px;
    left: 50%;
    margin-left: -42px;
    cursor: pointer;
    z-index: 3;
}

.constructor-main .edit-container .btn-header .fa
{
    width: 100%;
    height: 100%;
    font-size: 35px;
    color: #fff;
    position: relative;
    z-index: 10;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: center;
    -webkit-justify-content: center;
}

.constructor-main .edit-container .btn-header .circle
{
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;

    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);

    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.constructor-main .edit-container .btn-header:hover .circle
{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);  
}

.constructor-main .edit-container .btn-header.btn-add .circle
{
    background-color: rgba(66, 205, 162, 0.77);
    border-color: #42cca2;
}

.constructor-main .edit-container .btn-header.btn-remove .circle
{
    background-color: rgb(255, 23, 68);
    border-color: #ca1f40;
}

.catalog-tree-edit .tree-container .item .handle .arrow 
{
    display: none;
}

.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .arrow-wrapper .arrow
{
    display: none;
}


.container .tooltip .tooltip-inner
{
    color: #42cda2;
    background-color: #364150;
    border-radius: 1px;
    padding: 10px;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    z-index: 1000;
}

.container .tooltip.white.in
{
    opacity: 1;
}

.container .tooltip.white .tooltip-inner
{
    background-color: #fff;
    color: #333;
    font-size: 16px;
}

.container .tooltip.white.type-red .tooltip-inner
{
    border: 2px solid red;
}

.container .tooltip.white.type-yellow .tooltip-inner
{
    border: 2px solid #ffc800;
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone
{
    width: calc(100% + 20px);
    margin-left: -10px;
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item
{
    height: 245px;
    width: 200px;
    margin: 10px;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    margin: 12px 10px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 4px;
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item .preview 
{
    float: left;
    height: calc(100% - 55px);
    width: 100%;
    margin-top: 55px;
    background-size: contain;
    background-color: rgb(230, 230, 230);
    background-repeat: no-repeat;
    background-position: center;
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item .body
{
    height: 55px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 0px 5px;
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item .body .select-body
{
    width: 100%;
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item .body .select-body .title
{
    width: 100%;
    font-size: 14px;
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item .body .select-body .select
{
    width: 100%;
    float: left;
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item .body .select-body .select *
{
    max-width: 100%;
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item .body .btn-block .btn
{
    position: absolute;
    top: -13px;
    right: -13px;
    border-radius: 50%;
    background-color: white;
    width: 30px;
    height: 30px;
    color: #fff;
    padding: 0px;
    z-index: 10;
    color: #2d2d2d;
    font-weight: bold;
    font-size: 22px;
    
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: center;
    -webkit-justify-content: center;
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item .body
{
    height: 60px;
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item .body .select-body
{
    height: 60px;
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item .body .select-body .select
{
    height: 40px;
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item .body .select-body .select select
{
    height: 100%;
    width: 100%;
    float: left;
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item .body .select-body .select .btn-group
{
    width: 100%;
    float: left;
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item .body .select-body .select .btn-group .btn
{
    width: 100%;
    float: left;
    text-transform: none;
    padding: 6px 5px 5px 5px;
    margin-top: 2px;
}


.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item .preview 
{
    float: left;
    /*height: calc(100% - 85px);*/
    height: 100%;
    margin-top: 0px;

}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item
{
    height: 255px;
    padding-top: 60px;
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item .progress-bar-upload
{
    -webkit-transition: all 0.2s cubic-bezier(.55,0,.1,1);
    -o-transition: all 0.2s cubic-bezier(.55,0,.1,1);
    transition: all 0.2s cubic-bezier(.55,0,.1,1);
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item .progress-bar-upload i
{
    position: absolute;
    font-size: 70px;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

    -webkit-transition: all 0.2s cubic-bezier(.55,0,.1,1);
    -o-transition: all 0.2s cubic-bezier(.55,0,.1,1);
    transition: all 0.2s cubic-bezier(.55,0,.1,1);
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item.loaded .progress-bar-upload
{
    opacity: 1;
    width: 100%;
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item.loaded .progress-bar-upload i
{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item.without-tag
{
    height: 195px;
    padding-top: 0px;
}

.upload-dialog .modal-dialog .modal-body .upload-body .upload-zone .placeholder
{   
    padding: 0px 12px;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: center;
    -webkit-justify-content: center;
}

.upload-dialog .modal-dialog .modal-body .upload-body .loaded-zone .item .body .btn-block
{
    width: auto;
    height: auto;
    padding: 0px;
    margin: 0px;
}

.wrap [data-app="image.control"] .control-panel
{
    width: 100%;
    padding: 12px 20px 10px 20px;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    align-content: space-between;
    -webkit-align-content: space-between;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wrap [data-app="image.control"] .control-panel .header-wrapper
{
    width: 100%;
    margin-bottom: 10px
}

.wrap [data-app="image.control"] .control-panel .action-wrapper
{
    width: calc(100% + 20px);
    margin-left: -10px;
    padding-left: 70px;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wrap [data-app="image.control"] .control-panel .action-wrapper .btn
{
    float: right;
    /* margin: 17px; */
    min-height: 36px;
    background-color: transparent;
    color: #fff;
    border-radius: 1px;
    border-color: #43cda2;
    cursor: pointer;
    text-transform: none;
    outline: none;
    margin: 0px 10px;
    
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: center;
    -webkit-justify-content: center;


    -webkit-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    transition: all 0.3s cubic-bezier(.55,0,.1,1);
}


.wrap [data-app="image.control"] .control-panel .action-wrapper .btn:hover
{
    background-color: rgba(66, 205, 162, 0.37);
}

.wrap [data-app="image.control"] .control-panel .page-control .btn
{
    margin: 0px;
}

.wrap [data-app="image.control"] .control-panel .tag-control,
.wrap [data-app="image.control"] .control-panel .tag-control > .select
{
    width: auto;
}

.image-select-dialog .modal-dialog .modal-body .bootstrap-dialog-body
{
    width: 100%;
}

.image-select-dialog .modal-dialog .modal-body .bootstrap-dialog-body .bootstrap-dialog-message
{
    width: 100%;
}

.image-select-dialog .modal-dialog .modal-body .bootstrap-dialog-body .bootstrap-dialog-message [data-app="image.control"] .control-panel
{
    width: 100%;
}

.image-select-dialog .modal-dialog .modal-body .bootstrap-dialog-body .bootstrap-dialog-message .header-wrapper
{
    display: none;
}


.image-select-dialog .modal-dialog .modal-body .bootstrap-dialog-body .bootstrap-dialog-message [data-app="image.control"] .control-panel .tag-control 
{
    padding: 0px;
    width: auto;
    margin: 0px 10px 10px 10px;
}

.image-select-dialog .modal-dialog .modal-body .bootstrap-dialog-body .bootstrap-dialog-message [data-app="image.control"] .control-panel .tag-control > .select
{
    padding: 0px;
    width: auto;
}

.image-select-dialog .modal-dialog .modal-body .bootstrap-dialog-body .bootstrap-dialog-message [data-app="image.control"] .control-panel.one-select-mode .page-control
{
    margin: 0px 10px 10px 10px;
}

.image-select-dialog .modal-dialog .modal-body .bootstrap-dialog-body .bootstrap-dialog-message [data-app="image.control"] .btn.btn-primary.btn-add .fa
{
    padding: 0px;
}

.image-select-dialog .modal-dialog .modal-body .bootstrap-dialog-body .bootstrap-dialog-message [data-app="image.control"] .btn.btn-primary.btn-add 
{
    width: 46px;
    height: 36px;
    float: right;
}

.image-select-dialog .modal-dialog .modal-body .bootstrap-dialog-body .bootstrap-dialog-message [data-app="image.control"] .action-wrapper
{
    width: calc(100% - 40px);
    margin-left: -10px;
}

.cont-for-image .empty-text
{
    width: 100%;
    font-size: 16px;
    float: left;
    padding: 0px 15px;
    display: none;
}

.cont-for-image.empty .empty-text
{
    display: inline-block;
}

.cont-for-image .item.item-image
{
    opacity: 1;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.cont-for-image.empty .item.item-image
{
    opacity: 0;
}

.upload-dialog .modal-dialog .modal-body .upload-body
{
    overflow-x: hidden;   
}


.upload-dialog .modal-dialog .modal-body
{
    overflow: hidden;
}

.modal.bootstrap-dialog
{
    padding: 0px !important;
}

.connect-services .services-wrapper,
.connect-services .providers-wrapper,
.connect-services .services-wrapper *,
.connect-services .providers-wrapper *
{
    float: left;
}

.connect-services .services-wrapper
{
    padding-top: 10px;
}

.connect-services .fa
{
    float: none;
}

.connect-services .tab-pane
{

}

.connect-services .providers-wrapper .seporator
{
    width: 100%;
    border-top: 1px solid #d6d6d6;
    color: #9c9c9c;
    font-size: 16px;
    margin-top: 10px;
    padding: 15px 27px;
}

.connect-services .providers-wrapper .seporator.status-bar
{
    border-top: 0px none;
    background-color: #43cea2;
    color: #333;

    display: none;
}

.connect-services .providers-wrapper .seporator span,
.connect-services .providers-wrapper .seporator strong
{
    font-weight: bold;
    padding-top: 7px;
}

.connect-services .providers-wrapper .seporator.filter .form-inp
{
    margin-right: 5px;
}

.connect-services .providers-wrapper .seporator.status-bar .btn,
.connect-services .providers-wrapper .seporator.status-bar span,
.connect-services .providers-wrapper .seporator.status-bar strong
{
    float: left;
}

.connect-services .providers-wrapper .seporator:first-child
{
    margin-top: 0px;
    border-top: 0 none;
}

.connect-services .providers-wrapper .seporator span
{
    padding-right: 5px;
}

.connect-services .providers-wrapper .seporator strong
{
    float: right;
    color: #333;
    padding-right: 30px;
}

.connect-services .providers-wrapper > .item
{
    border: 1px solid #ddd;
    padding: 5px;
    height: 100px;
    width: 100%;
    position: relative;
    margin-bottom: 4px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);

    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);
}

.connect-services .providers-wrapper > .item:hover
{
    -webkit-box-shadow: 0 2px 4px 1px rgba(67, 206, 162,0.14),0 1px 5px 0 rgba(50, 160, 160,0.12),0 3px 1px -2px rgba(24, 92, 157,0.2);
    box-shadow: 0 2px 4px 1px rgba(67, 206, 162,0.14),0 1px 5px 0 rgba(50, 160, 160,0.12),0 3px 1px -2px rgba(24, 92, 157,0.2);
}

.connect-services .providers-wrapper > .item > .image-wrapper
{
    height: 100%;
    width: 20%;
    /*padding: 10px;*/
    padding-right: 15px;
}

.connect-services .providers-wrapper > .item > .image-wrapper .image
{
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.connect-services .providers-wrapper > .item > .body-wrapper
{
    width: 80%;
    height: 100%;
    padding-top: 15px;
}

.connect-services .providers-wrapper > .item > .body-wrapper > .title-wrapper
{
    font-size: 20px;
    width: 100%;
    padding-right: 80px;
}

.connect-services .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper
{
    width: 100%;
    padding-right: 80px;
}

.connect-services .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper .main-service
{
    font-size: 18px;
    color: #969696;
    padding: 2px 5px;
    padding-left: 0px;
}

.connect-services .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper .sub-service
{
    /*padding: 4px;*/
}

.connect-services .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper .sub-service .item
{
    font-size: 11px;
    color: #4c4c4c;
    padding: 3px 8px;
    background-color: #efefef;
    margin-right: 2px;
    margin-bottom: 3px;
    border-radius: 7px;

    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);
}

.connect-services .providers-wrapper > .item.selected > .body-wrapper > .exist-services-wrapper .sub-service .item
{
    cursor: pointer;
}

.connect-services .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper .sub-service .item .fa
{
    display: none;

    float: right;
    padding: 1px;
    padding-left: 4px;
}

.connect-services .providers-wrapper > .item.selected > .body-wrapper > .exist-services-wrapper .sub-service .item.selected
{
    background-color: rgba(67,206,162,1);
}
.connect-services .providers-wrapper > .item.selected > .body-wrapper > .exist-services-wrapper .sub-service .item.selected .fa
{
    display: block;
}

.connect-services .providers-wrapper > .item.connected > .body-wrapper > .connect-btn-wrapper
{
    display: none;
}

.connect-services .providers-wrapper > .item > .body-wrapper > .success-connected-wrapper
{
    display: none;

    position: absolute;
    top: 0px;
    right: 0px;    
    height: 100px;
    width: 100px;
    padding: 20px;
    text-align: center;

    background: rgba(67,206,162,1);

    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);
    border-radius: 50%;
    -webkit-transform:  scale(0.5);
    -ms-transform:  scale(0.5);
    -o-transform:   scale(0.5);
    transform:  scale(0.5);
    font-size: 45px;
    padding-top: 27px;

    opacity: 0.6;
}

.connect-services .providers-wrapper > .item > .body-wrapper > .success-connected-wrapper span
{
    width: 100%;
    text-align: center;
}

.connect-services .providers-wrapper > .item.connected > .body-wrapper > .success-connected-wrapper
{
    display: block;
}

.connect-services .providers-wrapper > .item > .body-wrapper > .connect-btn-wrapper
{
    position: absolute;
    top: 50%;
    margin-top: -25px;
    right: 8px;
    height: 50px;
    width: 50px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid transparent;
    font-size: 27px;
    padding-top: 2px;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: center;
    -webkit-justify-content: center;

    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);
}

.connect-services .providers-wrapper > .item > .body-wrapper > .connect-btn-wrapper:hover
{
    border-color: rgba(67, 206, 162, 0.64);
    /*transform: scale(1.1);
    font-size: 27px;*/
}

.connect-services .providers-wrapper > .item.selected > .body-wrapper > .connect-btn-wrapper
{
    background-color: rgba(67, 206, 162, 1);
    color: #fff;
    /*font-size: 27px;*/
}

.connect-services .providers-wrapper > .item > .body-wrapper > .connect-btn-wrapper span
{
    width: 100%;
    text-align: center;
}

.connect-services .services-wrapper .item
{
    width: 100%;
}

.connect-services .services-wrapper .item .header-wrapper
{
    width: 100%;
    height: 65px;
    margin-bottom: 4px;
    background-color: #fff;

    -webkit-box-shadow:  0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow:  0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);
}

.connect-services .services-wrapper .item .header-wrapper .header-body-wrapper .title
{
    font-size: 20px;
    padding-top: 18px;
}

.connect-services .services-wrapper .item > .header-wrapper > .header-body-wrapper > .title
{
    padding-left: 20px;
}

.connect-services .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper
{
    font-size: 10px;
    padding-top: 18px;
    padding-left: 20px;
}

.connect-services .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist
{
    padding-top: 6px;
}

.connect-services .services-wrapper .item .body-wrapper
{
    width: 100%;
    max-height: 0;
    overflow: hidden;

    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);
}

.connect-services .services-wrapper .item.open .body-wrapper
{
    max-height: 5000px;
}

.connect-services .services-wrapper .item .header-wrapper .checkbox-wrapper
{
    width: 10%;
    height: 100%;
}

.connect-services .services-wrapper .item .header-wrapper .checkbox-wrapper label
{
    width: 100%;
    height: 100%;
    padding: 12px;
}

.connect-services .services-wrapper .item .header-wrapper .checkbox-wrapper label input
{
    display: none;
}

.connect-services .services-wrapper .item .header-wrapper .checkbox-wrapper label .check
{
    width: 40px;
    height: 40px;

    cursor: pointer;

    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);

    border-radius: 50%;
    border: 1px solid transparent;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    font-size: 22px;
    padding: 5px 10px;
}

.connect-services .services-wrapper .item .header-wrapper .checkbox-wrapper label .check:hover
{
    border-color: rgba(67, 206, 162, 0.64);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.connect-services .services-wrapper .item .header-wrapper .checkbox-wrapper label input:checked + .check,
.connect-services .services-wrapper .item.connected .header-wrapper .checkbox-wrapper label .check
{
    background-color: rgba(67, 206, 162, 1);
}

.connect-services .services-wrapper .item.connected .header-wrapper .checkbox-wrapper label .check
{
    padding: 5px 8px;
    opacity: 0.6;
}

.connect-services .services-wrapper .item.connected .header-wrapper .checkbox-wrapper label .check:hover
{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    cursor: auto;
}

.connect-services .services-wrapper .item .header-wrapper .open-btn-wrapper
{
    width: 10%;
    height: 100%;
    padding: 8px;
}

.connect-services .services-wrapper .item .header-wrapper .open-btn-wrapper span
{
    font-size: 35px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;

    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);

    background-color: #fff;
    cursor: pointer;
}

.connect-services .services-wrapper .item .header-wrapper .open-btn-wrapper span:hover
{
    background-color: rgba(67,206,162,1);    
    color: #fff;
}

.connect-services .services-wrapper .item.open .header-wrapper .open-btn-wrapper span
{
    -webkit-transform:  rotate(-180deg);
    -ms-transform:  rotate(-180deg);
    -o-transform:  rotate(-180deg);
    transform:  rotate(-180deg);
}

.connect-services .services-wrapper .item > .header-wrapper
{
    -webkit-box-shadow:  0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow:  0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);
}

.connect-services .services-wrapper .item > .header-wrapper > .image-wrapper
{
    width: 10%;
    height: 100%;
    padding: 3px;
    padding-left: 5px;
}

.connect-services .services-wrapper .item > .header-wrapper > .image-wrapper .image
{
    width: 60px;
    height: 60px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #cacaca;
    border-radius: 50%;
}

.connect-services .services-wrapper .item > .header-wrapper > .header-body-wrapper
{
    width: 80%;
}

.connect-services .services-wrapper .item.item-parent.with-checkbox > .header-wrapper > .header-body-wrapper
{
    width: 70%;
}

.connect-services .services-wrapper .item .body-wrapper .child-wrapper
{
    width: 100%;
    background-color: #e8e8e8;
    padding: 5px;
}

.connect-services .services-wrapper .item .body-wrapper .child-wrapper .item
{
    padding-left: 70px;
}

.connect-services .services-wrapper .item.status-bar
{
    background-color: #43cea2;
    color: #333;

    display: none;

    font-size: 16px;
    margin-top: 10px;
    padding: 15px 27px;
}

.connect-services .services-wrapper .item.status-bar span,
.connect-services .services-wrapper .item.status-bar strong
{
    font-weight: bold;
    padding-top: 7px;
}

.connect-services .services-wrapper .item.status-bar strong
{
    padding-right: 30px;
}

.connect-services-dialog.modal .modal-dialog
{
    width: 100% !important;
    max-width: 800px;
}

.connect-services .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title
{
    font-size: 11px;
    color: #4c4c4c;
    padding: 3px 8px;
    background-color: #efefef;
    margin-right: 2px;
    border-radius: 7px;
}

.connect-services-dialog.modal .modal-dialog .modal-content
{
    float: left;
}

.connect-services-dialog.modal .modal-dialog .modal-content .modal-body,
.connect-services-dialog.modal .modal-dialog .modal-content .modal-body .bootstrap-dialog-body,
.connect-services-dialog.modal .modal-dialog .modal-content .modal-body .bootstrap-dialog-body .bootstrap-dialog-message,
.connect-services-dialog.modal .modal-dialog .modal-content .modal-body .bootstrap-dialog-body .bootstrap-dialog-message .connect-services,
.connect-services-dialog.modal .modal-dialog .modal-content .modal-body .bootstrap-dialog-body .bootstrap-dialog-message .connect-services .nav-tabs,
.connect-services-dialog.modal .modal-dialog .modal-content .modal-body .bootstrap-dialog-body .bootstrap-dialog-message .connect-services .tab-content,
.connect-services-dialog.modal .modal-dialog .modal-content .modal-body .bootstrap-dialog-body .bootstrap-dialog-message .connect-services .tab-content .tab-pane
{
    float: left;
    width: 100%;
}

/*Constructor tab services*/

    .services-tab
    {
        width: 100%;
        position: relative;
        overflow-x: hidden;
    }

    .services-tab .services-wrapper
    {
        width: 100%;
        max-width: 800px;
        padding: 20px;
    }

    .services-tab .services-wrapper .filter
    {
        width: 100%;
        border: 1px solid rgba(225, 227, 231, 0.72);
        margin-bottom: 5px;
        font-size: 15px;
    }

    .services-tab .services-wrapper .filter .btn,
    .providers-tab .providers-wrapper .filter .btn
    {
        display: none;
        position: relative;
        z-index: 2;
    }

    .services-tab .services-wrapper .filter ul
    {
        width: 100%;
        list-style: none;
        margin: 0;
        padding: 0;

        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .services-tab .services-wrapper .filter ul li
    {
        display: block;
        padding: 11px 10px;
        cursor: pointer;

        width: 100%;
        text-align: center;

        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

    .services-tab .services-wrapper .filter ul li:hover
    {
        background-color: rgba(236, 236, 236, 0.58);
    }

    .services-tab .services-wrapper .filter ul li.active
    {
        background-color: #fff;
    }

    .services-tab .services-wrapper .filter ul li.active:hover
    {
        background-color: rgba(255, 255, 255, 0.79);
    }

    .services-tab .services-wrapper .item
    {
        width: 100%;
        margin-bottom: 4px;
    }
    
    .services-tab .services-wrapper .item.parent
    {
        margin-bottom: 10px;
    }

    .services-tab .services-wrapper .item:hover
    {
        background-color: rgba(234, 234, 234, 0.38);
    }

    .services-tab .services-wrapper .item .header-wrapper
    {
        background-color: #fff;
        /* z-index: 1; */
        -webkit-transition: all 0.15s cubic-bezier(.55,0,.1,1);
        -o-transition: all 0.15s cubic-bezier(.55,0,.1,1);
        transition: all 0.15s cubic-bezier(.55,0,.1,1);
        width: 100%;
        padding: 15px;
        border: 1px solid rgba(225, 227, 231, 0.72);
        /*margin-bottom: 5px;*/
        font-size: 20px;
        border-radius: 2px;
        padding-right: 10px;

        z-index: 11;
        position: relative;
    }

    .services-tab .services-wrapper .item .header-wrapper:hover
    {
        -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
        box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    }

    .services-tab .services-wrapper .item.parent > .header-wrapper
    {
        -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
        box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    }

    .services-tab .services-wrapper .item .header-wrapper .header-body-wrapper .title
    {
        /*font-size: 20px;
        padding-top: 18px;*/
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .title
    {
        /*padding-left: 20px;*/
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper
    {
        /*font-size: 10px;
        padding-top: 18px;
        padding-left: 20px;*/
        width: 100%;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist
    {
        padding-top: 6px;
    }

    .services-tab .services-wrapper .item .body-wrapper
    {
        width: 100%;
        max-height: none;
        /*overflow: hidden;*/
        overflow: initial;

        -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
        -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
        transition: 0.3s cubic-bezier(.55,0,.1,1);

        z-index: 10;
        position: relative;
    }


    .services-tab .services-wrapper .item .header-wrapper .checkbox-wrapper
    {
        width: 10%;
        height: 100%;
        float: right;
        padding-right: 12px;
    }

    .services-tab .services-wrapper .item .header-wrapper .checkbox-wrapper label
    {
        width: 100%;
        height: 100%;
        padding-top: 5px;
        margin-bottom: 0px;
    }

    .services-tab .services-wrapper .item .header-wrapper .checkbox-wrapper label input
    {
        display: none;
    }

    .services-tab .services-wrapper .item .header-wrapper .checkbox-wrapper label .check
    {
        width: 40px;
        height: 40px;

        cursor: pointer;

        -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
        -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
        transition: 0.3s cubic-bezier(.55,0,.1,1);

        border-radius: 50%;
        border: 1px solid transparent;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        font-size: 18px;
        padding: 5px 10px;
    }

    .services-tab .services-wrapper .item .header-wrapper .checkbox-wrapper label .check:hover
    {
        border-color: rgba(67, 206, 162, 0.64);
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    .services-tab .services-wrapper .item .header-wrapper .checkbox-wrapper label input:checked + .check,
    .services-tab .services-wrapper .item.connected .header-wrapper .checkbox-wrapper label .check
    {
        background-color: rgba(67, 206, 162, 1);
    }

    .services-tab .services-wrapper .item.connected .header-wrapper .checkbox-wrapper label .check
    {
        padding: 10px 10px;
        /*opacity: 0.6;*/
        float: right;
    }

    .services-tab .services-wrapper .item.connected .header-wrapper .checkbox-wrapper label .check:hover
    {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        cursor: auto;
    }

    .services-tab .services-wrapper .item .header-wrapper .open-btn-wrapper
    {
        width: 10%;
        height: 100%;
        padding: 8px;
    }

    .services-tab .services-wrapper .item .header-wrapper .open-btn-wrapper span
    {
        font-size: 35px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        text-align: center;

        -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
        -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
        transition: 0.3s cubic-bezier(.55,0,.1,1);

        background-color: #fff;
        cursor: pointer;
    }

    .services-tab .services-wrapper .item .header-wrapper .open-btn-wrapper span:hover
    {
        background-color: rgba(67,206,162,1);    
        color: #fff;
    }

    .services-tab .services-wrapper .item.open .header-wrapper .open-btn-wrapper span
    {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .services-tab .services-wrapper .item.open > .header-wrapper
    {
        -webkit-box-shadow:  0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);
        box-shadow:  0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);
    }

    .services-tab .services-wrapper .item > .header-wrapper > .image-wrapper
    {
        /*width: 10%;
        height: 100%;
        padding: 3px;
        padding-left: 5px;*/
        margin-right: 15px;
        background-image: url(/theme/backend/img/transparent-backgorund.jpg);
        background-size: cover;
        border-radius: 50%;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .image-wrapper .image
    {
        width: 50px;
        height: 50px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        /*background-color: #cacaca;*/
        /*background-image: url(/theme/backend/img/transparent-backgorund.jpg);*/
        border-radius: 50%;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper
    {
        width: 80%;
        min-height: 50px;
        width: -webkit-calc(100% - 115px);
        width: -moz-calc(100% - 115px);
        width: -ms-calc(100% - 115px);
        width: calc(100% - 115px);
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        line-height: 1.2;
    }

    .services-tab .services-wrapper .item.item-parent.with-checkbox > .header-wrapper > .header-body-wrapper
    {
        width: 70%;
    }

    .services-tab .services-wrapper .item .body-wrapper .child-wrapper
    {
        width: 100%;
        /*background-color: #e8e8e8;*/
        /*padding: 5px;*/
    }

    .services-tab .services-wrapper .item .body-wrapper .child-wrapper .item
    {
        /*padding-left: 75px;
        padding-right: 5px;*/
        width: 100%;
        position: relative;
        margin: 0px 0px;
        opacity: 1;
    }

    /*.services-tab .services-wrapper .item .body-wrapper .child-wrapper .item:first-child
    {
        margin-top: 12px;
    }*/

    .services-tab .services-wrapper .item .body-wrapper .child-wrapper .item .header-wrapper
    {
        font-size: 14px;
        padding: 10px;
    }

    .services-tab .services-wrapper .item .body-wrapper .child-wrapper .item .header-wrapper .title
    {
        width: 100%;
    }

    .services-tab .services-wrapper .item .body-wrapper .child-wrapper .item .header-wrapper .provider-wrapper
    {
        width: 100%;
    }

    .services-tab .services-wrapper .item.status-bar
    {
        background-color: #43cea2;
        color: #333;

        display: none;

        font-size: 16px;
        margin-top: 10px;
        padding: 15px 27px;
    }

    .services-tab .services-wrapper .item.status-bar span,
    .services-tab .services-wrapper .item.status-bar strong
    {
        font-weight: bold;
        padding-top: 7px;
    }

    .services-tab .services-wrapper .item.status-bar strong
    {
        padding-right: 30px;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title
    {
        font-size: 11px;
        /*color: #4c4c4c;*/
        padding: 3px 8px;
        /*background-color: #efefef;*/
        margin: 3px 6px 3px 0px;
        border-radius: 7px;
        cursor: pointer;
        text-align: center;
        background-color: #fff;
        border: 1px solid rgba(34, 34, 34, 0.4);
        color: rgba(76, 76, 76, 0.8);
        position: relative;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title:hover
    {
        background-color: rgba(199, 199, 199, 0.08);
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title.has-chip
    {
        padding-right: 25px;
        margin-right: 12px;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title > .fa 
    {
        display: none;
        float: none;
        padding: 1px 0px 0px 5px;
        margin-right: -2px;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title .button-chip
    {
        font-size: 10px;
        width: 16px;
        height: 16px;
        text-align: center;
        border-radius: 50%;
        background-color: #c5c5c5;
        padding-top: 3px;
        margin-left: 6px;
        margin-right: -3px;
        color: #525252;    
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title .button-chip .fa
    {
        float: none;
        display: inline-block;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title.selected
    {
        background-color: rgba(67,206,162,1);
        border: none;
        color: #4c4c4c;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title.selected:hover
    {
        background-color: #1de9b6;
    }

    .services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title.selected .fa 
    {
        display: inline-block;
    }

    .services-tab .services-wrapper .item .action-block
    {
        font-size: 22px;
        padding: 13px 0px;
        cursor: pointer;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);
        -webkit-transition: box-shadow 0.3s cubic-bezier(.55,0,.1,1);
        -o-transition: box-shadow 0.3s cubic-bezier(.55,0,.1,1);
        transition: box-shadow 0.3s cubic-bezier(.55,0,.1,1);
        text-align: center;
        width: 48px;
        height: 48px;
        margin-top: 5px;
        float: right;
    }

    .services-tab .services-wrapper .item .body-wrapper .child-wrapper .item .action-block
    {
        margin-top: 2px;
        font-size: 20px;
        padding-right: 1px;
    }

    .services-tab .services-wrapper .item .action-block:hover
    {
        -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
        box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    }

    .services-tab .services-wrapper .item .action-block .icon-status
    {
        width: 100%;
        text-align: center;
        color: #ccc;
    }

    .services-tab .services-wrapper .item.child.connected .action-block .icon-status,
    .services-tab .services-wrapper .item.universal.connected .action-block .icon-status
    {
        color: #06b9a0;
    }

    .services-tab .services-wrapper .item .action-block .icon-status .fa
    {
        width: 100%;
        text-align: center;
    }

/*------------------------*/

/*Constructor tab providers*/

    .catalog-tree-edit .btn-support
    {
        float: right;
        margin-top: 20px;
        margin-right: 20px;
        outline: none;
        padding-top: 10px;
    }

    .catalog-tree-edit .btn-support .fa
    {
        padding-right: 8px;
        margin-top: -1px;
    }

    .providers-tab
    {
        width: 100%;
        position: relative;
        overflow-x: hidden;
    }

    .providers-tab .providers-wrapper
    {
        width: 100%;
        max-width: 800px;
        padding: 20px;
    }

    .providers-tab .providers-wrapper .filter
    {
        width: 100%;
        border: 1px solid rgba(225, 227, 231, 0.72);
        margin-bottom: 5px;
        font-size: 11px;
    }

    .providers-tab .providers-wrapper .filter ul
    {
        width: 100%;
        list-style: none;
        margin: 0;
        padding: 0;

        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .providers-tab .providers-wrapper .filter ul li
    {
        display: block;
        /*padding: 15px;*/
        padding: 15px 10px;
        cursor: pointer;

        width: 100%;
        text-align: center;

        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

    .providers-tab .providers-wrapper .filter ul li:hover
    {
        background-color: rgba(236, 236, 236, 0.58);
    }

    .providers-tab .providers-wrapper .filter ul li.active
    {
        background-color: #fff;
    }

    .providers-tab .providers-wrapper .filter ul li.active:hover
    {
        background-color: rgba(255, 255, 255, 0.79);
    }

    .providers-tab .providers-wrapper .seporator
    {
        width: 100%;
        border-top: 1px solid #d6d6d6;
        color: #9c9c9c;
        font-size: 16px;
        /*margin-top: 10px;*/
        /*padding: 15px 27px;*/
        padding: 0px;
        margin: 10px 0px 15px 0px;
        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;

        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        
        -webkit-align-items: center;
        align-items: center;
    }

    .providers-tab .providers-wrapper .seporator.status-bar
    {
        border-top: 0px none;
        background-color: #43cea2;
        color: #333;

        display: none;
    }

    .providers-tab .providers-wrapper .seporator span,
    .providers-tab .providers-wrapper .seporator strong
    {
        font-weight: bold;
        padding-top: 7px;
    }

    .providers-tab .providers-wrapper .seporator.filter .form-inp
    {
        margin-right: 5px;
    }

    .providers-tab .providers-wrapper .seporator.status-bar .btn,
    .providers-tab .providers-wrapper .seporator.status-bar span,
    .providers-tab .providers-wrapper .seporator.status-bar strong
    {
        float: left;
    }

    .providers-tab .providers-wrapper .seporator:first-child
    {
        margin-top: 0px;
        border-top: 0 none;
    }

    .providers-tab .providers-wrapper .seporator span
    {
        padding-right: 5px;
        width: calc(100% - 75px);
    }

    .providers-tab .providers-wrapper .seporator strong
    {
        float: right;
        color: #333;
        padding-right: 30px;
        width: 75px;
        text-align: right;
    }

    .providers-tab .providers-wrapper > .item
    {
        /*border: 1px solid #ddd;*/
        padding: 5px;
        height: auto;
        /*min-height: 100px;*/
        width: 100%;
        position: relative;
        margin-bottom: 9px;
        border: 1px solid #e1e3e7;
        background-color: #fff;
        /*-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);*/
        -webkit-transition: all 0.15s cubic-bezier(.55,0,.1,1);
        -o-transition: all 0.15s cubic-bezier(.55,0,.1,1);
        transition: all 0.15s cubic-bezier(.55,0,.1,1);
    }

    .providers-tab .providers-wrapper > .item:hover
    {
        -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
        box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    }

    .providers-tab .providers-wrapper > .item > .image-wrapper
    {
        height: 100%;
        width: 20%;
        /*padding: 10px;*/
        padding-right: 15px;
        height: 80px;
    }

    .providers-tab .providers-wrapper > .item > .image-wrapper .image
    {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper
    {
        width: 80%;
        height: 100%;
        /*padding-top: 12px;*/
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper > .title-wrapper
    {
        font-size: 20px;
        width: 100%;
        /*padding-right: 55px;*/
        line-height: 1.25;
        padding-right: 135px;
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper
    {
        width: 100%;
        padding-right: 55px;
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper .main-service
    {
        font-size: 16px;
        color: #969696;
        padding: 2px 5px;
        padding-left: 0px;
        width: 100%;
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper .sub-service
    {
        /*padding: 4px;*/
        width: 100%;
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper .sub-service .item
    {
        font-size: 11px;
        color: #4c4c4c;
        padding: 3px 8px;
        /*background-color: #efefef;*/
        /*margin-right: 2px;
        margin-bottom: 3px;*/
        border-radius: 7px;
        margin: 3px 6px 3px 0px;
        background-color: #fff;
        border: 1px solid rgba(34, 34, 34, 0.4);
        color: rgba(76, 76, 76, 0.8);

        -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
        -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
        transition: 0.3s cubic-bezier(.55,0,.1,1);
        cursor: pointer;
        text-align: center;
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper .sub-service .item .fa
    {
        display: none;

        float: right;
        padding: 1px;
        padding-left: 4px;
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper .sub-service .item.selected
    {
        background-color: rgba(67,206,162,1);
        border: none;
        color: #4c4c4c;
    }
    
    .providers-tab .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper .sub-service .item.selected .fa
    {
        display: block;
    }

    .providers-tab .providers-wrapper > .item.connected > .body-wrapper > .connect-btn-wrapper
    {
        display: none;
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper > .success-connected-wrapper
    {
        display: none;

        position: absolute;
        top: 0px;
        right: 0px;    
        height: 100px;
        width: 100px;
        padding: 20px;
        text-align: center;

        background: rgba(67,206,162,1);

        -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
        -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
        transition: 0.3s cubic-bezier(.55,0,.1,1);
        border-radius: 50%;
        -webkit-transform:  scale(0.5);
        -ms-transform:  scale(0.5);
        -o-transform:   scale(0.5);
        transform:  scale(0.5);
        font-size: 45px;
        padding-top: 27px;

        opacity: 0.6;
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper > .success-connected-wrapper span
    {
        width: 100%;
        text-align: center;
    }

    .providers-tab .providers-wrapper > .item.connected > .body-wrapper > .success-connected-wrapper
    {
        display: block;
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper > .connect-btn-wrapper
    {
        position: absolute;
        top: 50%;
        margin-top: -25px;
        right: 8px;
        height: 50px;
        width: 50px;
        text-align: center;
        cursor: pointer;
        border-radius: 50%;
        border: 1px solid transparent;
        font-size: 27px;
        padding-top: 2px;

        display: flex;
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;

        -webkit-box-align: center;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

        justify-content: center;
        -webkit-justify-content: center;

        -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
        -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
        transition: 0.3s cubic-bezier(.55,0,.1,1);
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper > .connect-btn-wrapper:hover
    {
        border-color: rgba(67, 206, 162, 0.64);
        /*transform: scale(1.1);
        font-size: 27px;*/
    }

    .providers-tab .providers-wrapper > .item.selected > .body-wrapper > .connect-btn-wrapper
    {
        background-color: rgba(67, 206, 162, 1);
        color: #fff;
        /*font-size: 27px;*/
    }

    .providers-tab .providers-wrapper > .item > .body-wrapper > .connect-btn-wrapper span
    {
        width: 100%;
        text-align: center;
    }

    .providers-tab .providers-wrapper .item .action-block
    {
        font-size: 22px;
        padding: 13px 0px;
        cursor: pointer;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);
        -webkit-transition: box-shadow 0.3s cubic-bezier(.55,0,.1,1);
        -o-transition: box-shadow 0.3s cubic-bezier(.55,0,.1,1);
        transition: box-shadow 0.3s cubic-bezier(.55,0,.1,1);
        text-align: center;
        width: 48px;
        height: 48px;
        margin-top: 5px;
        float: right;
        position: absolute;
        top: 50%;
        margin-top: -22px;
        right: 10px;
    }
    
    .providers-tab .providers-wrapper .item .status-block
    {
        position: absolute;
        right: 10px;
        top: 12px;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: bold;
        color: rgba(0,0,0,0.87);
        padding: 7px;
        border-radius: 5px;
    }

    .providers-tab .providers-wrapper > .item.border-yellow .status-block
    {
        background-color: #ffff00;
    }

    .providers-tab .providers-wrapper > .item.border-red .status-block
    {
        background-color: #ff1744;
    }

    .providers-tab .providers-wrapper .item .body-wrapper .child-wrapper .item .action-block
    {
        margin-top: 2px;
        font-size: 20px;
        padding-right: 1px;
    }

    .providers-tab .providers-wrapper .item .action-block:hover
    {
        -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
        box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    }

    .providers-tab .providers-wrapper .item .action-block .icon-status
    {
        width: 100%;
        text-align: center;
        color: #ccc;
    }

    .providers-tab .providers-wrapper .item.connected .action-block .icon-status
    {
        color: #06b9a0;
    }

    .providers-tab .providers-wrapper .item .action-block .icon-status .fa
    {
        width: 100%;
        text-align: center;
    }

/*-------------------------*/

.exclude-objects-wrapper
{
    width: 100%;
}

.exclude-objects-wrapper .exclude-objects
{
    width: 100%;
    min-height: 70vh;
    min-width: 768px;
    margin-bottom: 10px;
    position: relative;
}

.exclude-objects-wrapper .exclude-objects .loader-wrapper
{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;

    display: none;

    background-color: rgba( 255, 255, 255, 0.5 );
}

.exclude-objects-wrapper .exclude-objects .loader-wrapper .circle
{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #43cea2;
    margin-left: calc(70px / 2 * -1);
    margin-top: calc(70px / 2 * -1);

    animation: loader-anim 0.7s cubic-bezier(.55,0,.1,1) infinite;
}

@keyframes loader-anim {
    0%
    {
        background-color: #43cea2;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    50%
    {
        background-color: #185b9d;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }
}

.exclude-objects-wrapper .filter-wrapper
{
    float: left;
    width: 100%;
    margin-bottom: 10px;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.exclude-objects-wrapper .filter-wrapper .field
{
    padding-right: 10px;
    width: 100%;
}

.exclude-objects-wrapper .filter-wrapper .field:last-child
{
    padding-right: 0px;
}

.exclude-objects-wrapper .pagination-wrapper
{
    float: left;
    width: 100%;
    list-style: none;
    
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.exclude-objects-wrapper .pagination-wrapper li a
{
    width: 40px;
    height: 40px;
    float: left;
    display: block;
    text-align: center;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
    padding-top: 8px;
    font-size: 19px;
    color: #333;
}

.exclude-objects-wrapper .pagination-wrapper li.active a
{
    background-color: #43cea2;
}

.exclude-objects-wrapper .exclude-objects,
.exclude-objects-wrapper .exclude-objects *
{
    float: left;
}

.exclude-objects-wrapper .exclude-objects .fa
{
    float: none;
}

.exclude-objects-wrapper .exclude-objects > .item
{
    width: 100%;
    /*height: 145px;*/
    margin-bottom: 4px;
    background-color: #fff;
    position: relative;
    cursor: pointer;

    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);

    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

    opacity: 0.7;
}

.exclude-objects-wrapper .exclude-objects.without-opacity > .item
{
    opacity: 1;
}

.exclude-objects-wrapper .exclude-objects > .item.active
{
    opacity: 1;
}

.exclude-objects-wrapper .exclude-objects > .item .image-wrapper
{
    width: 200px;
    height: 120px;
    padding: 5px;
}

.exclude-objects-wrapper .exclude-objects > .item .image-wrapper .image
{
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.exclude-objects-wrapper .exclude-objects > .item .action-wrapper
{
    height: 58px;
    width: 58px;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    right: 8px;
}

.exclude-objects-wrapper .exclude-objects > .item .action-wrapper > span
{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;

    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);

    background-color: #fff;

    font-size: 27px;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: center;
    -webkit-justify-content: center;
    /*padding: 34px 37px;
    transform: scale(0.4);*/
}

.exclude-objects-wrapper .exclude-objects > .item .action-wrapper > span .fa
{
    float: left;
}

.exclude-objects-wrapper .exclude-objects.with-hover > .item .action-wrapper > span
{
    opacity: 0;
}

.exclude-objects-wrapper .exclude-objects > .item.active .action-wrapper > span,
.exclude-objects-wrapper .exclude-objects.with-hover > .item:hover .action-wrapper > span
{
    background-color: rgba(67, 206, 162, 1);
    opacity: 1;
}

.exclude-objects-wrapper .exclude-objects > .item .action-wrapper > span .fa-eye-slash
{
    display: block;
}

.exclude-objects-wrapper .exclude-objects > .item .action-wrapper > span .fa-eye
{
    display: none;
}

.exclude-objects-wrapper .exclude-objects > .item.active .action-wrapper > span .fa-eye-slash
{
    display: none;
}

.exclude-objects-wrapper .exclude-objects > .item.active .action-wrapper > span .fa-eye
{
    display: block;
}

.exclude-objects-wrapper .exclude-objects > .item .body-wrapper
{
    width: -webkit-calc(100% - 270px);
    width: -moz-calc(100% - 270px);
    width: -ms-calc(100% - 270px);
    width: calc(100% - 270px);
    padding: 5px 10px;
}

.exclude-objects-wrapper .exclude-objects > .item .body-wrapper .heading
{
    font-size: 20px;
    padding: 0px;
    width: 100%;
    margin-bottom: 10px;
}

.exclude-objects-wrapper .exclude-objects > .item .body-wrapper .text
{
    padding: 0px;
    width: 100%;
    font-size: 14px;
}

.exclude-objects-wrapper .exclude-objects > .item .body-wrapper .text span
{
    width: 100%;
    margin-bottom: 10px;
}

.exclude-objects-wrapper .exclude-objects > .item .body-wrapper .text span .fa
{
    margin-right: 8px;
}



.connect-new-tech,
.connect-new-tech *
{
    float: left;
}

.action-wrapper
{
    margin-bottom: 10px;
    width: 100%;
}

.connect-new-tech .category-list .fa
{
    float: none;
}

.connect-new-tech .category-list > .item
{
    width: 100%;
    /*height: 145px;*/
    margin-bottom: 4px;
    background-color: #fff;
    position: relative;
    cursor: pointer;

    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);

    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

    opacity: 0.7;
}

.connect-new-tech .category-list.without-opacity > .item
{
    opacity: 1;
}

.connect-new-tech .category-list > .item.active
{
    opacity: 1;
}

.connect-new-tech .category-list > .item .image-wrapper
{
    width: 200px;
    height: 120px;
    padding: 5px;
    background-color: grey;
}

.connect-new-tech .category-list > .item .image-wrapper .image
{
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.connect-new-tech .category-list > .item .action-wrapper
{
    height: 58px;
    width: 58px;
    position: absolute;
    top: 50%;
    margin-top: -29px;
    right: 8px;
}

.connect-new-tech .category-list > .item .action-wrapper label
{
    width: 25px;
    height: 25px;
    text-align: center;
    color: #fff;
    font-size: 19px;

    position: relative;
}

.connect-new-tech .category-list > .item .action-wrapper label .box
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid rgba(128, 128, 128, 0.36);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    z-index: 1;
}

.connect-new-tech .category-list > .item .action-wrapper label input
{
    width: 1px;
    height: 1px;
    visibility: hidden;
}

.connect-new-tech .category-list > .item .action-wrapper label .fa
{
    float: left;
    opacity: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: relative;
    z-index: 2;
    left: 2px;
    top: 2px;
}

.connect-new-tech .category-list > .item .action-wrapper label input:checked ~ .fa
{
    opacity: 1;
}

.connect-new-tech .category-list > .item .action-wrapper label input:checked ~ .box
{
    background-color: #42cca2;
}

.connect-new-tech .category-list > .item .body-wrapper
{
    width: -webkit-calc(100% - 270px);
    width: -moz-calc(100% - 270px);
    width: -ms-calc(100% - 270px);
    width: calc(100% - 270px);
    padding: 5px 10px;
}

.connect-new-tech .category-list > .item .body-wrapper .heading
{
    font-size: 26px;
    color: black;
    padding: 0px;
    width: 100%;
    margin-bottom: 10px;
}

.connect-new-tech .category-list > .item .body-wrapper .text
{
    padding: 0px;
    width: 100%;
    font-size: 14px;
}

.connect-new-tech .category-list > .item .body-wrapper .text span
{
    width: 100%;
    margin-bottom: 10px;
}

.connect-new-tech .category-list > .item .body-wrapper .text span .fa
{
    margin-right: 8px;
}

span.background-loader
{
  width: 0%;
  position: absolute;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;

  opacity: 1;

  -webkit-transition: width 0.3s, opacity 0.7s, background-color 0.5s;
  -o-transition: width 0.3s, opacity 0.7s, background-color 0.5s;
  transition: width 0.3s, opacity 0.7s, background-color 0.5s;
}

span.background-loader
{
  width: 0%;
  position: absolute;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;

  opacity: 1;

  -webkit-transition: width 0.3s, opacity 0.7s, background-color 0.5s;
  -o-transition: width 0.3s, opacity 0.7s, background-color 0.5s;
  transition: width 0.3s, opacity 0.7s, background-color 0.5s;
}

span.text-loader
{
  position: relative;
  z-index: 2;
}

.root span.loader-cancel-link
{
  position: relative;
  z-index: 2;

  color: #136C99;
  cursor: pointer;
}

.root span.loader-cancel-link:hover
{
  border-bottom: 1px solid #136C99;
}

.bootstrap-dialog.type-primary .modal-header .bootstrap-dialog-title 
{
    width: calc(100% - 26px);
}

.bootstrap-dialog.type-primary .modal-header .bootstrap-dialog-close-button 
{
    opacity: 0.8;
    position: absolute;
    top: 4px;
    right: 0px;
    text-align: center;
    width: 42px;
    padding-top: 5px; 
    cursor: pointer;
}

.bootstrap-dialog.type-primary .modal-header .bootstrap-dialog-close-button .close
{
    opacity: 1;
    color: #fff;
    font-weight: normal;
    font-size: 40px;
    text-shadow: none;
    float: none;
}

.bootstrap-dialog.type-primary .modal-header .bootstrap-dialog-close-button:hover
{
    opacity: 1;
}

.catalog-tree-edit .tree-container .item .header .settings .action-block
{
    line-height: 1;   
}

.constructor-main .edit-container header
{
    width: 100%;
    float: left;
    position: relative;
}

.constructor-main .edit-container header .main
{
    width: 100%;
    float: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    height: 112px;
    position: relative;
    z-index: 2;
}

.constructor-main .edit-container header .mobile
{
    display: none;
    position: relative;
    z-index: 2;
}

.constructor-main .edit-container header .main .left-block .logo
{
    height: 100px;
    width: 220px;

    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.constructor-main .edit-container header .main .left-block .logo img
{
    max-width: 100%;
    max-height: 100%;
}

.constructor-main .edit-container header .main .left-block .data 
{
    /*padding: 18px 0px 15px 0px;*/
    font-weight: 300;
    padding: 18px 0px 15px 0px;
}

.constructor-main .edit-container header .main .left-block .data .time 
{

    font-size: 40px;
    padding: 0px 0.65em 0px 0.45em;
    margin-left: 15px;
    min-width: 0px;
    font-weight: 300;
    letter-spacing: -0.5px;
    border-left: 1px solid rgba(255, 255, 255, 0.18);
    border-right: 1px solid rgba(255, 255, 255, 0.18);
}

.constructor-main .edit-container header .main .left-block .data .time, 
.constructor-main .edit-container header .main .left-block .data .weather 
{
    min-height: 66px;

    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.constructor-main .edit-container header .main .left-block .data .time .colon
{
    padding: 0px 2px;
}

.constructor-main .edit-container header .main .left-block .data .weather
{
    padding: 0px 1.2em;
}

.constructor-main .edit-container header .main .left-block .data .weather .text 
{
    line-height: 1;
    padding-left: 7.5px;
}

.constructor-main .edit-container header .main .left-block .data .weather .text .t 
{
    font-size: 46px;
}

.constructor-main .edit-container header .main .left-block .data .weather .text .t span 
{
    float: left;
}

.constructor-main .edit-container header .main .left-block .data .weather .text .t .sub 
{
    font-size: 40%;
}

.constructor-main .edit-container header .main .left-block .data .weather .text .city 
{
    position: relative;
    top: 0.8em;
    font-size: 24px;
}

.constructor-main .edit-container header .main .list-btn
{
    margin-left: -7px;
    margin-right: -7px;
    padding: 18px 0px 15px 0px;
    width: auto;

    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.constructor-main .edit-container header .main .list-btn .btn 
{
    font-size: 18px;
    float: none;
    margin: 0px 7px;
    background-color: transparent;
    color: #fff;
    border-radius: 30px;
    border: 2px solid #fff;
    text-decoration: none;
    padding: 0.83em 1.5em;
    margin-bottom: 0.9em;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: center;
    -webkit-justify-content: center;
}

.constructor-main .edit-container header .main .list-btn .btn img
{
    margin-right: 10.5px;
    margin-left: -1px;
    max-height: 27px;
}

.constructor-main .edit-container header .main .list-btn .btn .text 
{
    position: relative;
    top: -1px;
}

.constructor-main .edit-container header .main .list-btn .btn.choose-language 
{
    float: none;
    display: inline-block;
    border: none;
    border-radius: 0px;
    padding: 0px;
    margin-left: 12px;
}

.constructor-main .edit-container header .main .list-btn .btn.choose-language .wrapper 
{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;

    justify-content: center;
    -webkit-justify-content: center;
}

.constructor-main .edit-container header .main .list-btn .btn.choose-language .wrapper .icon 
{
    width: 33px;
    height: 33px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #222;
    background-size: cover;
    background-position: center;
}

.constructor-main .edit-container header .main .list-btn .btn.choose-language .wrapper .text 
{
    display: none;
}







.constructor-main .edit-container .theme-container
{
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding-left: 255px;
    background-color: #364150;
    /*overflow: hidden;*/
    max-height: 0px;
    z-index: 55;

    -webkit-transition: max-height 0.25s;
    -o-transition: max-height 0.25s;
    transition: max-height 0.25s;
}

.constructor-main .edit-container .theme-container.show
{
    max-height: 900px;
}

.constructor-main .edit-container .theme-container > .wrapper
{
    background-color: #309ca0;
    width: 100%;
    padding: 20px 20px 12px 20px;
    /*padding: 10px 20px 0px 20px;*/
    /*-webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 -6px 20px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 -6px 20px 0 rgba(0, 0, 0, 0.08);*/

    -webkit-box-shadow: 0 -6px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -6px 20px 0px rgba(0, 0, 0, 0.2);
}

.constructor-main .edit-container .theme-container > .wrapper .form
{
    width: 100%;
    float: left;
}

.constructor-main .edit-container .theme-container > .wrapper .form .for-inp
{
    width: 100%;
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.constructor-main .edit-container .theme-container > .wrapper .form .for-inp .placeholder
{
    width: 180px;
    margin-bottom: 10px;
    font-size: 17px;
}

.constructor-main .edit-container .theme-container > .wrapper .form .for-inp .tab-select,
.constructor-main .edit-container .theme-container > .wrapper .form .for-inp .btn-block,
.constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker
{
    width: calc(100% - 180px);
    padding: 0px;
    list-style: none;
    margin-bottom: 10px;
}

.constructor-main .edit-container .theme-container > .wrapper .form .for-inp .tab-select li,
.constructor-main .edit-container .theme-container > .wrapper .form .for-inp .btn-block button,
.constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item
{
    float: left;
    display: inline-block;
    padding: 4px 28px 6px 28px;
    border: 1px solid #fff;
    font-size: 16px;
    line-height: 1.15;
    margin-left: -1px;
    min-width: 166px;
    text-align: center;
    cursor: pointer;
    background-color: transparent;
    color: #fff;
    border-radius: 1px;
    border-color: #43cda2;
    cursor: pointer;
    min-height: 36px;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

    -webkit-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    transition: all 0.3s cubic-bezier(.55,0,.1,1);
}


.constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item .name
{
    min-height: 36px;
    width: 100%;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item
{
    padding: 0px !important;
    position: relative;
}

.constructor-main .edit-container .theme-container > .wrapper .form .for-inp .btn-block button
{
    padding: 5px 28px;
}

.constructor-main .edit-container .theme-container > .wrapper .form .for-inp .tab-select li:hover,
.constructor-main .edit-container .theme-container > .wrapper .form .for-inp .btn-block button:hover,
.constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item:hover
{
    background-color: rgba(66, 205, 162, 0.37);
}

.constructor-main .edit-container .theme-container > .wrapper .form .for-inp .tab-select li.active,
.constructor-main .edit-container .theme-container > .wrapper .form .for-inp .btn-block button:focus

{
    background-color: rgba(66, 205, 162, 0.37);  
    border: 1px solid rgba(255, 255, 255, 0.5);
    outline: none;
    z-index: 2;
    position: relative;
}

.constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item .select-color
{
    position: absolute;
    bottom: 100%;
    z-index: 10;
    left: 50%;
    margin-left: -110px;
    padding-bottom: 15px;
    overflow: hidden;
}

.constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item .select-color > .wrapper
{
    position: relative;
}

.constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item .select-color > .wrapper:before,
.constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item .select-color > .wrapper:after
{
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
}

.constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item .select-color > .wrapper:before
{
    border-top: 14px solid rgba(0, 0, 0, 0.2);
    margin-left: -14px;
}

.constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item .select-color > .wrapper:after
{
    border-top: 14px solid #fff;
    margin-left: -14px;
    margin-top: -1px;
}


.constructor-main .edit-container .background-block
{
    position: fixed;
    top: 0px;
    /*left: 255px;*/
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 5;
}

.constructor-main .edit-container .background-block .backgrond-image
{
    width: 100%;
    height: 100%;
    background-size: cover;
}


.constructor-main .edit-container .background-block .backgrond-color
{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 2;
    display: none;
}

.constructor-main .edit-container.dim-type-grey .backgrond-color
{
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
}

.constructor-main .edit-container.dim-type-blue .backgrond-color
{
    background-color: rgba(0, 49, 83, 0.8);
    display: block;
}

.constructor-main .edit-container.button-type-blur .background-block .backgrond-image
{
    background-size: inherit;
    background-position: center;
    background-repeat: no-repeat;
}

.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .button .background
{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    overflow: hidden;
    background-attachment: fixed;
    z-index: 1;

    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px); 
    -o-filter: blur(10px); 
    -ms-filter: blur(10px); 
    display: none;
}

.constructor-main .edit-container.button-type-blur .content .wrapper-buttons .list-buttons .item .button .background
{
    display: block;
    background-position: center;
    background-repeat: no-repeat;
}

.constructor-main .edit-container.button-type-blur .content .wrapper-buttons .list-buttons .item .button *:not(.background)
{
    position: relative;
    z-index: 3;
}

.constructor-main .edit-container.button-type-blur.dim-type-grey .content .wrapper-buttons .list-buttons .item .button .background:before,
.constructor-main .edit-container.button-type-blur.dim-type-blue .content .wrapper-buttons .list-buttons .item .button .background:before,
.constructor-main .edit-container.button-type-blur.dim-type-grey header .backgrond-image:before,
.constructor-main .edit-container.button-type-blur.dim-type-blue header .backgrond-image:before
{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.constructor-main .edit-container.button-type-blur.dim-type-grey .content .wrapper-buttons .list-buttons .item .button .background:before,
.constructor-main .edit-container.button-type-blur.dim-type-grey header .backgrond-image:before
{
    background-color: rgba(0, 0, 0, 0.5);
}

.constructor-main .edit-container.button-type-blur.dim-type-blue .content .wrapper-buttons .list-buttons .item .button .background:before,
.constructor-main .edit-container.button-type-blur.dim-type-blue header .backgrond-image:before
{
    background-color: rgba(0, 49, 83, 0.8);
}

.constructor-main .edit-container header .backgrond-image
{
    position: absolute;
    top: -20px;
    bottom: 0px;
    left: -20px;
    right: -20px;
    z-index: 1;
    overflow: hidden;
    background-attachment: fixed;
    z-index: 1;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    display: none;
}

.constructor-main .edit-container.button-type-blur header .backgrond-image
{
    display: block;
    background-position: center;
    background-repeat: no-repeat;
}


.constructor-main .edit-container .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper .edit-panel,
.constructor-main .edit-container.dim-type-grey .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper .edit-panel
{
    background-color: rgba(54, 65, 80, 0.82);
}

.constructor-main .edit-container.dim-type-blue .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper .edit-panel,
.constructor-main .edit-container.button-type-blur.dim-type-blue .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper .edit-panel
{
    background-color: rgba(0, 49, 83, 0.72);
}

.constructor-main .edit-container.button-type-blur .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper .edit-panel,
.constructor-main .edit-container.button-type-blur.dim-type-grey .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper .edit-panel
{
    background-color: rgba(54, 65, 80, 0.75); 
}

.constructor-main .edit-container.button-type-blur.dim-type-blue .content .wrapper-buttons .list-buttons .item .edit-panel-wrapper .edit-panel
{
    background-color: rgba(0, 49, 83, 0.72);   
}

.constructor-main .edit-container .theme-container > .wrapper .form .for-inp.color-inp .color-picker .color-item .select-color .close-btn
{
    position: fixed;
    top: 0px;
    right: 12px;
    color: #fff;
    font-size: 50px;
    font-weight: 300;
    line-height: 1;
    display: none;
    cursor: pointer;
}







.constructor-main .themes-wrapper
{
    width: 100%;
}

.constructor-main .themes-wrapper > .container
{
    width: 100%;
    padding: 0px 20px;
    margin-bottom: 25px;
}

.constructor-main .themes-wrapper > .container:last-child
{
    margin-bottom: 40px;
}


.constructor-main .themes-wrapper .header-block .list-nav
{
    width: 100%;
    /* cursor: pointer; */
    /*padding: 20px 20px 0px 20px;*/
}

.constructor-main .themes-wrapper .header-block .list-nav .nav
{
    width: 100%;
    float: left;
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    padding: 25px 15px;
    margin-top: -1px;
    /*height: 112px;*/
    display: block;
    -webkit-box-shadow: 0px 7px 21px -2px transparent;
    box-shadow: 0px 7px 21px -2px transparent;
    background-color: transparent;
    cursor: pointer;
    position: relative;
    padding-left: 70px;

    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}

.constructor-main .themes-wrapper .header-block .list-nav .nav:hover
{
    border: 1px solid #2b8e9f;
    background-color: rgba(44, 143, 160, 0.1);
    -webkit-box-shadow: 0px 7px 21px -2px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 7px 21px -2px rgba(0, 0, 0, 0.07);
    z-index: 2;
}

.constructor-main .themes-wrapper .header-block .list-nav .nav.active
{
    border: 1px solid #2b8e9f;
    background-color: rgba(44, 143, 160, 0.17);
    -webkit-box-shadow: 0px 7px 21px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 7px 21px -2px rgba(0, 0, 0, 0.2);
    z-index: 3;
}

.constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn
{
    
    margin: 0px -15px;

    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn.pull-right
{
    text-align: right;
}

.constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn .btn
{
    font-size: 18px;
    float: none;
    margin: 0px 15px;
    background-color: transparent;
    color: #fff;
    border-radius: 30px;
    border: 2px solid #fff;
    text-decoration: none;
    padding: 0.83em 1.5em;
    /*margin-bottom: 0.9em;*/
    outline: none;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    justify-content: center;
    -webkit-justify-content: center;
}

.constructor-main .themes-wrapper .btn:focus
{
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn .btn img
{
    margin-right: 11.5px;
    margin-left: -1px;
    max-height: 27px;
}

.constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn .btn .text + img
{
    margin-right: -1px;
    margin-left: 11.5px;
}

.constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn .btn .fa
{
    font-size: 29px;
    margin-right: 10.5px;
    margin-left: -1px;
}

.constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn .btn .text
{
    position: relative;
    float: none;
    display: inline-block;
    top: 1px;
}

/*.constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn .basket-block .btn img
{
    position: relative;
    top: -1px;
}
*/


.constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn .btn .text:only-child
{
    padding: 0 0.92em;
}

.constructor-main .themes-wrapper .btn.btn-color-blue,
.constructor-main .themes-wrapper .header-block .list-nav .nav.blue-theme .list-btn .btn
{
    border-color: #1265d4;
}

.constructor-main .themes-wrapper .btn.btn-color-yellow,
.constructor-main .themes-wrapper .header-block .list-nav .nav.yellow-theme .list-btn .btn
{
    border-color: #ffb700;
}

.constructor-main .themes-wrapper .btn.btn-color-red,
.constructor-main .themes-wrapper .header-block .list-nav .nav.red-theme .list-btn .btn
{
    border-color: #ff3e1f;
}

.constructor-main .themes-wrapper .header-block .list-nav .nav .list-btn .basket-block .btn
{
    border-color: #5ba83b;
}


.constructor-main .themes-wrapper .list-btn .basket-block .text
{
    top: 0px;
}

.constructor-main .themes-wrapper .list-btn .basket-block .text .head,
.constructor-main .themes-wrapper .list-btn .basket-block .text .value span:first-child
{
    padding-right: 5px;
}



.constructor-main .themes-wrapper .container .radio-block
{
    position: absolute;
    width: 45px;
    height: 100%;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    padding-left: 15px;
}

.constructor-main .themes-wrapper .container .radio-block .check-wrapp
{
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.28);
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}

.constructor-main .themes-wrapper .container .radio-block .check-wrapp .fa
{
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}

.constructor-main .themes-wrapper .container .radio-block .check-wrapp:hover,
.constructor-main .themes-wrapper .header-block .list-nav .nav.active .radio-block .check-wrapp,
.constructor-main .themes-wrapper .catalog-buttons-block .list-item.active .radio-block .check-wrapp
{
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.24);
}

.constructor-main .themes-wrapper .header-block .list-nav .nav.active .radio-block .check-wrapp .fa,
.constructor-main .themes-wrapper .catalog-buttons-block .list-item.active .radio-block .check-wrapp .fa
{
    opacity: 1;
}


.constructor-main .themes-wrapper .burger
{
    position: relative;
    cursor: pointer;
    top: 8px;
    height: 43px;
    width: 56px;
    margin-right: 20px;
    margin-left: -10px;
    z-index: 50;
}

.constructor-main .themes-wrapper .burger .hamburger
{
    position: absolute;
    height: 100%;
    width: 100%; 
}

.constructor-main .themes-wrapper .burger .hamburger span
{
    display: block;
    background: #fff;
    width: 36px;
    height: 3px;
    position: relative;
    top: 10px;
    left: 10px;
}

.constructor-main .themes-wrapper .burger .hamburger span:nth-child(2)
{
    margin: 7px 0;
}

.constructor-main .themes-wrapper .burger .cross
{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

.constructor-main .themes-wrapper .title
{
    width: 100%;
    font-size: 22px;
    padding: 25px 0px 15px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    color: #fff;
}

.constructor-main .themes-wrapper .catalog-buttons-block .list-item
{
    width: 100%;
    padding: 25px 0px;
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    margin-top: -1px;
    -webkit-box-shadow: 0px 7px 21px -2px transparent;
    box-shadow: 0px 7px 21px -2px transparent;
    background-color: transparent;
    cursor: pointer;
    position: relative;
    padding-left: 55px;

    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;

    -webkit-align-content: flex-start;
    align-content: flex-start;

    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;

}

.constructor-main .themes-wrapper .catalog-buttons-block .list-item:hover 
{
    border: 1px solid #2b8e9f;
    background-color: rgba(44, 143, 160, 0.1);
    -webkit-box-shadow: 0px 7px 21px -2px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 7px 21px -2px rgba(0, 0, 0, 0.07);
    z-index: 2;
}

.constructor-main .themes-wrapper .catalog-buttons-block .list-item.active 
{
    border: 1px solid #2b8e9f;
    background-color: rgba(44, 143, 160, 0.17);
    -webkit-box-shadow: 0px 7px 21px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 7px 21px -2px rgba(0, 0, 0, 0.2);
    z-index: 3;
}

.constructor-main .themes-wrapper .catalog-buttons-block .list-item .item
{
    width: 25%;
    height: 150px;
    padding: 0px 15px;
    /*margin: 0px 0px 30px 0px;*/
    margin: 0px;
    position: relative;
}  

.constructor-main .themes-wrapper .catalog-buttons-block .list-item .item.banner
{
    display: none;
}

.constructor-main .themes-wrapper .catalog-buttons-block .list-item .item .wrapper
{
    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    border: 1px solid #fff;
    color: #fff;
    position: relative;
    overflow: hidden;

    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;

    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    justify-content: flex-start;
    -webkit-justify-content: flex-start;

   -webkit-box-shadow: 6px 12px 35px 10px transparent;
   box-shadow: 6px 12px 35px 10px transparent;

    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.constructor-main .themes-wrapper .catalog-buttons-block .list-item .item .wrapper:hover
{
    -webkit-box-shadow: 6px 12px 35px 10px rgba(0, 0, 0, 0.26);
    box-shadow: 6px 12px 35px 10px rgba(0, 0, 0, 0.26);
}

.constructor-main .themes-wrapper .catalog-buttons-block .list-item .item .wrapper .icon
{
    /*width: 28.5%;
    padding-right: 6.5%;*/
    width: 32.5%;
    text-align: center;
    padding: 0px 15px;
}

.constructor-main .themes-wrapper .catalog-buttons-block .list-item .item .wrapper .icon img
{
    max-width: 100%;
    /*float: right;*/
    height: auto;
}

.constructor-main .themes-wrapper .catalog-buttons-block .list-item .item .wrapper .text
{
    float: left;
    font-size: 18px;
    width: 67.5%;
    padding-right: 15px;
    word-wrap: break-word;
}

.constructor-main .themes-wrapper .catalog-buttons-block .list-item.blue-theme .item .wrapper
{
    border-color: #1265d4;
    background-color: rgba(0, 0, 0, 0.18);
}

.constructor-main .themes-wrapper .catalog-buttons-block .list-item.yellow-theme .item .wrapper
{
    border-color: #ffb700;
    background-color: rgba(0, 0, 0, 0.18);
}

.constructor-main .themes-wrapper .catalog-buttons-block .list-item.red-theme .item .wrapper
{
    border-color: #ff3e1f;
    background-color: rgba(0, 0, 0, 0.18);
}



.constructor-main-wrapper .constructor-main.main-container .slider-container .select-language-bar .wrapper .item:first-child
{
    border-left: none;
}


.slider-container .select-language-bar
{
    width: 100%;
}

.slider-container .select-language-bar .wrapper
{
    width: -webkit-calc(100% + 32px);
    width: -moz-calc(100% + 32px);
    width: -ms-calc(100% + 322px);
    width: calc(100% + 32px);
    margin: 10px 0px 15px -16px;
}

.slider-container .select-language-bar .wrapper .item
{
    color: #fff;
    padding: 0px 16px;
    margin: 0px 0px 10px 0px;
    border-left: 1px solid rgba(255, 255, 255, 0.55);
    cursor: pointer;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;

    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);
}

.slider-container .select-language-bar .wrapper .item .icon,
.slider-container .select-language-bar .wrapper .item .name
{
    opacity: 0.55;
    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);
}


.slider-container .select-language-bar .wrapper .item .icon
{
    height: 30px;
    width: 30px;
    margin-right: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.slider-container .select-language-bar .wrapper .item .name
{
    font-size: 20px;
    text-transform: uppercase;
}

.slider-container .select-language-bar .wrapper .item.active .icon,
.slider-container .select-language-bar .wrapper .item.active .name,
.slider-container .select-language-bar .wrapper .item:hover .icon,
.slider-container .select-language-bar .wrapper .item:hover .name
{
    opacity: 1;
}

.slider-container .select-language-bar .wrapper .item.active
{
    border-left: 1px solid #fff;
}

.slider-container .select-language-bar .wrapper .item.active + .item
{
    border-left: 1px solid #fff;
}

.modal-block-wrapper
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 49, 83, 0.89);
    padding: 20px 30px;
    z-index: -10;
    opacity: 0;
    /*overflow-x: hidden;
    overflow-y: auto;*/
    -webkit-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out; 
    display: block;
}

.modal-block-wrapper.show
{
    z-index: 55;
    opacity: 1;
}

.modal-block-wrapper > div:not(.panel)
{
    width: 100%;
    height: 100%;
}

.modal-block-wrapper .panel
{
    width: 750px;
    background-color: #fff;
    position: relative;
    max-height: 100%;
    color: #003153;
    margin: 0 auto;
    float: none;
    border: none;
    border-radius: 0px;
    display: block;
    height: 100%;
}


.modal-block-wrapper .panel .close-btn 
{
    width: 43px;
    height: 43px;
    position: absolute;
    font-weight: 300;
    line-height: 1.05;
    border-radius: 50%;
    cursor: pointer;
    top: 12px;
    right: 10px;
    border: 2px solid #fff;
    font-size: 36px;
    padding-left: 1px;
    color: #fff;
    z-index: 10;
    text-align: center;
    font-family: "OpenSans", sans-serif, arial;
}

.modal-block-wrapper .panel .top-block 
{
    background-color: #1973ed;
    width: 100%;
    padding: 18px 58px 0px 20px;
    color: #fff;
    position: relative;
    line-height: 1.1;
    font-size: 1.66rem;
    font-weight: 500;
    height: 70px;
}

.modal-block-wrapper .panel .content 
{
    line-height: 1.3;
    font-size: 1rem;
    width: 100%;
    padding: 0px;
    height: calc(100% - 170px);
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;

}

.modal-block-wrapper .panel .content .block
{
    padding: 15px 20px;
}

.modal-block-wrapper .panel .content .nav-tabs
{
    font-size: 15px;
}

.modal-block-wrapper .panel .top-block p
{
    margin: 0px;
    line-height: 1.1;
    font-size: 28px;
    font-weight: 500;
}

.modal-block-wrapper .panel .bottom-block
{
    width: 100%;
    padding: 20px 0px;
    line-height: 1.3;
    position: relative;
    height: 100px;
}

.modal-block-wrapper .panel .bottom-block:before 
{
    content: "";
    border-bottom: 1px solid rgba(214, 214, 214, 0.56);
    height: 1px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}

.modal-block-wrapper .panel .bottom-block .button-block
{
    float: right;
    margin: 0px;   
    padding: 0px 10px;
}

.modal-block-wrapper .panel .bottom-block .button-block .btn 
{
    /*font-size: 18px;
    float: none;
    background-color: transparent;
    color: #fff;
    border-radius: 30px;
    border: 2px solid #fff;
    text-decoration: none;
    padding: 0.83em 1.42em;
    outline: none;
    white-space: normal;
    display: inline-block;
    text-align: center;
    margin: 0px;
    float: right;
    border-color: #1265d4;
    color: #1265d4;
    font-weight: 500;
    min-width: 170px;
    text-transform: normal;
    font-family: "OpenSans", sans-serif, arial;*/
    margin: 0px 10px 4px 10px;
}

.head-top .action-block .languages
{
    height: 100%;
}

.head-top .action-block .languages .caret
{
    display: none;
}

.head-top .action-block .languages .item.select-language 
{
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
}

.head-top .action-block .languages .item.select-language:hover 
{
    background-color: #3f4f62;
}

.head-top .action-block .languages .item.select-language .icon 
{
    background-color: #708096;
    float: left;
    width: 29px;
    height: 29px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    margin-right: 8px;
    line-height: 1;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.head-top .action-block .languages .dropdown-menu .item.select-language:hover
{
    /*background-color: transparent;*/
    background-color: rgba(112, 128, 150, 0.12);
}

.head-top .action-block .languages .dropdown-menu .item.select-language
{
    width: 100%;
    margin: 0px;
}

.head-top .action-block .languages .dropdown-menu li,
.head-top .action-block .languages .dropdown-menu li a
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-weight: 40;
    color: #222;
}

.head-top .action-block .languages .dropdown-menu .text
{
    font-weight: 400;
    color: #222;
}


.spoiler
{
    width: 100%;
    float: left;
}

.spoiler div
{
    /*float: left;*/
}

.spoiler .title
{
    width: 100%;
    background-color: rgba(34, 34, 34, 0.06);
    padding: 6px 15px;
    margin-bottom: 15px;
    cursor: pointer;
    position: relative;
    padding-right: 33px;
}

.spoiler .title .form-group
{
    width: 100%;
    margin: 0px;
}

.spoiler .title .form-group label
{
    width: 100%;
    float: left;
    text-align: left;
    margin: 0px;
    /*padding: 0px;*/
}

.form-horizontal .control-label
{
    line-height: 1.3;
    padding-top: 0px;
}

.spoiler > .body
{
    width: 100%;
    overflow: hidden;
    max-height: 0px;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.open > .body
{
    max-height: 5000px;
}

.modal-footer
{
    border-top: none;
}

.spoiler .title .arrow
{
    position: absolute;
    top: 0px;
    width: 26px;
    height: 100%;
    right: 0px;
    z-index: 2;
}

.spoiler .title .arrow .fa
{
    position: absolute;
    top: 2px;
    left: 0px;
    font-size: 26px;
    line-height: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.spoiler.open .title .arrow .fa
{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.modal .image-container-preview
{
    width: 100%;
    float: left;
    height: 80vh;
}

.modal .image-container-preview .image-preview
{
    width: 100%;
    float: left;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.bootstrap-select.btn-group .dropdown-toggle .caret
{
    width: 4px;
}

.wrap .sub-toolbar
{
    width: 100%;
    position: relative;
    /*top: -5px;*/
    margin-top: -5px;
    background-color: rgb(38, 164, 175);
    color: #fff;
    padding: 12px 20px;
    z-index: 9;
    padding-top: 25px;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.27);
    box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.27);
}

.wrap .sub-toolbar .button-wrapper .title
{
    padding-right: 18px;
    color: #364150;
    font-size: 19px;
    padding-top: 6px;
    line-height: 1.25;
    margin-bottom: 3px;
}


.wrap .sub-toolbar .button-wrapper .btn-flat
{
    min-height: 36px;
    margin-right: 18px;
    background-color: transparent;
    color: #fff;
    border-radius: 1px;
    border-color: #43cda2;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    transition: all 0.3s cubic-bezier(.55,0,.1,1);
}

.wrap .sub-toolbar .button-wrapper .btn-flat.disabled
{
    cursor: not-allowed;
    opacity: 0.7;
}

/*.wrap .sub-toolbar:not(.hide) + *
{
    margin-top: 60px;
}*/


.table .status_id:before
{
    padding-top: 8px;
    /*float: left;*/
    display: inline-block;
}

.table .status_id .fa.btn-action
{
    float: none;
    display: inline-block;
}

.OrderAutoRent-form
{
    width: 100%;
}

.OrderAutoRent-form .panel 
{
    width: 100%;
}

.form-control
{
    max-width: 100%;
}

.services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title.denied,
.providers-tab .providers-wrapper > .item > .body-wrapper > .exist-services-wrapper .sub-service .item.denied
{
    /*background-color: #fff;*/
    /*border: 1px solid rgba(34, 34, 34, 0.4);*/
    /*color: rgba(76, 76, 76, 0.8);*/
    border: none;
    color: #4c4c4c;
    background-color: #efefef;
}

.services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title.denied:hover
{
    color: #fff;
    background-color: #959595;    
}

.services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title.denied:hover .button-chip
{
    background-color: #fff;
    color: #959595; 
}

.services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title .circle 
{
    width: 25px;
    height: 25px;
    margin-top: -13px;
    border-radius: 50%;
    position: absolute;
    right: -5px;
    padding: 0px;
    top: 50%;
    padding-left: 0px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding-top: 4px;
    line-height: 1;
    z-index: 2;
}

.services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title .circle .fa
{
    float: none;
    display: inline-block;
}

.services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title .circle.circle-red
{
    background-color: red;
}

.services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title .circle.circle-yellow
{
    background-color: #ffc800;
}

.services-tab .services-wrapper .item > .header-wrapper > .header-body-wrapper > .provider-wrapper .providers-exist .provider-title .circle.circle-green
{
    /*background-color: #62c92e;*/
    background-color: #43cea2;
}

.catalog-tree-edit
{
    position: relative;
    font-family: 'Roboto', sans-serif;
}

.catalog-tree-edit .tree-tab
{
    position: relative;
    width: 100%;
    overflow-x: hidden;
}


.catalog-tree-edit .support-block
{
    max-width: calc(100% - 840px);
    position: absolute;
    right: -100%;
    top: 20px;
    background-color: #fff;
    border: 1px solid #e9ebed;
    padding: 20px 25px;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.22), 0 6px 20px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.22), 0 6px 20px 0 rgba(0, 0, 0, 0.08);
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.catalog-tree-edit .support-block.open
{
    right: 20px;
}

.catalog-tree-edit .support-block .close-btn
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    font-size: 40px;
    line-height: 1;
    font-weight: 300;
    padding-top: 6px;
    text-align: center;
    cursor: pointer;
    opacity: 0.8;
}

.catalog-tree-edit .support-block .close-btn:hover
{
    opacity: 1;
}

.catalog-tree-edit .support-block .header
{
    width: 100%;
    font-size: 21px;
    margin-bottom: 10px;
}

.catalog-tree-edit .support-block .photo-block
{
    width: 100%;
    margin: 5px 0px 15px 0px;
}

.catalog-tree-edit .support-block .photo-block img
{
    max-width: 100%;
}

.catalog-tree-edit .support-block .text-block
{
    width: 100%;
    font-size: 15px;
}

.catalog-tree-edit .support-block .text-block p
{
    width: 100%;
    float: left;
}

.catalog-tree-edit .support-block .text-block ul,
.catalog-tree-edit .support-block .text-block ol
{
    width: 100%;
    float: left;
    padding-left: 20px;
}

.catalog-tree-edit .support-block .text-block ul li,
.catalog-tree-edit .support-block .text-block ol li
{
    width: 100%;
    float: left;
}

.catalog-tree-edit .support-block .text-block .photo-block
{
    float: left;
    width: auto;
    display: inline-block;
    margin: 0px 10px 10px 0px;
}

.catalog-tree-edit .support-block .text-block .photo-block ~ *
{
    float: none;
    display: inline;
}

.widget-analitycs .content-wrapper
{
    width: 100%;
    padding: 20px;
    position: relative;
    z-index: 1;
}

.widget-analitycs .charts-wrapper
{
    width: 100%;
    position: relative;
}

.widget-analitycs .charts-wrapper.charts-common
{
    height: 550px;
    margin-bottom: 60px;

}

.wrap .sub-toolbar .button-wrapper .btn-tabs .btn-title
{
    padding-right: 18px;
    color: #364150;
    font-size: 19px;
    padding: 6px 10px 0px 0px;
    line-height: 1.25;
    margin-bottom: 3px;
    outline: none;
    border: none;
    cursor: default;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs .btn-title .fa
{
    display: none;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs .btn,
.wrap .sub-toolbar .button-wrapper .btn-tabs .btn-flat
{
    margin-right: 0px;
    border-radius: 0px;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs .btn.active,
.wrap .sub-toolbar .button-wrapper .btn-tabs .btn:active,
.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select .list .btn.active,
.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select .list .btn:active
{
    /*background-color: rgba(67, 205, 162, 0.5);*/
    background-color: #34b9a9;
    -webkit-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    transition: all 0.3s cubic-bezier(.55,0,.1,1);
}

.widget-analitycs .charts-wrapper .item-list-wrapoer
{
    width: 100%;
}


.widget-analitycs .charts-wrapper .item-list-wrapoer .item-list
{
    width: calc(100% + 30px);
    margin-left: -15px;
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item
{
    width: 33.333%;
    padding: 0px 15px;
    margin-bottom: 30px;
}

.widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item > .wrapper
{
    width: 100%;
    height: 200px;
    padding: 10px;
    /*border: 1px solid #d5d5d5;*/
    line-height: 1.25;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);             
}

.widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .title
{
    /*width: 100%;*/
    width: calc(100% - 165px);
    position: absolute;
    left: 10px;
    bottom: 8px;
    line-height: 1;
    font-size: 26px;
    /*text-shadow: 0px 0px;*/
    /*text-shadow: white 0px 0px;*/
    /*text-shadow: white 2px 2px 0px;*/
    z-index: 10;
    min-height: 38px;
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}


.widget-analitycs .charts-wrapper.charts-list-type-events .item-list-wrapoer .item-list .item .wrapper .title
{
    /*padding-right: 315px;*/
    width: calc(100% - 315px);
    bottom: auto;
    top: 2px;
    font-size: 23px;
}

.widget-analitycs .charts-wrapper.charts-list-type-events .item-list-wrapoer .item-list .item .wrapper .params-wrapper
{
    width: 315px;
}

.widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .image-wrapper
{
    width: 55px;
    height: 55px;
    background-color: #616161;
    /*background-image: url(/theme/backend/img/transparent-backgorund.jpg);*/
    overflow: hidden;
    background-size: cover;
    margin-right: 15px;
    border-radius: 50%;
    position: relative;
    padding: 10px;
    z-index: 3;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .image-wrapper .image
{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
}

.widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .chart-wrapper
{
    width: 101%;
    height: 185px;
    position: absolute;
    opacity: 0.8;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
}

.widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .params-wrapper
{
    font-size: 11px;
    position: relative;
    z-index: 2;
    float: right;
    text-align: right;
    top: 0px;
    width: calc(100% - 70px);
}

.widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .params-wrapper span
{
    float: none;
    text-align: right;
    margin-left: 5px;
    margin-bottom: 5px;
    padding: 3px;
    color: #fff;
    display: inline-block;
}


.wrap .sub-toolbar .pagination-wrapper .pagination
{
    margin: 0px 0px 3px 0px;
}

.wrap .sub-toolbar .pagination-wrapper .pagination li a
{
    min-height: 36px;
    background-color: transparent;
    color: #fff;
    border-radius: 1px;
    border-color: #43cda2;
    cursor: pointer;
    outline: none;
    font-size: 14px;
    padding: 10px 14px 8px 14px;
    line-height: 1;
}

.wrap .sub-toolbar .pagination-wrapper .pagination li:first-child a,
.wrap .sub-toolbar .pagination-wrapper .pagination li:last-child a
{
    font-size: 18px;
    line-height: 0.5;
    padding: 12px 11px 8px 11px;
}

.wrap .sub-toolbar .pagination-wrapper .pagination li.active a
{
    background-color: rgba(67, 205, 162, 0.5);
}

.wrap .google-analytics-report-charts
{
    width: 100%;
}

.wrap .google-analytics-report-charts .widget-analitycs
{
    width: 100%;
}

.wrap .widget-analitycs
{
    font-family: 'Roboto', sans-serif;   
}

.widget-analitycs .charts-wrapper.charts-list-type-object .item-list-wrapoer .item-list .item > .wrapper .image-wrapper
{
    padding: 0px;
    width: 100px;
    height: 100px;
}


.widget-analitycs .charts-wrapper.charts-list-type-object .item-list-wrapoer .item-list .item .wrapper .params-wrapper
{
    width: calc(100% - 115px);    
}


.widget-analitycs .charts-wrapper.charts-list-type-object .item-list-wrapoer .item-list .item > .wrapper .image-wrapper .image
{
    border-radius: 0px;
}

.widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .action-wrapper
{
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 10;
    margin-bottom: 0px;
}

.widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .action-wrapper .btn-default
{
    background-color: rgba(255, 255, 255, 0.71);
    outline: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    float: right;
}

.widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .action-wrapper .btn-default:hover
{
    background-color: #fff;
}


.widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .action-wrapper .btn *
{
    float: none;
}

.widget-analitycs .charts-wrapper .item-list-wrapoer .item-list .item .wrapper .action-wrapper .btn .fa
{
    padding-left: 12px;
    padding-right: 0px;
    margin-right: -2px;
}

.wrap .sub-toolbar .btn-open
{
    display: none;
}

.wrap .sub-toolbar .button-wrapper
{
    /*margin-bottom: -2px;*/
}

.wrap .sub-toolbar .button-wrapper > div,
.wrap .sub-toolbar .button-wrapper > button
{
    margin-right: 20px;
    margin-bottom: 12px;
}

.CalendarDay {
  border: 1px solid #e4e7e7;
  padding: 0;
  box-sizing: border-box;
  color: #565a5c;
  cursor: pointer;
  width: 39px;
  height: 38px; }
  .CalendarDay:active {
    background: #f2f2f2; }

.CalendarDay--highlighted-calendar {
  background: #ffe8bc;
  color: #565a5c;
  cursor: default; }
  .CalendarDay--highlighted-calendar:active {
    background: #007a87; }

.CalendarDay--outside {
  border: 0;
  cursor: default; }
  .CalendarDay--outside:active {
    background: #fff; }

.CalendarDay--hovered {
  background: #e4e7e7;
  border: 1px double #d4d9d9;
  color: inherit; }

.CalendarDay--blocked-minimum-nights {
  color: #cacccd;
  background: #fff;
  border: 1px solid #e4e7e7;
  cursor: default; }
  .CalendarDay--blocked-minimum-nights:active {
    background: #fff; }

.CalendarDay--selected-span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff; }
  .CalendarDay--selected-span.CalendarDay--hovered, .CalendarDay--selected-span:active {
    background: #33dacd;
    border: 1px double #00a699; }
  .CalendarDay--selected-span.CalendarDay--last-in-range {
    border-right: #00a699; }

.CalendarDay--hovered-span,
.CalendarDay--after-hovered-start {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87; }

.CalendarDay--selected-start,
.CalendarDay--selected-end,
.CalendarDay--selected {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff; }
  .CalendarDay--selected-start:active,
  .CalendarDay--selected-end:active,
  .CalendarDay--selected:active {
    background: #00a699; }

.CalendarDay--blocked-calendar {
  background: #cacccd;
  color: #82888a;
  cursor: default; }
  .CalendarDay--blocked-calendar:active {
    background: #cacccd; }

.CalendarDay--blocked-out-of-range {
  color: #cacccd;
  background: #fff;
  border: 1px solid #e4e7e7;
  cursor: default; }
  .CalendarDay--blocked-out-of-range:active {
    background: #fff; }

.CalendarMonth {
  text-align: center;
  padding: 0 13px;
  vertical-align: top;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .CalendarMonth:first-of-type {
    position: absolute;
    z-index: -1;
    opacity: 0;
    pointer-events: none; }
  .CalendarMonth table {
    border-collapse: collapse;
    border-spacing: 0;
    caption-caption-side: initial; }

.CalendarMonth--horizontal {
  display: inline-block;
  min-height: 100%; }

.CalendarMonth--vertical {
  display: block; }

.CalendarMonth__caption {
  color: #3c3f40;
  margin-top: 7px;
  font-size: 18px;
  text-align: center;
  margin-bottom: 2px;
  caption-side: initial; }

.CalendarMonth--horizontal .CalendarMonth__caption,
.CalendarMonth--vertical .CalendarMonth__caption {
  padding: 15px 0 35px; }

.CalendarMonth--vertical-scrollable .CalendarMonth__caption {
  padding: 5px 0; }

.CalendarMonthGrid {
  background: #fff;
  z-index: 0;
  text-align: left; }

.CalendarMonthGrid--animating {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  z-index: 1; }

.CalendarMonthGrid--horizontal {
  position: absolute;
  left: 9px; }

.CalendarMonthGrid--vertical {
  margin: 0 auto; }

.CalendarMonthGrid--vertical-scrollable {
  margin: 0 auto;
  overflow-y: scroll; }

.DayPicker {
  background: #fff;
  position: relative;
  text-align: left; }

.DayPicker--horizontal {
  background: #fff;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 3px; }
  .DayPicker--horizontal.DayPicker--portal {
    -webkit-box-shadow:  none;
    box-shadow:  none;
    position: absolute;
    left: 50%;
    top: 50%; }

.DayPicker--vertical.DayPicker--portal {
  position: initial; }

.DayPicker__focus-region {
  outline: none; }

.DayPicker__week-headers {
  position: relative; }

.DayPicker--horizontal .DayPicker__week-headers {
  margin-left: 9px; }

.DayPicker__week-header {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  padding: 0 13px;
  text-align: left; }
  .DayPicker__week-header ul {
    list-style: none;
    margin: 1px 0;
    padding-left: 0; }
  .DayPicker__week-header li {
    display: inline-block;
    text-align: center; }

.DayPicker--vertical .DayPicker__week-header {
  left: 50%; }

.DayPicker--vertical-scrollable {
  height: 100%; }
  .DayPicker--vertical-scrollable .DayPicker__week-header {
    top: 0;
    display: table-row;
    border-bottom: 1px solid #dbdbdb;
    background: white; }
  .DayPicker--vertical-scrollable .transition-container--vertical {
    padding-top: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-y: scroll; }
  .DayPicker--vertical-scrollable .DayPicker__week-header {
    margin-left: 0;
    left: 0;
    width: 100%;
    text-align: center; }

.transition-container {
  position: relative;
  overflow: hidden;
  border-radius: 3px; }

.transition-container--horizontal {
  -webkit-transition: height 0.2s ease-in-out;
   -o-transition: height 0.2s ease-in-out;
   transition: height 0.2s ease-in-out; }

.transition-container--vertical {
  width: 100%; }

.DayPickerNavigation__prev,
.DayPickerNavigation__next {
  cursor: pointer;
  line-height: 0.78;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  user-select: none; }

.DayPickerNavigation__prev--default,
.DayPickerNavigation__next--default {
  border: 1px solid #dce0e0;
  background-color: #fff;
  color: #757575; }
  .DayPickerNavigation__prev--default:focus, .DayPickerNavigation__prev--default:hover,
  .DayPickerNavigation__next--default:focus,
  .DayPickerNavigation__next--default:hover {
    border: 1px solid #c4c4c4; }
  .DayPickerNavigation__prev--default:active,
  .DayPickerNavigation__next--default:active {
    background: #f2f2f2; }

.DayPickerNavigation--horizontal {
  position: relative; }
  .DayPickerNavigation--horizontal .DayPickerNavigation__prev,
  .DayPickerNavigation--horizontal .DayPickerNavigation__next {
    border-radius: 3px;
    padding: 6px 9px;
    top: 18px;
    z-index: 2;
    position: absolute; }
  .DayPickerNavigation--horizontal .DayPickerNavigation__prev {
    left: 22px; }
  .DayPickerNavigation--horizontal .DayPickerNavigation__next {
    right: 22px; }
  .DayPickerNavigation--horizontal .DayPickerNavigation__prev--default svg,
  .DayPickerNavigation--horizontal .DayPickerNavigation__next--default svg {
    height: 19px;
    width: 19px;
    fill: #82888a; }

.DayPickerNavigation--vertical {
  background: #fff;
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 52px;
  width: 100%;
  z-index: 2; }
  .DayPickerNavigation--vertical .DayPickerNavigation__prev,
  .DayPickerNavigation--vertical .DayPickerNavigation__next {
    display: inline-block;
    position: relative;
    height: 100%;
    width: 50%; }
  .DayPickerNavigation--vertical .DayPickerNavigation__next--default {
    border-left: 0; }
  .DayPickerNavigation--vertical .DayPickerNavigation__prev--default,
  .DayPickerNavigation--vertical .DayPickerNavigation__next--default {
    text-align: center;
    font-size: 2.5em;
    padding: 5px; }
    .DayPickerNavigation--vertical .DayPickerNavigation__prev--default svg,
    .DayPickerNavigation--vertical .DayPickerNavigation__next--default svg {
      height: 42px;
      width: 42px;
      fill: #484848; }

.DayPickerNavigation--vertical-scrollable {
  position: relative; }
  .DayPickerNavigation--vertical-scrollable .DayPickerNavigation__next {
    width: 100%; }

.DateInput {
  font-weight: 200;
  font-size: 18px;
  line-height: 24px;
  color: #757575;
  margin: 0;
  padding: 8px;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle; }

.DateInput--with-caret::before,
.DateInput--with-caret::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: auto;
  border: 10px solid transparent;
  border-top: 0;
  left: 22px;
  z-index: 2; }

.DateInput--with-caret::before {
  top: 62px;
  border-bottom-color: rgba(0, 0, 0, 0.1); }

.DateInput--with-caret::after {
  top: 63px;
  border-bottom-color: #fff; }

.DateInput--disabled {
  background: #cacccd; }

.DateInput__input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  height: 100%;
  width: 100%; }
  .DateInput__input[readonly] {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.DateInput__display-text {
  padding: 4px 8px;
  white-space: nowrap;
  overflow: hidden; }

.DateInput__display-text--has-input {
  color: #484848; }

.DateInput__display-text--focused {
  background: #99ede6;
  border-color: #99ede6;
  border-radius: 3px;
  color: #007a87; }

.DateInput__display-text--disabled {
  font-style: italic; }

.screen-reader-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.DateRangePicker {
  position: relative;
  display: inline-block; }

.DateRangePicker__picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
  top: 72px; }

.DateRangePicker__picker--direction-left {
  left: 0; }

.DateRangePicker__picker--direction-right {
  right: 0; }

.DateRangePicker__picker--portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.DateRangePicker__picker--full-screen-portal {
  background-color: #fff; }

.DateRangePicker__close {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2; }
  .DateRangePicker__close svg {
    height: 15px;
    width: 15px;
    fill: #cacccd; }
  .DateRangePicker__close:hover, .DateRangePicker__close:focus {
    color: #b0b3b4;
    text-decoration: none; }

.DateRangePickerInput {
  background-color: #fff;
  border: 1px solid #cacccd;
  display: inline-block; }

.DateRangePickerInput--disabled {
  background: #cacccd; }

.DateRangePickerInput__arrow {
  display: inline-block;
  vertical-align: middle; }

.DateRangePickerInput__arrow svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px; }

.DateRangePickerInput__clear-dates {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 10px 0 5px; }

.DateRangePickerInput__clear-dates svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle; }

.DateRangePickerInput__clear-dates--hide {
  visibility: hidden; }

.DateRangePickerInput__clear-dates:focus,
.DateRangePickerInput__clear-dates--hover {
  background: #dbdbdb;
  border-radius: 50%; }

.DateRangePickerInput__calendar-icon {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px; }
  .DateRangePickerInput__calendar-icon svg {
    fill: #82888a;
    height: 15px;
    width: 14px;
    vertical-align: middle; }

.SingleDatePicker {
  position: relative;
  display: inline-block; }

.SingleDatePicker__picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
  top: 72px; }

.SingleDatePicker__picker--direction-left {
  left: 0; }

.SingleDatePicker__picker--direction-right {
  right: 0; }

.SingleDatePicker__picker--portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.SingleDatePicker__picker--full-screen-portal {
  background-color: #fff; }

.SingleDatePicker__close {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2; }
  .SingleDatePicker__close svg {
    height: 15px;
    width: 15px;
    fill: #cacccd; }
  .SingleDatePicker__close:hover, .SingleDatePicker__close:focus {
    color: #b0b3b4;
    text-decoration: none; }

.SingleDatePickerInput {
  background-color: #fff;
  border: 1px solid #dbdbdb; }

.SingleDatePickerInput__clear-date {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 10px 0 5px; }

.SingleDatePickerInput__clear-date svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle; }

.SingleDatePickerInput__clear-date--hide {
  visibility: hidden; }

.SingleDatePickerInput__clear-date:focus,
.SingleDatePickerInput__clear-date--hover {
  background: #dbdbdb;
  border-radius: 50%; }


.wrap .sub-toolbar .button-wrapper .DateRangePicker,
.wrap .sub-toolbar .button-wrapper .DateRangePicker *
{
    float: none;
}

.wrap .sub-toolbar .button-wrapper > div:last-child
{
    /*margin-right: 0px;*/
}


.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select .list,
.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .list
{
    position: absolute;
    top: 100%;
    right: 0px;
    z-index: 20;
    overflow: hidden;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select .list .btn
{
    float: left;
    width: 100%;
    padding: 0px 10px;
    font-size: 14px;
    overflow: hidden;
    min-height: 0px;
    max-height: 0px;
    margin-top: -1px;
    border: none;
    background-color: #26a4af;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #43cda2;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    text-align: left;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select .list .list-items-wrapper, 
.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .list .list-items-wrapper
{
    width: 100%;
    overflow-y: auto;
    max-height: 286px;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select .list .btn:first-child,
.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .list .btn:first-child
{
    margin-top: 0px;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select,
.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list
{
    position: relative;
    overflow: hidden;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select.open,
.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list.open
{
    /*overflow: inherit;*/
    overflow: initial;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select .btn-select,
.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select.open .btn.active:not(.btn-select),
.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .btn-select,
.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list.open .btn.active:not(.btn-select)
{
    display: inline-block;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select .btn.active:not(.btn-select),
.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .btn.active:not(.btn-select)
{
    display: none;
}



.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select .list .btn.active,
.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select.open .list .btn,
.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .list .btn.active,
.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list.open .list .btn
{
    padding: 7px 10px;
    max-height: 500px;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select .btn-select .fa,
.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .btn-select .fa
{
    padding-right: 0px;
    padding-left: 20px;
    font-size: 20px;
    margin-right: -6px;
    position: relative;
    width: 12px;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select .btn-select .fa:before,
.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .btn-select .fa:before
{
    position: absolute;
    top: -1px;
    right: 0px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    transition: all 0.3s cubic-bezier(.55,0,.1,1);
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select.open .btn-select .fa:before,
.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list.open .btn-select .fa:before
{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.date-range-widget-wrapper.active .DateInput__display-text 
{
    background-color: #34b9a9;
}

.DateRangePicker *
{
    float: none;
}

.DateRangePicker .transition-container
{
    -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 2px 6px, rgba(0, 0, 0, 0.117647) 0px 2px 4px;
    box-shadow: rgba(0, 0, 0, 0.117647) 0px 2px 6px, rgba(0, 0, 0, 0.117647) 0px 2px 4px;
}

.DateRangePicker .DateRangePickerInput
{
    /*border: 1px solid #43cda2;*/
    background-color: transparent;
    border: none;
    /*-webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
    box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;*/
}

.DateRangePicker .DateRangePickerInput .DateInput
{
    width: 90px;
    background-color: transparent;
    padding: 0px;
    border: none;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #43cda2;
    background-color: transparent;
    -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
    box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
}

.DateRangePicker .DateRangePickerInput .DateInput .DateInput__display-text--has-input
{
    color: #fff;
    height: 100%;
    /*min-height: 36px;*/
    font-size: 13px;
    padding: 6px 3px 4px 3px;
    border: none;
    cursor: pointer;
}

.DateRangePicker .DateRangePickerInput .DateInput .DateInput__display-text--focused
{
    border-radius: 0px;
    background-color: #34b9a9;
    border: none;
}

.DateRangePicker .DateRangePickerInput .DateRangePickerInput__arrow 
{
    padding: 0px 6px;
}

.DateRangePicker .DateRangePickerInput .DateRangePickerInput__arrow svg
{
    fill: #fff; 
    height: 21px;
    width: 21px;
}

.DateRangePicker .DateRangePickerInput .DateInput input
{
    cursor: pointer;
}

.DateRangePicker .DateRangePickerInput .DateInput input:focus ~ .DateInput__display-text--focused,
.date-range-widget-wrapper.active input:focus ~ .DateInput__display-text
{
    background-color: #46c5b6;
}

.widget-analitycs .content-wrapper .title-wrapper
{
    font-size: 22px;
    margin-bottom: 10px;
}

.widget-analitycs .content-wrapper .action-wrapper + .title-wrapper
{
    padding-left: 20px;
    padding-top: 3px;
}


.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .list
{

    background-color: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    /*max-height: 280px;*/
    /*overflow-y: auto;  */
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .list .btn
{
    text-align: left;
    position: relative;
    min-height: 0px;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .list .wrapp
{
    width: 100%;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .list .wrapp .wrapp-child
{
    width: 100%;
    padding-left: 20px;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .list .wrapp .btn
{
    padding-left: 35px;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .list .btn:before
{
    content: "";
    position: absolute;
    top: 7px;
    left: 9px;
    width: 19px;
    height: 19px;
    border: 1px solid #d0d0d0;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .list .btn:after
{
    content: "\f00c";
    position: absolute;
    top: 10px;
    left: 12px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
    font-size: 13px;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .list .btn.active:after
{
    opacity: 1;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .btn-select .value-list:not(.empty) .def-text
{
    display: none;   
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .btn-select .value-list .item
{
    padding-right: 10px;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .btn-select .value-list .item:last-child
{
    padding-right: 2px;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .list .wrapp .btn-flat
{
    float: left;
    width: 100%;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #222;
    font-size: 13px;
    padding-top: 8px;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .list .wrapp .btn.active
{
    background-color: transparent;
    border: none;
    color: #222;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .list .wrapp .wrapp-child .btn-flat
{
    font-size: 12px;
    padding: 5px 10px 5px 35px;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .list .wrapp .wrapp-child .btn-flat:before
{
    top: 3px;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-checkbox-list .list .wrapp .wrapp-child .btn-flat:after
{
    top: 7px;
    left: 13px;
    font-size: 12px;
}

.widget-analitycs .charts-wrapper .charts-doughnut-item
{
    height: 275px;
}

.DateRangePicker__picker
{
    z-index: 3;
}

.import-translate-wrapper .file-droper-wrapper
{
    width: 100%;
    height: 500px;
    border: 2px dashed #428bca;
    margin-top: 10px;
    text-align: center;
    padding-top: 200px;
    font-size: 22px;

    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.import-translate-wrapper .file-droper-wrapper.drag-over
{
    -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3);
    border: 2px solid #06d8bb;
}

.widget-container
{
    width: 100%;
}

.widget-container > .widget-wrapper
{
    width: 100%;
}


.widget-container > .widget-wrapper .content-wrapper .publication-maker .panel-default > .panel-heading
{
    width: 100%;
}



.head-top .action-block .notifications,
.head-top .action-block .notifications .wrapper
{
    height: 100%;
    cursor: pointer;
}

.head-top .action-block .notifications .item
{
    height: 100%;
    padding: 0px 10px 1px 10px;
    position: relative;
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    outline: none;
}

.head-top .action-block .notifications .item:hover,
.head-top .action-block .notifications .wrapper.open .item
{
    background-color: #3f4f62;
}


.head-top .action-block .notifications .item .fa
{
    font-size: 27px;
    padding-top: 2px;
}

.head-top .action-block .notifications .item .badge
{
    right: 4px;

    opacity: 0.2;
}

.head-top .action-block .notifications .item .badge.active
{
    opacity: 1;
}

.head-top .action-block .notifications .notific-panels
{
    position: fixed;
    top: 50px;
    right: 0px;
    z-index: 30;
    width: 420px;
    max-width: 100%;
    max-height: calc(100vh - 50px);
    padding: 0px 0px 20px 20px;
    overflow: hidden;
}

.head-top .action-block .notifications .wrapper.open .notific-panels
{
    overflow-y: auto;
    overflow-x: hidden;
}

.head-top .action-block .notifications .wrapper.open .notific-panels
{
    height: calc(100vh - 50px);
    background-color: rgba(54, 65, 80, 0.66);
}

.head-top .action-block .notifications .notific-panels .panel
{
    width: 100%;
    position: relative;
    border-radius: 0px;
    color: #000;
    border: none;
    margin-bottom: 5px;
    cursor: initial;
    font-family: "Roboto", "OpenSans", sans-serif, arial;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    border: solid transparent;
    border-width: 0px 1px 1px 1px;
}

.head-top .action-block .notifications .notific-panels .panel.notific-show-enter
{
    right: -420px;
    max-height: 0px;
}

.head-top .action-block .notifications .notific-panels .panel.notific-show-enter.notific-show-enter-active
{
    right: 0px;
    max-height: 500px;
}

.head-top .action-block .notifications .notific-panels .panel.notific-show-leave
{
    right: 0px;
    max-height: 500px;
}

.head-top .action-block .notifications .notific-panels .panel.notific-show-leave.notific-show-leave-active
{
    right: -420px;
    max-height: 0px;
}

.head-top .action-block .notifications .notific-panels .panel:hover
{
    z-index: 5;
    border: solid #00d8ff;
    border-width: 0px 1px 1px 1px;
    -webkit-box-shadow: 0 8px 17px 0 rgba(138, 206, 211,0.2), 0 6px 20px 0 rgba(138, 206, 211,0.19);
    box-shadow: 0 8px 17px 0 rgba(138, 206, 211,0.2), 0 6px 20px 0 rgba(138, 206, 211,0.19);

}

.head-top .action-block .notifications .notific-panels .panel.readed
{
    opacity: 0.8;
}

.head-top .action-block .notifications .notific-panels .panel.readed:hover
{
    opacity: 1;
}

.head-top .action-block .notifications .notific-panels .panel .body
{
    width: calc(100% - 40px);
    text-align: left;   
    padding: 20px;
    position: relative;
    /*overflow: hidden;*/
}

.head-top .action-block .notifications .notific-panels .panel .body p
{
    float: left;
    width: 100%;
    margin: 0px;
    font-size: 14px;
    overflow: hidden;
}

.head-top .action-block .notifications .notific-panels .panel .body .head
{
    font-size: 22px;
    line-height: 1.15;
    margin: 0px 0px 8px 0px;
}

.head-top .action-block .notifications .notific-panels .panel .action-btn
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 100%;
}

.head-top .action-block .notifications .notific-panels .panel .action-btn .close-btn
{
    width: 100%;
    text-align: center;
    font-size: 35px;
    font-weight: 300;
    cursor: pointer;
    color: #9f9f9f;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.head-top .action-block .notifications .notific-panels .panel .action-btn .close-btn:hover
{

    color: #676767;
}

.head-top .action-block .notifications .notific-panels .panel .type-line
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 7px;
    z-index: 2;
}

.head-top .action-block .notifications .notific-panels .panel.level-low .type-line
{
    background-color: #e5e6e8;
}

.head-top .action-block .notifications .notific-panels .panel.level-middle .type-line
{
    background-color: #36c6d3;
}

.head-top .action-block .notifications .notific-panels .panel.level-high .type-line
{
    background-color: #fa2929;
}

.head-top .action-block .notifications .notific-panels .panel.readed .type-line
{
    background-color: #e5e6e8 !important;
}


.head-top .action-block .notifications .notific-panels .panel .body a
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.head-top .action-block .notifications .notific-panels .panel .body .url
{
    position: absolute;
    left: 20px;
    bottom: 0px;
    color: #949494;
    font-size: 11px;
    overflow: hidden;
    width: calc(100% - 90px);
    height: 14px;
    word-wrap: break-word;
}

.head-top .action-block .notifications .notific-panels .panel .body .date_time
{
    position: absolute;
    right: -39px;
    bottom: 0px;
    color: #949494;
    font-size: 11px;
    width: 86px;
}

.head-top .action-block .notifications .notific-panels .divider
{
    width: 100%;
    position: relative;
    height: 35px;
    text-align: left;
    padding-top: 4px;
    font-size: 15px;
    display: none;
}

.head-top .action-block .notifications .wrapper.open .notific-panels .divider
{
    display: block;
}


.head-top .action-block .notifications .bage-all-count
{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 20px;
    left: 0px;
    z-index: 2;
    font-size: 9px;
}


.head-top .action-block .notifications .notific-panels > div
{
    width: 100%;
}

.head-top .action-block .notifications .notific-panels .divider .action-wrapper
{
    float: right;
}

.head-top .action-block .notifications .notific-panels .divider .action-wrapper a
{
    display: inline-block;
    color: #c6cfda;
    padding-right: 15px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.head-top .action-block .notifications .notific-panels .divider .action-wrapper a:hover
{
    color: #d00028;
}


.html-editor-wrapper
{
    float: left;
    width: 100%;
    padding: 0px 15px;
    margin: 12px 0px;
}

.html-editor-wrapper div
{
    float: left;
}

.html-editor-wrapper .Select-menu-outer *
{
    float: none;
}

.html-editor-wrapper .html-editor
{
    width: 100%;
}

.html-editor-wrapper .html-editor .tab-list
{
    width: calc(100% + 6px);
    margin-left: -3px;
}

.html-editor-wrapper .html-editor .tab-list .tab-item
{
    margin: 0px 3px;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 6px 6px 0px 0px;
    cursor: pointer;
    background-color: #fbfbfb;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.html-editor-wrapper .html-editor .tab-list .tab-item.active
{
    background-color: #fff;
}

.html-editor-wrapper .html-editor .content-wrapper
{
    width: 100%;
    border: 1px solid #ccc;
}

.html-editor-wrapper .html-editor .content-wrapper .view-redactor-wrapper
{
    width: 100%;
}

.html-editor-wrapper .html-editor .content-wrapper .view-redactor-wrapper .quill 
{
    width: 100%;
}

.html-editor-wrapper .html-editor .content-wrapper .view-redactor-wrapper .quill .ql-toolbar
{
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
}

.html-editor-wrapper .html-editor .content-wrapper .view-redactor-wrapper .quill .ql-container
{
    width: 100%;
    border: none;
}


.html-editor-wrapper .html-editor .content-wrapper .view-redactor-wrapper .quill .ql-container .ql-editor
{
    float: left;
    width: 100%;
    padding: 15px 0px 6px 0px;
}

.html-editor-wrapper .html-editor .content-wrapper .view-redactor-wrapper .quill .ql-container .ql-editor p
{
    /*float: left;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 10px 0px;*/
}


.html-editor-wrapper .html-redactor-wrapper
{
    float: left;
    width: 100%;
}

.html-editor-wrapper .html-redactor-wrapper *
{
    float: none;
}

.html-editor-wrapper .ql-editor > h1,
.html-editor-wrapper .ql-editor > h2,
.html-editor-wrapper .ql-editor > h3,
.html-editor-wrapper .ql-editor > h4,
.html-editor-wrapper .ql-editor > h5,
.html-editor-wrapper .ql-editor > h6
{
    padding: 0 20px;
    margin-bottom: 8px;
}

.html-editor-wrapper .view-redactor-wrapper *
{
    float: none;
}

.content-wrapper.type-widgets .view-widgets-wrapper
{
    width: 100%;
}

.content-wrapper.type-widgets .view-widgets-wrapper .widgets-redactor
{
    width: 100%;
}

.content-wrapper.type-widgets .view-widgets-wrapper .widgets-redactor > .header
{
    width: 100%;
    /*margin-bottom: 10px;*/
    /*padding: 10px;*/
}

.content-wrapper.type-widgets .view-widgets-wrapper .widgets-redactor > .body
{
    width: 100%;
}

.content-wrapper.type-widgets .view-widgets-wrapper .widgets-redactor > .body > .wrapper .publication-maker > .panel
{
    width: 100%;
}

.content-wrapper.type-widgets
{
    /*background-color: #fdfdfd;*/
    background-color: #fbfbfb;
    padding: 20px 15px;
}

.content-wrapper.type-widgets .widgets-redactor .body .wrapper
{
    width: 100%;
}

.content-wrapper.type-widgets .widgets-redactor > .header
{
    width: 100%;
    padding: 0px;
    margin-bottom: 20px;
}

.content-wrapper.type-widgets .widgets-redactor .body .wrapper .publication-maker-wrapper
{
    width: 100%;
}

.content-wrapper.type-widgets .widgets-redactor .body .publication-maker .panel
{
    /*box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.25);*/
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    margin-bottom: 25px;
}

.content-wrapper .publication-maker .panel .panel-subtitle
{
    width: 100%;
}

.content-wrapper .publication-maker .panel .panel-subtitle .btn
{
    font-size: 12px;
}

.content-wrapper .publication-maker .panel .panel-subtitle i,
.content-wrapper .publication-maker .panel .panel-subtitle .fa
{
    font-size: 12px;
}

.content-wrapper.type-widgets .widgets-redactor .body .publication-maker
{
    width: 100%;
    padding: 0px;
    margin-bottom: 20px;
}

.content-wrapper.type-widgets .publication-maker .panel .panel-body .col-xs-12 > .col-xs-12:last-child
{
    /*margin-bottom: 0px;*/
}


.content-wrapper.type-widgets .widgets-redactor .body .wrapper .publication-maker-wrapper:not(.single)
{
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    background-color: #fff;
    padding: 0px 22px  20px 22px;
    border: 1px solid #e5e5e5;
    margin-bottom: 40px;
}

.content-wrapper.type-widgets .widgets-redactor .body .wrapper .publication-maker-wrapper:not(.single) .publication-maker .panel
{
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 0px;
}

.content-wrapper.type-widgets .widgets-redactor .body .wrapper .publication-maker-wrapper:not(.single) .header .title 
{
    float: left;
    width: auto;
    margin: 0px 0px 12px 0px;
    padding: 20px 0px 0px 0px;
    color: rgba(0, 0, 0, 0.70);
    font-size: 21px;
    line-height: inherit;
}

.content-wrapper.type-widgets .widgets-redactor .body .wrapper .publication-maker-wrapper:not(.single) .panel .panel-heading h3 
{
    padding: 0px 0px 3px 0px;
    margin: 5px 0px 20px 0px;
    border-bottom: 1px solid #ccc;
    font-size: 19px;
}

.content-wrapper.type-widgets .publication-maker .panel .panel-body .Select
{
    width: 100%;
    float: left;
}

.content-wrapper.type-widgets .publication-maker .panel .panel-body .Select .Select-control
{
    width: 100%;
    float: left;   
    border-radius: 0px;
}


.content-wrapper.type-widgets .widgets-redactor .body .publication-maker .panel:last-child
{
    margin-bottom: 0px;
}


.content-wrapper.type-widgets .widgets-redactor .body .wrapper .publication-maker-wrapper .header
{
    width: 100%;
    padding: 0px;
    /*margin-bottom: 20px;*/
    position: relative;
}


.content-wrapper.type-widgets .widgets-redactor .body .wrapper .publication-maker-wrapper .header .btn
{
    float: right;
    margin-top: 15px;
    height: 36px;
}

.content-wrapper.type-widgets .widgets-redactor .body .wrapper .publication-maker-wrapper.single .header .btn
{
    float: right;
    margin-top: 15px;
}

.content-wrapper.type-widgets .widgets-redactor .body .wrapper .publication-maker-wrapper.single .header .btn 
{
    position: absolute;
    z-index: 10;
    margin: 0px;
    right: 22px;
    top: 15px;
}

.content-wrapper.type-widgets .widgets-redactor .body .wrapper .publication-maker-wrapper.single .panel-heading h3
{
    padding: 20px 0px 15px 0px;
}

.edit-model-wrapper .Publication-form
{
    width: 100%;
}

.content-wrapper.type-widgets .widgets-redactor .body .wrapper .publication-maker-wrapper .header .title .id,
.content-wrapper .publication-maker .panel .panel-heading h3 .id
{
    color: #ababab;
    font-size: 95%;
    padding-left: 10px;
}

.wrap .loader-text-wrapper
{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    justify-content: center;
    -webkit-justify-content: center;

    position: fixed;
    top: 50vh;
    left: 50vw;
    margin-left: -100px;
    margin-top: -100px;
}
.wrap .loader-text-wrapper .loader-text
{
    width: 200px;
    height: 200px;
    text-align: center;
    border-radius: 50%;
    /*border: 1px solid white;*/
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;

    animation: loader-text-wrapper-anim 0.8s cubic-bezier(.55,0,.1,1) infinite alternate;

    /*background-image: linear-gradient(to right, #77A1D3 0%, #79CBCA 51%, #77A1D3 100%);
    background-size: 200% auto;
    
    animation: loader-text-wrapper-loader-text-anim 0.3s infinite alternate;
    -webkit-animation: loader-text-wrapper-loader-text-anim 0.3s infinite alternate;*/
}

@keyframes loader-text-wrapper-anim {
    0%
    {
        background-color: #77A1D3;
        -webkit-transform:  scale(1);
        -ms-transform:  scale(1);
        -o-transform:  scale(1);
        transform:  scale(1);
    }

    50%
    {
        background-color: #79CBCA;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }
}


/* Современные браузеры, кроме Chrome, Opera, Safari */
  @keyframes loader-text-wrapper-loader-text-anim {
    from {
      background-position: 0% 0%;
    }
    to {
      background-position: 100% 50%;
    }
  }

  /* Префикс для Chrome, Opera, Safari */
  @-webkit-keyframes loader-text-wrapper-loader-text-anim {
    from {
      background-position: 0% 0%;
    }
    to {
      background-position: 100% 50%;
    }
  }

.wrap .loader-text-wrapper .loader-text span
{
    color: white;
    font-size: 30px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

.wrap .loader-text-wrapper.black .loader-text
{
    border-color: black;
}

.wrap .loader-text-wrapper.black .loader-text span
{
    color: black;
}

.multiselect-container.dropdown-menu > li
{
    width: 100%;
}


.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select-native .btn-title
{
    float: left;
    padding: 0px;
    margin: 0px;
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select-native .btn-title span
{
    padding-right: 6px;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs.type-select-native .btn-title select
{
    max-width: 250px;
    min-height: 36px;
    color: #fff;
    border-radius: 1px;
    border-color: #43cda2;
    background-color: #26a4af;
    cursor: pointer;
    outline: none;
    -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
    box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
    -webkit-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: all 0.3s cubic-bezier(.55,0,.1,1);
    transition: all 0.3s cubic-bezier(.55,0,.1,1);
}


.wrap .sub-toolbar .button-wrapper .btn-tabs .list .seacrh-box
{
    float: left;
    width: 100%;
    position: relative;
    border: 1px solid #43cda2;
    border-bottom: none;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs .list .seacrh-box input
{
    float: left;
    width: 100%;
    border: none;
    background-color: #1c98a2;
    height: 32px;
    outline: none;
    padding: 0px 30px 0px 10px;
    color: #2e3641;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs .list .seacrh-box input:focus
{
    background-color: #fff;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs .list .seacrh-box .btn-cross
{
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #1c98a2;
    border: none;
    -webkit-box-shadow:  none;
    box-shadow:  none;
    font-size: 25px;
    line-height: 1;
    height: 100%;
    padding: 0px;
    width: 26px;
    text-align: center;
    border-left: 1px solid #43cda2;
    z-index: 4;
    cursor: pointer;
    outline: none;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.wrap .sub-toolbar .button-wrapper .btn-tabs .list .seacrh-box .btn-cross:hover
{
    background-color: #26a4af;
}

.performance_places_block,
.performance_places_block div
{
    float: left;
}

.performance_places_block
{
    padding: 15px;
    width: 100%;
}

.performance_places_block > .wrapper
{
    width: 100%;
    padding: 10px 10px 0px 10px;
    background-color: whitesmoke;
}

.performance_places_block > .control
{
    padding: 0 15px;
}

.performance_places_block > .wrapper .place-item
{
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    padding: 20px 20px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.29);
    position: relative;
}

.performance_places_block > .wrapper .place-item > .close-btn
{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 38px;
    width: 40px;
    height: 45px;
    line-height: 1;
    cursor: pointer;
    color: #9e9e9e;
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.performance_places_block > .wrapper .place-item > .close-btn:hover
{
    color: #4c4c4c;
}


.performance_places_block > .wrapper .place-item .select-block
{
    width: 100%;
}

.performance_places_block > .wrapper .place-item .photo-block
{
    width: 130px;
    height: 130px;
    background-color: #ddd;
    margin-right: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.performance_places_block > .wrapper .place-item .body-block

{    width: calc(100% - 150px);
}


.performance_places_block > .wrapper .place-item .select-block .place-select
{
    width: 100%;
    margin-bottom: 5px;
}

.performance_places_block > .wrapper .place-item .select-block .control-label
{
    float: left;
    display: inline-block;
    padding-right: 12px;
}

.performance_places_block > .wrapper .place-item .select-block .control-label:after 
{
    content: ":";
}

.performance_places_block > .wrapper .place-item .select-block .date-select
{
    width: 100%;
    margin-bottom: 20px;
}

.performance_places_block > .wrapper .place-item .select-block .date-select .add-block
{
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.performance_places_block > .wrapper .place-item .select-block .date-select .add-block input
{
    width: 140px;
}

.performance_places_block > .wrapper .place-item .select-block .date-select .add-block .btn
{
    height: 34px;
    float: left;
    margin-left: 10px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    line-height: 1;
}

.performance_places_block > .wrapper .place-item .select-block .date-select .add-block .btn .fa.fa-plus
{
    padding-right: 10px;
}

.performance_places_block > .wrapper .place-item .select-block .date-select .dates
{
    padding-top: 5px;
    margin-bottom: 5px;
}

.performance_places_block > .wrapper .place-item .select-block .date-select .dates-list-wrapper
{
    padding-right: 20px;
}

.performance_places_block > .wrapper .place-item .select-block .date-select .dates-list-wrapper .def-text
{
    color: #9e9e9e;
    padding-top: 1px;
}

.performance_places_block > .wrapper .place-item .select-block .date-select .dates-list-wrapper .dates-list
{
    /*padding-right: 5px;*/
    margin-left: -10px;
    margin-right: -10px;
}

.performance_places_block > .wrapper .place-item .select-block .date-select .dates-list-wrapper .dates-list .item
{
    margin: 0px 10px 12px 10px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.performance_places_block > .wrapper .place-item .select-block .date-select .dates-list-wrapper .dates-list .item:last-child 
{
    /*margin-right: 0px;*/
}

.performance_places_block > .wrapper .place-item .select-block .date-select .dates-list-wrapper .dates-list .item .close-btn
{
    width: 13px;
    height: 13px;
    background-color: #4c4c4c;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-left: 5px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    line-height: 1;
    margin-bottom: 1px;
    cursor: pointer;
}

.performance_places_block > .wrapper .place-item .select-block .date-select .dates-list-wrapper .dates-list .item .close-btn:hover
{
    background-color: #181818;
}

.fieldset-form.fieldset-performance > .control
{
    width: 100%;
    padding: 0px 15px 15px 15px;
}

.fieldset-form.fieldset-performance > .control .form-control
{
    float: left;
    width: auto;
    height: 38px;
    width: 250px;
}

.fieldset-form.fieldset-performance > .performance_places_block
{
    padding-bottom: 10px;
}

.fieldset-form.fieldset-performance > .control .form-control
{
    float: left;
    width: auto;
    height: 38px;
    min-width: 250px;
    margin: 0px 10px 10px 0px;
}

.group-layouts.fieldset-form p
{
    float: left;
    width: 100%;
    padding: 0px 15px;
}

.group-layouts.fieldset-form p
{
    float: left;
    width: 100%;
    padding: 0px 15px;
}

.group-layouts.fieldset-form .ticket_categories_type-body
{
    width: 100%;
    padding: 0px 15px;
}

.group-layouts.fieldset-form .ticket_categories_type-body .ticket_categories_type-row
{
    /*width: 100%;*/
    margin-bottom: 5px;
    width: calc(100% + 20px);
    margin-left: -10px;
}

.group-layouts.fieldset-form .ticket_categories_type-body .ticket_categories_type-row .ticket_categories_type-for_select_categories
{
    width: calc(100% - 54px);
}

.group-layouts.fieldset-form .ticket_categories_type-body .ticket_categories_type-row .ticket_categories_type-for_select_categories .form-control
{
    float: left;
    width: calc(50% - 20px);
    margin: 0px 10px 10px 10px;
}

.group-layouts.fieldset-form .ticket_categories_type-body .ticket_categories_type-row .ticket_categories_type-for_remove
{
    width: 34px;
    margin: 0px 10px 10px 10px;
}

.group-layouts.fieldset-form .ticket_categories_type-body .ticket_categories_type-row .ticket_categories_type-for_remove .btn
{
    width: 34px;
    height: 34px;
    padding: 0px;
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    font-size: 18px;
}

.performance_places_block > .wrapper .place-item .body-block table .color-value
{
    /*width: 34px !important;
    height: 34px !important;*/
}

.fieldset-form.fieldset-performance .col-lg-6.col-md-6
{
    width: 50%;
}

.performance-update,
.performance-update .Performance-form,
.performance-update .Performance-form form
{
    float: left;
    width: 100%;
}

.performance-update h1
{
    float: left;
    width: 100%;
    padding: 0px 15px;
    margin-bottom: 20px;
}

.performance-update .Performance-form form fieldset
{
    float: left;
}

.performance_places_block > .wrapper .place-item .body-block table
{
    width: 100%;
}

.performance_places_block > .wrapper .place-item .body-block table td
{
    vertical-align: middle;
}

.performance_places_block > .wrapper .place-item .body-block table td:nth-child(3) 
{
    max-width: 100px;
}

.publication-maker .widget-wrapper.images-widget
{
    width: 100%;
    /*height: 300px;*/
    margin: 10px 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.publication-maker .widget-wrapper.images-widget .file-list
{
    width: 100%;
}

.publication-maker .widget-wrapper.images-widget .dropzone
{
    width: 100% !important;
    min-height: 200px;
    height: auto!important;
    border-radius: 5px;
    border: 2px dashed #ccc !important;
    padding: 10px;
    position: relative;
}

.publication-maker .widget-wrapper.images-widget .dropzone p 
{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 18px;
    color: #a2a2a2;
    text-align: center;
}

.publication-maker .widget-wrapper.images-widget .item,
.file-sortable-helper 
{
    width: 16.5%;
    height: 100px;
    padding: 5px;
    position: relative;

    z-index: 2;
}

.publication-maker .widget-wrapper.images-widget .item.active,
.file-sortable-helper.active
{
    z-index: 1;
    opacity: 0.5;
}

.publication-maker .widget-wrapper.images-widget .item .cross-btn,
.file-sortable-helper .cross-btn
{
    position: absolute;
    top: 2px;
    right: 0px;
    font-size: 16px;
    background-color: #626262;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    text-align: center;
    z-index: 10;
    cursor: pointer;
    color: #fff;
    font-weight: 600;
    line-height: 1;
    padding-top: 2.5px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.publication-maker .widget-wrapper.images-widget .item .cross-btn:hover
{
    background-color: #333;
}

.publication-maker .widget-wrapper.images-widget .item .photo,
.file-sortable-helper .photo
{
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #dedede;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3)
}

.publication-maker .widget-wrapper.images-widget .item .progress-value
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;

    z-index: 1;

    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.publication-maker .widget-wrapper.images-widget .item.uploading .progress-value
{
    opacity: 1;
}

.multiselect-native-select .btn-group .multiselect-container.dropdown-menu 
{
    max-height: 290px;
    overflow-y: auto;
    padding: 4px 0px;
    max-width: 320px;
    min-width: 260px;
    right: 0px;
    left: auto;
}

.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li
{
    float: left;
    width: 100%;
    display: inline-block;
}

.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li a
{
    float: left;
    width: 100%;
    display: inline-block;
    outline: none;
    white-space: normal;
    line-height: 1.3;
}

.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li.active a,
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li.active a:hover, 
.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li.active a:focus
{
    background-color: #f5f5f5;
    color: #333;
}

.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li label
{
    float: left;
    width: 100%;
    display: inline-block;
    padding: 2px 15px 2px 35px;
}

.multiselect-native-select .btn-group .multiselect-container.dropdown-menu li label input
{
    float: left;
    position: static;
    margin-right: 10px;
    margin-top: 3px;
}

.btn-default .caret
{
    margin-left: 8px;
    margin-right: -3px;
}

.image-select-dialog .cont-for-image
{
    float: left;
    width: 100%;
}


.modal-dialog .modal-content 
{
    width: 100%;
    float: left;
}

.modal-dialog .modal-content div
{
    float: left;
}

.modal-dialog .modal-content .modal-header,
.modal-dialog .modal-content .modal-header .bootstrap-dialog-header,
.modal-dialog .modal-content .modal-body,
.modal-dialog .modal-content .modal-body .bootstrap-dialog-body,
.modal-dialog .modal-content .modal-body .bootstrap-dialog-body .bootstrap-dialog-message,
.modal-dialog .modal-content .modal-body .bootstrap-dialog-body .bootstrap-dialog-message > div,
.modal-dialog .modal-content .modal-body .bootstrap-dialog-body .bootstrap-dialog-message .control-panel,
.modal-dialog .modal-content .modal-body .bootstrap-dialog-body .bootstrap-dialog-message .cont-for-image,
.modal-dialog .modal-content .modal-footer,
.modal-dialog .modal-content .modal-footer .bootstrap-dialog-footer,
.modal-dialog .modal-content .modal-footer .bootstrap-dialog-footer .bootstrap-dialog-footer-buttons
{
    width: 100%;
}

.modal-dialog .modal-content .modal-body .bootstrap-dialog-body .bootstrap-dialog-message .cont-for-image
{
    min-height: 180px;
}

.modal-dialog .modal-content .modal-body .bootstrap-dialog-body .bootstrap-dialog-message .multiselect-native-select .btn-group .multiselect-container.dropdown-menu
{
    max-height: 230px;
    left: 0px;
    right: auto;
}

.image-select-dialog .modal-dialog .modal-body .bootstrap-dialog-body .bootstrap-dialog-message [data-app="image.control"] .control-panel .tag-control > .select .multiselect.dropdown-toggle.btn.btn-default
{
    padding-top: 10px;
    line-height: 1.3;
    right: 0px;
    left: auto;
}

.control-panel .image-control 
{
    float: left;
    padding: 2px;
}

.wrap .content-wrapper 
{
    width: 100%;
}

.content-wrapper .publication-maker
{
    width: 100%;
    padding: 15px 5px 0px 5px;
}

.content-wrapper .publication-maker .panel
{
    width: 66.66%;
    padding: 0px 22px;
    border: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 45px;
    border-radius: 0px;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.content-wrapper .publication-maker .panel .panel-heading
{
    width: 100%;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.content-wrapper .publication-maker .panel .panel-heading h3
{
    float: left;
    width: 100%;
    margin: 0px 0px 12px 0px;
    padding: 10px 0px 0px 0px;
    color: rgba(0, 0, 0, 0.70);
    font-size: 21px;
    line-height: inherit;
}

.content-wrapper .publication-maker .panel .panel-body
{
    width: 100%;
    padding: 12px 0px 0px 0px;
}

.content-wrapper .publication-maker .panel .panel-heading + .panel-body
{
    padding-top: 0px;
}

.content-wrapper .publication-maker .panel .panel-body .col-xs-12 
{
    width: 100%;
    padding: 0px;
}

.content-wrapper .publication-maker .panel .panel-body .col-xs-12 > .col-xs-12
{
    margin-bottom: 10px;
}

.content-wrapper .publication-maker .panel .panel-body .col-xs-12 label.col-sm-2
{
    float: left;
    width: 100%;
    padding: 0px;
    margin-bottom: 5px;
    font-weight: bold;
}

.content-wrapper .publication-maker .panel .panel-body .col-xs-12 .col-sm-10
{
    width: 100%;
    padding: 0px;
}

.content-wrapper .publication-maker .panel .panel-body .col-xs-12 > .col-xs-12 .col-sm-12 
{
    float: left;
    width: 100%;
    padding: 0px;
}



.content-wrapper .publication-maker .panel .panel-body .checkbox-field 
{
    width: 100%;
}

.content-wrapper .publication-maker .panel .panel-body .checkbox-field label
{
    float: left;
    width: 100%;
    position: relative;
}

.content-wrapper .publication-maker .panel .panel-body .checkbox-field input
{
    margin: 0px;
    height: 20px;
    float: left;
    width: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    cursor: pointer;
}

.content-wrapper .publication-maker .panel .panel-body .checkbox-field label .text
{
    float: left;
    display: inline-block;
    width: 100%;
    padding-left: 32px;
    padding-top: 0px;
    cursor: pointer;
}

.content-wrapper .publication-maker .panel .panel-body .checkbox-field label.col-sm-2
{
    width: 50px;
}

.content-wrapper .publication-maker .panel .panel-body .checkbox-field .col-sm-10
{
    width: calc(100% - 50px);
}

.quill 
{
    width: 100%;
}

.quill .ql-toolbar
{
    width: 100%;
    float: left;
}

.quill .ql-container
{
    width: 100%;
    float: left;
}

.quill .ql-editor 
{
    font-size: 15px;
    width: 100%;
    padding: 15px 0px 6px 0px;
}

.quill .ql-editor > p 
{
    padding: 0 20px;
    margin-bottom: 10px;
}

.content-wrapper .publication-maker .panel .panel-body .tabs-wrapper
{
    width: 100%;
}

.content-wrapper .publication-maker .panel .panel-body .tabs-wrapper .tabs-label
{
    width: calc(100% + 6px);
    margin-left: -3px;
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
}

.content-wrapper .publication-maker .panel .panel-body .tabs-wrapper .tabs-label .item,
.tab-sortable-helper
{
    margin: 0px 3px;
    width: 38px;
    height: 33px;
    padding: 0px;
    border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 6px 6px 0px 0px;
    cursor: pointer;
    background-color: #fbfbfb;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-transition: width 0.25s;
    -o-transition: width 0.25s;
    transition: width 0.25s;
}

.content-wrapper .publication-maker .panel .panel-body .tabs-wrapper .tabs-label .item .title,
.tab-sortable-helper .title
{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.content-wrapper .publication-maker .panel .panel-body .tabs-wrapper .tabs-label .item .icon .fa.fa-plus,
.tab-sortable-helper .cross-btn .icon .fa.fa-plus
{
    padding-top: 1px;
}

.content-wrapper .publication-maker .panel .panel-body .tabs-wrapper .tabs-label .item.active,
.tab-sortable-helper.active
{
    background-color: #fff;
    width: 46px;
}

.tab-sortable-helper
{
    border-radius: 6px;   
    border: 1px solid #ccc;
}

.content-wrapper .publication-maker .panel .panel-body .tabs-wrapper .tabs-content
{
    width: 100%;
    border: 1px solid #ccc;
    padding: 14px 20px;
}

.content-wrapper .publication-maker .panel .panel-body .tabs-wrapper .tabs-label .item .cross-btn,
.tab-sortable-helper .cross-btn
{
    background-color: #777;
    border-radius: 50%;
    color: #fff;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 1;
    font-size: 17px;
    margin-left: 6px;
    margin-top: 0px;
    margin-right: -2px;
    display: none;
}

.content-wrapper .publication-maker .panel .panel-body .tabs-wrapper .tabs-label .item.active .cross-btn,
.tab-sortable-helper.active .cross-btn
{
    display: block;
}

.progress-wrapper 
{
    width: 100%;
    text-align: center;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 7;
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    align-content: center;
    -webkit-align-content: center;
    background-color: rgba(255, 255, 255, 0.83);
    padding-right: 10px;
}

.progress-wrapper .pie-wrapper
{
    width: 100%;
    height: 100%;
    font-size: 5em;
}

.progress-wrapper .pie-wrapper
{
    height: 1em;
    width: 1em;
    float: left;
    margin: 15px;
    position: relative;
    /*float: none;
    display: inline-block;*/
}

.progress-wrapper .pie-wrapper *
 {
    float: none;
}

.progress-wrapper .pie-wrapper .label 
{
    background: #34495e;
    border-radius: 50%;
    bottom: 0.4em;
    color: #ecf0f1;
    cursor: default;
    display: block;
    font-size: 0.25em;
    left: 0.4em;
    line-height: 2.6em;
    position: absolute;
    right: 0.4em;
    text-align: center;
    top: 0.4em;
    background: none;
    color: #7f8c8d;
}

.progress-wrapper .pie-wrapper .label .smaller 
{
    color: #bdc3c7;
    font-size: .45em;
    padding-bottom: 20px;
    vertical-align: super;
    color: #bdc3c7;
}

.progress-wrapper .pie-wrapper .pie 
{
    height: 100%;
    width: 100%;
    clip: rect(0, 1em, 1em, 0.5em);
    left: 0;
    position: absolute;
    top: 0;
}

.progress-wrapper .pie-wrapper.pie-half .pie
{
    clip: rect(auto, auto, auto, auto);
}

.progress-wrapper .pie-wrapper .pie .half-circle 
{
    height: 100%;
    width: 100%;
    /*border: 0.1em solid #3498db;*/
    border: 0.1em solid #1abc9c;
    border-color: #1abc9c;
    border-radius: 50%;
    clip: rect(0, 0.5em, 1em, 0);
    left: 0;
    position: absolute;
    top: 0;
}

.progress-wrapper .pie-wrapper .pie .half-circle.left-side
{
    -webkit-transition: -webkit-transform 1.25s;
    -o-transition: -o-transform 1.25s;
    transition: transform 1.25s;
}

.progress-wrapper .pie-wrapper .pie .right-side 
{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform:  rotate(180deg);
    transform: rotate(180deg);
}

.progress-wrapper .pie-wrapper .shadow 
{
    height: 100%;
    width: 100%;
    border: 5px solid #bdc3c7;
    border-radius: 50%;
}

.publication-maker .widget-wrapper.images-widget .item .image-type,
.file-sortable-helper .image-type
{
    width: 100%;
    height: 100%;
    /*position: absolute;*/
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    align-content: center;
    -webkit-align-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid rgba(204, 204, 204, 0.47);
    border-radius: 3px;
    padding: 10px;
    cursor: pointer;
}

.publication-maker .widget-wrapper.images-widget .item .image-type .icon,
.file-sortable-helper .image-type .icon
{
    width: 100%;
    text-align: center;
    font-size: 35px;
    margin: 10px 0px;
    color: #bcbcbc;
}

.publication-maker .widget-wrapper.images-widget .item .image-type .icon .fa,
.file-sortable-helper .image-type .icon .fa
{
    width: 100%;
    text-align: center;
}

.publication-maker .widget-wrapper.images-widget .item .image-type .file-name,
.file-sortable-helper .image-type .file-name
{
    width: 100%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #5f5f5f;
    font-size: 12px;
    margin-bottom: 6px;
}

.publication-maker .widget-wrapper.images-widget .btn-wrapper 
{
    width: 100%;
    padding-top: 10px;
}

.report-orders-create-wrapper
{
    width: 100%;
    float: left;
    padding: 20px;
    margin-bottom: 40px;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow:  0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow:  0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: rgba(0, 0, 0, 0.87);
}

.report-orders-create-wrapper div
{
    float: left;
}

.report-orders-create-wrapper .report-orders-create
{
    width: 100%;
    margin: 0px -7.5px;
    width: calc(100% + 15px);
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: flex-end;
    -webkit-flex-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.report-orders-create-wrapper .report-orders-create > label 
{
    margin: 0px 7.5px 12px 7.5px;
    width: 100%;
    float: left;
    color: rgba(0, 0, 0, 0.70);
    font-size: 21px;
    font-weight: 400;
    margin-top: -6px;
}

.report-orders-create-wrapper .report-orders-create label
{
    /*float: left;*/
    line-height: 1.25;
}

.report-orders-create-wrapper .report-orders-create .from 
{
    float: left;
}

.report-orders-create-wrapper .report-orders-create .from .form-inp 
{
    margin: 0px 7.5px 12px 7.5px;
}

.report-orders-create-wrapper .report-orders-create .from .form-inp.date
{
    width: 213px;
}

.report-orders-create-wrapper .DateRangePicker 
{
    width: 100%;
}

.report-orders-create-wrapper .DateRangePicker .DateRangePickerInput .DateInput 
{
    width: 90px;
    text-align: center;
    cursor: pointer;
    display: block;
    height: 34px;
    /*padding: 6px 12px;*/
    padding: 0px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-radius: 0px;
}

.report-orders-create-wrapper .DateRangePicker .DateRangePickerInput .DateInput .DateInput__display-text--has-input
{
    padding: 7px 4px 6px 4px;
    text-align: center;
    width: 100%;
    color: #555;
    font-size: 14px;
    line-height: 1.4;
}

.report-orders-create-wrapper .DateRangePicker .DateRangePickerInput .DateInput .DateInput__display-text--focused
{
    color: #fff;
}

.report-orders-create-wrapper .DateRangePicker__picker div
{
    float: none;
}

.report-orders-create-wrapper .DateRangePicker .DateRangePickerInput .DateRangePickerInput__arrow svg 
{
    fill: #333;
}

.report-orders-create-wrapper .DateRangePicker .DateRangePickerInput
{
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.report-orders-create-wrapper .report-orders-create .preview
{
    margin: 10px 7.5px 12px 7.5px;
    padding-bottom: 3px;
}

.report-orders-create-wrapper .report-orders-create .order-sum
{
    /*padding-top: 31px;*/
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: flex-end;
    -webkit-flex-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.report-orders-create-wrapper .report-orders-create .btn-wrapper .order-sum 
{
    margin: 8px 7.5px 12px 7.5px;
}

.report-orders-create-wrapper .report-orders-create .order-sum label
{
    /*width: 100%;*/
    float: left;
    padding-right: 8px;
    line-height: 1.25;
    margin-bottom: 5px;
}

.report-orders-create-wrapper .report-orders-create .order-sum .value
{
    float: left;
    font-size: 19px;
    line-height: 1;
    /*width: 100%;*/
    margin-bottom: 5px;
    padding-right: 3px;
}

.report-orders-create-wrapper .report-orders-create .btn-wrapper 
{
    width: 100%;
    margin-top: 6px;
}

.report-orders-create-wrapper .report-orders-create .btn-wrapper .btn
{
    margin: 0px 7.5px;
    float: left;
}

.report-orders-view-wrapper
{
    width: 100%;
    float: left;
}

.report-orders-view-wrapper div
{
    float: left;
}

.report-orders-view-wrapper .report-orders-view
{
    width: 100%;
    float: left;
}

.report-orders-view-wrapper .report-orders-view .title
{
    width: 100%;
}

.report-orders-view-wrapper .report-orders-view .title h1
{
    width: 100%;
    float: left;
    margin-bottom: 30px;
    margin-top: 5px;
    color: #51565d;
    font-size: 32px;
}

.report-orders-view-wrapper .report-orders-view .header 
{
    width: calc(100% + 15px);
    margin: 0px -7.5px 10px -7.5px;
}

.report-orders-view-wrapper .report-orders-view .header .btn-wrapper
{
}


.report-orders-view-wrapper .report-orders-view .header .btn-wrapper > .btn, 
.report-orders-view-wrapper .report-orders-view .header .btn-wrapper > .dropdown 
{
    float: left;
    margin: 0px 7.5px 15px 7.5px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.report-orders-view-wrapper .report-orders-view .header .order-sum,
.report-orders-view-wrapper .report-orders-view .header .order-count
{
    float: left;
    margin: 0px 7.5px 6px 7.5px;
    padding-top: 8px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: flex-end;
    -webkit-flex-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.report-orders-view-wrapper .report-orders-view .header .order-sum label,
.report-orders-view-wrapper .report-orders-view .header .order-count label
{
    float: left;
    padding-right: 10px;
    line-height: 1.25;
    margin-bottom: 5px;
}

.report-orders-view-wrapper .report-orders-view .header .order-sum .value,
.report-orders-view-wrapper .report-orders-view .header .order-count .value
{
    float: left;
    font-size: 19px;
    line-height: 1;
    /* width: 100%; */
    margin-bottom: 5px;
    padding-right: 3px;
}

.report-orders-view-wrapper .report-orders-view .table-wrapper
{
    width: 100%;
    float: left;
}

.report-orders-view-wrapper .report-orders-view .table-wrapper table
{
    width: 100%;
}

.title .back-btn-wrapper
{
    width: 100%;
    float: left;
    margin-bottom: 14px;
}


.Select--multi
{
    float: none;
    outline: none!important;
}

.Select--multi *
{
    float: none;
    outline: none!important;
}

.Select--multi .Select-control
{
    width: auto;
    min-width: 270px;
    max-width: 100%;
    border-radius: 0px;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    z-index: 8;
}

.Select--multi .Select-control .Select-multi-value-wrapper .Select-value 
{
    height: 24px;
}

.Select--multi .Select-control .Select-multi-value-wrapper .Select-value .Select-value-icon 
{
    height: 100%;
    font-size: 20px;
    line-height: 1;
    height: 100%;
}

.Select--multi .Select-control .Select-multi-value-wrapper .Select-value .Select-value-icon 
{
    height: 100%;
    font-size: 20px;
    line-height: 1;
    height: 100%;
}

.Select--multi .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label
{
    height: 100%;
    font-size: 16px;
    line-height: 1.15;
    padding: 2px 8px 2px 8px;
}

.Select--multi .Select-control .Select-clear-zone .Select-clear 
{
    font-size: 25px;
    padding-top: 2px;
    padding-right: 2px;
}

.Select--multi .Select-menu-outer
{
    width: 270px;
    max-width: 100%;
    z-index: 12;
}

.Select--multi .Select-menu-outer .Select-menu
{
    float: left;
    width: 100%;
    z-index: 12;
}

.Select--multi .Select-menu-outer .Select-menu .Select-option
{
    width: 100%;
    font-size: 17px;
    padding: 6px 15px;
}

.Select.Select--single 
{
    float: left;
    width: 100%;
    max-width: 500px;
}

.Select.Select--single .Select-clear-zone 
{
    float: left;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 34px;
    height: 100%;
    z-index: 2;
}

.Select.Select--single .Select-clear-zone .Select-clear 
{
    width: 100%;
    text-align: center;
    height: 100%;
    font-size: 28px;
    line-height: 35px;
}

.Select.Select--single .Select-arrow-zone 
{
    cursor: pointer;
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 25px;
    padding-right: 5px;
    position: absolute;
    right: 38px;
    top: 14px;
    width: auto;
}


.Select.Select--single .Select-menu-outer *
{
    width: 100%;
    float: left;
}

.content-wrapper .publication-maker .panel .panel-body .checkbox-field 
{
    width: 100%;
    margin-bottom: 40px;
    margin-top: 12px;
}

.content-wrapper .publication-maker .panel .panel 
{
    width: 100%;
}

.head-top .action-block .dropdown.regions
{
    display: inline-block;
    color: #c6cfda;
    height: 100%;
    text-decoration: none;
    /* padding: 18px 12px 10px 12px; */
    position: relative;
    margin: 0px 3px;
    text-align: center;
    padding: 4px 12px;
    float: left;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}


.head-top .action-block .dropdown.regions:hover 
{
    background-color: #3f4f62;
}

.head-top .action-block .dropdown.regions button
{
    padding: 0px;
    background-color: transparent;
    outline: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.head-top .action-block .dropdown.regions .caret
{
    margin-left: 4px;
    margin-right: -3px;
}

.head-top .action-block .dropdown.regions .dropdown-menu
{
    min-width: 75px;
}

.head-top .action-block .dropdown.regions .dropdown-menu .item
{
    width: 100%;
    margin: 0px;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 16px;
    color: #222;
}

.head-top .action-block .dropdown.regions .dropdown-menu .item .caret
{
    display: none;
}

.head-top .action-block .dropdown.regions .dropdown-menu .item:hover
{
    background-color: rgba(112, 128, 150, 0.12);
}

/******************/
/* Services page */
/******************/

.widget-container.services-settings .image
{
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.widget-container.services-settings
{
    font-family: 'Roboto', sans-serif;
}

.widget-container.services-settings .widget-page.services-wrapper
{
    padding: 10px;
    min-height: 800px;
    width: 100%;
    background-color: #f6f6f6;
}

.widget-container.services-settings .widget-page.services-wrapper > .list
{
    width: 100%;
}

.widget-container.services-settings .widget-page.services-wrapper > .list > .wrapper
{
    width: 100%;
}

.widget-container.services-settings .widget-page.services-wrapper > .list > .wrapper > .item
{
    width: 33.333%;
    padding: 15px;
    position: relative;
    /*margin-bottom: 8px;*/

    height: 380px;
}

.widget-container.services-settings .widget-page.services-wrapper > .list > .wrapper > .item > .loader-wrapper
{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    /*display: flex;*/
    z-index: 10;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: none;
}

.widget-container.services-settings .widget-page.services-wrapper > .list > .wrapper > .item.loading > .loader-wrapper
{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.widget-container.services-settings .widget-page.services-wrapper > .list > .wrapper > .item > .wrapper
{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    background-color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 10px, rgba(0, 0, 0, 0.23) 0px 3px 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 10px, rgba(0, 0, 0, 0.23) 0px 3px 10px;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.widget-container.services-settings .widget-page.services-wrapper > .list > .wrapper > .item.loading > .wrapper
{
    -webkit-filter: blur(4px);
    -o-filter: blur(4px);
    filter: blur(4px);
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title
{
    width: 55%;
    /*max-width: 275px;*/
    /*max-width: 260px;*/
    height: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: space-between;
    align-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title > .photo
{
    width: 100%;
    height: 146px;
    /*padding: 30px;*/
        width: 100%;
    /*height: 135px;*/
    /*padding: 10px 25px;*/
    padding: 15px 20px 20px 20px;
    /*margin-bottom: 10px;*/
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title > .photo.with_background
{
    background-color: #e8e8e8;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body
{
    width: 100%;
    height: calc(100% - 146px);
    /*min-height: 200px;*/
    position: relative;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > div.state-enter
{
    /*-webkit-transform: translateY(-400px);
    -ms-transform: translateY(-400px);
    -o-transform: translateY(-400px);
    transform: translateY(-400px);*/
    position: absolute;
    top: -400px;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > div.state-enter.state-enter-active
{
    /*-webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);*/
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    top: 0px;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > div.state-leave
{
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > div.state-leave.state-leave-active
{
    -webkit-transform: translateY(400px);
    -ms-transform: translateY(400px);
    -o-transform: translateY(400px);
    transform: translateY(400px);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .confirm
{
    width: 100%;
    height: 100%;
    color: #283339;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-content: space-between;
    align-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .confirm .title
{
    /*font-size: 20px;*/
    font-size: 16px;
    text-transform: uppercase;
    padding: 0px 6px;
    margin-bottom: 9px;
    text-align: center;
    width: 100%;
    padding-top: 10px;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .confirm .description
{
    width: 100%;
    padding: 0px 5px 5px 5px;
    line-height: 1.7;
    text-align: center;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .confirm .actions
{
    /*position: absolute;*/
    /*left: 0px;*/
    /*bottom: 0px;*/
    padding: 7px 12px;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 10px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-content: space-between;
    align-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .confirm .actions .btn-yes
{
    background-color: rgb(66, 204, 162);
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .confirm .actions .btn-no
{
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000000;
    font-size: 16px;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info
{
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-content: space-between;
    align-content: space-between;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .text
{
    width: 100%;
    text-align: center;
    font-size: 19px;
    padding-top: 12px;
    text-transform: uppercase;
    line-height: 1.3;
    padding-top: 0px;
    margin-bottom: 8px;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .text span
{
    float: none;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .detail
{
    /*position: absolute;
    left: 0px;
    bottom: 0px;*/
    width: 100%;
    padding: 0px 12px 15px 12px;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .detail .row-info
{
    width: 100%;
    padding: 10px 3px;
    position: relative;
    font-size: 14px;
    line-height: 1.25;
    border-bottom: 1px solid #dcdcdc;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .detail .row-info:before
{
    /*content: '';*/
    width: 100%;
    height: 1px;
    background-color: #dadada;
    position: absolute;
    left: 0px;
    bottom: 2px;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .detail .row-info .text
{
    color: #878787;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .detail .row-info .value
{
    float: right;
    /*font-weight: bold;*/
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .detail .row-info .value .helper
{
    width: 17px;
    height: 17px;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0px 10px;
    font-size: 12px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .detail .row-info .value .tooltip-inner
{
    max-width: 500px;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .detail .action
{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 7px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .detail .action .btn
{
    font-size: 13px;
    background-color: #f8f8f8;
    min-width: 180px;
    padding: 8px 14px 7px 14px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .detail .action .btn .fa
{
    padding-right: 14px;
    font-size: 17px;
    position: relative;
    top: -2px;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services
{
    width: 45%;
    /*min-width: calc(100% - 260px);*/
    /*height: 100%;*/
    /*display: flex;
    justify-content: center;*/
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper
{
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
     -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .header
{
    width: 100%;
    padding: 14px 15px 10px 15px;
    border-left: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .header .sub-text
{
    width: 100%;
    /*position: absolute;*/
    /*top: 6px;*/
    /*left: 15px;*/
    color: #868686;
    font-size: 12px;
    /*width: calc(100% - 30px);*/
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .header .text
{
    font-size: 20px;
    width: 100%;
    line-height: 1.35;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .header .photo
{
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background-color: #c1c1c1;
    margin-right: 10px;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .header .edit-btn
{
    height: 100%;
    width: 35px;
    float: right;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    font-size: 23px;
    position: absolute;
    right: 6px;
    top: 0px;
    opacity: 0.2;
    cursor: pointer;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .header .check-view
{
    width: 100%;
    text-align: center;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .header .check-view .wrapper
{
    margin: 10px 0px 14px 0px;
    float: none;
    font-size: 25px;

    width: 55px;
    height: 55px;
    background-color: #42cca2;
    border-radius: 50%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .header .check-view .wrapper.state-enter
{
    -webkit-transform: translateY(400px);
    -ms-transform: translateY(400px);
    -o-transform: translateY(400px);
    transform: translateY(400px);
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .header .check-view .wrapper.state-enter.state-enter-active
{
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: 0.6s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.6s cubic-bezier(.55,0,.1,1);
    transition: 0.6s cubic-bezier(.55,0,.1,1);
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .header .check-view .wrapper.state-leave
{
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .header .check-view .wrapper.state-leave.state-leave-active
{
    -webkit-transform: translateY(400px);
    -ms-transform: translateY(400px);
    -o-transform: translateY(400px);
    transform: translateY(400px);
    -webkit-transition:  0.6s cubic-bezier(.55,0,.1,1);
    -o-transition:  0.6s cubic-bezier(.55,0,.1,1);
    transition:  0.6s cubic-bezier(.55,0,.1,1);
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .header .check-view .wrapper.yellow
{
    background-color: #ffcb13;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .header .check-view .wrapper.red
{
    background-color: #e53935;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .header .edit-btn:hover
{
    opacity: 1;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .header .photo .image
{
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper > .body
{
    width: 100%;
    background-color: #fbfbfb;
    height: 100%;
    /*height: calc(100% - 60px);*/
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper .sub-services
{
    width: 100%;
    height: 100%;
    /*padding-top: 10px;*/
    background-color: #fbfbfb;
    /*border-left: 1px solid #eaeaea;*/
    position: relative;
    overflow: hidden;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper .sub-services:before
{
    content: '';
    position: absolute;
    left: -1px;
    top: 0px;
    height: 100%;
    width: 1px;
    /*box-shadow: rgba(0, 0, 0, 0.39) -4px -6px 20px 1px;*/
    z-index: 23;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper .sub-services:after
{
    content: '';
    position: absolute;
    left: 0px;
    top: -1px;
    height: 1px;
    width: 100%;
    /*box-shadow: rgba(0, 0, 0, 0.39) -4px -6px 20px 1px;*/
    z-index: 23;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper .sub-services > .item
{
    width: 100%;
    position: relative;
    line-height: 1.25;
    padding: 3px 28px 3px 20px;
    min-height: 40px;
    border-top: 1px solid #eaeaea;
    background-color: transparent;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper .sub-services > .item.connected
{
    background-color: #42cca2;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper .sub-services > .item.connected .text
{
    color: white;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper .sub-services > .item.selected .text
{
    color: #42cca2;
    font-weight: bold;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper .sub-services > .item:last-of-type
{
    /*border-bottom: 1px solid #eaeaea;*/
    /*border-bottom: 0px none;*/
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper .sub-services > .item:first-of-type
{
    /*border-bottom: 1px solid #eaeaea;*/
    border-top: 0px none;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper .sub-services > .item .text
{
    color: #757575;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper .sub-services > .item .check-view > *.state-enter
{
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper .sub-services > .item .check-view > *.state-enter.state-enter-active
{
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition:  0.3s cubic-bezier(.55,0,.1,1);
    -o-transition:  0.3s cubic-bezier(.55,0,.1,1);
    transition:  0.3s cubic-bezier(.55,0,.1,1);
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper .sub-services > .item .check-view > *.state-leave
{
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper .sub-services > .item .check-view > *.state-leave.state-leave-active
{
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper .sub-services > .item .check-view
{
    /*float: right;*/
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
}
/*
.widget-container.services-settings .widget-page.services-wrapper .item .block.services .type-wrapper .sub-services > .item.connected .check-view
{
    display: block;
}*/

.widget-container.services-settings .widget-page.services-wrapper .item.single_type .block.services .type-wrapper
{
   display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    position: relative;
    overflow: hidden;
}

.widget-container.services-settings .widget-page.services-wrapper .item.single_type .block.services .type-wrapper:before
{
    content: '';
    position: absolute;
    left: -1px;
    top: 0px;
    height: 100%;
    width: 1px;
    /*box-shadow: rgba(0, 0, 0, 0.39) -4px -6px 20px 1px;*/
    z-index: 23;
}

.widget-container.services-settings .widget-page.services-wrapper .item.single_type .block.services .type-wrapper:after
{
    content: '';
    position: absolute;
    left: 0px;
    top: -1px;
    height: 1px;
    width: 100%;
    /*box-shadow: rgba(0, 0, 0, 0.39) -4px -6px 20px 1px;*/
    z-index: 23;
}

.widget-container.services-settings .widget-page.services-wrapper .item.single_type .block.services .type-wrapper > .body
{
    display: none;
}

.widget-container.services-settings .widget-page.services-wrapper .item.single_type .block.services .type-wrapper > .header
{
    border: 0 none;
    height: auto;
}

.widget-container.services-settings .widget-page.services-wrapper .item.single_type .block.services .type-wrapper > .header .sub-text
{
    text-align: center;
}

.widget-container.services-settings .widget-page.services-wrapper .item.single_type .block.services .type-wrapper > .header .text
{
    text-align: center;
}

/*    THEME    *\
\*      1      */

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .background-wrapper
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .background-wrapper .color
{
    position: absolute;
    
    top: 0px;
    left: 0px;

    width: 100%;
    height: 100%;
    border-radius: 50%;

    z-index: 1;

    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);

    /*transition: 0.3s;*/
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .background-wrapper .color.state-enter
{
    z-index: 2;
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .background-wrapper .color.state-enter.state-enter-active
{
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-transition: 0.6s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.6s cubic-bezier(.55,0,.1,1);
    transition: 0.6s cubic-bezier(.55,0,.1,1);
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .background-wrapper .color.state-leave
{
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .background-wrapper .color.state-leave.state-leave-active
{
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .background-wrapper .color.grey
{
    background-color: #f5f5f5;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .background-wrapper .color.tail
{
    background-color: #2e959f;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .background-wrapper .color.green
{
    background-color: #3dbda1;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .background-wrapper .color.orange
{
    background-color: #feb247;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title
{
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title > .photo
{
    position: relative;
    z-index: 3;
}

.widget-container.services-settings .widget-page.services-wrapper .item.STATUS_ALLOW .block.title,
.widget-container.services-settings .widget-page.services-wrapper .item.STATUS_WAIT .block.title,
.widget-container.services-settings .widget-page.services-wrapper .item.STATUS_REJECT .block.title
{
    color: black;
}

.widget-container.services-settings .widget-page.services-wrapper .item.STATUS_AGREED .block.title
{
    color: white;
}

.widget-container.services-settings .widget-page.services-wrapper .item.STATUS_AGREED .block.title .block-body > .info > .detail .row-info .text
{
    color: #e8e8e8;
}

/*.widget-container.services-settings .widget-page.services-wrapper .item.cofirm .block.title
{
    color: #283339;
}*/

/*.widget-container.services-settings .widget-page.services-wrapper .item.connected.STATUS_AGREED .block.title
{
    background-color: #3dbda1;
    color: white;
}*/

.widget-container.services-settings .widget-page.services-wrapper .item .block.title > .photo.with_background
{
    background-color: transparent;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .detail .action .btn
{
    background-color: transparent;
    color: #fff;
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .detail .action .btn:hover
{
    background-color: rgba( 0, 0 ,0, 0.15 );
}

.widget-container.services-settings .widget-page.services-wrapper .item.STATUS_ALLOW .block.title .block-body > .info > .detail .action .btn,
.widget-container.services-settings .widget-page.services-wrapper .item.STATUS_REJECT .block.title .block-body > .info > .detail .action .btn,
.widget-container.services-settings .widget-page.services-wrapper .item.STATUS_WAIT .block.title .block-body > .info > .detail .action .btn
{
    background-color: rgba(61, 189, 161, 0);
    color: #000;
}

.widget-container.services-settings .widget-page.services-wrapper .item.STATUS_ALLOW .block.title .block-body > .info > .detail .action .btn:hover,
.widget-container.services-settings .widget-page.services-wrapper .item.STATUS_REJECT .block.title .block-body > .info > .detail .action .btn:hover,
.widget-container.services-settings .widget-page.services-wrapper .item.STATUS_WAIT .block.title .block-body > .info > .detail .action .btn:hover
{
    background-color: rgba(61, 189, 161, 0.7);
}

.widget-container.services-settings .widget-page.services-wrapper .item .block.title .block-body > .info > .text
{
    /*padding-top: 5px;*/
    color: rgba(255, 255, 255, 0.91);
}

.widget-container.services-settings .widget-page.services-wrapper .item.STATUS_ALLOW .block.title .block-body > .info > .text,
.widget-container.services-settings .widget-page.services-wrapper .item.STATUS_REJECT .block.title .block-body > .info > .text,
.widget-container.services-settings .widget-page.services-wrapper .item.STATUS_WAIT .block.title .block-body > .info > .text
{
    color: rgba(0, 0, 0, 0.91);
}

.widget-container.services-settings .widget-page.services-wrapper .item.STATUS_WAIT .block.title:before
{
    content: '';
    position: absolute;
    z-index: 4;
    width: 80px;
    height: 80px;
    background-color: #ffcb13;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -40px;
    top: -40px;
}

.widget-container.services-settings .widget-page.services-wrapper .item.STATUS_REJECT .block.title:before
{
    content: '';
    position: absolute;
    z-index: 4;
    width: 80px;
    height: 80px;
    background-color: #e53935;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -40px;
    top: -40px;
}

/*  END THEME  *\
\*      1      */


.checkbox-material
{
    width: 25px;
    height: 25px;
    /* border: 2px solid rgba(0, 0, 0, 0.63); */
    display: block;
    margin: 0;
    border-radius: 3px;
    position: relative;
}

.checkbox-material input
{
    display: none;
}

.checkbox-material .wrapper
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    font-size: 16px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-align-items: center;
    align-items: center;
    color: #42cca2;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    border: 2px solid rgba(0, 0, 0, 0.63);
    cursor: pointer;
    overflow: hidden;
    -webkit-box-shadow:  0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow:  0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.checkbox-material .wrapper .fa
{
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translateY( 50px );
    -ms-transform: translateY( 50px );
    -o-transform: translateY( 50px );
    transform: translateY( 50px );
}

.checkbox-material input:checked ~ .wrapper
{
    border: 0px solid rgba(0, 0, 0, 0.63);
    background-color: #42cca2;
    color: white;
}

.checkbox-material input:checked ~ .wrapper .fa
{
    -webkit-transform: translateY( 0px );
    -ms-transform: translateY( 0px );
    -o-transform: translateY( 0px );
    transform: translateY( 0px );
}


.toolbar-container .loader-container 
{
    width: 130px;
    height: 130px;
    position: absolute;
    top: -7px;
    right: 8px;
     z-index: 10;
}

.widget-container.services-settings .widget-page.catalogs-page
{
    background: linear-gradient(270deg, #004c81, #003153);
    width: 100%;
    min-height: 700px;
    padding: 25px 25px 30px 25px;
}

.widget-container.services-settings .widget-page.catalogs-page > .list
{
    width: 100%;
    height: calc(100% - 90px);
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper
{
    width: -webkit-calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: -ms-calc(100% + 30px);
    width: calc(100% + 30px);
    height: -webkit-calc(100% + 30px);
    height: -moz-calc(100% + 30px);
    height: -ms-calc(100% + 30px);
    height: calc(100% + 30px);
    margin-left: -15px;
    margin-top: -30px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item,
.item.catalog-sortable-helper
{
    width: 25%;
    padding: 0px 15px;
    margin: 30px 0px 0px 0px;
    position: relative;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item
{
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item.is_tech > .wrapper,
.item.catalog-sortable-helper.is_tech > .wrapper
{
    background-color: rgba(128, 128, 128, 0.53);
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item.is_sorting
{
    -webkit-filter: blur(4px);
    -o-filter: blur(4px);
    filter: blur(4px);
    opacity: 0.4;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item.is_deactivated
{
    opacity: 0.6;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions,
.item.catalog-sortable-helper > .actions
{
    position: absolute;
    left: 0px;
    top: 1px;
    width: 100%;
    padding: 0px 16px;
    /*height: 45px;*/
    height: 40px;
    z-index: 2;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper,
.item.catalog-sortable-helper > .actions > .wrapper
{
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    background-color: rgb(43, 54, 67);
    color: white;
    opacity: 1;
    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);
    font-size: 23px;
    color: black;
    /*padding: 0px 0px 0px 5px;*/
    padding: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item:hover > .actions > .wrapper,
.item.catalog-sortable-helper:hover > .actions > .wrapper
{
    opacity: 1;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .handler,
.item.catalog-sortable-helper > .actions > .wrapper > .handler
{
    /*width: 45px;*/
    width: 40px;
    /*padding-top: 2px;*/
    height: 100%;
    color: #d8d8d8;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .groups,
.item.catalog-sortable-helper > .actions > .wrapper > .groups
{
    width: calc(100% - 80px);
    height: 100%;
    margin: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .text,
.item.catalog-sortable-helper > .actions > .wrapper > .text
{
    width: calc(100% - 90px);
    height: 100%;
    padding: 0px 10px;
    color: white;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 13px;
    line-height: 1.1;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .delete,
.item.catalog-sortable-helper > .actions > .wrapper > .delete
{
    width: 40px;
    height: 100%;
    color: #d8d8d8;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    /*right: -10px;*/
    font-size: 25px;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .delete:hover,
.item.catalog-sortable-helper > .actions > .wrapper > .delete:hover
{
    color: white;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .delete:before,
.item.catalog-sortable-helper > .actions > .wrapper > .delete:before
{
    position: absolute;
    content: '';

    top: 0px;
    left: 0px;

    width: 100%;
    height: 100%;

    background-color: #ff1744;
    
    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);

    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

    border-radius: 50%;

    z-index: 1;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .delete > span,
.item.catalog-sortable-helper > .actions > .wrapper > .delete > span
{
    position: relative;
    z-index: 2;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .delete:hover:before,
.item.catalog-sortable-helper > .actions > .wrapper > .delete:hover:before
{
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);

    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .tech-icon,
.item.catalog-sortable-helper > .actions > .wrapper > .tech-icon
{
    width: 45px;
    height: 100%;
    color: #d8d8d8;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .groups,
.item.catalog-sortable-helper > .actions > .wrapper > .groups
{
    /*padding: 0px 15px;*/
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .groups .toggled,
.item.catalog-sortable-helper > .actions > .wrapper > .groups .toggled
{
    /*width: 45px;*/
    padding: 0 10px;
    height: 100%;

    color: #828282;
    
    -webkit-transition: 0.3s cubic-bezier(.55,0,.1,1);
    -o-transition: 0.3s cubic-bezier(.55,0,.1,1);
    transition: 0.3s cubic-bezier(.55,0,.1,1);

    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 0px;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .groups .toggled:not( .disabled ):hover,
.item.catalog-sortable-helper > .actions > .wrapper > .groups .toggled:not( .disabled ):hover
{
    background-color: rgb(53, 62, 72);
    color: #9a9a9a;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .groups .toggled.disabled,
.item.catalog-sortable-helper > .actions > .wrapper > .groups .toggled.disabled
{
    cursor: not-allowed;
    opacity: 0.6;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .groups .toggled.active,
.item.catalog-sortable-helper > .actions > .wrapper > .groups .toggled.active
{
    color: #41c9a2;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .groups .toggled i,
.item.catalog-sortable-helper > .actions > .wrapper > .groups .toggled i
{
    margin-right: 8px;
    font-size: 23px;
    padding-bottom: 1px;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .groups .toggled i.icon-location-pin,
.item.catalog-sortable-helper > .actions > .wrapper > .groups .toggled i.icon-location-pin
{
    padding-bottom: 0px;
}


.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .groups .toggled span,
.item.catalog-sortable-helper > .actions > .wrapper > .groups .toggled span
{
    font-size: 12px;
    color: grey;
    /*height: 100%;*/
    line-height: 1.1;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .actions > .wrapper > .groups .toggled.active span,
.item.catalog-sortable-helper > .actions > .wrapper > .groups .toggled.active span
{
    color: #41c9a2;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper,
.item.catalog-sortable-helper > .wrapper
{
    width: 100%;
    min-height: 190px;
    float: left;
    text-decoration: none;
    border: 1px solid #fff;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    cursor: pointer;
    -webkit-box-shadow: 6px 12px 35px 10px transparent;
    box-shadow: 6px 12px 35px 10px transparent;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper .enter-icon,
.item.catalog-sortable-helper > .wrapper .enter-icon
{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.42);
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    font-size: 50px;
    padding: 30px;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper:hover .enter-icon,
.item.catalog-sortable-helper > .wrapper:hover .enter-icon
{
    opacity: 1;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper .enter-icon .fa,
.item.catalog-sortable-helper > .wrapper .enter-icon .fa
{
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    -o-transform: translateX(-200px);
    transform: translateX(-200px);

    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper:hover .enter-icon .fa,
.item.catalog-sortable-helper > .wrapper:hover .enter-icon .fa
{
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item:hover > .wrapper,
.item.catalog-sortable-helper:hover > .wrapper
{
    -webkit-box-shadow: 6px 12px 35px 10px rgba(0, 0, 0, 0.26);
    box-shadow: 6px 12px 35px 10px rgba(0, 0, 0, 0.26);
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper .icon,
.item.catalog-sortable-helper > .wrapper .icon
{
    width: 32.5%;
    text-align: center;
    padding: 0px 15px;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper .icon img,
.item.catalog-sortable-helper > .wrapper .icon img
{
    max-width: 100%;
    max-height: 100%;
    float: none;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .wrapper .text,
.item.catalog-sortable-helper > .wrapper .text
{
    float: left;
    font-size: 0.95vw;
    width: 67.5%;
    padding-right: 15px;
    word-wrap: break-word;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .info,
.item.catalog-sortable-helper > .info
{
    position: absolute;
    left: 0px;
    bottom: 1px;
    width: 100%;
    height: 45px;
    padding: 0px 16px;
    z-index: 2;
    color: white;
    font-size: 13px;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .info .wrapper,
.item.catalog-sortable-helper > .info .wrapper
{
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px;
    background-color: rgba(0, 0, 0, 0.31);
    line-height: 1.2;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .info .item,
.item.catalog-sortable-helper > .info .item
{
    /*height: 100%;*/
    padding: 1px 10px;
    font-size: 13px;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .info .item .title,
.item.catalog-sortable-helper > .info .item .title
{
    margin-right: 5px;
    color: #b9b9b9;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.catalogs > .item > .info .item .value,
.item.catalog-sortable-helper > .info .item .title
{

}

.widget-container.services-settings .widget-page.catalogs-page > .breadcrumbs
{
    font-size: 29px;
    line-height: 1.35;
    height: 90px;
    float: left;
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    width: -webkit-calc(100% + 44px);
    width: -moz-calc(100% + 44px);
    width: -ms-calc(100% + 44px);
    width: calc(100% + 44px);
    padding: 0px 0px 7px 0px;
    margin: 0px 0px 0px -22px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 500;
}

.widget-container.services-settings .widget-page.catalogs-page > .breadcrumbs > li
{
    float: left;
    display: inline-block;
    padding: 0px 22px;
    position: relative;
    margin-bottom: 12px;
    line-height: 1.1;
    color: #fff;
}

.widget-container.services-settings .widget-page.catalogs-page > .breadcrumbs > li:before
{
    content: "";
    position: absolute;
    top: 5px;
    right: 0px;
    bottom: -5px;
    width: 2px;
    background-color: #fff;
}

.widget-container.services-settings .widget-page.catalogs-page > .breadcrumbs > li:last-child:before,
.widget-container.services-settings .widget-page.catalogs-page > .breadcrumbs > li:only-child:before
{
    display: none;
}

.widget-container.services-settings .widget-page.catalogs-page > .breadcrumbs > li span
{
    text-decoration: underline;
    cursor: pointer;
}

.widget-container.services-settings .widget-page.catalogs-page > .breadcrumbs > li.active span
{
    text-decoration: none;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item
{
    width: 25%;
    padding: 0px 17.5px;
    margin: 35px 0px 0px 0px;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper
{
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 75px 0px #0d2332;
    box-shadow: 0px 10px 75px 0px #0d2332;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;

    position: relative;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper:hover
{
    -webkit-box-shadow: 0px 0px 50px 0px rgba(18, 101, 212, 0.8);
    box-shadow: 0px 0px 50px 0px rgba(18, 101, 212, 0.8);
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .status
{
    position: absolute;

    background-color: white;
    color: #a1a1a1;

    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);

    -webkit-transition: 0.3;
    -o-transition: 0.3;
    transition: 0.3;

    font-size: 27px;

    top: 20px;
    right: 20px;

    z-index: 2;

    cursor: pointer;

    width: 60px;
    height: 60px;

    border-radius: 50%;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .status .wrapper
{
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .status:not( .disabled ):hover
{
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);

    background-color: #30ffbe;
    color: #333333;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .status.disabled:hover
{
    cursor: not-allowed;
}


.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item.active > .wrapper .status
{
    background-color: rgba(67, 206, 162, 1);
    color: #333333;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item.active > .wrapper .status:hover
{
    background-color: #29cc99;
    color: #616161;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .status .wrapper .fa.state-enter
{
    position: absolute;
    opacity: 0.1;
    top: -60px;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .status .wrapper .fa.state-enter.state-enter-active
{
    -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);

    opacity: 1;
    top: 17px;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .status .wrapper .fa.state-leave
{
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);

    opacity: 1;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .status .wrapper .fa.state-leave.state-leave-active
{
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);

    transform: translateY(60px);
    -webkit-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);

    opacity: 0.1;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .photo
{
    float: left;
    width: 100%;
    background-color: #002640;
    background-size: cover;
    background-position: center;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), inset 0px 0px 7px 0px rgba(0,0,0,0.12), 0 0px 0px 0px rgba(0, 0, 0, 0);
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .text-block
{
    width: 100%;
    padding: 22px 28px 20px 28px;
    color: #003153;
    text-shadow: 0px 0px;
    position: relative;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .text-block .circle-btn
{
    text-decoration: none;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #1265d4;
    position: absolute;
    right: 20px;
    top: -25px;
    padding-left: 4px;
    opacity: 0;
    z-index: -1;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .text-block .header
{
    width: 100%;
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .text-block .header span
{
    text-decoration: none;
    cursor: pointer;
    color: #003153;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .text-block .list
{
    width: 100%;
    font-size: 14px;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .text-block .list .item
{
    width: 100%;
    margin-bottom: 14px;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .text-block .list .item:last-child
{
    margin-bottom: 0px;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .text-block .list .item .icon
{
    margin-top: -2px;
    width: 26px;
    float: left;
    text-align: center;
    margin-top: -3px;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .text-block .list .item.date .icon
{
    margin-top: -2px;
}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .text-block .list .item .icon img
{
    max-width: 100%;
    float: none;

}

.widget-container.services-settings .widget-page.catalogs-page > .list > .wrapper.objects > .item > .wrapper .text-block .list .item .text
{
    width: -webkit-calc(100% - 26px);
    width: -moz-calc(100% - 26px);
    width: -ms-calc(100% - 26px);
    width: calc(100% - 26px);
    padding-left: 10px;
}


.widget-container.services-settings .widget-page.services-wrapper.hotel-services-page > .list > .wrapper > .item
{
    width: 20%;
}

.widget-container.services-settings .widget-page.services-wrapper.hotel-services-page .item .block.title .block-body > .info > .text
{
    padding: 0px 10px;
}

.widget-container.services-settings .widget-page.services-wrapper.hotel-services-page .item .block.title
{
    width: 100%;
    color: #fff;
}

.widget-container.services-settings .widget-page.services-wrapper.hotel-services-page .item .block.title .block-body > .info > .detail .row-info .text
{
    color: #e8e8e8;
}

.file-manager
{
    background-color: whitesmoke;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.widget-gallery-settings .content-wrapper .file-manager
{
    width: 80%;
}

.widget-gallery-settings .content-wrapper.only-files .file-manager
{
    width: 100%;
}

.widget-gallery-settings .content-wrapper .folder-settings
{
    width: 20%;
    background-color: #fff;
}

.file-manager .items-space
{
    width: 100%;
    margin-bottom: 10px;
    padding: 20px;

    /*position: relative;*/
}

.file-manager .items-space.folders .item
{
    padding: 5px;
    height: 50px;
}

.file-manager .items-space.folders .item > .wrapper
{
    min-width: 100px;
    height: 100%;

    cursor: pointer;

    font-size: 13px;
    padding: 8px 14px;

    white-space: normal;

    color: #333;
    text-transform: uppercase;
    background-color: rgb(255, 255, 255);
    border: 1px solid transparent;

    display: flex;
    justify-content: center;
    align-items: center;

    border-radius: 1px;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;

    -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
    box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
}

.file-manager .items-space.folders .item:hover > .wrapper
{
    background-color: rgba( 0, 0 ,0, 0.15 );
}

.file-manager .items-space.folders .item.canDrop > .wrapper
{
    border-color: #a7a7f9;
}

.file-manager .items-space.folders .item.canDrop.isOver > .wrapper
{
    background-color: rgba(224, 224, 249, 0.45);
}

.file-manager .items-space.folders .item > .wrapper > .icon
{
    margin-right: 10px;
    font-size: 20px;
}

.file-manager .items-space.files
{
    border: 4px solid transparent;
    min-height: 650px;
}

.file-manager .items-space.files.draging
{
    border-color: #a7a7f9;
    background-color: rgba(224, 224, 249, 0.45);
}

.file-manager .items-space.files .text-alert
{
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 40px;
    padding: 20px;
    color: #c5c5c5;
}

.file-manager .items-space.files .drag-helper-text
{
    position: fixed;
    bottom: 35px;
    left: 0px;
    width: 100%;
    height: 100px;

    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0.8;
}

.file-manager .items-space.files .drag-helper-text > .wrapper
{
    width: 500px;
    height: 100%;
    background-color: rgba(67,206,162,1);
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3);
    color: white;
    font-size: 18px;
    position: relative;
}

.file-manager .items-space.files .drag-helper-text > .wrapper .title
{
    width: 100%;
    height: 100%;
    padding: 20px;
    display: flex;
    font-size: 23px;
    justify-content: center;
    align-items: center;
}

.file-manager .items-space.files .drag-helper-text > .wrapper .icon
{
    position: absolute;
    top: -50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.file-manager .items-space.files .drag-helper-text > .wrapper .icon .wrapper
{
    padding: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(45, 147, 159, 0.78);

    animation: go-top-bottom 1s cubic-bezier(.55,0,.1,1) infinite alternate;
    -webkit-animation: go-top-bottom 1s cubic-bezier(.55,0,.1,1) infinite alternate;
}

@keyframes go-top-bottom {
    from {
        transform: translateY(-50px);
    }
    to {
        transform: translateY(50px);
    }
}

@-webkit-keyframes go-top-bottom {
    from {
        transform: translateY(-50px);
    }
    to {
        transform: translateY(50px);
    }
}

.file-manager .items-space.files .item
{
    width: calc(20% - 40px);
    margin: 20px;
    position: relative;
}

.file-manager .items-space.files .item.selected
{
    -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3);
}

.file-manager .items-space.files .item.dragging
{
    opacity: 0.4;
}

.file-manager .items-space.files .item.cutted
{
    opacity: 0.6;
}

.file-manager .items-space.files .item.selected > .wrapper > .title
{
    background-color: rgba(67,206,162,1);
    color: white;
}

.file-manager .items-space.files .item > .wrapper
{
    width: 100%;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.file-manager .items-space.files .item > .wrapper > .image
{
    width: 100%;
}

.file-manager .items-space.files .item > .wrapper > .image > .img
{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: grey;
    width: 100%;
    height: 100%;
}

.file-manager .items-space.files .item > .wrapper > .title
{
    height: 50px;
    width: 100%;
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    padding: 5px;
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: rgb(255, 255, 255);
}

.file-manager .items-space.files .item > .wrapper > .title span
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0px 10px;
}


.file-manager .items-space.files .selecteble-wrapper
{
    width: 100%;
    height: 100%;
}

.drag-handler-container
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;

    opacity: 0;
}

.drag-handler
{
    width: 300px;
    height: 300px;

    background-color: blue;
}

.widget-gallery-settings .content-wrapper .folder-settings
{
    line-height: 1.35;
    padding-top: 10px;
}

.widget-gallery-settings .content-wrapper .folder-settings .tab 
{
    width: 100%;
    padding: 14px 20px 0px 20px;
    border-bottom: 1px solid #e7e7e7;
}

.widget-gallery-settings .content-wrapper .folder-settings .tab > .title
{
    width: 100%;
    font-size: 13px;
    margin-bottom: 13px;
    text-transform: uppercase;
    color: #616161;
    letter-spacing: 0.8px;
}

.widget-gallery-settings .content-wrapper .folder-settings .tab > .title .count
{
    background-color: #37aea1;
    color: #fff;
    font-size: 11px;
    border-radius: 12px;
    padding: 1px 4px;
    text-shadow: 0px 0px;
    min-width: 24px;
    text-align: center;
    position: relative;
    top: 3px;
    /*margin-left: 6px;*/
    float: right;
}

.widget-gallery-settings .content-wrapper .folder-settings .tab .info 
{
    width: 100%; 
}

.widget-gallery-settings .content-wrapper .folder-settings .info .item
{
    width: 100%;
    margin-bottom: 2px;
    /*display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;*/
}

.widget-gallery-settings .content-wrapper .folder-settings .info .item:first-child 
{
    margin-top: 5px;
}

.widget-gallery-settings .content-wrapper .folder-settings .info .item:last-child 
{
    margin-bottom: 8px;
}

.widget-gallery-settings .content-wrapper .folder-settings .tab-settings .info .item .title,
.widget-gallery-settings .content-wrapper .folder-settings .tab-settings .info .item .value
{
    margin-bottom: 0px;
}

.widget-gallery-settings .content-wrapper .folder-settings .info .item .title
{
    padding-right: 10px;
    margin-bottom: 10px;
    color: #8f8f8f;
    min-width: 70px;
}

.widget-gallery-settings .content-wrapper .folder-settings .info .item .preview .title 
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100px;
    margin-left: 10px;
    margin-bottom: 0px;
}

.widget-gallery-settings .content-wrapper .folder-settings .info .item .value
{
    margin-bottom: 10px;
    /*padding-right: 10px;*/
}

.widget-gallery-settings .content-wrapper .folder-settings .info .item .action 
{
    /*margin-bottom: 10px;*/
    font-size: 14px;
    position: relative;
    top: 5px;
    color: #6b6b6b;
    cursor: pointer;
    float: right;
}

.widget-gallery-settings .content-wrapper .folder-settings .tab-buffer .info .item
{
    margin-bottom: 10px;
}

.widget-gallery-settings .content-wrapper .folder-settings .tab-settings .info .item
{
    margin-bottom: 8px;
}

.widget-gallery-settings .content-wrapper .folder-settings .tab-buffer .info .item .action 
{
    top: 7px;
}

.widget-gallery-settings .content-wrapper .folder-settings .info .item .preview,
.widget-gallery-settings .content-wrapper .folder-settings .info .item .body 
{
    width: calc(100% - 20px);
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    line-height: 1.1;
}


.widget-gallery-settings .content-wrapper .folder-settings .info .item .action 
{
    width: 20px;
    text-align: right;
}

.widget-gallery-settings .content-wrapper .folder-settings .info .item .action .icon-btn
{
    float: right;
    width: 20px;
    height: 20px;
    background-color: transparent;
    text-align: center;
    border-radius: 50%;
    line-height: 1;
    padding-top: 3px;
    color: #222;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.widget-gallery-settings .content-wrapper .folder-settings .info .item .action:hover .icon-btn
{
    background-color: #383838;
    color: #fff;
}

.widget-gallery-settings .content-wrapper .folder-settings .info .item .action .icon-btn .fa
{
    float: none;
}

.widget-gallery-settings .content-wrapper .folder-settings .info .item .preview .img
{
    width: 35px;
    height: 35px;
    background-size: cover;
    background-position: center;
    background-color: #f9f9f9;
}

.widget-gallery-settings .content-wrapper .folder-settings .tab-buffer .info .item,
.widget-gallery-settings .content-wrapper .folder-settings .tab-loadings .info .item
{
    margin-bottom: 6px;
}

.widget-gallery-settings .content-wrapper .folder-settings .tab-buffer .info .item:last-child, 
.widget-gallery-settings .content-wrapper .folder-settings .tab-loadings .info .item:last-child 
{
    margin-bottom: 10px;
}


.widget-gallery-settings .content-wrapper .folder-settings .tab-settings .info .item .action
{
    top: -2px;
}

.widget-gallery-settings .content-wrapper .folder-settings .tab-settings .info .item .action
{
    font-size: 13px;
}


.widget-gallery-settings .content-wrapper .folder-settings .tab-loadings .info .item 
{
    width: 100%;
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.widget-gallery-settings .content-wrapper .folder-settings .tab-loadings .info .item .preview 
{
    /*width: 100%;
    -webkit-justify-content: space-around;
    justify-content: space-around;*/
}

.widget-gallery-settings .content-wrapper .folder-settings .tab-loadings .info .item .preview .icon
{
    width: 35px;
    height: 35px;
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    font-size: 19px;
    color: #6b6b6b;
}

.widget-gallery-settings .content-wrapper .folder-settings .tab-loadings .info .item .preview .progress
{
    margin-bottom: 0px;
    background-color: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    height: auto;
    line-height: 1;
}

.widget-gallery-settings .content-wrapper .folder-settings .tab-loadings .info .item .state
{
    width: 20px;
    line-height: 1;
    text-align: right;
    font-size: 15px;
    padding-right: 3px;
}

.widget-gallery-settings .content-wrapper .folder-settings .tab-loadings .info .item .state .fa
{
    float: right;
}


.widget-gallery-settings .content-wrapper .folder-settings .tab-loadings .info .item.STATE__COMPLETED .state 
{
    color: #37aea1;
}

.widget-gallery-settings .content-wrapper .folder-settings .tab-loadings .info .item.STATE__ERROR .state 
{
    color: #ff1744;
}

.widget-gallery-settings .content-wrapper .folder-settings .tab-loadings .info .item.STATE__WAIT .state 
{
    color: #ffaf17;
}

.widget-gallery-settings .content-wrapper .folder-settings .tab-loadings .info .item.STATE__UPLOADING .state 
{
    color: #1e9aff;
}

.widget-gallery-settings .content-wrapper .folder-settings .info .item .preview .folder
{
    background-color: #bbbbbb;
    color: #fff;
    font-size: 13px;
    border-radius: 9px;
    padding: 2px 8px;
    text-shadow: 0px 0px;
    text-align: center;
    letter-spacing: 0.4px;
    position: relative;
    top: -1px;
}

.fullscreen-modal
{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 999;  
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    justify-content: center;
    -webkit-justify-content: center;  
}

.fullscreen-modal div
{
    float: left;
}

.fullscreen-modal .close-btn
{
    position: absolute;
    top: 0px;
    right: 0px;
    color: rgba(255, 255, 255, 0.9);
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 60px;
    font-weight: 100;
    line-height: 1;
    padding: 10px 12px 0px 0px;
    z-index: 15;
    cursor: pointer;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

.fullscreen-modal .close-btn:hover
{
    color: #fff;
}

.fullscreen-modal .wrapper
{
    /*padding: 30px;*/
    height: 100%;
    width: 100%;
    max-width: 900px;
    text-align: center;
}

.fullscreen-modal .wrapper .image 
{
    width: 100%;
    height: calc(100% - 44px);
}

.fullscreen-modal .wrapper .image .img 
{
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.fullscreen-modal .wrapper .actions
{
    height: 44px;
    width: 100%;
    background-color: #222;
    /*padding: 4px 12px;*/
    color: #fff;
}

.fullscreen-modal .wrapper .actions .btn
{
    color: #a9a9a9;
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    padding: 0px;
    /* margin: 6px 12px; */
    font-size: 11px;
    letter-spacing: 0.4px;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    height: 100%;
    padding: 5px 20px 3px 20px;
    line-height: 1.2;
}

.fullscreen-modal .wrapper .actions .btn + .btn
{
    border-left: 1px solid rgba(255, 255, 255, 0.09);
}

.fullscreen-modal .wrapper .actions .btn:hover
{
    color: #d5d5d5;
}

.fullscreen-modal .wrapper .actions .btn .fa
{
    padding-right: 10px;
    font-size: 14px;
}

.fullscreen-modal .file-manager .items-space.files .item 
{
    width: calc(20% - 20px);
    margin: 10px;
}

.fullscreen-modal .file-manager .items-space.files .selecteble-wrapper
{
    width: calc(100% + 20px);
    margin: 0px -10px;   
}

.fullscreen-modal .file-manager .items-space.files
{
    min-height: 0px;
}

.fullscreen-modal .file-manager .items-space
{
    padding-bottom: 0px;   
    margin-bottom: 0px;
}

.fullscreen-modal .file-manager
{
    width: 100%;
    overflow-y: auto;
    height: calc(100% - 115px);
}

.fullscreen-modal .toolbar
{
    min-height: 0px;
    height: 70px;
    display: block;
    padding: 10px 20px 10px 20px;
    margin: 0px;
}

.app-toolbar.toolbar-with-menu .toolbar-container
{
    display: block;
}

.fullscreen-modal .toolbar h1
{
    float: left;
    width: 100%;
    text-align: left;
    font-size: 17px;
    margin: 0px 0px 6px 0px
}

.fullscreen-modal .app-toolbar.toolbar-with-menu .toolbar-container .menu-wrapper
{
    margin: 0px;
}

.fullscreen-modal .toolbar .menu-wrapper
{
    margin: 0px;
}

.fullscreen-modal .file-manager .items-space
{
    padding: 20px 15px 0px 15px;
}

.app-toolbar.toolbar-with-menu .toolbar-container .menu-wrapper ul 
{
    width: calc(100% + 30px);
    margin: 0px -15px;
}

.app-toolbar.toolbar-with-menu .toolbar-container .menu-wrapper ul li 
{
    padding: 0px 15px;
    font-size: 15px;
    margin: 0px;
}



.content-wrapper.type-widgets .widgets-redactor .body .wrapper .publication-maker-wrapper .header .btn-group
{
    float: right;
}

.content-wrapper.type-widgets .widgets-redactor .body .wrapper .publication-maker-wrapper .header .dropdown-actions
{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.content-wrapper.type-widgets .widgets-redactor .body .wrapper .publication-maker-wrapper .header .dropdown .dropdown-menu
{
    left: auto;
    right: 22px;
    top: 100%;
    margin-top: 55px;
    display: none;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.content-wrapper.type-widgets .widgets-redactor .body .wrapper .publication-maker-wrapper .header .dropdown.open > .dropdown-menu
{
    display: flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -webkit-flex;
}

.content-wrapper.type-widgets .widgets-redactor .body .wrapper .publication-maker-wrapper .header .btn-group .dropdown-menu li a
{
    outline: none;
    position: relative;
    padding: 4px 45px 4px 20px;
}

.content-wrapper.type-widgets .widgets-redactor .body .wrapper .publication-maker-wrapper .header .btn-group .dropdown-menu li a .fa
{
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 30px;
    text-align: center;
    line-height: 1;
    padding-top: 5px;
    font-size: 13px;
}

.content-wrapper.type-widgets .publication-maker .panel .panel-body .form-group.error .Select .Select-control
{
    border-color: #ff1744;
}

.content-wrapper .publication-maker .panel .panel-body .form-group.error .form-control
{
    border-color: #ff1744;
}

.content-wrapper .publication-maker .panel .panel-body .form-group.error .head
{
    color: #ff1744;
}

.publication-maker .form-group.error .widget-wrapper.images-widget .dropzone
{
    border-color: #ff1744 !important;
}

.publication-maker .form-group.error .widget-wrapper.images-widget .dropzone p
{
    color: #ff1744;
}

.bootstrap-tagsinput
{
    min-height: 34px;
    border-radius: 0px!important;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding: 3px 12px!important;
    float: left;
}


.bootstrap-tagsinput .tag
{
    position: relative;
    float: left;
    max-width: 100%;
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
    line-height: 13px;
    cursor: default;
    background-color: #FFF !important;
    border: 1px solid #ccc;
    background-image: none;
    border-radius: 0px;
    color: #333 !important;
    line-height: 13px;
    cursor: default;
    font-weight: normal;
    font-size: 14px;
    word-wrap: break-word;
    margin: 3px 5px 3px 0!important;
    padding: 3px 20px 3px 5px!important;
}

.bootstrap-tagsinput .tag [data-role="remove"]
{
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover,
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active
{
    background-position: -42px -10px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after
{
    display: none;
}


.wrap .row.widget.daterange-selector-widget
{
    margin-bottom: 25px;
}

.wrap .row.widget.daterange-selector-widget form .row
{
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.wrap .row.widget.daterange-selector-widget form .row h3 {
    margin-top: 0px;
}

.wrap .row.widget.daterange-selector-widget form .col-lg-4
{
    display: flex;
    align-items: center;
    align-content: center;
    padding-left: 0px;
    max-width: 270px;
    margin: 15px 0px 10px 0px;
}

.wrap .row.widget.daterange-selector-widget form .col-lg-4 .control-label
{
    padding: 0px;
    padding-right: 13px;
    margin-bottom: 0px;
}

/*SUBMODELS: BEGIN*/
    .submodel-form-wrapper h1
    {
        display: none;
    }

    .submodel-form-wrapper .column-layouts
    {
        width: 100%;
    }

    .submodel-form-wrapper .bottom-panel
    {
        position: static;
        padding: 10px;
    }

    .index-inline-wrapper .grid-view table td button.btn-table-action
    {
        -webkit-appearance: none;
        background-color: transparent;
        border: 0px none;
    }

    .index-inline-wrapper .grid-view table td button.btn-table-action .glyphicon
    {
        width: 35px;
        height: 35px;
        text-align: center;
        padding-top: 10px;
        border-radius: 50%;
        background-color: #00bfa5;
        color: #fff;
        float: left;
        margin-bottom: 10px;

        -webkit-transition:  opacity 0.2s;
        -o-transition:  opacity 0.2s;
        transition:  opacity 0.2s;

        margin-right: 5px;

        float: left;
        margin: 0px;
    }

    .index-inline-wrapper .grid-view table td button.btn-table-action .glyphicon.glyphicon-trash
    {
        background-color: #ef5350;
    }
/*SUBMODELS: END*/

/*GeoSelect: BEGIN*/
    .geo-select
    {
        width: 100%;
    }

    .geo-select .toolbar
    {
        width: 100%;
    }

    .geo-select .toolbar.address .form-control
    {
        width: 100%;
    }

    .geo-select .toolbar.coordinates .form-control
    {
        width: 50%;
    }

    .geo-select .map-wrapper
    {
        margin-top: 15px;
        width: 100%;
        height: 500px;
    }

    .geo-select .map-wrapper .map
    {
        width: 100%;
        height: 100%;
    }

    .geo-select-inline
    {
        float: left;
        width: 100%;
    }

    .geo-select-inline [name="address"]
    {
        float: left;
        width: 70%;
    }

    .geo-select-inline [name="lat"],
    .geo-select-inline [name="lng"]
    {
        float: left;
        width: 15%;
    }

/*GeoSelect: END*/

body .select2-container--krajee .select2-selection
{
    border-radius: 0px;
}

/* GoogleAnalytics */
    .widget-google-analytics .charts-wrapper
    {
        width: 100%;
        height: 70vh;
    }
/* GoogleAnalytics */