/* here you can put your own css to customize and override the theme */
body{
    background-color:#f4f7fc !important;
    color:#546c76;
}
body.lock{
    background-color:#465568 !important;
}
body.lock .page-body{
    background-color:#3a4554 !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-weight:300;
}
h1::first-letter, h2::first-letter, h3::first-letter, h4::first-letter, h5::first-letter, h6::first-letter, .breadcrumb a::first-letter, .breadcrumb::first-letter{
    text-transform: uppercase;
}
h2{
    font-size: 18px;
}
small{
    font-size:70%;
}

.modal {
    top:24px;
    z-index: 9999;
}

.modal-backdrop {
    z-index: 9998;
}

.countRecord{
    font-size: 16px;
}

.m-page-loader {
    background: #fff;
}

.m-page-loader {
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 9999;
     -webkit-justify-content: center;
     -moz-justify-content: center;
     -ms-justify-content: center;
     justify-content: center;
     -webkit-align-items: center;
     -moz-align-items: center;
     -ms-align-items: center;
     align-items: center;
 }

.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:last-child{
    padding-right: inherit;
}
.m-blockui {
    background: #fff;
    -webkit-box-shadow: 0 0 15px 1px rgba(69,65,78,.2);
    -moz-box-shadow: 0 0 15px 1px rgba(69,65,78,.2);
    box-shadow: 0 0 15px 1px rgba(69,65,78,.2);
}
.m-blockui {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    display: table;
    table-layout: fixed;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -30px;
}
.m-blockui>span {
    color: #6f727d;
}
.m-blockui>span {
    display: table-cell;
    vertical-align: middle;
    padding: 8px 15px;
    font-size: 1rem;
    font-weight: 400;
}

.m-blockui>span>.m-loader, .m-blockui>span>.m-spinner {
    margin-right: 10px;
}
.m-loader{position:relative}.m-loader:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;border-top:2px solid #07d;border-right:2px solid transparent;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-animation:m-loader-rotate .6s linear infinite;-moz-animation:m-loader-rotate .6s linear infinite;-ms-animation:m-loader-rotate .6s linear infinite;-o-animation:m-loader-rotate .6s linear infinite;animation:m-loader-rotate .6s linear infinite}.m-loader:before{width:1.4rem;height:1.4rem;margin-top:-.7rem;margin-left:-.7rem;border-top-width:2px;border-right-width:2px}.m-loader.m-loader--lg:before{width:2rem;height:2rem;margin-top:-1rem;margin-left:-1rem;border-top-width:3px;border-right-width:3px}.m-loader.m-loader--sm:before{width:1rem;height:1rem;margin-top:-.5rem;margin-left:-.5rem;border-top-width:1px;border-right-width:1px}.m-loader.m-loader--right:before{left:auto;right:.7rem}.m-loader.m-loader--right.m-loader--lg:before{right:1rem}.m-loader.m-loader--right.m-loader--sm:before{right:.5rem}.m-loader.m-loader--right.btn{padding-right:3.1rem}.m-loader.m-loader--right.btn.m-loader--lg{padding-right:4.5rem}.m-loader.m-loader--right.btn.m-loader--sm{padding-right:2.25rem}.m-loader.m-loader--left:before{left:1.4rem}.m-loader.m-loader--left.m-loader--lg:before{left:2rem}.m-loader.m-loader--left.m-loader--sm:before{left:1rem}.m-loader.m-loader--left.btn{padding-left:3.1rem}.m-loader.m-loader--left.btn.m-loader--lg{padding-left:4.5rem}.m-loader.m-loader--left.btn.m-loader--sm{padding-left:2.25rem}@-webkit-keyframes m-loader-rotate{to{transform:rotate(360deg)}}@-moz-keyframes m-loader-rotate{to{transform:rotate(360deg)}}@-o-keyframes m-loader-rotate{to{transform:rotate(360deg)}}@keyframes m-loader-rotate{to{transform:rotate(360deg)}}.m-loader:before{border-top-color:#dfe2ea}.m-loader.m-loader--skin-dark:before{border-top-color:#acafba}.m-loader.m-loader--brand:before{border-top-color:#716aca}.m-loader.m-loader--metal:before{border-top-color:#c4c5d6}.m-loader.m-loader--light:before{border-top-color:#fff}.m-loader.m-loader--accent:before{border-top-color:#00c5dc}.m-loader.m-loader--focus:before{border-top-color:#9816f4}.m-loader.m-loader--primary:before{border-top-color:#5867dd}.m-loader.m-loader--success:before{border-top-color:#34bfa3}.m-loader.m-loader--info:before{border-top-color:#36a3f7}.m-loader.m-loader--warning:before{border-top-color:#ffb822}.m-loader.m-loader--danger:before{border-top-color:#f4516c}

.fa.fa-space-shuttle{
    -webkit-transform: rotate(-62deg);
    -moz-transform: rotate(-62deg);
    -ms-transform: rotate(-62deg);
    -o-transform: rotate(-62deg);
    transform: rotate(-62deg);
}
.dropzone i{
    padding-top:20px;
    font-size: 30px;
}
.blue{
    background-color: #51cae9;
}
.red{
    background-color: #f45e83;
}
.green{
    background-color: #94cb12;
}
.orange{
    background-color: #ff7e56;
}
.text-orange{
    color: #ff7e56;
}

.violet{
    background-color: #9b59b6;
    color: white;
}

.dropdown-menu, div, a, button, .select2{
    font-family: 'Open Sans';
    font-weight:300 !important;
}

.lockedBy{
    font-size:12px;
}

.page-header.navbar.navbar-fixed-top, .page-header.navbar.navbar-static-top{
    z-index: 9998;
}
.datepicker{
    z-index: 10000;
}
.page-header.navbar{
    background-color: #2c383d;
}
.page-header.navbar .page-logo .logo-default{
    margin:0px 0px 0 0px;
}
.page-header.navbar .page-logo{
    padding-left: 0;
    width: 115px;
}
.page-header.navbar .page-actions{
    margin:0 10px 0px 10px;
}
.navbar-nav a{
    color:#999;
}
.navbar-nav > li > a{
    padding:0 20px 0;
}
.navbar-nav > li:hover, .navbar-nav > li a:hover{
    background-color: #34a0ab;
}
.navbar-nav .active, .navbar-nav .active a{
    background-color: #36c6d3;
    color:white;
}
.navbar-nav > li:hover, .navbar-nav.pull-right > li a:hover{
    background-color: #39484f;
}
.navbar-nav .active, .navbar-nav.pull-right .active a{
    background-color: #39484f;
    color:white;
}


.badge-success, .badge-primary{
    background-color:#36c6d3;
}
.badge-danger{
    background-color:#f45e83;
}
.page-header.navbar .search-form .input-group .form-control{
    color:white;
}
.page-header.navbar .hor-menu .navbar-nav>li.active>a, .page-header.navbar .hor-menu .navbar-nav>li.current>a{
    background-color: #36c6d3 !important;
}
.page-header.navbar .hor-menu .navbar-nav>li>a:hover, .page-header.navbar .hor-menu .navbar-nav.pull-right>li>a{
    background-color: #39484f !important;
    color:white;
}
.page-header.navbar .hor-menu .navbar-nav>li.active .selected, .page-header.navbar .hor-menu .navbar-nav>li.current .selected{
    border-top:6px solid #36c6d3;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle, .page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler{
    /*    padding:13px 12px 24px;*/
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle{
    /*padding:13px 10px 18px;*/
}

.info_account {
    padding:10px;
    color: #bac4cf;
    line-height: 50%;
}

.info_account a{
    padding:0px  !important;
    color: #bac4cf  !important;
    background-color: transparent !important;
}

.dropdown-menu>li.info_account>a:hover{
    padding:0px  !important;
    color: #bac4cf  !important;
    text-decoration: underline !important;
    -webkit-transition-property: none !important;
    -moz-transition-property: none !important;
    -o-transition-property:  none !important;
    transition-property:  none !important;
}

.page-content-white .page-title{
    margin:10px 0 0 0;
}
.page-content-wrapper .page-content{
    margin:0;
    padding:0;
}
.page-container{
    padding:0 20px 0;/* antho bug largeur correct*/
}
.page-header-fixed .page-container{
    margin-top:45px;
}
.page-title{
    padding:0 12px;
    color:#546c76;
}
.page-title a, .page-breadcrumb a{
    color:#546c76;
}
.page-title i.fa{
    display:inline-block;
    padding:0 4px;
}
.page-title i.fa.fa-home{
    font-size: medium;
}
.page-content-inner{
    background-color:white;
}
.breadcrumb{
    font-size:1em;
    color:#546c76;
    background-color: #f4f7fc;
    padding:8px 5px;
    display: inline-block;
    margin-bottom:0;
}
.breadcrumb ul.nav{
    display: inline-block;
    border:0;
    margin:0;

}
.breadcrumb ul.nav>li>a:hover, .nav .open>a:hover, .nav .open>a:focus{
    text-decoration: none;
    background-color: transparent;
}
.breadcrumb .nav>li>a{
    padding:0px 0px 0px 0;
}
.container, .container-fluid{
    padding: 0;
    background-color: #f4f7fc;
    min-height: 600px;
}
.page-title h1 i{
    font-size:0.6em;
    color:#546c76;
}
.page-title h1{
    margin:0px;
}
.mt-content-body{
    background-color: white;
    padding:5px 15px 0 15px;
}

.mtb-content-body{
    background-color: white;
    padding: 5px 15px;
}

.campaignsAdd .mt-content-body{
    padding:5px 20px;
}
.campaignsAdd.Content .mt-content-body{
    padding: 0;
}
.campaignsAdd button.multiselect, .campaignsAdd .select2-selection__rendered{
    text-align: left;
    color:#546c76 !important;
}
.campaignsAdd .mt-content-body.datatable{
    padding:5px 0px;
}
.campaignsAdd .btn .caret {
    right: 11px;
    position: absolute;
    top: 13px;
    color: gray;
}
.campaignsAdd .m-grid.toolbarTop button{
    color:white;
}
.mt-content-body h1{
    font-size:30px;
    font-weight:300;
    color:#546c76;
    margin:0 15px 0 0;
    text-transform: lowercase;
    display:inline-block;
}
.mt-content-body h3{
    font-size:14px;
    font-weight:300;
    color:#546c76;
    display:inline-block;
    margin-bottom:0;
}
h3.popover-title{
    display: block;
}
.mt-content-body hr{
    border:1px solid #eff3f8;
    margin:0;
}
.multiselect-container li>a>label>span{
    margin:4px 0 0 10px;
}
.dashboard-stat.blue{
    background-color: #51cae9;
}
.dashboard-stat.red{
    background-color: #f45e83;
}
.dashboard-stat.green{
    background-color: #94cb12;
}
.dashboard-stat.orange{
    background-color: #ff7e56;
}
a.dashboard-stat.orange{
    color:white;
}
a.dashboard-stat {
  cursor: default;
}
.btn.rose:not(.btn-outline):hover{
    background-color: #ca005d !important;
}
.btn.rose:not(.btn-outline){
    border-color: #f55f84 !important;
    background-color: #f55f84 !important;
    color:white;
}
.btn.rosedark:not(.btn-outline){
    border-color: #ca005d !important;
    background-color: #ca005d !important;
    color:white;
}
.btn.rosedark{
    border-color: #ca005d !important;
    background-color: #ca005d !important;
    color:white;
}

.btn.default{
    font-size:12px !important;

}
.btn.default:not(.btn-outline){
    background-color: white;
    color:  #546c76;
}
.btn.default:not(.btn-outline):hover{
    background-color: #f4f7fc;
    border:1px solid #e1e5ec;
}

.btn.green:not(.btn-outline){
    background-color: #36c6d3 !important;
    border:#36c6d3 !important;
}
.btn.green:not(.btn-outline):hover{
    background-color: #34a0ab !important;
    border:#34a0ab !important;
}

.btn.default:not(.btn-outline).active, .btn.default:not(.btn-outline):active, .btn.default:not(.btn-outline):hover, .open>.btn.default:not(.btn-outline).dropdown-toggle {
    color: #819097;
    background-color: #f4f7fc;
    border-color: #f4f7fc;
}
.datepicker table th{
    text-align:center;
}
.portlet.light{
    padding:20px 0px 12px 0;
}

.portlet.heavy {
    padding: 20px 0;
}

.portlet.heavy > .portlet-body > #content_form > .row.form-body {
    padding: 30px 0;
}

.row.stats{
    margin:0 0 20px;
}

.country-list{
    z-index:999 !important;
}
.phone-input{
    border-width: 0 0 1px 0 !important;
}
.listsImport .mt-content-body{
    min-height:400px;
}
.intl-tel-input{
    width: 100%;
}
.contact .intl-tel-input {
    width: 88%;
}
.tabbable-line>.nav-tabs>li.active{
    border-bottom:solid 4px #36c6d3;
}
.tabbable-line>.nav-tabs>li:hover{
    border-bottom:solid 4px rgba(54,198,211,0.3);
}
.form-body, .form-actions{
    padding-top:30px;
}
.font-light{
    font-weight: 300;
}

.portlet{
    margin-bottom:0;
}
.portlet>.portlet-title{
    border:none;
}
.mt-content-body>.portlet-title.tabbable-line:after{
    content: '';
    display: block;
    clear: both;
}

.table-scrollable{
    overflow-x: inherit;
    overflow-y: inherit;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    padding:0;
}

.page-actions .actions, .page-actions .settings{

    padding:0 15px;
}
#lengthDataTable select.input-sm{
    width: 100px;
    margin-left: 20px;
}
.btn-group.settings li label{
    margin-left:20px;
    font-weight: 300;
}
.dropdown-settings label{
    font-weight:300;
    display: block;
    margin-left:15px;
}
.dropdown-settings label input[type=checkbox]{
    margin-right: 7px;
}
.page-actions .actions a{
    color: #babec5;
    font-size: 24px;
    display: inline-block;
    width: 30px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #ca005d;
    border-color: #ca005d;
}
.pagination>li>a:focus, .pagination>li>a, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span, .pagination>li>span:hover{
    color: #f55f84;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    border:none;
}
.portlet>.portlet-body{
    clear:right;
}
#paginateDataTable{
    background-color: #f4f7fc;
    text-align: right;
    width: 100%;
}

.table .btn-group .btn{
    margin-right:0;
}

.portlet.light .portlet-body{
    clear: both;
    padding-bottom:15px;
}
.form-horizontal .form-group-lg .control-label{
    font-size: 14px;
}

.fin-div{
    clear: both;
}

.float-right{
    float:right;
}
.float-left{
    float:left;
}

.dropzone.dz-clickable{
    border-style: dashed;
    margin:0 auto;
    border-color: #51cae9;
    color:#51cae9;
}

.listsFilter table .btn{
    cursor: default;
}
.page-container-bg-solid .page-content{
    background-color: white;
}

.dropzone .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary{
    background-color: #51cae9;
}

.margin-height-20{
    margin: 20px 0;
}
.margin-left-auto{
    margin:0 auto;
}
.margin-top-0{
    margin-top:0;
}
.margin-top-20{
    margin-top: 20px;
}
.margin-top-40{
    margin-top: 40px;
}
.margin-top-80{
    margin-top: 80px;
}
.margin-bottom-20{
    margin-bottom: 20px;
}
.margin-bottom-40{
    margin-bottom: 40px;
}
.font-size-16{
    font-size:16px;
}
.font-size-17{
    font-size:17px;
}
.font-size-18{
    font-size:18px;
}
.font-size-19{
    font-size:19px;
}
.font-size-24{
    font-size:24px;
}
.font-size-22{
    font-size: 22px;
}
.font-size-20{
    font-size: 20px;
}
#sendCampaign .modal-dialog, #planCampaign .modal-dialog{
    width:650px;
}


table.fixedHeader-floating{
    top:44px !important;
    z-index: 999 !important;
}

#lists-table h4{
    display:inline;
}
.pagination>li>a, .pagination>li>span{
    float: inherit;
}

#lists-table h3{
    font-size: 12px;
}
.titleList{
    display:block;
    padding:10px 0;
    margin:10px 0;
}

.listsFields .form-group span.btn{
    margin: 0 0 10px 0px;
}

.listsFields .form-control.input-sm{
    font-size: 15px;
}
.paddingtop12{
    padding-top:12px;
}
.paddingtop6{
    padding-top: 6px;
}
.paddingtop4{
    padding-top: 4px;
}
.padding-left-15{
    padding-left: 15px;
}
.padding-left-15{
    padding-right: 15px;
}
.padding-leftright-15{
    padding-left: 15px;
    padding-right: 15px;
}

.width80{
    width:80%;
}
.displaynone{
    display:none;
}

.form-group.marginleft30{
    margin-left: 30px;
}
.form-horizontal .form-group .input-sm{
    margin-top: 0;
}
.form-horizontal .form-group-lg .control-label{
    padding-top: 4px;
}

.displaynone{
    display:none;
}
.alert{
    /* color:#ca005d;*/
    font-weight:bold;
    margin:0;
    padding:0;
}
.custom-alerts.alert{
    padding: 15px;
    border: 1px solid transparent;
}
#bootstrap_alerts{
    position: fixed;
    top: 25px;
    z-index: 9999;
    right: 0;
    min-width:500px;
}
.alert-success{
    color: #546c76;
    background-color: #caeff8;
    border-left: 3px solid #51cae9 !important;
}

.form-group{
    margin-bottom:5px;
}

.form-group .fieldPerso input{
    border-width:1px 0;
    font-size:14px !important;
    padding:0;
}
.fieldPerso span, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    background-color: #eff3f8 !important;
}

.hidden-checkbox input[type=checkbox]{
    display:none;
}
.thLbl{
    border-width:1px 0;
    border-style :solid;
    border-color:#eee;
    padding: 10px 0px;
}

.thLbl .col-md-2, .thLbl .col-md-1{
    margin-left:0;
    padding-left: 0px;
}
.thLbl .col-md-1.hidden-checkbox{
    padding-left: 15px;
}

.listsAdd .form-body, .form-actions, .listsSync .form-body, .form-actions, .campaignsAdd .form-body{
    padding-top: 10px;
}
.listsAdd .mt-content-body hr, .listsSync .mt-content-body hr, .campaignsAdd .mt-content-body hr{
    margin:15px 0;
}
.listsAdd .mt-content-body input, .listsSync .mt-content-body input, .campaignsAdd .mt-content-body input{
    margin:2px 0;
}

.campaignsAdd .multiselect-item .input-group-addon{
    display: none;
}

.campaignsAdd .advancedOptions{
    cursor:pointer;
}
.campaignsAdd .gray{
    color:  gray;
}
.campaignsAdd .advancedOptionsContent .form-control{
    display:inline;
    height:16px;
    margin-top: 20px;
    width:30px;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

#fieldperso .col-md-2 .input-group span {
    background-color: white;
}
#fieldperso .row, .listsFilter .well .row.form-group{
    padding:5px 0;
}
#fieldperso .row:hover, .listsFilter .well .row.form-group:hover{
    background-color: #e8eef6;
}
#fieldperso .row.header-list-detail:hover{
    background-color: transparent;
}

#fieldperso .rowlistbox{
    background-color: #fafafa;
}
#fieldperso .btn.deletefield:hover, #fieldperso div.btn.deleteOpt:hover, .btn.deleteCond:hover{
    background-color: #f55f84;
    color:white;
}
#fieldperso .input-group div.glyphicon:hover {
    color:white;
}
#fieldperso .statusVisible{
    cursor: pointer;
}
#fieldperso span.btn.deleteOpt{
    margin-bottom:0px;
}
.listsFields .form-body .row{
    margin:0;
}
.tabbable-line, .listsDetails .tabbable-line, .listsFields .tabbable-line, .listsAdd .tabbable-line, .listsHistory .tabbable-line, .listsSync .tabbable-line, .listsHistory .tabbable-line, .campaignsAdd .tabbable-line{
    border-bottom: 1px solid #eef1f5;
    margin-bottom:20px;
}
.listsDetails .mt-content-body .page-actions.actions-lists, .listsFields .page-actions.actions-lists, .listsFilter .page-actions.actions-filters{
    clear: both;
    padding:15px 0 0px 0;
}
.listsDetails>.page-actions.actions-lists:after{
    margin-top: 20px;
    content: '';
    display: block;
    clear: both;
}
.listsAdd h4, .listsSync h4, .campaignsAdd h4{
    margin-top: 40px;
}
.campaignsAdd .note.note-danger h4{
    margin-top: 0px;
}
.campaignsAdd .sendSms .zone_send{
    margin-top: 30px;
}
.listsAdd .form-horizontal .control-label, .listsSync .form-horizontal .control-label, .campaignsAdd .form-horizontal .control-label{
    text-align: left;
}
.lists .page-actions.actions-lists, .listsDetails .page-actions.actions-contacts, .listsFields .page-actions.actions-lists, .campaigns .page-actions.actions-campaigns, .listsFilter .page-actions.actions-filters{
    background-color: #f4f7fc;
    padding:20px 0 15px 15px;
}
.listsFilter .page-actions.actions-filtersDetails{
    padding:25px;
}

.listsFields .mt-content-body{
    margin-bottom:15px;
}
.page-actions.actions-lists .form-group{
    margin-bottom:8px;
}
.listsDetails .mt-content-body.datatable{
    padding:0px 15px;
}
.lists .dataTables_wrapper table thead, .campaigns .dataTables_wrapper table thead{
    display:none;
}
.lists .dataTables_wrapper table tr.odd:after, .campaigns .dataTables_wrapper table tr.odd:after{
    margin-bottom: 20px;
}
.lists .table.dataTable td.sorting_1, .campaigns .table.dataTable td.sorting_1, table.dataTable td.sorting_2, table.dataTable td.sorting_3, table.dataTable th.sorting_1, table.dataTable th.sorting_2, table.dataTable th.sorting_3{
    background-color: #FFF !important;
}
.lists .dataTables_wrapper table td a, .campaigns .dataTables_wrapper table td h4 a {
    color:#ca005d;
}
.campaigns .dataTables_wrapper table td h4 a.iconGroup{
    color:#546c76;
}
.lists .dataTables_wrapper table td .dropdown-menu a{
    color:#555;
}
.campaigns .dataTables_wrapper table td .dropdown-menu a {
    color: #555;
    padding: 8px;
}

.lists table.dataTable.no-footer, .lists .table>tbody>tr>td, .lists .table>tbody>tr>th, .lists .table>tfoot>tr>td, .lists .table>tfoot>tr>th, .lists .table>thead>tr>td, .lists .table>thead>tr>th,  .campaigns table.dataTable.no-footer, .campaigns .table>tbody>tr>td, .campaigns .table>tbody>tr>th, .campaigns .table>tfoot>tr>td, .campaigns .table>tfoot>tr>th, .campaigns .table>thead>tr>td, .campaigns .table>thead>tr>th{
    border-color:#f4f7fc;
    border-width:20px;
    background-color: white;
}
.lists .table>tbody>tr:first-child>td, .campaigns .table>tbody>tr:first-child>td{
    border-color:#f4f7fc;
    border-width:0px;
}
.lists table.dataTable.no-footer, .campaigns table.dataTable.no-footer{
    margin-bottom:60px;
}
.lists .mt-content-body.datatable, .listsDetails .mt-content-body.datatable,  .listsFilter .mt-content-body.datatable, .campaigns .mt-content-body.datatable{
    padding:5px 0;
    background-color:#f4f7fc;
}
.listsDetails .mt-content-body.datatable .portlet.light .portlet-body,
.listsDetails .portlet.light,
.lists .mt-content-body.datatable .portlet.light .portlet-body,
.lists .mt-content-body.datatable .portlet.light, .campaigns .mt-content-body.datatable .portlet.light .portlet-body,
.campaigns .mt-content-body.datatable .portlet.light{
    background-color:#f4f7fc;
    padding:0;
}

.campaignsAdd .mt-content-body.datatable .portlet.light, .campaignsAdd .mt-content-body.datatable{
    background-color:white;
}
.campaignsAdd .table-scrollable{
    border:none;
}
.listsDetails .portlet.light.dashtat{
    background-color: #fff;
}
.lists .mt-content-body.datatable h4, .campaigns .mt-content-body.datatable h4{
    padding:10px 0;
}
.campaigns .mt-content-body.datatable .zero{
    padding-left:15px;
    width:5%;
}
.lists .mt-content-body.datatable .first{
    padding-left:15px;
    width:35%;
}
.campaigns .mt-content-body.datatable .first, .campaigns .subtable .first{
    padding-left:15px;
    width:35%;
}

.lists .mt-content-body.datatable .first .btn-group, .campaigns .mt-content-body.datatable .two{
    margin-left:50px;
}
.lists .mt-content-body.datatable .two, .campaigns .mt-content-body.datatable .two{
    margin:0;
}
.lists .mt-content-body.datatable .two:last-child .stats, .campaigns .mt-content-body.datatable .two .stats:last-child{
    border-right:none;
}

.lists .table>tbody>tr>td.three{
    text-align: right;
    width: 32%;
    padding-right:15px;
    vertical-align: bottom;
}
.campaigns .table>tbody>tr>td.three, .campaigns .subtable>tbody>tr>td.three{
    text-align: right;
    width:30%;
    padding-right:15px;
    vertical-align: bottom;
}
.lists .table>tbody>tr>td.two{
    font-size:25px;
    width:7%;
    text-align:center;
}
.two-container{
    display: inline-block;
}
.campaigns .two .stats{
    position: relative;
    float: left;
    width: 20%;
    border-right:1px solid #546c76;
}
.campaigns .table>tbody>tr>td.two, .campaigns .subtable>tbody>tr>td.two{
    font-size:25px;
    width:50%;
    text-align:center;
}
.lists .table>tbody>tr>td.two .stats{
    padding-right:5px;
    text-align: center;
    display:inline-block;
    border-right:1px solid #546c76;
    width:100%;
    font-weight:400;
}
.lists .table>tbody>tr>td.two .stats.no-border{
    border-right:none;
}
.contacts-table_processing{
    background-color: white;
}
.listsHistory table td a i{
    color:#546c76;
    font-size: 21px;
}
.campaigns .table>tbody>tr>td.two .stats.no-border{
    padding-left:0px;
    padding-right:0px;
    border-right:none;
}
.green-sent{
    background-color: #3cc051;
    color: #ffffff;
}
.blue-sending{
    background-color: #5b9bd1;
    color: #ffffff;
}
.blue-planned{
    background-color: #51cae9;
    color: #ffffff;
}
.grey-stopped{
    background-color: #82a0ae;
    color: #ffffff;
}
.lbl-campaign{
    margin-left: 10px !important;
}

.green-label{
    background-color: #3cc051;
    color: #ffffff;
}
.blue-label{
    background-color: #5b9bd1;
    color: #ffffff;
}
.gray-label{
    background-color: #f45e83;
    color: #ffffff;
}
.yellow-label{
    background-color: #f7a018;
    color: #ffffff;
}
.red-label{
    background-color: #eb212e;
    color: #ffffff;
}
.bluelight-label{
    background-color: #51cae9;
    color: #ffffff;
}

.lists .table>tbody>tr>td:nth-last-child(2)>.stats, .campaigns .table>tbody>tr>td:nth-last-child(2)>.stats{
    border-right:none;
}
.lists .table>tbody>tr>td.two .stats .small, .campaigns .table>tbody>tr>td.two .stats .small{
    font-size:12px;
    display: block;
    font-weight:300;
}
.dropdown-menu.filterlist, .dropdown-menu.filtercontact, .campaigns .dropdown-menu.filtercampaign{
    min-width: 500px;
    padding: 0 14px 14px 14px;
}
.lstFilter, .listsDetails .lstFilter{
    display:inline-block;
    color:#f55f84;
    padding-left:25px;
}
.popover{
    color:#546c76 !important;
    font-size: 12px;
    min-width:200px;
}

.daterangepicker.dropdown-menu{
/*    width: 655px;*/
}

.daterangepicker .ranges li{
    background-color: transparent;
    margin-bottom: 2px;
    padding: 2px 12px;
    border: 1px solid white;
    color: #546c76;
}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: #f55f84;
    border: 1px solid #f55f84;
    color: #fff;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: #f55f84;
}
.range_inputs{
    position: absolute;
    bottom: 10px;
}
.daterangepicker.dropdown-menu.opensleft{
    min-height: 260px;
}
.calendar-table select{
    border:1px solid #eee;
}

.daterangepicker td.in-range{
    background: rgba(245, 95, 132, 0.1) !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover{
    background-color: #f55f84 !important;
    border-color: #f55f84 !important;
}
.daterangepicker td.off.active, .daterangepicker td.off.in-range.active{
    color: #fff !important;
}

.collapse2{
    width:14px;
}
.applyBtn{
    float: right;
    width: 79px;
    margin-left: 2px !important;
}
.cancelBtn{
    width: 79px;
}
.daterangepicker .ranges, .daterangepicker .calendar{
    float: left;
}

.lstFilter a, .listsDetails .lstFilter a{
    color:#f55f84;
}
.lstFilter i, .listsDetails .lstFilter i{
    color:#444;
    padding-left:5px;
}
.lstFilter span, .listsDetails .lstFilter i{
    padding-right:20px;
    display:inline-block;
}
.lstFilter, .nbContacts{
    padding: 0 20px;
    display:inline-block;
}

.daterangepicker .input-mini{
    width:100% !important;
}

.mt-content-body .portlet-title .caption{
    float: left;
    display: inline-block;
}
.font-blue-sharp{
    color:#36c6d3 !important;
}
.btn-font-blue-sharp, .btn-font-blue-sharp:hover{
    color:white;
    background-color: #36c6d3;
}
.btn-info{
    border-color: #36C6D3;
    background-color: #36C6D3;
}

.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default{
    background-color: #eff3f8;
}
.fieldCustomize .fieldPerso .input-group-addon{
    background-color: white !important;
}
.mt-content-body .portlet-title .nav-tabs{
    display: inline-block;
    float: right;
}
.listsDetails .datatable .portlet.light .portlet-body, .listsDetails .datatable .portlet.light{
    padding-top:0;
}

.listsFields .row, .listsFields .newfield{
    clear: both;
}
.listsFields .rowListBox{
    padding-top: 10px;
}

.listsHistory .mt-element-list{
    width:80%;
    margin:20px auto;
}

.listsHistory .mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-datetime{
    width:150px;
}


.campaigns .template-choice.active{
    border:1px solid #f55f84;
}

.campaigns .mt-element-step .step-line .mt-step-col{
    padding-top:5px;
}
.campaigns .mt-element-step .step-line .mt-step-number{
    width: 40px;
    height: 40px;
    font-size: 16px;
    padding: 6px;
}

.campaigns .mt-element-step .step-line .mt-step-title:after, .mt-element-step .step-line .mt-step-title:before{
    top: -25px;
}

/*.campaigns .page-header.navbar .hor-menu .navbar-nav>li.open>a, .page-header.navbar .hor-menu .navbar-nav>li:hover>a, .page-header.navbar .hor-menu .navbar-nav>li>a:hover{
    background-color: #2c383d !important;
}*/

.content .ace_content, .content .ace_line{
    font-family: Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace;
    font-weight:normal;
}

#editor {
    width: 100%;
    height: 700px;
    margin-top: 10px;
}

#viewer{
    border:0;
    width:100%;
    height:700px;
}

body.content .page-container{
    margin-top: 40px;
    padding: 0;
}

body.content .page-container .col-md-12{
    padding: 0;
}

body.content .page-container .col-md-12 .contentTools{
    height:37px;
    padding:4px 25px 0;
    color:white;
}

body.content  .modal-dialog {
    width: 800px;
}

body.content #RenderHtml{
    width: 768px;
    height: 600px;
    border: 0;
}

#ckf-modal{
    z-index: 10000 !important;
}

.mt-element-step .step-no-background-thin .mt-step-title{
    font-size: 14px;
    margin-top:3px;
    margin-left: 3px;
}

.mt-element-step .step-no-background-thin .mt-step-number{
    padding:3px 10px;
    font-size: 15px;
}

.editorBGGray{
    background-color: #343434;
}

.btn.transparent{
    background-color: transparent;
}

.listsFields .form-group-lg .select2-container--bootstrap .select2-selection--single{
    height: 34px;
    font-size:16px;
    padding: 6px 24px 6px 12px;
}
.listsFields .perstag{
    padding: 0px;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a {
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 20px;
    white-space: normal;
    font-size: 13px;
    padding: 16px 15px 18px;
    text-shadow: none;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list{
    overflow: scroll;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list .more{
    float: right;
    text-align: right;
}
.campaignsAdd .page-header.navbar .top-menu, .campaignsAdd .hor-menu{
    margin: 15px 15px 0 0 !important;
}

.header-campaign, .header-campaign a, .header-campaign a:hover, .header-campaign:hover, .page-header.navbar .hor-menu {
    font-size: 15px;
    color: white;
    text-decoration: none;
}
.campaignsAdd .hor-menu.mnuCampaignname{
    margin-right:0 !important;
}

.multiselect-container.dropdown-menu li a label{
    margin:0px 10px 0;
}
.multiselect-container.dropdown-menu li:first-child a label{
    margin-top:4px;
}

.listsFields .repeater .form-body{
    padding-top: 0;
}

.listsFields .require-visible div{
    width:50px;
    display: inline-block;
}
.listsFields .require-visible .groupdiv{
    width:110px;
    margin: 0 auto ;
}

.listsFields .md-checkbox label{
    padding-right:65px;
}


.thumbnail.border{
    border:3px solid #00aaaa;
}

.page-wrapper-middle{
    padding-top:5px;
}

.info-bar{
    padding:5px 0;
}

.dataTables_length{
    float:left;
}
.dataTables_wrapper .bottom{
    margin: 35px 0 25px 0;
}

.mt-content-body .datatable:before{
    clear: both;
}

#query{
    height: 400px;
}
.table-scrollable{
    padding: 5px 10px !important;
    background: white;
    border: none;
    margin-top: 0!important;
    min-height: 380px;
}

.actions.pull-right:after{
    clear: both;
}
.well{
    background-color: white;
    border: none;
    padding-top: 0;
}

.margin-left-30{
    margin-left: 30px;
}
.AddGroupe{
    display:inline-block;
}
.select2-container--bootstrap .select2-results__group{
    color:#000;
    margin-top: 15px;
    background-color: rgba(204, 204, 204, 0.29);
    font-size:16px;
}

.select2-results__option, .select2-container--bootstrap .select2-selection{
    font-size:14px;
    font-family: "Open Sans";
}
.form-control{
    font-size:15px;
    padding: 5px 12px;
}

.dashboard-stat.white .details .number, .dashboard-stat.white .details .desc{
    color: #546c76;
    background-color: white;
}

.icon-size-45{
    font-size: 45px;
}

.listsFilter .dashboard-stat .details, .campaignsAdd .dashboard-stat .details{
    right: 70px;
}

.padding-top-10{
    padding-top: 10px;
}
.padding-top-15{
    padding-top: 15px;
}
.padding-top-20{
    padding-top: 20px;
}
.padding-top-25{
    padding-top: 25px;
}
.padding-top-30{
    padding-top: 30px;
}
.padding-top-45{
    padding-top: 45px;
}
.padding-top-70{
    padding-top: 70px;
}
.page-toolbar{
    padding-bottom: 15px;
}


.campaignsAdd .dashboard-stat.dashboard-stat-v2.white{
    margin-top: -30px;
}

.mt-element-ribbon .ribbon.ribbon-vertical-right{
    margin: -25px -30px 0 0;
}

.mt-element-ribbon .ribbon.ribbon-vertical-right:hover{
    background-color: #f55f84;
    color:white;
    cursor: pointer;
}

.listsFilter .page-actions.actions-filtersDetails.padding-5{
    padding:5px;
}

.listsFilter .page-actions.actions-filtersDetails{
    padding:12px;
}

.page-content-inner.contact{
    background-color: transparent;
}

.contact .portlet.light{
    padding:12px 20px 15px;
}

.profile-content.activities-dash .portlet.light{
    padding:12px 20px 15px;
    height : 100%;
}
.contact .profile-usertitle{
    margin-top:0;
}

.contact .profile-sidebar-portlet{
    padding:20px 0 0 !important;
}
.contact .form-group.form-md-line-input .input-group .input-group-addon{
    border-bottom: 0;
}

.status-Actif{
    color:#3cc051;
}

.status-Unsub{
    color:#eb212e;
}

.status-Bounced{
    color:#f7ca18;
}

.status-Deleted{
    color:#546c76;
}
.status-NotConfirmed{
    color:#5b9bd1;
}
.stopSmsLabel{
    font-size: 10px;
    font-weight:bold;
}

.bg-status-Actif, .bg-status-Actif:hover{
    color:white;
    background-color:#3cc051;
    font-weight: 300;
}

.bg-status-Unsub, .bg-status-Unsub:hover{
    color:white;
    background-color:#eb212e;
    font-weight: 300;
}

.bg-status-Bounced{
    color:white;
    background-color:#f7ca18;
    font-weight: 300;
}

.bg-status-Deleted{
    background-color:#546c76;
    color:white;
    font-weight: 300;
}
.bg-status-NotConfirmed{
    background-color:#5b9bd1;
    color:white;
    font-weight: 300;
}


.no-border{
    border:none;
}
.contact .input-group-addon{
    width:40px;
}
.contact .grey{
    color: #a6adb6;
}

.contact .input-group{
    padding-top:4px;
    margin-bottom: 9px;
}
.contact .input-group i{
    font-size:19px;
    margin-top:-3px;
    padding:0;
}
.cursor-pointer{
    cursor:pointer;
}
.margin-right-10{
    margin-right:10px;
}

.contact .select2-selection, .select2-container--bootstrap .select2-dropdown{
    /*border:0;
    -webkit-box-shadow:none;
    box-shadow: none;*/
}

.no-margin{
    margin:0 !important;
}

.no-padding{
    padding:0 !important;

}

.media .rose{
    color:#ca005d;
    font-size: 15px;
}
.media{
    height: 100px;
    padding-top: 35px;
}
.media>div div.profile-stat-text{
    padding-top:22px;
}

.contact .caption .caption-md{
    padding: 0;
}
.contact .no-padding{
    padding:0;
}
.contact .separate{
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}
.contact .long{
    display:none;
}
.contact h1{
    margin-top: 0;
}
.dropzone .dz-preview .dz-progress .dz-upload{
    background-color: #51cae9 !important;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
    background: transparent !important;
}
.dz-details{
    background-color: white;
    color:#546c76;
}
.dz-preview .btn.red:not(.btn-outline){
    background-color: #51cae9;
    border-color: #51cae9;
}

.contact .profile-usertitle-name a{
    text-decoration: none;
    color: #ca005d;
    font-weight: 700 !important;
}

.contact .profile-usertitle .select2{
    margin:0 auto;
}

.contact .profile-status{
    margin:0 auto 15px auto;
    font-weight: 500 !important;
}

.contact #tabActivities a{
    color:#546c76;
}
.contact .displayPersField{
    padding-top: 30px;
}
.contact .empty{
    display:none;
}
.contact .defaultfield, .contact .persfield{
    padding-top: 0;
}
.editDefaultField, .editPersField{
    display:none;
}
.contact .persfield .form-control{
    padding: 0;
    height: 27px;
    margin-bottom: 10px;
}
.contact .form-group.form-md-line-input .input-group .input-group-addon{
    width: 46px;
}
.contact .form-group.form-md-line-input .form-control~.form-control-focus, .form-group.form-md-line-input .form-control~label{
    width:calc(100% - 46px);
    margin-left: 46px;
}
.form-control-focus{
    border-color:#ca005d;
}
input[name=birthday]{
    text-align: center;
}
.listsFields input[name=birthday]{
    text-align: left;
}

.contact .profile-content:nth-child(2n){
    margin-top:10px;
}

.contact .deviceActivity{
    font-size: 30px;
    text-align: center;
}

.contact .activities .label{
    font-weight: 300;
}

.contact .overflow-hidden{
    overflow:hidden;
}

.contact .icon-option i{
    border: 1px solid rgba(102, 102, 102, 0.48);
    padding: 3px 3px 3px 4px;
    border-radius: 6px;
    width: 23px;
    font-size: 15px;
    text-align:center;
}

.contact .no-activity{
    text-align: center;
    font-weight:500;
    font-size: 16px;
    margin-top:30px;
}

.contact .sidebar_lg{
    width: 500px;
    position: relative;
    z-index: 999;
}

.contact .body_sidebar_lg{
    margin-left: 200px;
}


.zoneid{
    height: auto !important;
    max-height: 400px !important;
}

.dashboard-stat.violet .visual>i, .dashboard-stat.orange .visual>i{
    opacity: .1;
    color: white;
}
.dashboard-stat .details{
    color:white
}

#global-search-results .tab-content{
    height: 400px !important;
    overflow-y: scroll;
}

.page-header.navbar .search-form {
    display: inline-block;
    width: 30px;
    position: relative;
    float: left;
}
.page-header.navbar .search-form .input-group .form-control {
    height: 50px;
    border: 0;
    background: transparent !important;
    font-size: 13px;
    padding-left: 0;
    margin-left: 12px;
    text-indent: -150000px; }
.page-header.navbar .search-form .input-group .form-control:hover {
    cursor: pointer;
}
.page-header.navbar .search-form .input-group .input-group-btn {
    height: 50px;
}
.page-header.navbar .search-form.open {
    width: 300px !important;
}
.page-header.navbar .search-form.open .input-group .form-control {
    text-indent: 0;
}
.page-header.navbar .search-form.open .input-group .form-control:hover {
    cursor: text;
}

.dashboards .caption-subject{
    padding-left: 15px;
    padding-top: 5px;
    font-weight: bold !important;
}

.global-search-results{
    background-color: white;
}

.tab-content .tab-pane.fade, .tab-content .tab-pane.fade a{
    background-color: transparent;
}

.select2-container{
    z-index: 9996;
}
.listsFilter .select2-container{
    z-index: 9995;
}
.dt-body-right{
    text-align: right;
}

.inactive-link{
    pointer-events: none;
    cursor: default;
    opacity: 0.4;
}
.listsSync .formSubmit{
    display: none;
}

.display-grid{
    display: grid;
}

.select2-container.select2-container--bootstrap.select2-container--open{
    z-index: 9999;
}
.open>.dropdown-menu{
    z-index: 9996;
}

.page-login{
    background: #ffffff!important;
}
.page-lock .page-body, .page-lock .container{
    background: transparent;
}

.page-login .page-inner img{
    right: 0;
    bottom: 0;
    z-index: -1;
    position: absolute;
}
.page-footer-custom{
    color: #fff;
}

.page-login .container{
    background-color: transparent;
}

.page-login .lock-head, .page-login .lock-body, .page-login .lock-bottom{
    color:#495a63;
}

.lock-head{
    padding-bottom: 0;
    padding-top: 30px;
}
.lock-body{
    margin: 14px 35px 35px 35px;
}

.page-login .lock-bottom a{
    color:#888;
}
.page-body{
    background-color: #cad1dd;
}

.page-login input{
    border: 1px solid #eee;
}

.campaignsAdd label{
    font-weight:500;
}

.campaignsAdd .page-logo{
    padding-left:0;
}
.mt-element-step .step-no-background-thin .mt-step-title{
    padding-left:45px;
}

.font-camp-blue, .font-camp-blue a, .font-camp-blue a:hover{
    color:#51cae9 !important;
}
.mt-element-step .step-no-background-thin .mt-step-number.font-camp-blue{
    border:1px solid #51cae9;
}

.font-camp-red, .font-camp-red a, .font-camp-red a:hover{
    color:#f45e83 !important;
}
.mt-element-step .step-no-background-thin .mt-step-number.font-camp-red{
    border:1px solid #f45e83;
}

.font-camp-green, .font-camp-green a, .font-camp-green a:hover{
    color:#94cb12 !important;
}
.mt-element-step .step-no-background-thin .mt-step-number.font-camp-green{
    border:1px solid #94cb12;
}
.font-camp-orange, .font-camp-orange a, .font-camp-orange a:hover, .mt-content-body h3.font-camp-orange, .mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-item-content>h3>a.font-camp-orange{
    color:#ff7e56 !important;
}
.mt-element-step .step-no-background-thin .mt-step-number.font-camp-orange{
    border:1px solid #ff7e56;
}
.campaignsAdd>.m-grid{
    margin-bottom: 35px !important;
}
.campaignsAdd>.m-grid>.m-grid-row{
    position: fixed;
    z-index: 9994;
    width: 100%;
}
.campaignsAdd>.m-grid>.m-grid-row orange {

}

.campaignsAdd .page-container{
    padding: 0;
}
.campaignsAdd h2{
    margin-top:0;
    padding:15px 0 20px 20px;
}

.space-grey{
    height: 20px;
    background-color:#f4f7fc;
}

.campaignsAdd .padding-width-45{
    padding:0 45px;
}

.campaignsAdd .mt-list-container.list-default{
    border:none;
}
.campaignsAdd .selectFilter span{
    z-index: 9995;
}

.campaignsAdd .list-btnedit{
    text-align: right;
    float: right;
    width: 100px;
}

.campaignsAdd h3{
    margin-bottom: 35px;
    font-size: 22px;
}
.campaignsAdd .list-item-content h3 a{
    font-weight:500 !important;
}

.campaignsAdd .list-icon-container.done {
    border-color: #44b6ae !important;
}
.campaignsAdd .list-icon-container.done a{
    font-size: 20px;
    color:#44b6ae !important;
}

.campaignsAdd .list-icon-container.info {
    border-color: #fcb322 !important;
}
.campaignsAdd .list-icon-container.info a{
    color:#fcb322 !important;
    font-size: 20px;
}

.campaignsAdd .list-icon-container.danger {
    border-color: #eb212e !important;
}
.campaignsAdd .list-icon-container.danger a{
    font-size: 20px;
    color:#eb212e !important;
}

.campaignsAdd .mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-icon-container{
    padding:0.9em 0.7em;
}

.campaignsAdd .btn.orange{
    color:white;
    background-color: #ff7e56;
}
.campaignsAdd .btn.orange.disabled{
    color:white;
    background-color: rgba(255, 126, 86, 0.56);
}
.campaignsAdd .icon-plan.done{
    padding-top: 13px !important;
}
#_eoacapi_form{
    display:none;
}

.campaignsAdd .list-btnedit.bat{
    width:350px;
}

.campaignsAdd .btn.default.date-set, .campaignsAdd .btn.default.date-reset{
    padding:0;
    border-left:0;
    line-height: 1;
    background-color: #ff7e56;
    border: 0;
    color:white;
}
.campaignsAdd .zone_send .input-group-addon{
    background-color: #ff7e56;
    border: 1px solid white;
}
.campaignsAdd span.changeStep{
    color:white;
}
.campaignsAdd .form .form-bordered .form-group, .form .form-bordered .form-group>div{
    border: 0;
}
.campaignsAdd .form .form-bordered .form-group .control-label{
    padding-top:7px;
}

.campaignsAdd .screenshot{
    margin-top: 30px;
    overflow: scroll;
    height: 700px;
    border: 1px solid #ccc;
}
.col-md-10.screenshot{
    padding: 0;
}

.text-spam ul{
    margin-left:20px
}
.text-spam li{
    list-style:none;
}
.text-spam span{
    display:inline-block;
}

.text-spam .score.status-warning {
    color:#fcb322;
}
.text-spam .score.status-success{
    color:#44b6ae;
}
.text-spam .score{
    width:10%;
    min-width:50px;
    font-weight: 400;
}
.text-spam .code{
    width:25%;
    min-width:200px;
    font-weight:500;
}
.text-spam .descr{
    /*width:65%;*/
}
.mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-item-content.margin-spam{
    padding-right: 0;
}

.toolbarTop .changeStep{
    color:white;
}
.toolbarTop .changeStep.blue, button.blue:hover{
    background-color: #51cae9 !important;
    border:1px solid #51cae9 !important;
}
.toolbarTop .changeStep.red, button.red:hover{
    background-color: #f45e83 !important;
    border:1px solid #f45e83 !important;
}
.toolbarTop .changeStep.green, button.green:hover{
    background-color: #94cb12 !important;
    border:1px solid #94cb12 !important;
}
.toolbarTop .changeStep.orange, button.orange:hover{
    background-color: #ff7e56 !important;
    border:1px solid #ff7e56 !important;
}

.campaignsAdd .page-content{
    background-color: white;
}

.campaignsAdd .form-group .control-label{
    text-align: left;
}
.campaignsAdd .listsContacts{
    border-top:10px solid #f4f7fc;
}
.campaignsAdd .template .description{
    text-align: center;
}
.campaignsAdd .template .description b{
    font-weight:300;
}
.campaignsAdd .template a{
    text-decoration: none;
}
.campaignsAdd .template i{
    font-size: 60px;
    display: block;
    padding: 100px 0 0 70px;
    width: 200px;
    color: #51cae9;
}
.campaignsAdd .template i.fa-flip-vertical {
    padding: 0 0 100px 70px;
}
.campaignsAdd .tabbable.tabbable-tabdrop a{
    color:#546c76;
}

.nav-tabs>li.active{
    border-bottom: 3px solid #51cae9;
}

.m-grid-row.position-fixed i{
    cursor:pointer;
}
.select2SplitAB .select2-container--bootstrap{
    display:inline-block;
}

.irs-slider {
    background: #DDD !important;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(220, 220, 220, 1) 20%, rgba(255, 255, 255, 1) 100%) !important;
    border-radius: 27px !important;
    -moz-border-radius: 27px !important;
}
.irs-from, .irs-to, .irs-single, .irs-min, .irs-max{
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}
.irs-bar-edge {
    background: linear-gradient(to top, rgba(66, 139, 202, 1) 0%, rgba(127, 195, 232, 1) 100%) !important;
    -webkit-border-radius: 16px 0 0 16px !important;
    -moz-border-radius: 16px 0 0 16px !important;
    border-radius: 16px 0 0 16px !important;
}

.irs-shadow {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}
.irs-line {
    background: linear-gradient(to bottom, #DDD -50%, #FFF 150%) !important;
    -webkit-border-radius: 16px !important;
    -moz-border-radius: 16px !important;
    border-radius: 16px !important;
}
.caption-subject{
    font-size:16px;
    color:#535e69;
    font-weight:500;
}
.very-small{
    font-size:54%;
    display:inline-block;
}
.header-iphone{
    height: 55px;
    background-color: #EEE;
    border-bottom: 1px solid #DDD;
    margin-left:37px;
    width:450px;
    font-size:14px;
    top:140px;
    position: absolute;
}
.phone .row, .phone .col-md-12, .phone .col-md-3, .phone .col-md-5{
    margin: 0;
    padding: 0;
}
.phone .col-md-4{
    padding: 0 5px;
}
.phone .msg i{
    font-size:14px;
}
.phone .msg, .phone .det, .phone .from{
    color: #0B93F6;
    font-size: 15px;
    font-weight:bold;
    padding-top: 10px;
}
.phone .from{
    font-weight:bold;
    text-transform: uppercase;
    color: #000;
}
.phone p{
    margin:5px 0;
}
.campaignsAdd textarea {
    font-family: "Helvetica Neue";
    font-size: 20px;
    font-weight: normal;
}

.phone h4{
    margin-top: 0;
}

.phone-input-container {
    display: table-row;
    margin-bottom: 1em;
}

.phone-input-container > .check-phone {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.phone-input{
    font-size: 15px;
    outline: 0!important;
    box-shadow: none!important;
    display: block;
    width: 100%;
    display: table-cell;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -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;
}

.phone{
    font-family: "Helvetica Neue";
    font-size: 20px;
    font-weight: normal;
}

.phone section {
    max-width: 450px;
    margin-left:10px;
    padding-top: 200px;
}
.phone section div {
    max-width: 255px;
    word-wrap: break-word;
    margin-bottom: 20px;
    line-height: 24px;
}

.clear {
    clear: both;
}

.from-me {
    position: relative;
    padding: 10px 20px;
    color: white;
    background: #0B93F6;
    border-radius: 25px !important;
    float: right;
}
.from-me:before {
    content: "";
    position: absolute;
    z-index: 999;
    bottom: -2px;
    right: -7px;
    height: 20px;
    border-right: 20px solid #0B93F6;
    border-bottom-left-radius: 16px 14px !important;
    -webkit-transform: translate(0, -2px) !important;
}
.from-me:after {
    content: "";
    position: absolute;
    z-index: 999;
    bottom: -2px;
    right: -56px;
    width: 26px;
    height: 20px;
    background: white;
    border-bottom-left-radius: 10px !important;
    -webkit-transform: translate(-30px, -2px) !important;
}

.from-them {
    position: relative;
    padding: 10px 20px;
    background: #E5E5EA;
    border-radius: 25px !important;
    color: black;
    float: left;
}
.from-them:before {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: -2px;
    left: -7px;
    height: 20px;
    border-left: 20px solid #E5E5EA;
    border-bottom-right-radius: 16px 14px !important;
    -webkit-transform: translate(0, -2px) !important;
}
.from-them:after {
    content: "";
    position: absolute;
    z-index: 3;
    bottom: -2px;
    left: 4px;
    width: 26px;
    height: 20px;
    background: white;
    border-bottom-right-radius: 10px !important;
    -webkit-transform: translate(-30px, -2px) !important;
}

.mt-element-list .list-default.mt-list-container ul>.mt-list-item:first-child .list-icon-container{
    padding-top: 8px;
}

.sk-folding-cube {
    margin: 20px auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
    0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    } 25%, 75% {
          -webkit-transform: perspective(140px) rotateX(0deg);
          transform: perspective(140px) rotateX(0deg);
          opacity: 1;
      } 90%, 100% {
            -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
            opacity: 0;
        }
}

@keyframes sk-foldCubeAngle {
    0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    } 25%, 75% {
          -webkit-transform: perspective(140px) rotateX(0deg);
          transform: perspective(140px) rotateX(0deg);
          opacity: 1;
      } 90%, 100% {
            -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
            opacity: 0;
        }
}

/**** Adds to page campaigns****/
div.no-preview a i, div.preview a i, div.export a i, div.refreshData a i{
    color: #282626;
    font-size: 18px;
}

.no-preview, .preview, .export, .refreshData{
    background-color: #ffffff;
    border: 1px solid #f0f0f0;;
    line-height: 34px;
    width: 34px;
    height: 34px;
    text-align: center;
    vertical-align: bottom;
    position: relative;
    float: right;
}

.no-preview.disabled, .preview.disabled{
    background-color: #f4f7fc;
}

.btn.btn-sm.white{
    border: solid #cccccc 1px;
    color: #5c5c5c;
    background-color: #ffffff;
}
.campaigns .page-actions .actions a{
    color: #babec5;
    font-size: 18px;
    display: inline-block;
}

.actions-sync{
    padding-bottom: 20px;
}

.refreshData{
    margin-left: 15px;
}

.row.type{
    margin-left: 0px;
    margin-right: 0px;
}

#createcampaign .modal-dialog{
    width: 1051px;
}
#createcampaign span, #createcampaign a{
    color: #546c76;
}
#createcampaign .modal-title{
    font-size: 30px;
    font-weight: 300;
}
#createcampaign .form-group>label{
    font-size: 16px;
    font-weight: 300;
}
#createcampaign img {
    width: 172px;
    height: 172px;
}
#createcampaign a {
    text-align: center;
}
#createcampaign .form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 50px;
}
.campaigntype{
    position: relative;
    float: left;
    width: 20%;
    text-align: center;
    padding: 10px 5px;
}
.campaigntype.greyBackground, .campaigntype.greyBackground .thumbnail{
    background-color: #f4f7fc;
}
#createcampaign .campaigntype .title {
    font-size: 20px;
}
#createcampaign .campaigntype .text {
    font-size: 13px;
}
#createcampaign .campaigntype {
    text-align: center;
}
#createcampaign .thumbnail {
    border-width: 0px;
}
.cursorDefault, .pointer {
    cursor: default !important;
    pointer-events: none;
}
.group a{
    font-weight: 500 !important;
}
.campaigns h4 a {
    padding-left: 10px;
}
.campaigns .sub-arrow {
    padding-right: 10px;
}
.campaigns .td-subtable{
    border: 0;
}
.campaigns .subtable tr {
    background-color: #f4f7fc;
}
.campaigns .subtable th {
    border: none !important;
    color: #ffffff;
    padding: 0px !important;
}
.campaigns .subtable tr:first-child td{
    border: none !important;
}
.campaigns .subtable tr td {
    border-top: none !important;
}
.campaigns .td-subtable{
    padding: 0px !important;
}
.campaigns .table.subtable{
    margin: 0px !important;
    width: 100% !important;
    padding: 0;
    mso-cellspacing: 0;
    border: 0px !important;
}
.campaigns h4 a {
    padding-left: 10px;
}
.daterangepicker {
    z-index: 10000 !important;
}
.cropImg{
    width: 150px;
    max-height: 150px;
    overflow-y: hidden;
    border: solid #f0f0f0 1px;
}
.screenshot_preview{
    width: 150px;
}
#groupRadioDivNew, #groupRadioDivOld{
    margin-top: 10px;
    margin-bottom: 10px;
}
#plannigResend .input-group-addon{
    padding: 0px;
    border: solid #ccc 1px;
}
.reSendRadio label{
    padding-top: 20px;
}
#plannigResend .input-group-addon button{
    border: none;
}

/* Kyxar design */
/* Kyxar design */

#k_style .error,
.error_stripe {
    color: red;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
}

#k_style .error {
    position : absolute;
    top : -20px;
    left : 15px;
    position : absolute;
    padding : 4px 8px;
    background : red;
    color : #ffffff;
    font-size : 13px;
    line-height : 16px;
    z-index : 2;
}

#k_style .table_bloc .error,
#tva_bloc .error {
    left : 0;
}

#k_style input:focus,
#k_style input.inputerror:focus {
    position : relative;
    z-index : 3;
    background : #ffffff;
}

#k_style .error:after {
    content : '';
    position : absolute;
    bottom : -4px;
    left : 10px;
    border-style : solid;
    border-color : red transparent transparent transparent;
    border-width : 4px 3px 0 3px;
    
}
    
.col_left {
    width : 300px;
    margin-right : 20px;
    float : left;
}

.col_main {
    width : calc(100% - 320px);
    min-width : 408px;
    float : left;
}

#k_style .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    min-height: 0;
}

#k_style .page-content-inner {
    padding : 15px;
}

#k_style .btn1 {
    background : transparent;
    border : 1px solid #82a0ae;
    color : #82a0ae;
    text-transform : uppercase;
}

#k_style .btn1:hover {
    background : #32C5D2;
    border : 1px solid #32C5D2;
    color : #ffffff;
}

#k_style .btn2 {
    background : #f45e83;
    border : 1px solid #f45e83;
    color : #ffffff;
    text-transform : uppercase;
}

#k_style .btn2:hover {
    background : transparent;
    color : #f45e83;
}

#k_style .page-content-inner header {
    min-height : 40px;
    line-height : 40px;
    border-bottom : 1px solid #f4f7fc;
    margin-bottom : 10px;
}

#k_style .k_admin_bloc {
    margin-bottom : 20px;
}

.offer_recap .page-content-inner {
    font-size : 16px;
}

.offer_recap .title {
    text-align : center;
    text-transform : uppercase;
    font-weight : 700;
    font-size : 20px;
}

.offer_recap .symbol {
    font-size : 50px;
    width : 100%;
    text-align : center;
}

.offer_recap .offer_info {
    width : 100%;
    line-height : 1;
    color : #f45e83;
    font-weight : 300;
    text-align : center;
    margin-top : 10px;
}

.offer_recap .offer_info .value {
    color : #546c76;
}

.offer_recap .offer_info .highlight{
    font-size : 36px;
    color : #f45e83;
    display : block;
}

.offer_recap .qt_detail {
    margin : 20px 0 0 0;
    line-height : 50px;
    border-top : 1px solid #f4f7fc;
    text-align : center;
    font-size : 16px;
    display : block;
}

.offer_recap .qt_detail .highlight {
    font-size : 34px;
}

#offer_detail {
    color : #546c76;
    font-size : 15px;
    font-weight : 400;
}

#offer_detail header,
#billing_dl header,
#com_info header {
    font-weight : 600;
}

#offer_detail ul {
    margin : 0;
    padding : 0;
}

#offer_detail li.offer_item {
    display : block;
    min-height : 25px;
    line-height : 25px;
    position : relative;
    padding : 0;
}

#offer_detail li.offer_item .status {
    position : absolute;
    top : 1px;
    right : 0;
    background : #f45e83;
    color : #ffffff;
    padding : 0px 15px;
    line-height : 21px;
    height : 21px;
    font-size : 12px;
    overflow : hidden;
}

#offer_detail li.offer_item .offer_option_item .status .resiliation_bloc {
    position : absolute;
    right : 0;
    top : 0;
    width : 100%;
    display : inline-block;
    background : red;
    text-align : center;
    cursor : pointer;
    
    transform : translateX(100%);
    
    transition : all 0.2s ease-in-out;
    -ms-transition : all 0.2s ease-in-out;
    -webkit-transition : all 0.2s ease-in-out;
}


#offer_detail li.offer_item .offer_option_item .status:hover .resiliation_bloc {
    transform : translateX(0);
}

#offer_detail li.offer_item .status.valid {
    background : #3cc051;
}

#offer_detail li.offer_item .highlight {
    font-weight : 600;
}

#offer_detail li.offer_item ul {
    margin-top : 10px;
}

#offer_detail li.offer_option_item {
    display : block;
    min-height : 22px;
    position : relative;
    font-size : 14px;
    padding-left : 0px;
}

#offer_detail #unsubscribe {
    margin-top : 10px;
    text-align : center;
}

#k_style .aheight {
    display : inline-block;
    line-height : 1;
    vertical-align : middle;
}

#k_style .custom_s,
#k_style .select2 {
    width : 100%;
    display : block;
    margin-bottom : 20px;
}

#billing_dl .submit_bloc {
    text-align : center;
}

#com_info .highlight {
    font-weight : 600;
}

#k_style .col_main .page-content-inner > header {
    margin : 0 -20px 20px -20px;
    padding : 0 0 0 20px;
}

#k_style .col_main .page-content-inner > header h1 {
    float : left;
    margin : 0;
    font-weight : 300;
}

#k_style .col_main .page-content-inner > header .sub_breadcrumb {
    float : right;
    padding : 0;
    margin : 0;
}

#k_style .col_main .page-content-inner > header .sub_breadcrumb li {
    display : block;
    float : left;
    width : 110px;
    text-align : center;
    border-bottom : 2px solid transparent;
    
    transition : all 0.2s ease-in-out;
}

#k_style .col_main .page-content-inner > header .sub_breadcrumb li.active {
    border-bottom : 2px solid #51cae9;
}

#k_style .col_main .page-content-inner > header .sub_breadcrumb li:not(.active):hover {
    border-bottom : 2px solid #a0e0f0;
}

#k_style .col_main .page-content-inner > header .sub_breadcrumb li a {
    text-decoration : none;
}

#k_style .page-content-inner div.offer {
    width : 325px;
    border : 1px solid #dde1e5;
    display : inline-block;
    margin : 20px 23px;
}

#k_style .page-content-inner + .page-content-inner {
    margin-top : 25px;
}

#k_style .page-content-inner > .content {
    padding : 25px 10px;
    text-align : center;
}

#k_style .page-content-inner .offer header {
    color : #ffffff;
    font-size : 30px;
    height : 70px;
    line-height : 70px;
    position : relative;
    margin-bottom : 20px;
}

#k_style .page-content-inner .offer header:after {
    content : '';
    height : 0;
    width : 0;
    position : absolute;
    bottom : -16px;
    left : calc(50% - 14px);
    border-width : 16px 14px 0 14px;
    border-style : solid;
    border-color : #32c5d2 transparent transparent transparent;
}

#k_style .page-content-inner .offer.byyear header:after {
    border-color : #f45e83 transparent transparent transparent;
}

#k_style .page-content-inner .offer.bymonth header {
    background-color : #32c5d2;
}

#k_style .page-content-inner .offer.byyear header {
    background-color : #f45e83;
}

#k_style .page-content-inner .offer .price_item {
    font-size : 28px;
    display : inline-block;
    line-height : 1;
    position : relative;
}

#k_style .page-content-inner .offer .price_item .highlight {
    font-size : 214%;
    line-height : 1;
    display : inline-block;
}

#k_style .page-content-inner .offer .price_item .unit {
    position : absolute;
    bottom : 2px;
    left : 100%;
}

#k_style .page-content-inner .condition {
    background : #f7f9fb;
    padding : 10px 0;
    margin : 20px 0;
    font-weight : 400;
    font-size : 16px;
    color : #546c76;
}

#k_style .page-content-inner .offer .global_price {
    display : inline-block;
    padding : 10px 0;
}

#k_style .page-content-inner .condition ul.offer {
    margin : 0;
    padding : 0;
}

#k_style .page-content-inner .condition ul.offer li {
    display : block;
    text-align : left;
    padding-left : 10%;
    line-height : 42px;
}

#k_style .page-content-inner .condition ul.offer li .fa,
#k_style .page-content-inner .offer.module ul.offer li input[type="checkbox"],
#k_style .page-content-inner input[type="radio"] {
    width : 24px;
    font-size : 20px;
    display : inline-block;
    color : #6daee6;
    margin-right : 10px;
}

#k_style .page-content-inner .condition ul.offer li .fa + .aheight {
    width : calc(100% - 34px);
}

#k_style .page-content-inner .offer .submit_bloc {
    margin : 20px 0;
}

#k_style .page-content-inner .offer.module .price_item {
    font-size : 16px;
}

#k_style .page-content-inner .offer.module .condition {
    background : transparent;
    padding : 0;
}

#k_style input[type="checkbox"],
#k_style input[type="radio"] {
    opacity : 0;
    visibility : hidden;
}

#k_style input[type="checkbox"] + label,
#k_style input[type="radio"] + label {
    font-weight : 300px;
    margin-left : -34px;
    padding-left : 34px;
    position : relative;
    font-weight : 300;
}

#k_style input[type="radio"] + label {
    padding-left : 24px;
}

#k_style input[type="checkbox"] + label:before,
#k_style input[type="checkbox"] + label:after {
    content : '';
    position : absolute;
    top : 13px;
    left : 0;
    display : block;
    width : 16px;
    height : 16px;
    border : 1px solid #b9b9b9;
}

#k_style input[type="checkbox"] + label:after {
    content:"";
    border : 0;
    color : #32C5D2;
    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 1;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
    opacity : 0;
    
    transition : opacity 0.2s ease-in-out;
}

#k_style input[type="checkbox"]:checked + label:after { 
    opacity : 1;
}

#k_style input[type="radio"] + label:before,
#k_style input[type="radio"] + label:after {
    content : '';
    position : absolute;
    top : 15px;
    left : 0;
    display : block;
    width : 16px;
    height : 16px;
    border : 1px solid #b9b9b9;
    border-radius : 8px;
}

#k_style input[type="radio"]:checked + label:after {
    width : 8px;
    height : 8px;
    border-radius : 4px;
    background : #546C76;
    top : 19px;
    left : 4px;
}

#k_style .simple_radio_item input[type="radio"] + label:before, 
#k_style .simple_radio_item input[type="radio"] + label:after {
    top: 2px;
}

#k_style .simple_radio_item input[type="radio"]:checked + label:after {
    top : 6px;
}

#k_style .page-content-inner .left_main_content {
    margin : 20px 23px;
    width : 325px;
    display : inline-block;
    vertical-align: top;
}

#k_style .page-content-inner .right_main_content {
    margin : 20px 23px;
    width : 593px;
    display : inline-block;
    vertical-align: top;
}

#k_style .page-content-inner .left_main_content .offer {
    margin : 20px 0;
}

#k_style .page-content-inner div.formula_explaination {
    width : 325px;
    border : 1px solid #dde1e5;
}

#k_style .page-content-inner .formula_explaination .header,
#k_style .page-content-inner .formula_explaination .footer {
    height : 94px;
    line-height : 94px;
    position : relative;
    padding : 0 20px;
    text-align : left;
}

#k_style .page-content-inner .formula_explaination .footer {
    font-weight : bold;
    height : 105px;
    line-height : 105px;
}

#k_style .page-content-inner .formula_explaination .condition {
    margin : 0;
}

#k_style .page-content-inner .formula_explaination .condition ul.offer li .fa {
    color : #32c5d2;
}

#k_style .page-content-inner .right_main_content .price_list {
    display : block;
    width : 100%;
    border : 1px solid #dde1e5;
    padding : 0;
    margin : 0;
}

#k_style .page-content-inner .right_main_content .price_list li {
    margin : -1px 0 2px -1px;
    height : 70px;
    line-height : 70px;
    display : block;
}

#k_style .page-content-inner .right_main_content .price_list li:last-child {
    margin-bottom : -1px;
}

#k_style .page-content-inner .right_main_content .price_list li .counter {
    background : #32c5d2;
    color : #ffffff;
    width : 36%;
    float : left;
    height : 70px;
    position : relative;
    font-size : 16px;
    font-weight : 300;
    text-align : right;
    padding-right : 20px;
}

#k_style .page-content-inner .right_main_content .price_list li .counter .highlight {
    font-size : 30px;
}

#k_style .page-content-inner .right_main_content .price_list li .counter:before {
    content : "";
    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 : 54px;
    position : absolute;
    bottom : -5px;
    left : -3px;
    color : rgba(255, 255, 255, 0.1);
}

#k_style .page-content-inner .right_main_content .price_list li .price {
    width : 33%;
    float : left;
    height : 70px;
    font-size : 20px;
    padding-right : 20px;
    text-align : right;
}

#k_style .page-content-inner .right_main_content .price_list li .price .highlight {
    font-size : 40px;
}

#k_style .page-content-inner .right_main_content .price_list li .button_container {
    width : 31%;
    float : left;
    text-align : right;
    padding-right : 15px;
}

#k_style .page-content-inner .right_main_content .price_list li .button_container .btn {
    padding : 8px 28px;
    font-size : 16px;
}

#k_style .form_bloc header,
#k_style  .table_bloc header {
    text-align : left;
    color : #51cae9;
    font-size : 14px;
    font-weight : 700;
    text-transform : uppercase;
    border : 0;
}

#k_style .form_bloc header .fa,
#k_style .table_bloc header .fa {
    margin-right : 5px;
}

#k_payment input[type='text'],
#k_payment input.field {
    width : 100%;
    padding : 0 0 0 10px;
    height : 30px;
    border : 1px solid #c2cad8;
    margin : 10px 0;
}
#k_payment .StripeElement {
    border : 1px solid #c2cad8;
    margin : 10px 0;
    padding : 0 0 0 10px;
    height : 30px;
    padding-top : 5px;
}

#k_payment .label {
    display: block;
    width: calc(70% - 10px);
    float : left;
    color : #546c76;
    padding : 0;
    margin : 0 10px 0 0;
}

#k_payment .label .text {
    display: block;
    width: 40%;
    float : left;
    margin: 10px 0;
    padding: 5px 0 0 0;
    height: 30px;
    text-align : left;
    font-weight : 300;
    font-size : 14px;
    color: #546c76;
}

#k_payment .label .StripeElement {
    display: block;
    width: 60%;
    float : left;
}

#k_payment #card-cvc_container {
    float : left;
    width : 30%;
}

#k_payment #card-cvc_container #card-cvc_help {
    width : 20%;
    display : block;
    float : left;
    margin: 10px 0;
    height : 30px;
    padding-top : 5px;
}

#k_payment #card-cvc_container #card-cvc {
    width : 80%;
    display : block;
    float : left;
}

#k_payment .stripe_rassurance {
    display : block;
}

#k_payment #pay_info {
    display : block;
    margin : 20px 0px;
    text-align : left;
}

#k_style #cgv_block {
    text-align : left;
    margin : 15px 0;
}

#k_style #cgv_block a {
    color : #f45e83;
}

#k_payment  .button_container {
    text-align : right;
}

#k_style #cgv_block input[type="checkbox"] {
    width: 24px;
    font-size: 20px;
    display: inline-block;
    color: #6daee6;
    margin-right: 10px;
}

/*
#k_style #cgv_block input[type="checkbox"] + label {
    margin-left : 0;
}
*/

#k_style #cgv_block input[type="checkbox"] + label:before, 
#k_style #cgv_block input[type="checkbox"] + label:after {
    top: 3px;
}

#k_payment input[type='text']::-webkit-input-placeholder {
   color: #546c76!important;
   opacity : 1!important;
}

#k_payment input[type='text']:-moz-placeholder { /* Firefox 18- */
   color: #546c76!important;
   opacity : 1!important;
}

#k_payment input[type='text']::-moz-placeholder {  /* Firefox 19+ */
   color: #546c76!important;
   opacity : 1!important;
}

#k_payment input[type='text']:-ms-input-placeholder {  
   color: #546c76!important;
   opacity : 1!important;
}

#k_payment table .libelle {
    width : 52%;
    text-align : left;
    padding-left : 5px;
}

#k_payment table tr {
    height : 36px;
}

#k_payment table th.price {
    text-align : center;
}

#k_payment table .sub_total {
    width : 32%;
    text-align : left;
}

#k_payment table .price {
    text-align : right;
    padding-right : 5px;
}

#k_payment table .border_top {
    border-top : 1px solid #dddddd;
}

#k_payment table .border_bot {
    border-bottom : 1px solid #dddddd;
}

#k_payment table .option_line {
    display : inline-block;
    padding-left : 20px;
}

#k_payment  .promo_bloc {
    line-height : 36px;
    position : relative;
}

#k_payment  .promo_bloc input {
    width : 40%;
}

#k_payment .info_picto {
    position : relative;
    cursor : pointer;
    display : inline-block;
}

#k_payment .info_picto .masque-hover {
    opacity : 0;
    visibility : hidden;
    position : absolute;
    bottom : 30px;
    left : 0;
    min-width : 250px;
    padding : 5px;
    background : #000000;
    color : #ffffff;
}

#k_payment .info_picto .masque-hover:after {
    content : '';
    position : absolute;
    bottom : -4px;
    left : 10px;
    height : 0;
    width : 0;
    border-width : 4px 4px 0 4px;
    border-color : #000000 transparent transparent transparent;
    border-style : solid;
}

#k_payment .info_picto:hover .masque-hover {
    opacity : 1;
    visibility : visible;
}

#k_payment .info_picto .round_pic {
    display : inline-block;
    background : #546c76;
    color : #ffffff;
    overflow : hidden;
    width:16px;
    height:16px;
    text-align : center;
    line-height : 16px;
    border-radius : 8px!important;
}

#k_style #payment_bloc .radio_item {
    float : left;
    width : 80px;
    text-align : left;
}

#k_style #payment_bloc .radio_item label {
    font-size : 32px;
}

#k_style #payment_bloc .simple_radio_item {
    float : left;
    width : 100%;
    text-align : left;
}

#k_style  #range_slider:not(.ui-slider) {
    display : none;
}

#k_style  #range_selector {
    width : 700px;
    margin : 20px auto;
}

#k_style .ui-slider-horizontal {
    height: 16px;
    background : #f4f7fc;
    border : 1px solid #f0f0f0;
}

#k_style  #custom-handle {
    width: 24px;
    height: 24px;
    top: 50%;
    margin: -12px 0 0 -12px;
    text-align: center;
    line-height: 12px;
    background : #ffffff;
    border : 1px solid #dddddd;
    border-radius : 12px !important;
    
    position: absolute;
    z-index: 2;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

#k_style  #custom-handle .range_info {
    position : absolute;
    top : -35px;
    left : 12px;
    background : #f4f7fc;
    color : #F45E83;
    border : #f0f0f0;
    display : inline-block;
    padding : 5px;
    box-sizing : border-box;
    white-space: nowrap;
    
    transform : translateX(-50%);
    -ms-transform : translateX(-50%);
    -webkit-transform : translateX(-50%);
}

#k_style  #custom-handle .range_info .tri:before,
#k_style  #custom-handle .range_info .tri:after {
    content : '';
    position : absolute;
    bottom : -7px;
    left : calc(50% - 5px);
    height : 0;
    width : 0;
    border-width : 7px 5px 0 5px;
    border-style : solid;
    border-color : #f4f7fc transparent transparent transparent;
    z-index : 2;
}

#k_style  #custom-handle .range_info .tri:after {
    bottom : -8px;
    border-width : 8px 6px 0 6px;
    border-color : #f0f0f0 transparent transparent transparent;
    z-index : 1;
}

#k_style .ui-slider-horizontal .ui-slider-range {
    background : #f45e83;
    height: 16px;
}

#k_style .ui-slider {
    position: relative;
    text-align: left;
}

#k_style .infobloc {
    padding : 15px;
    border-radius : 5px!important;
    border : 1px solid #3CC051;
    background : rgba(60, 192, 81, 0.6);
    color : #ffffff;
    margin-bottom : 60px;
}

input.inputvalid {
    background: rgba(60, 192, 81, 0.3);
}

input.inputerror {
    background: rgba(244, 94, 131, 0.3);
}

#tva_bloc {
    position : relative;
}

.input_loader {
    transition : all 0.2s ease-in-out;
    -ms-transition : all 0.2s ease-in-out;
    -webkit-transition : all 0.2s ease-in-out;
}

.input_loader.hidden {
    opacity : 0;
    visibility : hidden;
}

.input_loader .full_loader_container {
    position: absolute;
    width: 20%;
    height: 100%;
    z-index: 1000;
    top: 0;
    left: 50%;
}

#tva_bloc  .input_loader .full_loader_container {
    left : 100%;
}

.input_loader .full_loader_container .spinner {
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -20px;
    position: absolute;
}

.spinner > div {
    background-color: #616e8a;
    height: 100%;
    width: 6px;
    display: block;
    margin: 0 1px;
    float: left;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner {
    margin: 30px auto;
    width: 40px;
    height: 30px;
    text-align: center;
    font-size: 10px;
    line-height : 30px;
}

.button_section .spinner,
.tea_block .spinner {
    margin : 0 auto;
}

.spinner > div {
    background-color: #616e8a;
    height: 100%;
    width: 6px;
    display: block;
    margin : 0 1px;
    float:left;

    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}


@media (max-width:1250px) {

    #k_style .page-content-inner > .content {
        padding: 25px 0px;
    }

}
@media (max-width:1500px) {

    .mnuCampaignname{
        display: none;
    }

}

@media (max-width:1145px) {

    #k_style #range_selector {
        width : 100%;
    }
    
    #k_style .page-content-inner .right_main_content {
        width : auto;
        margin: 20px auto;
    }
    
    #k_style .page-content-inner .right_main_content .price_list li .price {
        width: 55%;
    }
    
    #k_style .page-content-inner .right_main_content .price_list {
        width : 325px;
    }
    
    #k_style .page-content-inner .right_main_content .price_list li {
        height: 140px;
    }
    
    #k_style .page-content-inner .right_main_content .price_list li .counter {
        width : 100%;
    }
    
    #k_style .page-content-inner .right_main_content .price_list li .button_container {
        width: 45%;
    }

}

@media (max-width:960px) {


    #k_style .col_main .page-content-inner > header h1,
    #k_style .col_main .page-content-inner > header .sub_breadcrumb {
        float : none;
        display : block;
    }
    
    #k_style .col_main .page-content-inner > header .sub_breadcrumb {
        margin-left : -20px;
    }
    
    #k_style .col_main .page-content-inner > header .sub_breadcrumb li {
        width: 25%;
        min-width : 90px;
    }

    #k_style .page-content-inner > .content {
        padding: 25px 0px;
    }

}

/* Campaigns Sidebar Design */

#campaignsSidebar, #listsSidebar{
    top: 50px;
}

#campaignsSidebar.page-quick-sidebar-wrapper, #campaignsSidebar .page-quick-sidebar, #listsSidebar.page-quick-sidebar-wrapper, #listsSidebar .page-quick-sidebar{
    background-color: #2c383d;
}

#campaignsSidebar .page-quick-sidebar, #listsSidebar .page-quick-sidebar{
    color: #c6cfda;
}

#campaignsSidebar .btn, #listsSidebar .btn{
    background-color: #39484f;
    margin-right: 10px;
}

#campaignsSidebar .btn>a, #listsSidebar .btn>a{
    color: #ffffff;
    text-decoration: none;
}

.page-quick-sidebar-toggler{
    position: unset;
    height: 35px;
    width: 35px;
    padding: 0px;
}

.dropdown.dropdown-quick-sidebar-toggler{
    position: relative;
    float: right;
    margin-left: 5px;
    padding-top: 10px;
}
.dropdown.dropdown-quick-sidebar-toggler a{
    text-decoration:none;
    color:  #415159;
}

.first-row{
    text-align: right;
    margin-right: 5px;
}

#nestable{
    padding-right: 15px;
    padding-left: 15px;
    overflow-y: scroll;
    height: 500px;
}

#nestable .dd-handle{
    background-color: #415159;
    border-color: #5e7580;
    color: #c6cfda;
    height: 34px;
}

#nestable .dd-handle .fa-pencil{
    float: right;
    display: none;
    cursor: pointer;
    padding-top: 3px;
}

#nestable .add-folder{
    background-color: #495a63;
    border-style: dashed;
    border-color: #9ea5a9;
    border-width: 1px;
    color: #c6cfda;
    height: 34px;
    margin-bottom: 5px;
    display: none;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

.dd-item-add{
    list-style-type: none;
}

#nestable .dd-close{
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    valign: center;
    display: none;
}

#nestable .dd-edit{
    position: absolute;
    top: 0;
    right: 40px;
    text-align: center;
    valign: center;
    display: none;
}

#nestable .btn-icon-only{
    padding: 5px 0;
    margin-right: 0px;
    color: #c6cfda;
    border-color: #5e7580;
}

#campaignsSidebar .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, #campaignsSidebar .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, #listsSidebar .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, #listsSidebar .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default{
    background-color: #c6cfda;
    color: #415159;
}

#campaignsSidebar .bootstrap-switch, #listsSidebar .bootstrap-switch{
    border: none;
    margin-right: 10px;
}

#campaignsSidebar .bootstrap-switch-container, #listsSidebar .bootstrap-switch-container{
  height: 34px;
}

#campaignsSidebar .btn.rose, #listsSidebar .btn.rose{
   display: none;
}
#folderChoice{
    width: 200px;
}
#viewAll{
    position: relative;
    float: left;
    text-align: right;
    height: 34px;
    width: 220px;
    padding-top: 5px;
    cursor: pointer;
}
#content_form label:hover
{
    cursor:text;
}

.page-lock, .lock-head, .lock-bottom{
    background-color:#fff;
}

.page-footer-custom{
    color:#aaa;
}

.lock-body .lock-cont .alert-success, .lock-body .lock-cont .alert-danger{
    padding: 11px;
    margin: 10px 0 30px;
}


.lock-cont input[type=submit], lock-body input[type=submit]{
    margin : 0;
}


.form_content .idfuse-alert {
    background-color: transparent;
}

.form_content .idfuse-alert span {
    color: red;
    margin: 5px;
}

.form_content .idfuse-close {
    float: left;
    margin: 5px

}

div.sendBatRadioChoice {
    width: 100%;
    text-align: center;
    color:#546c76;
    font-size: small;
}

div.sendBatRadioChoice input[type="radio"] {
    vertical-align: middle;
}

div.sendBatRadioChoice label:nth-of-type(1) {
    margin-right: 5%;
}

div.sendBatRadioChoice input:nth-of-type(2) {
    margin-left: 5%;
}

/*
Page dropzone
 */