@import url('https://fonts.googleapis.com/css?family=Heebo:100,200,300,400,500,700,800,900&subset=hebrew');


body, h1, h2, h3, h4, h5, h6, div,p {
    font-family: 'Heebo', sans-serif!important;

}
.label, .table.table-light>thead>tr>th {
    font-family: 'Heebo', sans-serif!important;
}
.table-hover>tbody>tr:hover, .table-hover>tbody>tr:hover>td {
    background: #fff!important;
}
.table.table-light.table-hover>tbody>tr:hover>td, .table.table-light.table-hover>tbody>tr>td:hover, .table.table-light.table-hover>tbody>tr>th:hover {
    background: #fff!important;
}
.rememberme {
    margin-top: 13px;
}

.dropdown-menu-fix {
    opacity: 0;
    visibility: hidden;
}
#myModaledit_new #message{
    color:red;
    display: inline-block;
    padding-right: 10px;
}
.forget_modal #message,.forget_modal .email_message {
    color:red;
    display: inline-block;
    padding-right: 10px;
}

.dropdown-menu {

    font-size: 14px;
    line-height: 24px;
    color: #909caa;

    background: #fff;
    border: 1px solid #d8dfec;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(44,75,137,0.1);
    box-shadow: 0px 3px 10px 0px rgba(44,75,137,0.1);
    -webkit-transition: opacity 0.2s,visibility 0.2s,transform 0.2s;
    -o-transition: opacity 0.2s,visibility 0.2s,transform 0.2s;
    transition: opacity 0.2s,visibility 0.2s,transform 0.2s;

    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}

.modal-dialog .colorpicker-default{z-index:0;}



.swal2-popup {
    font-size: 1.6rem !important;
}

.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {

    height: auto;

}

.dropdown-menu li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    border-bottom: 1px solid #eff2f8;
}

.dropdown-menu li:first-child a {
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -ms-border-top-right-radius: 3px;
    -o-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -ms-border-top-left-radius: 3px;
    -o-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a, .page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a  {
    max-width: 100%;
    padding: 8px 10px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    color: #909caa;
}

.log-out, .log-out i {
    color:#e7505a!important;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu:after {
    border-bottom-color: #ffffff;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu {
    background: #fff;
    border: 0;
    border: 1px solid #d8dfec;
}

.nav.pull-right>li>.dropdown-menu, .nav>li>.dropdown-menu.pull-right {
    left: 10px;
    right: auto;
}

.dropdown-menu a:hover {
    background:#f2f6f9!important;
}

.dropdown-menu li:hover {
    background:#f2f6f9!important;
}

.open .dropdown-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

    max-height: 0;
    display: block;

    opacity: 0;
}
.user-login-5 .login-container>.login-content>h1 {
    font-size: 35px;
    font-weight: 900;
    color: #1f2233;
    margin-bottom:40px;
    text-align: center;
}

.user-login-5 .login-container>.login-content {
    margin-top: 25%;
}
.dropdown.open .dropdown-menu {
    max-height: 300px;
    opacity: 1;
}
#Login input[type="submit"]{
    display:inline-block;
}


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



.forget-password{
    color:#000;
}

.SocialLogin,.g-signin2{
    display:inline-block;
    float: left;
}
.empty_row{
    background:#e9ecf3;
    padding:10px;
    border-radius: 8px;
    text-align: center;
    font-size:16px;
}
.doc_row{
    display: flex;
    background:#e9ecf3;
    padding:10px;
    border-radius: 8px;
    font-size:22px;
    font-weight: 600;
    justify-content: space-between;
    margin: 10px 0;

}

.acsb-trigger.acsb-trigger-position-x-left {
    left: 200px;

}

.flex_grid{
    display:flex;
}
.mt-element-list .list-default.mt-list-container {
    border-right: 0px solid;
    border-left: 0px solid;
    border-bottom: 0.07rem dashed #ebedf2!important;

    padding: 15px;
}
.client_emails_row{font-size:18px; padding:10px 0;}
.client_email_list .client_emails_row{padding-bottom:10px;border-bottom: 1px solid #ccc;}
.client_email_list .client_emails_row:last-child{border-bottom: none;}

.btn-izi-pay[disabled]{

    background-color: #1f2233;

}

.doc_edit{color:#1f2333;}
a.google {
    border-radius: 50px;
    border: 1px solid #4285F4;
    color: #4285F4;
    background: url(../../../assets/images/google_g.svg) #fff no-repeat 1.5rem center;
    background-size: 20px;
    padding: 1.2rem 1.75rem 1.2rem 4.75rem;

    display:inline-block;

}

.log_foot{
    margin-top:100px;
    width:100%;
    text-align:center;
}

.log_foot p{
    margin: 5px 0;
    font-size:12px;
}

.log_foot p a{
    color:#000;
}

.login_logo{
    max-width: 60px;
}

.avatar {
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: middle;
    width: 46px;
    height: 46px;
    line-height: 42px;
    text-align: center;
    color: #d8dfec;
    background: #fff;
    overflow: hidden;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.avatar i {
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    font-size: 14px;
    color: inherit;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.portlet.light>.portlet-title>.caption>.caption-subject {
    font-size: 20px;
}

.avatar_cards {
    width: 20%;
    margin: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.portlet.light>.portlet-title>.actions {
    padding: 0;
}

.card_dup {
    font-size: 16px !important;
    padding: 5px 15px!important;
    background-color: #1f2333!important;
}
.list-item-content{
    width: 60%;
}
.list-item-content a{
    color:#1f2333;
}
.task-status{
    width:20%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.avatar_cards img {
    max-width: 80%;
    border-radius: 50%;

}

.controls ul{
    display: flex;

}
.controls li {
    margin:0 10px;
}
.btn-control{
    background: #f3f3f3;
    border-radius: 30px;


}
.btn-control:hover{border-color:#fff;background: #f3f3f3;}
.btn-control.remove{
    color:#e43a45;
}
.btn-control.payment{
    color:#18aa5c;
}

.controls_container{margin-top:20px;height:40px;width:100%;display:block;}
.controls{display:none;}

#cards_bill .checkbox,#billing_cards_add .checkbox{
    display: flex;
    align-items: center;
}

#cards_bill input[type=checkbox],#billing_cards_add input[type=checkbox]{
    position:relative;
    margin:0;
    width:20px;
    height:20px;
}
#cards_bill .avatar_cards,#billing_cards_add .avatar_cards{
    width:10%;
}

#cards_bill .task-status,#billing_cards_add .task-status{
    width:30%;
    justify-content: flex-end;

}

#cards_bill .list-item-content{
    display: flex;
    align-items: center;
}



.bill_status{background: #ccc; padding:5px 10px; border-radius: 50px;}
.bill_status .fa{font-size:12px;}
.bill_status.active{background: #f2fdf7; color:#18aa5c;}
.bill_status.not_active{background:#e7505a4a; color:#e43a45;}


.swal2-title{font-size:40px;font-weight:800;color:#1F2233;}
.swal2-confirm{border-radius:50px!important;background-color:#0083FF!important;line-height:14px;}
.swal2-confirm:focus {box-shadow: none!important;}
.swal2-cancel {border-radius:50px!important;background-color:transparent!important;color:#1F2233!important;line-height:14px;font-weight:400;font-size:0.9125em!important;}
.swal_subtitle{color:#0083FF;font-weight:400;}
.swal_pic {padding:20px 0;}
.swal_pic img{max-width:180px;}


.task-status a {
    font-size: 24px;
    color:#1f2333;
    margin:20px;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.username {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    margin-left:10px;
    color:#fff;

}
.avatar.no-image{
    background: #4db12e;
    font-size: 30px;
    color: white;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-group {
    position: relative;
    text-align: right;
    margin: 0 ;
    display: block;

    clear: both;
}


.nav-tabs:not(.tabs-left)>li.active>a, .nav-tabs:not(.tabs-left)>li.active>a:focus, .nav-tabs:not(.tabs-left)>li.active>a:hover {
    color: #185ee0;
    background-color: #e6eef9;
    border: none;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-tabs {
    border-bottom: none;
}
.my_izi_tabs .nav-pills>li>a, .nav-tabs>li>a {

    font-weight: 500;
    border-radius: 99px;
}

.nav-tabs:not(.tabs-left) {
    border-bottom: none;
    background-color: #fff;
    box-shadow: 0 0 1px 0 rgba(24, 94, 224, 0.15), 0 6px 12px 0 rgba(24, 94, 224, 0.15);
    padding: 0.75rem;
    border-radius: 99px;
}

.nav>li>a:focus, .nav>li>a:hover {
    color:#185ee0;
    background-color: transparent;
}

.nav-tabs>li>a:hover {
    border-color: transparent;
}

.widget{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
    box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
    border: 0;
}
.widget .w_box{

    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid #EBEDF3;
    border-radius: 0.42rem;
    padding: 20px 30px;
}

.widget h3{
    color: #181C32 !important;
    font-weight: 600 !important;
    margin-top: 0;
    margin-bottom: 40px;

}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;

}
.widget .w_cel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #181C32 ;
    margin-bottom: 0.25rem !important;
    padding: 5px 5px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 600;
    flex-grow: 1;
    flex-basis: 0;
    border-bottom: 1px dashed #ebedf2;
}

.widget .w_btn{
    display: inline-block;
    font-weight: normal;
    color: #3F4254;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.65rem 1rem;
    font-size: 1.5rem;
    line-height: 1.5;
    border-radius: 0.42rem;
    -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    color: #3699FF;
    background-color: #E1F0FF;
    border-color: transparent;
    margin-top:20px;
}

.w_users .w_cel:nth-child(2){
    color: #B5B5C3  ;
    text-align: left;
}

.w_emails .w_cel:nth-child(1){
    flex-grow: 2;
}
.w_emails .w_cel:nth-child(3){
    color: #B5B5C3  ;
    text-align: left;
}
.w_emails .w_cel:nth-child(2){
    flex-grow: 2;
}



.top_options{

    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 30px;
}


.top_options label i{
    font-size: 40px;
}
.top_options .tabs {
    display: -webkit-box;

    display: flex;

    position: relative;
    background-color: #fff;
    text-align: center;
    padding: 0.75rem;
    border-radius: 99px;
}
.top_options .tabs * {
    z-index: 2;
}


.top_options input[type="radio"] {
    display: none;
}
.top_options .tab {
    display: -webkit-box;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height:80px;
    width: 200px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 99px;
    cursor: pointer;
    -webkit-transition: color 0.15s ease-in;
    transition: color 0.15s ease-in;
}
.disabledTab{
    pointer-events: none;
    color: #d2d2d2;
}

.top_image{

    min-height:300px;
    width:100%;
    text-align:center;
    /*  background:#e9ecf3;*/
    position: relative;
    background-size: contain;
}

.top_video{
    height:233px;
    width:100%;
    text-align:center;
    background-image:url('https://cdn.shopify.com/s/files/1/2018/8867/files/play-button.png');
    position: relative;
    background-size: cover;
    background-position: center center;
}

.top_image img {max-width:100%;}
.top_image i{
    position: absolute;
    top: 50%;

    width: 100%;
    right: 0;

    width: 100%;
    text-align: center;
    font-size: 80px;
    background: #e9ecf3;
}
.top_options input[type="radio"]:checked + label {
    color: #185ee0;
}
.top_options input[type="radio"]:checked + label > .notification {
    background-color: #185ee0;
    color: #fff;
}

.top_options input[id="radio-1"]:checked ~ .glider {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.top_options input[id="radio-2"]:checked ~ .glider {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.top_options input[id="radio-3"]:checked ~ .glider {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
}

.top_options .glider {
    position: absolute;
    display: -webkit-box;
    display: flex;
    height: 80px;
    width: 200px;
    background-color: #e6eef9;
    z-index: 1;
    border-radius: 99px;
    -webkit-transition: 0.25s ease-out;
    transition: 0.25s ease-out;
}



.temp_conf{
    font-size:22px;color:#b7c9d6;
    display: inline-block;
    padding: 9px 20px;
}

.text_html{
    direction: ltr;
    text-align: left!important;
    height:300px!important;
}

.noUi-target.noUi-horizontal .noUi-handle {
    width: 24px;
    height: 24px;
    right: -17px;
    top: -6px;
    border-radius: 50%;
    outline: none;
}
.noUi-target .noUi-handle {
    border: 1px solid #f7f8fa;
    -webkit-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.7);
    box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.7);
}
.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px;
}
.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-handle::after,.noUi-handle::before{
    display:none;
}
.noUi-horizontal{
    border: 1px solid #e2e5ec;
    background: #f7f8fa;
    -webkit-box-shadow: none;
    box-shadow: none;
    height:15px;
}

#vvveb-builder .nav-pills, .nav-tabs {
    margin-bottom: 10px;

}

.d-inline-block{
    clear: unset!important;
}
.btn-download {
    border-radius:30px;
    background: #f0f3ff;
    color: #5d78ff;
}
.izi-save{
    background: #18c746!important;
}
label {
    padding: 0;
    margin: 0 0 5px;
    line-height: 20px;
}
.label{
    font-family: 'Heebo', sans-serif!important;
    font-size:16px!important;
}
.template_btn_container{
    width:100%;
    text-align: right;
}
.btn_top_design{
    background: #fff!important;
    border-radius: 50px;
    color:#185ee0;
    border: none;
    font-size: 18px;
    font-weight: 400;
    box-shadow: 0 0 1px 0 rgba(24, 94, 224, 0.15), 0 6px 12px 0 rgba(24, 94, 224, 0.15);

}
.btn_top_design:hover{
    background: #e6eef9!important;

}

.btn_top_design:focus{
    outline: none;
}
.btn_top_design i{
    font-weight: 400;
}
#cards_bill li,#billing_cards_add li {    list-style: none;}
#billing_cards_add li{
padding: 10px 20px;
}
#credit_card h2, #invoices h2, #templates h2, #billing_info h2, #cards_bill h2{margin:0;font-weight: 800;}
.card_input {position:relative;}
.cc_cards{
    position: absolute;
    top: 3px;
    left: 3px;
}
.cc_choice {
    opacity: 0;
    background: #f3f5f7;
    width: 60px;
    height:40px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px;
    padding: 0 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.cc_choice svg {
    display:block;
}
.cc_number{direction:ltr;font-size: 25px;}
.cc_number img{float:left;margin-right:10px;}
.type_no{
    opacity:0;
}
.type_active {
    opacity:1;
}
.ext_selected{border:1px solid #2a6df4!important;}
.submit_payment {background:#f2f6f9; border-radius: 30px;    display: inline-flex;    align-items: center; float:left;}
.sum_payment {font-size: 16px;padding:0 15px;}
.pay_text {font-weight: 500;}

.kt-portlet__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px 0;
    border-radius: 4px;
}

.kt-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.4em;
    border: 1px solid #ebedf2;
    border-radius: 4px;
}

.kt-option .kt-option__control {
    width: 2.7rem;
    padding-top: 0.1rem;
}

.kt-option .kt-option__control .kt-radio {
    display: block;
}
.kt-radio {
    display: inline-block;
    position: relative;
    padding-right: 30px;
    text-align: right;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 1rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.kt-radio > input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
input[type="radio"], input[type="checkbox"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
.kt-option .kt-option__label {
    width: 100%;
}
.kt-radio.kt-radio--brand.kt-radio--bold > input:checked ~ span {
    border: 2px solid #5d78ff;
}
.kt-radio.kt-radio--brand > input:checked ~ span {
    border: 1px solid #5d78ff;
}
.kt-radio.kt-radio--bold > input:checked ~ span {
    border: 2px solid #c8cfdd;
}
.kt-radio > input:checked ~ span {
    border: 1px solid #c8cfdd;
}
.kt-radio:hover > input:not([disabled]):checked ~ span, .kt-radio > input:checked ~ span {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.kt-radio > input:checked ~ span {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: none;
}
.kt-radio.kt-radio--brand > span {
    border: 1px solid #5d78ff;
}
.kt-radio.kt-radio--bold > span {
    border-width: 2px !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.kt-radio > span {
    border: 1px solid #d1d7e2;
}
.kt-radio > span {
    background: none;
    position: absolute;
    top: 1px;
    right: 0;
    height: 18px;
    width: 18px;
    border-radius: 50% !important;
}
.kt-option .kt-option__label .kt-option__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.kt-radio > input:checked ~ span:after {
    display: block;
}
.kt-radio.kt-radio--brand > span:after {
    border: solid #5d78ff;
    background: #5d78ff;
}
.kt-radio > span:after {
    border: solid #bfc7d7;
    background: #bfc7d7;
}
.kt-radio > span:after {
    content: '';
    position: absolute;
    display: none;
    top: 50%;
    right: 50%;
    margin-right: -3px;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 100% !important;
}
.kt-option .kt-option__label .kt-option__head .kt-option__title {
    font-size: 18px;
    font-weight: 400;
    color: #595d6e;
}

.kt-option .kt-option__label .kt-option__body {
    display: block;
    padding-top: 0.7rem;
    font-size: 16px;
    color: #74788d;
}

.kt-option .kt-option__label .kt-option__head .kt-option__focus {
    font-size: 16px;
    font-weight: 500;
    color: #48465b;
}

.kt-separator.kt-separator--space-lg, .kt-separator.kt-separator--lg {
    margin: 2.5rem 0;
}
.kt-separator.kt-separator--border-dashed, .kt-separator.kt-separator--dashed {
    border-bottom: 1px dashed #ebedf2;
}
.kt-separator {
    height: 0;
    margin: 20px 0;
    border-bottom: 1px solid #ebedf2;
}

.due_date ,.due_price{font-weight: 300;font-size:22px;}
.due_date span ,.due_price span{font-weight: 500;}
#update_cc_form {padding-top:30px; display:none;}
.del_user {
    color:#ccc;
    font-size:18px;
    position: absolute;
    bottom: 20px;
    left: 40px;
}

.clients a{
    background: #f2f6f9;
    color: #5b9bd1;
    padding:5px 10px;
    margin:5px;
    border-radius: 4px;
}

.clients{
    text-align: left;
}

.clients a.current{
    background: #5b9bd1;
    color: #fff;
    padding:5px 10px;
    margin:5px;
    border-radius: 4px;
}

.time_col{
    text-align:center;
    font-size:40px;
    font-weight: 200;
}
.time_col .svg_icon{
    width:100px;
    margin: auto;
}
.flex-warp {    display:flex;

    justify-content: space-between;}
.flex-box{    object-fit: contain;
    align-self: flex-start;}

.flex-container {
    background:#f2f6f9;
    display:flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 15px 15px 10px 15px;
    border-radius: 100px;

}
.flex {
    color:#5b9bd1;
    object-fit: contain;
    align-self: flex-start;
}

.aff_box{
    color:#5b9bd1;
    background:#f2f6f9;
    width: 100%;
    text-align:center;
    margin: 10px;
    border-radius: 4px;
    padding: 10px;
}
.aff_box_amount {
    background:#3a3f51;
    color:#fff;
}

.aff_box span {display:block;}
.aff_box .number{
    font-size:40px;
    display:inline-block;
}
.aff_box .curr{

    display:inline-block;
}

.plan_disabled{
    pointer-events: none;
    opacity: 0.5;
}

.special_price {
    font-size: 18px;
    color:limegreen;
}

.statsForm .flex-box {
    flex-basis: 100%;
    margin: 10px;
    text-align:left;
    font-size:40px;
    font-weight: 200;
    background: #fff;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(44,75,137,0.1);
    box-shadow: 0px 3px 10px 0px rgba(44,75,137,0.1);
    border: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 27px;

}

.statsForm .flex-box span{
    display:block;
    text-align:right;
    font-weight: 400;
    font-size:20px;
    padding:10px;
}

.statsForm .flex-box div{

    padding:0 10px;
}

.statsForm .flex-box.card_views{
    background-image: url('/app/assets/images/stats/eye.svg');
}

.statsForm .flex-box.card_call{
    background-image: url('/app/assets/images/stats/call-answer.svg');
}
.statsForm .flex-box.card_save{
    background-image: url('/app/assets/images/stats/add-contacts.svg');
}

.statsForm .flex-box.card_send_sms{
    background-image: url('/app/assets/images/stats/sms.svg');
}

.statsForm .flex-box.card_send_whatsapp{
    background-image: url('/app/assets/images/stats/whatsapp-logo.svg');
}

.statsForm .flex-box.card_send_email{
    background-image: url('/app/assets/images/stats/envelope.svg');
}

.statsForm .flex-box.card_copy{
    background-image: url('/app/assets/images/stats/sheet.svg');
}

.company_form_member_right h1{margin:0;}

.hidden {
    display: none;
}

.side_chooser{

    background: #fff;
    width:50%;
    height:100%;
    position:fixed;
    top:0;
    right: -50%;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(44,75,137,0.1);
    box-shadow: 0px 3px 10px 0px rgba(44,75,137,0.1);
    z-index: 999;
}
.loading_chooser{
    width:100%;
    height:100%;
    position:absolute;

    opacity: 0;
    transition: opacity 5s;
    -webkit-transition: opacity 5s;
}

.chooser{}
.scrollbar-chooser{}
.Main_chooser{}
.Main_chooser h1 {padding-top:80px;text-align:center;}
.Main_chooser h2 {font-size:20px;text-align:center;}
.choose_wrapper{}

.Main_chooser .template_placeholder {
    background: #e9ecf3;
    width: 100%;
    position: relative;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    background-size: cover!important;
    background-position: center center!important;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(44,75,137,0.1);
    box-shadow: 0px 3px 10px 0px rgba(44,75,137,0.1);
    border: 3px solid #fff;
    transition: border 0.3s;
    -webkit-transition: border 0.3s;
    margin:20px 0;
}
.Main_chooser .preview:hover {
    opacity:1;
    cursor: pointer;
}
.Main_chooser .template_placeholder img {
    max-width: 100%;
}
.Main_chooser .btn-upload:focus {
    border: none;
    outline: none;
}
.Main_chooser .btn-upload {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #1f2233;
    width:100%;
}
.Main_chooser .btn-upload:hover {
    color: #18c746;
}
.Main_chooser .preview {    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;font-size:20px; background: rgba(0, 0, 0, 0.4);}
.Main_chooser .preview span {position: absolute;top:40%;    width: 100%;
    left: 0;color:#fff;}
.Main_chooser .template_bar {background:#fff;z-index: 99;
    position: relative;}
.loading_active{

    opacity: 1;

}
@keyframes
showNav { from {
    right: -100%;
}

    to { right: 0; }
}

@-webkit-keyframes
showNav { from {
    right: -100%;
}

    to { right: 0; }
}

@-moz-keyframes
showNav { from {
    right: -100%;
}

    to { right: 0; }
}

@-o-keyframes
showNav { from {
    right: -100%;
}

    to { right: 0; }
}

.showNav {
    -webkit-animation: showNav .5s ease forwards;
    -moz-animation: showNav 1s ease forwards;
    -o-animation: showNav 1s ease forwards;
    animation: showNav .5s ease forwards;
}

@keyframes
hideNav { from {
    right: 0;
}

    to { right: -100%; }
}

@-webkit-keyframes
hideNav { from {
    right: 0;
}

    to { right: -100%; }
}

@-moz-keyframes
hideNav { from {
    right: 0;
}

    to { right: -100%; }
}

@-o-keyframes
hideNav { from {
    right: 0;
}

    to { right: -100%; }
}

.hideNav {
    -webkit-animation: hideNav 1s ease forwards;
    -moz-animation: hideNav 1s ease forwards;
    -o-animation: hideNav 1s ease forwards;
    animation: hideNav 1s ease forwards;
}
.close_chooser span{ transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
    z-index: 9999;

    font-size:40px;  cursor: pointer; display:inline-block; position: relative; top:120px; right:20px;}
.close_chooser:hover span {
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.tmuna {margin-bottom:40px;}
.tmuna label {width:100%;text-align:center;}
.upload_placeholder{
    background: #e9ecf3;
    width:100%;
    height:180px;
    position: relative;
    text-align:center;
    border-radius: 10px;
    overflow: hidden;
    background-size:cover!important;
    background-position:center center!important ;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(44,75,137,0.1);
    box-shadow: 0px 3px 10px 0px rgba(44,75,137,0.1);
    border: 3px solid #fff;
}

.upload_placeholder .dimage{
    width:100%;
    position: absolute;
    top:0;
    height:100%;
}
.upload_placeholder .image{
    width:100%;
    position: absolute;
    top:20%;

}

.upload_placeholder .image i{
    line-height: 60px;
    font-size:60px;
    color:#b7c9d6;

}

.upload_placeholder .dimage span{
    display:block;
    font-size:16px;
    color:#b7c9d6;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 57%;
}

.placeholder_bar {
    position:absolute;
    bottom:0;
    width:100%;
    background:#fff;
    z-index: 11;
}

.upload_placeholder .btn-upload{
    background:#fff;
    border:1px solid #fff;
    border-radius: 50px;
    color:#1f2233;
}
.upload_placeholder .btn-upload:focus{
    border:none;
    outline: none;
}
.upload_placeholder .btn-upload:hover {
    color:#2a91d8;
}
.upload_placeholder input[type="file"]{
    /*display:none;*/
    position:absolute;
    z-index: 10;
    height: 100%;
    opacity:0;
}

.btn-upload-delete{
    width:30px;
    height:30px;
    position:absolute;
    top:10px;
    left:10px;

    border-radius: 100px;
    background:#e43a45;
    color:#fff;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(44,75,137,0.1);
    box-shadow: 0px 3px 10px 0px rgba(44,75,137,0.1);
    z-index: 11;
}
.btn-upload-delete:hover{
    background:#fff;
    color:#e43a45;

}
.btn-upload-delete span {position: relative;top:7px;}
.file-upload {
    background-color: #ffffff;

    margin: 0 auto;
    padding: 20px;
}

.file-upload-btn {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #1FB264;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 2px solid ##94a1a8;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

.file-upload-btn:hover {
    background: #1AA059;
    color: #ffffff;
    transition: all .2s ease;
    cursor: pointer;
}

.file-upload-btn:active {
    border: 0;
    transition: all .2s ease;
}

.file-upload-content {
    display: none;
    text-align: center;
}

.file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.image-upload-wrap {
    margin-top: 20px;
    border: 3px dashed #b7c9d6;
    position: relative;
}

.image-dropping,
.image-upload-wrap:hover {
    background-color: #e9ecf3;
    border: 3px dashed #b7c9d6;
}

.image-title-wrap {
    padding: 0 15px 15px 15px;
    color: #222;
}

.drag-text {
    text-align: center;
}

.drag-text h3 {
    font-weight: 100;
    text-transform: uppercase;
    color: #15824B;
    padding: 60px 0;
}

.file-upload-image {
    max-height: 400px;
    max-width: 300px;
    margin: auto;
    padding: 20px;
}

.remove-image {
    width: 200px;
    color: #fff;
    background-color: #ec6b75;
    border-color: #ec6b75;
}

.remove-image:hover {
    background: #c13b2a;
    color: #ffffff;
    transition: all .2s ease;
    cursor: pointer;
}

.remove-image:active {
    border: 0;
    transition: all .2s ease;
}



.top_dash .svg_icon{width:20px; float: left; margin-right:5px;}
.top_dash .svg_icon svg {
    fill: #1f8ceb;
}
.red_alert {
    background:#e7505a;
    padding:5px 0;
    border-radius: 4px;
}
.red_alert label {color:#fff;}

.p_active_success{
    background:limegreen;
}
.p_active_not{
    background:#e7505a;
}
.btn-izi {
    position: relative;
    z-index: 0;
    outline: 0;
    border: 0;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    height: 45px;
    padding: 0 30px;
    line-height: 45px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    background: #909caa;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: color 0.2s,background 0.2s,transform 0.2s,box-shadow 0.2s,width 0.3s;
    -o-transition: color 0.2s,background 0.2s,transform 0.2s,box-shadow 0.2s,width 0.3s;
    transition: color 0.2s,background 0.2s,transform 0.2s,box-shadow 0.2s,width 0.3s;
}

.red-sunglo{

    color: #fff!important;
    border-color: #E26A6A!important;
}

.btn-primary {
    background:#0083FF;
}

.btn-close{
    background: #fff;
    color:#737c87;
}

.btn-close:hover{
    background: #f1f1f1;
    color:#737c87;
}

.modal-footer .btn-close,.modal-footer .btn-primary {
    font-size:16px;
    font-weight: bold;
}
.modal-title {font-size:16px;color:#737c87;font-weight: bold;}

.modal-footer{
    position: relative;
    border-top: 0;
box-shadow: 0 3px 16px 0 rgba(12,13,14,.1);
}

.box {
background: #fff;
border: 1px solid #d8dfec;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 3px 10px 0px rgba(44,75,137,0.1);
box-shadow: 0px 3px 10px 0px rgba(44,75,137,0.1);
border: 0;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}

hr {
border: 0;
outline: 0;
width: 100%;
height: 0px;
margin: 30px 0;
border-top: 1px solid #d8dfec;
}

.modal-body hr {margin: 5px 0;}

.hr1 {
margin-top: 0;
}

.padded {
padding: 30px !important;
}

.bclear {
clear:both;
}

.page-sidebar .main-menu ul li.active:after {

}



.form-control {
display: inline-block;
outline: 0;
border: 1px solid #d8dfec;
margin: 0;
height: 38px;
padding: 5px 10px;
line-height: 22px;
color: #909caa;
font-size: 14px;
text-align: right;
font-weight: normal;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: color 0.2s,background 0.2s,border 0.2s,box-shadow 0.3s;
-o-transition: color 0.2s,background 0.2s,border 0.2s,box-shadow 0.3s;
transition: color 0.2s,background 0.2s,border 0.2s,box-shadow 0.3s;
margin-bottom: 15px;
}

.minicolors-theme-bootstrap .minicolors-swatch {
z-index: 2;
top: 7px;
left: 12px;
width: 25px;
height: 25px;
border-radius: 50%;
border:1px solid #d8dfec;
}

.input-group.color .input-group-btn i {
position: absolute;
display: block;
cursor: pointer;
width: 25px;
height: 25px;
left: 6px;
border-radius: 50%;
border: 1px solid #d8dfec;
top: 10px;
}

input:focus, .custom-select .select-field:focus, textarea:focus, select:focus {
color: #5c6978;
-webkit-box-shadow: 0px 2px 8px 0px rgba(44,75,137,0.15)!important;
box-shadow: 0px 2px 8px 0px rgba(44,75,137,0.15)!important;
}


button.btn-ghost.btn-primary, .btn.btn-ghost.btn-primary {
color: #3598dc;
border-color: #3598dc;
}

button.btn-ghost, .btn.btn-ghost {
color: #3598dc;
background: none;
border: 2px solid #3598dc;
line-height: 41px;
}

.slim-btn {
width: 25px!important;
height: 25px!important;
}

.slim-btn-group {
padding: 0.5em 0!important;
}

.login .content .form-control {
background-color: #fdfdfd;
color: #000;
}

a:focus, a:hover {
text-decoration:none;
}

.company_form_member_right #message {
color: #e43a45;
}

.mce-content-body p {
margin: 0;
}

.page-header.navbar .top-menu .navbar-nav {

margin-left: 0;

}




.navbar-nav .logout {
background:#e7505a;
color:#fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.navbar-nav .logout:hover {
background:#ff0010!important;

}

.navbar-nav .logout i{
color:#fff!important;
font-size: 30px!important;
font-weight: 300!important;
}



.client_name a:hover, .client_name a:focus{
text-decoration:none;
}

.page-header-inner {display:flex;justify-content: flex-start;
    flex-direction: row;}
.client_name{max-width: calc(100% - 360px);margin-left: auto;  padding:0;  display: inline-flex;
    align-items: center;color:#fff;}

.toption{display:flex; flex-direction: column; justify-content: space-between;   margin: 0 10px;}
.ticon svg {fill:#fff; width:18px;}
.total_visits {padding-right: 10px;font-size: 16px;}

.page-header.navbar .page-top {
    display: flex;
}
.tc_container{display:flex;flex-direction: row;}
.topbar_options{display: flex;color:#fff; align-self: center;}
.topbar_options .ttext{color:#0083FF;}
.topbar_options .tpreview{
    text-align: center;
}

.tpreview .tc_container{align-self: center;}

.mobile_view_card{
display: inline-block!important;
text-align: center;

color: #3598dc;
padding: 5px 10px;


border-radius: 3px;
}

.mobile_view_card:hover{

background: #258fd7!important;
color:#fff!important;
}



.mobile_view_card i {
font-size:20px;
}


#My_url {

direction:ltr;
display:flex;
background: #f2f6f9;
border-radius: 50px;
padding: 0 15px;
margin: 25px 0;
position: relative;
}

#My_url .left{
font-size:30px;
display: flex;

align-items: center;
}

#My_url .right{
display: flex;

align-items: center;

}

#My_url .right input[type="text"]{
border: none;
background-color: transparent;
font-size:30px;
padding:0 10px;
height: 40px;
color:#3598dc;
background:#f2f6f9;
border:none;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
margin-bottom:0;
margin-left: 0;
}

#My_url .right input:focus[type="text"]{
-webkit-box-shadow: none!important;
box-shadow: none!important;
}

#My_url .message{

direction:rtl;
position: absolute;
right: 15px;
bottom: 0;
}
.url_activate{
color: #e26a6a;
font-size: 16px;
}
#loading img{
max-width: 25px;
}

.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
background-color: transparent!important;
}

.mt-element-list .list-todo.mt-list-head .list-count {
position: absolute;
top: 0;
left: 0;

font-size: 22px;
height:100%;
}

.dashboard-stat .visual {

float: left;

}
.CodeMirror {
direction: ltr;
text-align:left;
}


.inside #header{
background-size: cover!important;
}
.temp_header{
background-size: cover!important;
position: relative;
background-position: top center!important;
}
.input_slider [class^='col-md'] {
padding:0;
}

.input_slider .control-label{
margin:0;
}

.input_slider .noUi-success{

margin: 3px 0 9px 20px;
}

.input_slider input[type="text"] {
margin-top:10px;
line-height: 16px;
}

.noui_input {
height: auto;
margin-bottom: 0;
}
.profile_image_container {
width: 150px;
height: 150px;
overflow: hidden;
display: inline-block;
background-size:cover!important;
background-position: center center!important;
    position: relative;
    z-index: 2;

}

.dashboard-stat .details {

left: auto;
padding-left: 0;
right: 15px;
padding-right: 15px;
}

.dashboard-stat .details .desc {
text-align: right;
}

.m-icon-swapright {
background-position: -8px -10px!important;
}

.send_sms h3 {
font-size: 20px;
}

.page-sidebar-menu {
background-color: #fff;
}

#SaveDesign {

}

.dashboard-stat .details .number {

text-align: right!important;

}

a,button,code,img,input,label,li,p,pre,select,span,svg,table,td,textarea,th,ul{  -webkit-border-radius: 0 ;  -moz-border-radius: 0 ;  border-radius: 0 ;}.

                                                                                                                                                     .temp_hide,.temp_hide_footer,.temp_hide_header {
                                                                                                                                                         display:none;
                                                                                                                                                     }




.page-header.navbar .page-logo .logo-default {
margin: 12px 10px 0!important;
width: 100px!important;
}

.btn.red:not(.btn-outline) {
color: #fff;
background-color: #ec6b75;
border-color: #ec6b75;
}
.tooltip{
z-index:100000000;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}

.phone_frame {
margin:0 auto;
width: 425px;
height: 790px;
background-size:contain;
padding-top: 20px;
position:relative;
background: #3b3f51;
border-radius: 14px;
box-shadow: 4px 4px 0px 3px rgba(45, 49, 66, 0.28);
}

.phone_frame_stats {

width: 425px;
height: 790px;
background-size:contain;
padding-top: 20px;
position:relative;
background: #3b3f51;
border-radius: 14px;
box-shadow: 4px 4px 0px 3px rgba(45, 49, 66, 0.28);
}


.absolute-center {
width: 100%;
text-align: center;
position: absolute;
top: 35px;
}
.element1{
background: #2d3142;
width: 100px;
height: 20px;
display: inline-block;
border-radius: 20px;
}

.album_title_home {
padding:0;
}

#Harry_footer {
width: 100%;
height:70px;
position:absolute;
bottom:0;
z-index:99;
}

.footer_bar {
width: 405px;
height:70px;
margin: 0 auto;

}
.inside{
position:relative;
width: 405px;
height: 760px;
margin: 0 auto;
overflow: hidden;
}
.inside .editable{
width: 405px;
min-height: 123px;
border:2px dashed #b7c9d6;

}

.del_button {
color:#fff;
position: absolute;
top: -6px;
right: 16px;
background: #E43A45;
border-radius: 50%!important;
width: 19px;
height: 19px;
font-size: 10px;
line-height: 19px;
}

.edit_button {
color: #000;
position: absolute;
top: -8px;
right: -3px;
background: #fff;
border-radius: 50%!important;
width: 19px;
height: 19px;
font-size: 10px;
line-height: 19px;
box-shadow: 2px 2px 1px 0px rgba(156, 156, 156, 0.38);
}

.edit_button .dropdown-toggle {
color:#fff;
}

.col-xs-3:nth-child(1):hover .addBtn{
border: 2px dashed #5b9bd1;
}
.addBtn:hover i{
color:#5b9bd1;
}
.sharing{

background-color:#fff;
width:100%;
height:60px;
text-align:center;
z-index: 2;
}
.sharing svg{
fill: #678098;
color:#678098;
font-size: 26px;

}
.sharing .col-xs-5{
padding: 0;
}


.sharing .col-xs-4{
padding: 0;
}

.sharing .col-xs-3{
padding: 0;
}

.sharing .col-xs-2{
padding: 0;
}

.sharing span {
font-size:12px;
padding-top:3px;
}

#Socialsqure{
padding-left: 15px;
}

.iconpicker-popover {
z-index: 99999!important;
}
.footer_blur_checkbox{margin-right:20px;}
.button_back {
display: inline-block;
vertical-align: top;
padding: 10px 0;

}
.my_izi_tabs .nav-pills>li>a, .nav-tabs>li>a {
font-size: 18px;
color: #333;
border: none;
}
.nb_btn_contianer{
display: flex;
position:fixed;
bottom:50px;
left:20px;
}
.new_add{

color:#18c746!important;
border:none!important;
font-size:22px;

font-weight:300!important;
height: auto;
padding: 0 20px;
}
.new_add i{

color:#fff!important;

}
.new_add .liner-plus{
font-size:18px;
position: relative;
z-index:999;
}
.send_sms {
margin-top:20px;
}

#order {
margin: 0;
padding: 0;
text-align: center;
display: inline-block;
vertical-align: top;
width: 100%;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle{
padding:14px;
display: flex;
align-items: center;
justify-content: center;
}


.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .logout {
padding: 20px!important;
}

.frame {
width: 60px;
height: 60px;
border: 1px solid #000;
margin: auto;
border-radius: 4px;
position: relative;
}

.input-group-addon:not(:first-child) {
border-left: 1px solid #e1e5ec;
border-right: 0;
}

.fileinput-new.input-group .btn-file, .fileinput-new .input-group .btn-file {
border-radius: 0 ;
}

.notification {
font: 14px Helvetica,sans-serif;
position: relative;
border-radius: 0;
margin-bottom: 2px;
max-height: 800px;
color: #fff;
}

.notification-show {
animation: notification-show 180ms cubic-bezier(.175,.885,.32,1.27499);
-webkit-animation: notification-show 180ms cubic-bezier(.175,.885,.32,1.27499);
}

.notification-success {
background-color: #64ce83;
}

.notification-success .notification-icon {
background-color: #3da95c;
}

.notification-message {
word-break: break-word;
padding: 10px 40px 10px 40px;
}

.notification-error .notification-icon {
background-color: #ba2c1d;
}

.notification-icon {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 30px;
color: rgba(255,255,255,.74);
text-align: center;
}

.notification-icon span {
position: relative;
top: 5px;
}

.notification-error {
background-color: #e74c3c;
}

[data-icon]:before {

content: '';

}

.myButtons{
font-weight: bold;
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #bfbfbf;
}
.form-control[readonly]{
background-color: #ffffff;
}
.submit_title{
text-align: left;
}
.btn.default:not(.btn-outline) {
background-color: #ffffff;
height: 45px;
width: 38px;
border-right: none;
}

.designForm .form-group {
/* padding-bottom: 30px;*/
}
.minicolors-theme-bootstrap .minicolors-input{
    direction:ltr;
}
.bootstrap-switch{

    border-radius: 0px;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off{
    border-radius: 0px;
}
.enjoyhint_close_btn{
    left: 15px!important;
    top: 25px!important;
}
element.style {
    top: 0px;
    left: 856.734px;
}
.enjoyhint{
    z-index:999999;
}
.enjoy_hint_label{
    font-size: 30px;

}
.enjoyhint_skip_btn, .enjoyhint_next_btn{
    font-size: 25px;
    line-height: 30px;
}
.enjoyhint_btn, .enjoyhint_next_btn, .enjoyhint_skip_btn{
    height:35px;
}
.mySkip:hover, .mySkip:active {
    border: 2px solid #e43a45;
    background: rgba(253, 253, 253, 0);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #e43a45;
}
.mySkip{
    color: rgba(255,255,255,1);
    background: #e43a45;
    border: 2px solid #e43a45;
    border-radius: 5px;
}
.myNext:hover, .myNext:active{
    border: 2px solid #3598dc;
    -webkit-border-radius: 5px;
    background: rgba(253, 253, 253, 0);
    border-radius: 5px;
    color:#3598dc;
}
.myNext {
    color: rgba(255,255,255,1);
    background: #3598dc;
    border: 2px solid #3598dc;
    border-radius: 5px;
}
.enjoyhint_close_btn {
    border: 2px solid #e43a45;
    background: #e43a45;
}
.enjoyhint_close_btn:hover, .enjoyhint_close_btn:active {
    color: rgba(255,255,255,1);
    background: #e43a45;
}
#overlay{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height:100vh;
    z-index: 5000;
    text-align: center;
}
#bigBox{
    position: absolute;
    bottom: 75px;
    text-align: center;
    width: 100%;
}
#bigBox2{
    position: absolute;
    top: 15px;
    text-align: center;
    width: 100%;
}
#box{
    width:350px;
    height:170px;
    position:relative;
    text-align: center;
    margin: auto;
}
.closeX{
    background-image: url('/app/assets/theme/img/close.png');
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 21px;
}
#ArrowDown, #ArrowUp{
    width: 30px;
    margin-top: 20px;
}
#ArrowUp{
    margin-top:0;
    width: 120px;
    margin-right:140px;
}
#box p, #box2 p{
    color:#fff;
    font-size: 28px;
}
#AddtoHome{
    padding-top:5px;
    padding-bottom: 5px;
}
#box img{
    width:50px;
}
.cost_floor{
    background-image: url('/app/assets/images/moneyBG.png');
    background-position: top center;
    background-size: cover;
}
.cost_floor h1{
    background-image: url('/app/assets/theme/img/ribbon2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-weight:bold;
    font-size:48px;
    margin-top: 20px;
    padding:10px;
    color:#fff;
}
.cost_floor h3{
    background-image: url(/assets/theme/img/SmallRibbon.png);
    font-size: 26px;
    padding: 11px 22px;
    color: #ed6b76;
    display: inline-block;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-bottom: 10px;
}
.cost_floor  img{
    width:220px;
    width:260px;
    display: block;
    margin: 0 auto;
}
a.signBtn{
    display: block;
    height: 50px;
    width: 200px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    padding: 15px 25px;
    font-size: 24px;
    color: #fff;
    line-height: 23px;
    position: relative;
    background-color: #3b3f51;
    box-shadow: 0px 5px 0px 0px #24262d;
    margin: 5px auto 25px;
}
.signBtn:hover{
    background-color: #54596d;
}
.signBtn:active{
    transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
    box-shadow: none;
}
.footer{
    background-color: #3b3f51;

}
#Mapa{
    list-style:none;
    padding-right:0;
}
#Mapa li{
    margin:6px 0;
}
#Mapa li a{
    text-decoration: none;
    color: #fff;
    font-size: 18px;
}

.album_title_home{
    font-size:14px;
}

.view_template{
    color:#185ee0;
    font-size: 20px;
    display: inline-block;
    padding: 0 20px;
}
.templates_list ul{list-style: none;}
.templates_list .template_placeholder {
    background: #e9ecf3;
    width: 100%;
    position: relative;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    background-size: cover!important;
    background-position: center center!important;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(44,75,137,0.1);
    box-shadow: 0px 3px 10px 0px rgba(44,75,137,0.1);
    border: 3px solid #fff;
    transition: border 0.3s;
    -webkit-transition: border 0.3s;
    margin:20px 0;
}
.templates_list .preview:hover {
    opacity:1;
    cursor: pointer;
}
.templates_list .template_placeholder img {
    max-width: 100%;
}
.templates_list .btn-upload:focus {
    border: none;
    outline: none;
}
.templates_list .btn-upload {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #1f2233;
    width:100%;
}
.templates_list .btn-upload:hover {
    color: #18c746;
}
.templates_list .preview {    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;font-size:20px; background: rgba(0, 0, 0, 0.4);}
.templates_list .preview span {position: absolute;top:40%;    width: 100%;
    left: 0;color:#fff;}
.templates_list .template_bar {background:#fff;z-index: 99;
    position: relative;}

.fileinput .input-fixed{display:none;}
.fileinput { margin-bottom: 15px;}
.fileinput .input-large {
    width: 50%!important;
    border-radius:4px;
}

.mce-statusbar{display:none;}
.panel-group {
    margin-bottom: 20px;
    margin-top: 20px;
}

.pricing {text-align:center;}
.pricing .ptitle {text-align:center;color:#3b3f50;}
.pricing option{text-align:center;}
.payment {margin:0 auto;}
.pricing .main-image img {width:80%;}

.pricing  .dcb{width:70%;float:right;text-align:right;font-size:18px;padding-top:10px;}
.pricing  .ddsc{text-align:right;font-size:18px;padding-top:20px;width:60%;float:right;}
.pricing  .dimg{width:30%;float:right;}
.add_price{font-size:14px;color:red;position:relative;}


.pricing .form-control {
    color: #3b3f50;
    border: 1px solid #3b3f50;
}

.control {
    font-size: 18px;
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-right: 30px;
    cursor: pointer;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    position: absolute;
    top: 2px;
    right: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #0092d7;
    border-radius: 3px;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {

}

/* Checked state */
.control input:checked ~ .control__indicator {
    background: #0092d7;
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #0092d7;
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6;
}

/* Check mark */
.control__indicator:after {
    position: absolute;
    display: none;
    content: '';
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
    display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
    top: 4px;
    left: 8px;
    width: 4px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

/* Radio button inner circle */
.control--radio .control__indicator:after {
    top: 7px;
    left: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
}

/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

.activate{
    /*background: #23b176;*/
}

.activate i,.activate span {
    color: #23b176!important;
}

.activate:hover>a {
    /*background: #23b176!important;*/
}

.activate.active>a{
    /*background: #23b176!important;*/
}

.activate.active>a {
    border-right: 3px solid #23b176!important;

}

.plan_active{
    background: #4CAF50;
    display: block;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
    margin: 10px 0;
}

#vvveb-builder .nav-pills, .nav-tabs {
    margin-bottom: 30px;
}

.gomail{
    opacity: 0;
    font-size:18px;
    background: #e3f7f1;
    display: block;
    padding: 10px 10px;
    color: #4ccca8;
    border:none;
    border-radius: 4px;
    margin: 10px 0;
    display: flex;
}
.gomail i{ line-height: 24px;}
.gomail .list_name{ padding-right:10px;}


.no_list{
    background: #e7505a;
    color: #fff;
}

.plan_notactive{
    background: #e43b44;
    display: block;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
    margin: 10px 0;
}
.upload_container{
    height: 100%;
    background: rgba(0, 0, 0, 0.52);
    display:none;
}
.progress-button {
    position: absolute;
    display: inline-block;
    text-align: center;
    width: 100%;
    right: 0;
    top:20%;
}
.progress-button i {
    padding-left: 5px;
}
/* Button style */
.progress-button button {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 80%;
    height: 70px;
    border: 2px solid #fff;
    border-radius: 40px;
    background: transparent;
    color: #fff;
    font-size: 16px;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
    transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
}

.progress-button button:hover {
    background-color: #fff;
    color: #000000;
}

.progress-button button:focus {
    outline: none;
}

/* Text (transition for when returning to initial state) */
.progress-button button span {
    -webkit-transition: opacity 0.3s 0.1s;
    transition: opacity 0.3s 0.1s;

    padding: 0 15px;

}

/* Common style of SVGs */
.progress-button svg {
    position: absolute;
    top: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    pointer-events: none;
}

.progress-button svg path {
    opacity: 0;
    fill: none;
}

.progress-button svg.progress-circle path {
    stroke: #18c746;
    stroke-width: 5;
}

.progress-button svg.checkmark path,
.progress-button svg.cross path {
    stroke: #fff;
    stroke-linecap: round;
    stroke-width: 4;
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
}

/* Loading, success and error effects */
.loading.progress-button button {

    width: 70px; /* make a circle */
    border-width: 5px;
    border-color: #ddd;
    background-color: transparent;
    color: #fff;
}

.loading.progress-button span {
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;

}

.loading.progress-button span,
.success.progress-button span,
.error.progress-button span {
    opacity: 0; /* keep it hidden in all states */
}

.success.progress-button button,
.error.progress-button button {
    -webkit-transition: background-color 0.3s, width 0.3s, border-width 0.3s;
    transition: background-color 0.3s, width 0.3s, border-width 0.3s;
}

.success.progress-button button {
    border-color: #1ECD97;
    background-color: #1ECD97;
}

.error.progress-button button {
    border-color: #FB797E;
    background-color: #FB797E;
}

.loading.progress-button svg.progress-circle path,
.success.progress-button svg.checkmark path,
.error.progress-button svg.cross path {
    opacity: 1;
    -webkit-transition: stroke-dashoffset 0.3s;
    transition: stroke-dashoffset 0.3s;
}

/* Optional elastic effect for the width of the button */
.elastic.progress-button button {
    -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1), border-width 0.3s, border-color 0.3s;
    -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1.6), border-width 0.3s, border-color 0.3s;
    transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1.6), border-width 0.3s, border-color 0.3s;
}

.loading.elastic.progress-button button {
    -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, 0, 0.75, 0.75), border-width 0.3s, border-color 0.3s;
    -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, -0.6, 0.75, 0.75), border-width 0.3s, border-color 0.3s;
    transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, -0.6, 0.75, 0.75), border-width 0.3s, border-color 0.3s;
}

.progress-button .checkmark{right: 50%!important;}
.progress-button .cross{right: 50%!important;}

.upload_placeholder.drop {border: 2px dashed;}
.dimage .image_load {
    color: #B4B8C1;
    stroke: none;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}
.dimage .circle {
    display: block;
    stroke: #EDEEF1;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4;
    width: 164px;
    height: 164px;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.dimage .circle .active {
    stroke: #67C38A;
    stroke-dasharray: 502.65;
    stroke-dashoffset: 502.65;
    -webkit-transition: all 4s ease;
    transition: all 4s ease;
}
.dimage:before {
    content: '';
    border-radius: 12px;
    background: rgba(180, 184, 193, 0.3);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}
.dimage .image_load, .dimage:before {
    display: block;
    width: 52px;
    height: 52px;
    margin: -26px 0 0 -26px;
    left: 50%;
    top: 30%;
    position: absolute;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.5s cubic-bezier(0.51, 0.92, 0.24, 1.15);
    transition: all 0.5s cubic-bezier(0.51, 0.92, 0.24, 1.15);
}
.upload_placeholder input[type="file"]:not(.do):hover + .dimage .image_load {
    -webkit-transform: rotate(10deg)!important;
    transform: rotate(10deg)!important;
    color: #67C38A!important;
}
.upload_placeholder input[type="file"]:not(.do):hover + .dimage:before  {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    background: rgba(103, 195, 138, 0.3);
}
.dimage.do .image_load {
    color: #67C38A;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-animation: bounce 1s infinite ease;
    animation: bounce 1s infinite ease;
}
.dimage.do:before {
    background: rgba(103, 195, 138, 0.3);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-animation: bounceAlt 1s infinite ease;
    animation: bounceAlt 1s infinite ease;
}
.dimage.do .circle {
    opacity: 1;
}
.dimage.do .circle .active {
    stroke-dashoffset: 0;
}
.dimage.animateEnd .image, .upload.animateEnd:before {
    -webkit-animation: none;
    animation: none;
}
.dimage.animateEnd .dimage {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}
.dimage.animateEnd:before {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.dimage.animateEnd .circle {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.dimage.animateEnd .circle .active {
    stroke-dasharray: 502.65;
    stroke-dashoffset: 502.65;
}

@-webkit-keyframes bounce {
    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
}

@keyframes bounce {
    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
}
@-webkit-keyframes bounceAlt {
    50% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
}
@keyframes bounceAlt {
    50% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
}


@media screen and (min-width: 1200px){
    #Phone_container{
        height:578px;
    }
}

@media screen and (max-width: 768px){

    .page-header.navbar {
        background: #1f2233;
        border-bottom: 1px solid #41465a;
    }

    .buttons_temp{
        width:100%!important;
    }
    .buttons_main{
        flex-wrap: unset!important;
        flex-direction: column!important;
    }
    .button_chooser {
        width: 100%!important;
    }
    .btn_scroll{
        height:auto!important;
        width:100%!important;
    }
    .side_chooser {
        width: 100%;
    }
    .my_button {
        width: 60px!important;
        height: 60px!important;
        margin: 10px!important;
    }
    .my_button .button_icon {
        height: 3em!important;
        padding: 5px!important;
    }
    .my_button .button_title,.nb_txt {
        display: none!important;
    }
    .new_button{
        right: -34px!important;
        top: 2px!important;
        font-size: 2vw!important;
    }

    .button_panel {

        min-height: 600px!important;
    }


    .b_modal {
        overflow: scroll!important;
    }

    .my_izi_tabs .nav-pills>li>a, .nav-tabs>li>a {
        font-size: 3vw;

    }
    .top_options .tabs{
        width: 100%;
    }
    .top_options .tab {
        width: 33%;
    }
    .top_options label i {
        font-size: 25px;
    }
    .top_options label span {
        font-size: 2.5vw;
    }
    .top_options .glider {

        width: 33%;

    }

    .cost_floor h1{
        font-size:30px;
    }
    .cost_floor h3{
        font-size: 20px;
    }
    .cost_floor  img{
        width:200px;
    }
    .footer .col-xs-12{
        text-align:center;
    }

    .input-group-addon{
        display: block;
        width: 100%;
    }
    .uneditable-input{
        width: 100%!important;
    }

    .input-large,.fileinput {
        width: 100%!important;
    }

    .phone_frame {

        width: 100%;
    }

    .inside{
        width: 90%;
    }

    .inside .editable {
        width: 100%;

    }

    .footer_bar {
        width: 90%;

    }

}



@keyframes confetti-slow {
    0% {
        transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    }
    100% {
        transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg);
    }
}
@keyframes confetti-medium {
    0% {
        transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    }
    100% {
        transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg);
    }
}
@keyframes confetti-fast {
    0% {
        transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    }
    100% {
        transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg);
    }
}
.ccontainer {
    width: 100vw;
    height: 100%;
    background: transparent;
    position:absolute;
    z-index: 1;
}

.confetti-container {
    perspective: 700px;
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.confetti {
    position: absolute;
    z-index: 1;
    top: -10px;
    border-radius: 0%;
}
.confetti--animation-slow {
    animation: confetti-slow 2.25s linear 1 forwards;
}
.confetti--animation-medium {
    animation: confetti-medium 1.75s linear 1 forwards;
}
.confetti--animation-fast {
    animation: confetti-fast 1.25s linear 1 forwards;
}

.buttons_temp{background:#fff;position:absolute;z-index:9999;top:10%;left:20%;width: 1200px; height:620px; min-height:580px;    box-shadow: 1px 1px 18px #080808;}
.buttons_main{display:flex; flex-wrap:  wrap;align-items: stretch;flex-flow: row wrap;height: 100%;}
.button_chooser{width:50%;display:flex; flex-wrap: wrap;align-items: flex-start;align-content: flex-start;     justify-content: center;}
.button_panel{background: #F2F2F2;flex: 1;position:relative;}
.bp_container{padding:20px;}
.my_button {
    display:flex;
    position: relative;
    background:#fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
    border: 3px solid #ffffff;
    width: 140px;
    height: 140px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    transition: all 0.2s linear;
    cursor: pointer;
    margin: 15px;
    overflow: hidden;

}
.my_button.selected{
    color:#185EE0;
    border: 3px solid #185EE0;
    box-shadow: 0px 1px 18px #185EE06E;
}
.my_button.selected .button_title{
    color:#185EE0;
}
.my_button.selected .button_icon svg{
    fill:#185EE0;
}
.my_button:hover {
    border: 3px solid #185EE0;
    box-shadow: 0px 1px 18px #185EE06E;
}
.my_button .button_icon{
    height: 5em;
    padding: 10px;
}
.my_button .button_icon svg{
    max-height: 100%;
}
.my_button .button_title{
    font-size:19px;
    color:#000;
}
.button_chooser h2 {
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #191919;
    padding:10px 0;
}

.button_entry_active{display:none;}
.buttons_main .my_izi_tabs .nav-pills>li>a,.buttons_main .nav-tabs>li>a {
    font-size: 14px;
    color: #333;
    padding:3px 10px;
}
.buttons_main .nav-tabs:not(.tabs-left){
    background-color:unset;
    box-shadow:none;
}
.buttons_main .nav-tabs:not(.tabs-left)>li.active>a,.buttons_main .nav-tabs:not(.tabs-left)>li.active>a:focus,.buttons_main .nav-tabs:not(.tabs-left)>li.active>a:hover {
    color: #185ee0;
    background-color: #fff;

}
.buttons_main .nav-tabs {
    margin-bottom: 0;
}

.buttons_main .btn_submit{
    background:#18C746;
    border: none;
    font-size:22px;
    line-height: 22px;
    padding: 15px 0;
    height:auto;
    width:100%;
    position:absolute;
    bottom:0;
}

.buttons_main .btn_submit:focus{
    outline: none;
}
.buttons_main .button_panel input:focus{
    outline: none;
}
.buttons_main .button_panel label{
    display: block;
    font-weight: bold;
}
.buttons_main .button_panel input[type="text"]{
    border:2px solid #fff;
    font-size: 20px;
    width: 100%;
    height: auto;
    padding:5px;
    transition: all 0.2s linear;
}
.buttons_main .button_panel input[type="text"]:focus{
    border:2px solid #377dff;


}

.buttons_main .button_panel input[type="tel"]{
    border:2px solid #fff;
    font-size: 20px;
    width: 100%;
    height: auto;
    padding:5px;
    transition: all 0.2s linear;
}
.buttons_main .button_panel input[type="tel"]:focus{
    border:2px solid #377dff;


}


.buttons_main .button_panel .input_field{
    padding-top:20px;
}

.my_izi_subtabs a{
    display: flex!important;
    flex-direction: column;
    justify-content: center;
    text-align:center;
    margin:0 10px;
    background:#fff;
    width:100px;
    height:100px;
    padding:0!important;
    transition: all 0.2s linear;
}

.my_izi_subtabs svg{
    height:30px
}
.my_izi_subtabs span{
    font-size:16px
}

.my_izi_subtabs a:hover{
    background-color: #fff!important;
    box-shadow: 0px 1px 18px #185EE06E;
}
.my_izi_subtabs li.active>a svg{
    fill:#185ee0;
}

.b_modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}


.b_modal {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    border-radius: 11px;
    overflow: hidden;
}

.b_modal .new_b_trigger {
    display: flex;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    background: #fff;
    flex-direction: column;
    justify-content: center;
    font-size:28px;


}
@keyframes modal-in {
    0% {
        opacity: 0;
        transform: translate3d(-50%, -20%, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(-50%, -50%, 0);
    }
}
@keyframes modal-out {
    0% {
        opacity: 1;
        transform: translate3d(-50%, -50%, 0);
    }
    100% {
        opacity: 0;
        transform: translate3d(-50%, -70%, 0);
    }
}
@keyframes elem-in {
    0% {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes elem-out {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    66% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 10px, 0);
    }
}

.b_modal-overlay {
    visibility: hidden;
    opacity: 0;
    transition-property: opacity, visibility;
    transition-duration: .2s, 0s;
    transition-delay: 0.45s, 0.65s;
}
.b_modal-overlay.is-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity .2s;
}
.b_modal-overlay .animatable {
    position: relative;
    opacity: 0;
    transform: translate(0, 50px);
}

.b_modal {
    visibility: hidden;
    opacity: 0;
    filter: blur(0px);
}

.b_modal-overlay.is-visible .b_modal,
.b_modal-overlay.is-closing .b_modal {
    visibility: visible;
}

.b_modal-overlay.is-visible .b_modal {
    /*animation: modal-in 0.65s cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
    animation: modal-in 0.65s cubic-bezier(0.175, 0.885, 0.25, 1.29);
    animation-delay: .1s;
    animation-fill-mode: forwards;
}

.b_modal-overlay.is-closing .b_modal {
    animation: modal-out 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    animation-fill-mode: forwards;
}

.b_modal-overlay.is-visible .animatable {
    animation: elem-in 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-fill-mode: forwards;
}

.b_modal-overlay.is-closing .animatable {
    animation: elem-out 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-fill-mode: forwards;
}

.new_button {
    background:#FF0000;
    color:#fff;
    position:absolute;
    transform: rotate(30deg);
    right: -23px;
    top: 5px;
    width: 92px;
}

.new_button_icon{
    display: flex;
    position: relative;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
    border: 3px solid #ffffff;
    width: 160px;
    height: 150px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    transition: all 0.2s linear;
    cursor: pointer;

}

.new_button_icon .button.icon-picker {
    border: none;

    height: auto;
    width: auto;

    line-height: 98px!important;
    text-align: center;
    cursor: pointer;
}

#button_content{
    padding:10px;
    height:100%;
}
#button_content .upload_placeholder {

    width: 160px;
    height: 150px;
    margin: auto;

}
#button_content .tab-content{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#button_content .nav-tabs:not(.tabs-left) {

    box-shadow: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.new_button_placeholder{
    height: 100%;
    background-image: url("/app/assets/images/buttons/system/nb_bg.jpg");
    background-size: cover;
    text-align: center;


}
.new_button_placeholder .nb_image{position:relative;top:80px;max-width: 70%;}
.new_button_placeholder .nb_logo{position:absolute;width:100%;text-align:center;bottom:20px;}
.new_button_placeholder .nb_logo img{max-width:80px;}

.nb_btn_contianer{

}

.new_add{
    background: #18c746!important;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(44,75,137,0.1)!important;
    box-shadow: 0px 3px 10px 0px rgba(44,75,137,0.1)!important;

    height:58px;
    width:58px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.new_add::before {
    content: '';
    height:58px;
    width:58px;
    position: absolute;
    top: 0;
    display: block;
    background: #18c746;
    border-radius: 100%;
    left: 0;
}
.new_add::after {
    content: '';
    height:58px;
    width:58px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #18c746;
    border-radius: 100%;
    opacity: 0;
    animation: pulsate 1400ms ease-out infinite;
    -webkit-animation: pulsate 1400ms ease-out infinite;
    -webkit-animation-name: pulsate;
    -webkit-animation-duration: 1400ms;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-iteratio-count: infinite;
}

.new_add i{

    color: #fff!important;
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
}

.nb_btn_contianer .nb_txt{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.nb_btn_contianer span{
    background: #fff;
    padding:5px 10px;
    border-radius: 50px;
    margin-left: 10px;
    cursor: pointer;
}

.nb_btn_contianer:hover i {
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.btn_scroll{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: center;
    height:540px;
}

.button_content_scroll{
    height:540px;
}

@keyframes pulsate {
    0% {
        transform: scale(0.1);
        -webkit-transform: scale(0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    80% {
        opacity: 0.5;
    }
    100% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
}

.loading_container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 73%);
}

.loading_loader {
    width: 56px;
    height: 56px;
    border: 4px solid rgba(0, 82, 236, 0.25);
    border-top-color: #185ee0;
    border-radius: 50%;
    position: relative;
    animation: loader-rotate 1s linear infinite;
    top: 50%;
    margin: -28px auto 0;
}


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

.recommendation{
    margin-top:10px;
    display:block;
}
.recommendation .label{
    margin:0 5px;
    display: inline-block;
    padding:5px 10px;
    border-radius:25px;
    color:#185ee0;
    background:rgba(55, 125, 255, 0.1);
    cursor: pointer;
    font-weight: 500;
    transition: all 0.2s linear;
}
.recommendation .label:hover {
    box-shadow: 0 4px 11px rgba(55, 125, 255, 0.35);
}

.field_note {
    padding: 5px 0 5px 0;
    border-radius: 20px;
    display: inline-block;
    margin: 0px 0;
}
.field_note i{
    font-size: 21px;
    position: relative;
    top: 4px;
}

.field_note a {
    color:#555;
}
.field_note a:hover{
    color:#185ee0;
}

.new_button_icon .edit i{
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    background: #f2f2f2;
    border-radius: 50%;
    color: #555;
}

.current_plan .cp_text {font-size:16px;padding:6px ;}

.cancel_plan{
    background: none;
    border:1px solid #fff;
    color:#e43a45;
}
.cancel_plan:hover{
    background: none;
    border:1px solid #e43a45;
    color:#e43a45;
}

.profile_seperator_flip{
    display:none;
}
.profile_seperator_negative{
    display:none;
}


div.sep_shape{
    width: 100%;
    bottom: -1px;
    left:0;
    /*height: 100%;*/
    position: absolute;
    z-index: 1;

    overflow: hidden;
    direction: ltr;
}


.sep_shape svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.sep_flipped{
    transform: translateX(-50%) rotateY(180deg)!important;
}
.sep_negative {
    -webkit-transform: rotate(180deg)!important;
    -ms-transform: rotate(180deg)!important;
    transform: rotate(180deg)!important;


}

.shape {

    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(
            0deg
    );
    transform: rotateY(
            0deg
    );
}

#cover_maintitle,#cover_mainsubtitle{position: relative;z-index: 2;}