@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* Palette primaria globale (opzionale, utile per .bg-primary e utilities) */
:root {
    --bs-primary: #004a72;
    /* tuo colore */
    --bs-primary-rgb: 11, 60, 73;
}

/* Forza .bg-primary (utile se il tema altera le opacity) */
.bg-primary {
    background-color: rgba(var(--bs-primary-rgb), 1) !important;
}

/* Variante .btn-primary — override diretto delle variables di variante */
.btn.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);

    /* Stati */
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #093844;
    /* tono più scuro del primario */
    --bs-btn-hover-border-color: #093844;

    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #07303a;
    --bs-btn-active-border-color: #07303a;

    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);

    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.btn.btn-outline-primary {
    --bs-btn-color: #005c9c;
    /* rosso */
    --bs-btn-border-color: #005c9c;

    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #005c9c;
    --bs-btn-hover-border-color: #005c9c;

    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #005c9c;
    /* rosso un filo più scuro per active */
    --bs-btn-active-border-color: #005c9c;

    --bs-btn-disabled-color: #005c9c;
    --bs-btn-disabled-border-color: #005c9c;

    --bs-btn-focus-shadow-rgb: 0, 92, 156;
}

body {
    color: #000000;
    font-weight: 400;
    font-family: 'Inter', open_sanslight, Arial, Verdana, sans-serif;
    font-size: 15px;
    margin: 0;
    padding: 0;
}

body.sentinel {
    height: 100vh;
}

body.sentinel .container {
    height: 100%;
}

body.offcanvas-open:not(.mfBuilder) #main_container,
body.offcanvas-open:not(.mfBuilder) #header .inner-header {
    margin-right: var(--bs-offcanvas-width, 380px);
    transition: margin-right 0.3s ease-in-out;
}

.offcanvas .hide-results {
    display: none !important;
}


h1 {
    font-family: 'Inter', "open_sanslight", Arial, Verdana, sans-serif;
    font-weight: 500;
    font-size: 36px;
    color: #777777;
    margin-bottom: 20px;
}


.text-primary {
    color: #0072b0 !important;
}

.border-primary {
    border-color: #0072b0 !important;
}

.sup_small {
    color: #FF4400;
    margin-left: 5px;
}

a {
    color: #005c9c;
}

a:active {
    outline: none;
    outline-style: none;
    -moz-outline-style: none;
}

a:focus {
    outline: none;
    -moz-outline-style: none;
    outline-style: none;
    text-decoration: none;
}

textarea,
input,
select {
    color: #000000;
    font-family: 'Inter', Arial, Verdana, "open_sanslight", sans-serif;
}


input[type=text]:read-only,
textarea:read-only,
input.readonly {
    color: #AAAAAA !important;
    cursor: not-allowed;

}

a,
a:visited {
    outline: medium none;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.private-message table {
    border-collapse: separate;
}

.private-message input[type=text] {
    width: 100%;
}

.generic_page {
    background: #EFEFEF;
}

.generic_page.popupLibrary {
    overflow: hidden;
}

.library-space-info {
    background: #BBDDFF;
    border-radius: 5px;
    padding: 1px;
    text-align: center;
    position: relative;
    width: 200px;
    margin-bottom: 10px;
}


input.uppercase,
select.uppercase {
    text-transform: uppercase;
}



.container {
    width: 100%;
}

#container {
    padding: 0px;
    z-index: 990;

}

#main_container {
    margin-top: 45px;
    background-color: #0072b0;
}

#header {
    margin: 0;
    width: 100%;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030;
    top: 0;
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

#header .inner-header {
    background: white;
    padding: 0 5px;
}

#top_alert {
    position: fixed;
    top: 0;
    width: 100%;
    height: 46px;
    background: #0072b0;
    z-index: 10;
    padding-top: 10px;
    color: #FFFFFF;
    border-radius: 0;
    border: 0;
    margin: 0;
    border-bottom: 1px solid #cdcdcd;
}

#main_container.withTopAlert {
    margin-top: 92px;
}

#top_alert.alert-red {
    background: #FF0000;
    text-align: center;
}

.withTopAlert .mf-email-builder {
    top: 92px;
}

#top_alert a,
#top_alert a:link,
#top_alert a:visited {
    color: #FFFF00;
    text-decoration: underline;
}



#logo {
    margin: 0;
    padding: 0;
}

#logo a {
    background: url("../../../agency/console.png") no-repeat center center transparent;
    display: block;
    height: 30px;
    width: 190px;
    margin: 8px 5px 8px 5px;
}

#main_header {
    z-index: 990;
    padding: 0;
    line-height: 22px;
}

#mfaccount_profile_nav {
    color: #FFFFFF;
    float: left;
    font-size: 97%;
    font-weight: bold;
    text-align: right;
    width: 100%;
}

#mfaccount_profile_nav img {
    border: 0;
}

#mfaccount_profile_nav p {
    float: left;
    padding: 0.5em 0.5em;
    white-space: nowrap;
    width: auto;
}

#mfaccount_profile_nav a {
    padding: 0 1em 0 0;
}

#mfaccount_profile_nav p#mfaccount_nav {
    float: right;
    padding-right: 0.5em;
    text-align: right;
}

#profile_nav label {
    margin: 0 0 0 0.5em;
}

#profile_nav select {
    font-size: 8.75pt;
    font-weight: normal;
}

.inline {
    display: inline-block !important;
}

.table_operations select,
.table_operations input,
.table_controls select,
.table_controls input {
    display: inline-block !important;
    width: auto !important;
}

.table_rows .norecords td {
    text-align: center;
    background: #FFFFFF !important;
    font-size: 15px;
    color: #888888;
    font-weight: bold;
    padding: 8px;
}

.jumbotron h1 {
    color: #333333;
}

.jumbotron p {
    color: #777777;
}

.jumbotron.jumbotron-blu {
    background: #d0eaff;
}

#results .jumbotron {
    margin: 0;
}



.pbar {
    width: 100%;
    position: fixed;
    z-index: 100;
}

.pbar div {
    height: 2px;
    background: #CDCDCD
}

.mfBuilder .pbar {
    top: 46px;
}

#main_content {
    min-height: 760px;
    margin-left: 225px;
    background: #f8fafc;
    padding: 0px;
    border-left: 1px solid #CDCDCD;
}


#main_context {
    position: absolute;
    width: 225px;
    background: #f8fafc;
}


#report_header {
    width: 100%;
}

h1.title,
#report_header h1.name {
    line-height: 1em;
    color: #000000;
    font-size: 32x;

}

#report_header .title_container {
    height: 40px;
    min-height: 40px;
    position: relative;
    vertical-align: bottom;
    width: 100%;
    overflow: hidden;
}

#report_header .title_container.twolines {
    height: 50px;
    min-height: 50px;
}

#report_header .title_contents {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#listDetails {
    display: none;
    background: #EFEFEF;
    margin: 0;
    padding: 5px;
    top: 35px;
    right: 0;
    border-radius: 2px;
    font-size: 13px;
    letter-spacing: 0px;
    white-space: nowrap;
}

#listDetails input {
    width: 300px;
}

.nameHighlight {
    font-size: 20px;
    color: #666666;
    font-weight: normal;
}

.date_range {
    float: right;
    position: relative;
    z-index: 10;
}

.date_range a {
    color: #333333;
    float: right;
    font-size: 150%;
    line-height: 1.1em;
    margin: 0;
    outline: medium none;
    text-decoration: none;
}

.date_range a .comparison_hide {
    background: none repeat scroll 0 0 #F7F7F7;
    bottom: 5px;
    display: block;
    height: 5px;
    line-height: 5px;
    position: absolute;
    right: 1px;
    width: 20px;
}

.date_range b {
    border-color: #EEEEEE;
    border-style: solid;
    border-width: 1px 0;
    display: block;
    font-weight: normal;
    margin: 0 1px;
    padding: 0;
}

.date_range b b {
    background: none repeat scroll 0 0 transparent;
    border-width: 0 1px;
    display: block;
    margin: 0 -1px;
    padding: 0;
}

.date_range b b b {
    border-width: 0;
    margin: 0;
}

.date_range a .comparison_dropdown {
    background: url("../icons/button_n_arrow_down.gif") no-repeat scroll center center #F7F7F7;
    border-left: 1px solid #EEEEEE;
    bottom: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    right: 0;
    width: 20px;
}

#footer {
    position: relative;
    width: 100%;
    height: 40px;
    border-top: 1px solid #CDCDCD;
    font-size: 0.9em;
}

#footer_nav {
    text-align: center;
    margin: 0;
    padding: 10px;
}

#footer_nav span {
    border-color: #666666;
    border-style: solid;
    border-width: 0 1px 0 0;
    margin: 0 3px;
    padding: 0 5px 0 1px;
}

#footer_nav span.last {
    border: medium none;
}

#footer .footer-items {
    float: right;
}

#footer .go-top {
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0;
    margin-right: 5px;
    margin-top: 5px;
    text-align: center;
    text-decoration: none;
    width: 30px;
    border: 0;
}


.overview_intro {
    background: #EEEEEE;
    border-radius: 5px;
    padding: .5rem 1rem;
    width: 100%;
    position: relative;
    margin-bottom: 1rem;
}

.overview_intro h2 {
    font-size: 25px;
    margin: 0;
}

.overview_intro.card-header {
    margin-bottom: 0;
}

/*
.overview_intro {
	background:url("../images/corner_subtitle_highlight_tl.gif") no-repeat scroll left top #EEEEEE;
	margin:0 0 1em;
	width:100%;
}

.overview_intro div {
	background:url("../images/corner_subtitle_highlight_bl.gif") no-repeat scroll left bottom transparent;
}

.overview_intro div div {
	background:url("../images/corner_subtitle_highlight_br.gif") no-repeat scroll right bottom transparent;
}

.overview_intro div div div {
	background:url("../images/corner_subtitle_highlight_tr.gif") no-repeat scroll right top transparent;
	margin:0;
	padding:10px;
}

.overview_intro div div div h2 {
	font-size:160%;
	margin:0;
}
*/

.overview_intro.separator {
    margin-top: 40px;
}

.statistic {
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
}

.statistic .item_title {
    font-size: 55%;
    font-weight: normal;
    text-align: right;
    border-top: 1px solid #ABABAB;
    padding-right: 10px;
    margin-right: 10px;
}

.statistic .item_value {
    font-size: 95%;
}

.statistic .item_understats {
    font-size: 70%;
    color: #555555;
}

.statistic .item_label {
    font-size: 80%;
}

.statistic .item_label_small {
    font-size: 60%;
    font-weight: normal;
}

.statistic .averages {
    color: #666666;
    font-size: 60%;
    font-weight: normal;
}

.statistic {
    margin: 0 0 0.8em;
}

.ui-tabs a:visited,
.ui-tabs a:link {
    color: #428BCA;
    text-decoration: none;
}

.ui-tabs a.btn:visited,
.ui-tabs a.btn:link,
.ui-tabs a.button:visited,
.ui-tabs a.button:link {
    color: #FFFFFF;
}

.statistics-box {
    margin: 0;
    padding: 10px;
}

/* TABLE */

.table_rows {
    font-size: 100%;
    width: 100%;
}

th.text a,
td.text a {
    margin-left: 1px;
}

.text_wrapper .text_wrapper {
    height: 1.2em;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    white-space: nowrap;
    width: 100%;
}

.text_wrapper {
    display: block;
    height: 1.2em;
    margin: 0;
    position: relative;
    width: 100%;
}

.table_rows th {
    border-bottom: 1px solid #cccccc;
    padding: 0.7em;
    color: #666666;
    background: #D6D6D6;
}

.table_rows tbody tr td {
    border-bottom: 1px solid #DDDDDD;
    padding: 0.7em;
}



#customerCreditsList.table_rows table td {
    padding: 0.3em;
}

.table_rows th.only {
    width: 30%;
}

.table_rows th.key_column {
    text-align: left;
}

.table_rows th.sort {
    background: url("../icons/sort_asc.gif") no-repeat scroll right center #E5E5E5;
    font-weight: bold;
}

.table_rows th.asc {
    background: url("../icons/sort_desc.gif") no-repeat scroll right center #E5E5E5 !important;
}

.table_rows th.desc {
    background: url("../icons/sort_asc.gif") no-repeat scroll right center #E5E5E5 !important;
}

.table_rows th.default_var {
    width: 10%;
}

.table_rows .column_header {
    float: left;
}

.table_rows th.sort .column_header {
    padding: 0 10px 0 0;
}

.table_rows .cut-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.table_rows .pm-0 td {
    font-weight: bold;
    background: #FFEE88 !important;
}

.table_rows .pm-0 .iconpm {
    background: url("../icons/icon_pm0.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.table_rows .pm-1 td {
    font-weight: bold;
}

.table_rows .pm-1 .iconpm {
    background: url("../icons/icon_pm0.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.table_rows .pm-2 .iconpm {
    background: url("../icons/icon_pm2.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.table_rows .highlight td {
    background-color: #FFFFFF;
}

.table_rows .deleted td {
    color: #ABABAB;
}

.table_rows td.count,
.table_rows th.count {
    width: 1%;
    text-align: center;
}

.table_rows td.text {
    text-align: left;
}

.table_rows td.text .title,
td.text .title {
    font-size: 13px;
    font-weight: bold;
    color: #003367;
}

.table_rows .text_container {
    display: block;
    margin: 0;
    /*height:1.5em;
position:relative;*/
    width: 100%;
}

.forceOverflowhide {
    overflow: hidden;
    white-space: nowrap;

}

.table_rows .overflowhide {
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*  position: absolute;
  left: 0;
  top: 0;
  word-break:break-all;
  word-wrap:break-word;*/
    width: 100%;
}


.table_rows td.date {
    width: 15%;
}

.table_rows td.table_controls {
    border-color: #DDDDDD;
    border-width: 0 1px 1px 1px;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.table_rows td.table_operations {
    border-color: #DDDDDD;
    border-width: 0 1px 1px 1px;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.table_rows tr.selected td {
    /*background:none repeat scroll 0 0 #FFFFCC!important;*/
    background-color: #FFFFCC !important;

}

.table_rows tr.disabled td {
    color: #AAAAAA !important;
}




.table_rows td .control_body {
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px 0;
    background: #EFEFEF;
    display: block;
    float: left;
    left: 0;
    margin: -2px 0 0;
    position: relative;
    top: 1px;
    width: 100%;
}

.table_rows td.table_controls .control_navigation,
.table_rows td.table_operations .control_navigation {
    float: right;
    margin: 7px 10px 0 0;
}

.table_rows .button_label {
    display: inline-block;
    line-height: 2.2em;
    margin-right: 10px;
}

.table_rows .filter_controls {
    float: left;
    margin: 0px;
    padding: 2px 0;
}

.table_rows #basic_filter {
    margin: 5px 10px 5px 10px;
    padding: 0;
    display: block;
}

div.controls-light {
    background: none repeat scroll 0 0 #EFEFEF;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 2px;
    text-align: center;
}

.table_rows .pagination_controls {
    float: right;
    margin: 2px 8px 2px 2px;
}

.table_rows #row_master td {
    background: #E2E2D8;
    border-bottom: 1px solid #CDCDCD;
}

.nav-tabs a {
    color: #0072b0;
}

.nav-tabs .nav-item a:hover {
    background: #EFEFEF;
}

.navbar-nav .nav-item a {
    margin-left: 1px;
}

#listDesc {
    border-color: #BBBBBB;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    overflow: hidden;
    min-height: 100px;
}

.wizardtabs {
    margin-bottom: 20px;
    background: #EFEFEF;
}

.wizardtabs .tabcontent {
    padding: 0 !important;
}

.tabcontent .rowintab {
    margin-left: 0;
    margin-right: 0;
}

#chart_container {
    margin-bottom: 20px;
}

.chartTooltip {
    position: absolute;
    border: 1px solid #0072b0;
    border-radius: 2px;
    padding: 2px;
    background-color: #FFFFFF;
    opacity: 0.80;
    z-index: 1000;
}

.wizardtabs ul {
    list-style-type: none;
    text-align: left;
}

.wizardtabs ul li {
    float: left;
    position: relative;
}

.wizardtabs ul li span {
    padding: 0.5em 1em;
    display: block;
    border-right: 2px solid #FFFFFF;
}

.wizardtabs ul li.selected span {
    border-right: 0px;
    color: #FFFFFF;
    padding-right: 20px;
    background: #005C9C url('../images/wizard-arrow2.png') no-repeat center right;
}

.wizardtabs ul li.selected span.last {
    color: #FFFFFF;
    padding-right: 10px;
    background: #005C9C;
}

.wizardtabs ul li.selected a {
    color: #FFFFFF;
}



.wizard-nav {
    display: flex;
    background-color: #EFEFEF;
    border-radius: 4px;
    overflow: hidden;
    font-size: 0.95rem;
}

.wizard-step {
    position: relative;
    padding: 10px 20px;
    color: #333;
    text-align: center;
    background-color: #FAFAFA;
    flex: 1;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
}

.wizard-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 15px solid #FAFAFA;
    transition: all 0.2s ease-in-out;
    z-index: 6;
}

.wizard-step.completed.active {
    background-color: #004a72;
    color: #fff;
    z-index: 3;
}

.wizard-step:hover::after {
    border-left-color: #e5e5e5;
}

.wizard-step.completed.active::after {
    border-left-color: #004a72;
}

.wizard-step.completed {
    background-color: #EFEFEF;
    color: #333333;
}

.wizard-step.completed::after {
    border-left-color: #EFEFEF;
}

.wizard-step:hover.completed::after {
    border-left-color: #e5e5e5;
}

/* opzionale: hover */
.wizard-step:hover {
    background-color: #e5e5e5;
    cursor: pointer;
}

.wizard-step.completed.active:hover {
    background-color: #004a72;
    cursor: default;
}

.wizard-step.completed.active:hover::after {
    border-left-color: #004a72;

}

.right,
.floatright {
    float: right;
}

.left,
.floatleft {
    float: left;
}

.withleftspace {
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.withrightspace {
    margin-right: 10px;
}

.aligncenter {
    text-align: center;
}

.imgleft {
    float: left;
    margin: 10px 10px 10px 0;
}

.imgright {
    float: right;
    margin: 10px 0 10px 10px;
}

.table_rows td.sortedby {
    font-weight: bold;
    color: #000000;
}

.table-striped>tbody>tr:nth-child(2n+1)>td.sortedby,
td.sortedby {
    background-color: #EFEFEF;
}



.table_rows td.sort {
    font-weight: bold;
}

/*
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 		{display: inline-table;}
.clearfix 		{height: 1%;}
.clearfix 		{display: block;}
*/





#loading {
    padding: 10px;
    text-align: center;
    font-size: 12px;
}

.isSpam {
    background: none repeat scroll 0 0 #ff0000;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 5px;
    margin-left: 5px;
    z-index: 100;
}

.isSpam {
    background: none repeat scroll 0 0 #ff0000;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 5px;
    margin-left: 5px;
    z-index: 100;
}

#loaderModal,
#loaderModal .modal-dialog,
#loaderModal .modal-content {
    z-index: 99999 !important;
}


.loader-overlay {
    background-color: rgba(255, 255, 255, 0.25);
    /* bianco opaco */
    padding: 2rem;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}


.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Verdana;
}

/* Overlays */
.ui-widget {
    font-family: arial, verdana, sans-serif;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
    background: #FFFFFF;
    z-index: 10000;
}

.ui-widget-content {
    background: #FFFFFF;
    border: 0;
}

.ui-dialog {
    position: absolute;
    padding: 0;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.ui-dialog .ui-dialog-titlebar {
    padding: .5em 1em .3em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .2em 0;
    font-size: 22px;
    font-family: 'Inter', "open_sanslight", Arial, Verdana;
    font-weight: bold;
    margin: 0.1em 16px 0.2em 0;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
    border: 0;
    background-image: url('images/ui-icons_0073ea_256x240.png');
    background-position: -96px -128px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
}

.ui-dialog .ui-dialog-content {
    z-index: 23000;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
}

.ui-dialog .ui-dialog-buttonpane {
    background-color: #DCDCDC;
}


.ui-dialog .ui-widget-header {
    background: #FFFFFF;
    color: #666666;
    border: 0;
    border-bottom: 1px solid #CDCDCD;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute;
    left: -99999999px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui-helper-clearfix {
    display: inline-block;
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}

/* end clearfix */
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}


.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br,
.ui-corner-right,
.ui-corner-br,
.ui-corner-tr,
.ui-corner-tl {
    border-radius: 0px;
}

.generic_page .ui-widget-header {
    background: #FFFFFF;
    border-bottom: 1px solid #CDCDCD;
}

.generic_page .ui-tabs {
    padding: 0;
}

.generic_page .ui-tabs .ui-tabs-nav {
    padding: 0;
    margin: 0;
}

.generic_page .ui-widget-content .ui-state-default {
    font-size: 12px;
    font-weight: normal;
}

.generic_page .ui-state-default a:link {
    color: #777777;
    height: 36px;
    padding: 10px 15px;
}

.generic_page .ui-state-default.ui-state-active a:link {
    color: #FFFFFF;
}

.generic_page .ui-state-default {
    border-radius: 0px;
}

.generic_page .ui-state-hover {
    border-color: #CDCDCD;
    border-bottom: 0px;
    background: #FFFFFF;
}

.generic_page .ui-slider .ui-state-hover {
    border: 0px;
    background: transparent;
}

.generic_page .ui-slider .ui-state-hover span {
    background: #0072b0;
}

.generic_page .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-color: #CDCDCD;
    background: #0072b0;
    border-top: 3px solid #003369;
    margin-top: -2px;
}

.generic_page .ui-datepicker-header {
    border: 0px solid #CDCDCD;
    border-radius: 0;
    background: #EEEEEE;
    color: #003367;
}

.mce-container.body>iframe>html {
    overflow: hidden;
}

.generic_page #mce-modal-block.mce-in {
    opacity: 0.8;
}

/* messages */

div.messages {
    padding: 0;
    clear: both;
    text-align: left;

}

div.message {
    margin: 0 0 10px 0;
    padding: 0;
    clear: both;
    text-align: left;
}

div.messages.upmargins {
    margin: 10px 0px 0px 0px !important;
}

div.message div.image {
    margin: 2px 0 2px 5px;
    padding: 6px;
    float: left;
}

div.message div.image img {
    margin: 0;
    vertical-align: middle;
}

div.message div.text {
    margin: 0;
    padding: 10px 6px 10px 60px;
}

div.message div.dismiss {
    margin: 0;
    padding: 0;
    float: right;
}

div.message div.dismiss a {
    margin: 15px 14px;
    padding: 0;
    height: 16px;
    width: 16px;
    display: block;
    background: url("../icons/cross.png") no-repeat;
}

div.message div.text h1,
div.message div.text h2,
div.message div.text h3,
div.message div.text h4,
div.message div.text h5,
div.message div.text h6 {
    margin: 0 !important;
    padding: 0 !important;
    border: none;
}

div.message div.text span {
    margin: 0;
    padding: 0;
    height: 1%;
    display: block;
}

div.message div.text span span {
    display: inline;
}

div.box-error {
    background: #FBE3E4 !important;
    border-color: red !important;
    color: red !important;
}

div.message-error {
    height: 1%;
    clear: both;
    overflow: hidden;
    background: #FBE3E4 url('../icons/error.png') no-repeat 10px 10px;
    border: 1px solid #FBC2C4;
    color: #860006;
}

div.message-error h6 {
    color: #860006;
}

div.message-warning {
    /* height: 1%; */
    clear: both;
    overflow: hidden;
    background: #FFF6BF url('../icons/warning.png') no-repeat 10px 10px;
    border: 1px solid #FFD324;
    color: #5f5200;
}

div.message-warning h6 {
    color: #5f5200;
}

div.message-notice {
    height: 1%;
    clear: both;
    overflow: hidden;
    background: #8FBDE0 url('../icons/notice.png') no-repeat 10px 10px;
    border: 1px solid #6BACDE;
    color: #003863;
}

div.message-notice h6 {
    color: #003863;
}

div.message-success {
    height: 1%;
    clear: both;
    overflow: hidden;
    background: #E6EFC2 url('../icons/success.png') no-repeat 10px 10px;
    border: 1px solid #C6D880;
    color: #4e6100;
}

div.message-success h6 {
    color: #4e6100;
}

.fc-content a:hover {
    color: #EFEFEF;
}

.bigbox {
    margin-bottom: 20px;
}

.bigbox h3 {
    color: #003367;
    padding: 10px;
    height: 41px;
    border-bottom: 1px solid #D9D9D9;
    background: #EFEFEF;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
}

.tcontainer {
    min-height: 450px;
    border-left: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    background: #FFFFFF;
}

.oreminuti {
    padding: 2px 0;
}

.bigbox .tcontainer.noborder {
    border: 0;
}

#emailBodyHtml {
    min-height: 300px;
    width: 100%;
    display: none;
}

#emailSendTypeContainer {
    min-height: 300px;
    width: 100%;
    overflow: hidden;
}

table h3 {
    margin-bottom: 0;
    font-size: 15px;
}

#emailBody2 textarea,
#emailBody3 textarea {
    border: 0;
}

.controls-emailwizard {
    background: #EFEFEF;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    padding: 0 10px;
}

div.box {
    margin: 20px 0 0 0;
    clear: both;
    overflow: hidden;
}

div.box h3 {
    margin: 0 0 0.5em 0;
}

div.box-dividing {
    border-right: 1px solid #E5E5E5;
}

div.box-left {
    width: 49%;
    clear: none;
    float: left;
}

div.box-right {
    width: 49%;
    clear: none;
    float: right;
}


.ticket {
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline;
    font-size: 90%;
    padding: 3px 4px;
    text-align: right;
    white-space: nowrap;
    width: 60px;
}

.mf_control_hover,
.mf_control_sort {
    cursor: pointer;
}

.mf_control_hover div {
    text-decoration: underline !important;
}


.othertools {
    margin-bottom: 20px;
}

.othertools dl {
    margin-left: 35px;
    padding-left: 50px;
}

.othertools .inputbox {
    float: left;
}

.mftracking dl {
    background: url("../icons/stats1.png") no-repeat scroll left top transparent;
}

.mfgoogle dl {
    background: url("../icons/stats2.png") no-repeat scroll left top transparent;
}

.mfschedule dl {
    background: url("../icons/schedule1.png") no-repeat scroll left top transparent;
}

textarea#emailExcludeTracking {
    width: 100%;
    height: 100px;
    resize: none;
}


.mfsocial {
    margin-bottom: 10px;
    background: #EFEFEF;
    border-radius: 2px;
    padding: 20px;
}

.mfsocial:last-child {
    margin-bottom: 0px;
}

.mfsocial .logo {
    width: 40px;
    height: 80px;
    margin-right: 10px;
    margin-top: -10px;
    float: left;
    font-size: 45px;
}

.notesBox {
    background-color: #EFEFEF;
    border-color: #666666;
    color: #666666;
    padding: 10px;
}

.notesBox.highlight {
    border: 1px solid;
    margin: 10px 0;
}

.resumeStrip:after {
    clear: both;
}

.resumeStrip ul {
    list-style: none outside none;
    padding: 0;
    clear: both;
    padding-left: 8px;
}

.resumeStrip ul li {
    white-space: nowrap;
    overflow: hidden;
    float: left;
    padding: 5px 7px;
    text-align: center;
    text-transform: uppercase;
    background-color: #EFEFEF;
    border-radius: 6px;
    margin-left: 5px;
    margin-bottom: 15px;
    font-size: 12px;
}

.resumeStrip ul li:last-child {
    border-right: 0px;
    border-bottom: 0px;
}

.dashboard-box .accordion-button:focus {
    box-shadow: none;
}

.dashboard-box .resumeStrip .resume-item {
    flex: 1;
    background-color: #EFEFEF;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    color: black;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
}

.offcanvas.offcanvas-start {
    border-right: 1px solid #DCDCDC;
}

.offcanvas.offcanvas-end {
    border-left: 1px solid #DCDCDC;
}


.offcanvas-header.border-bottom {
    height: 47px;
    background: #0072b0;
    color: #FFFFFF;
    border-right: 5px solid #1b9ee6;
}

.resumeStrip ul li strong {
    display: block;
    font-size: 20px;
}

.resumeStrip li.col2 {
    width: 50%;
}

.resumeStrip li.col3 {
    width: 33.33%;
}

.resumeStrip li.col4 {
    width: 25%;
}

.resumeStrip li.col5 {
    width: 20%;
}

.resumeStrip li.col6 {
    width: 16.67%;
}

.resumeStrip .boxed {
    background-color: #EFEFEF;
    border-radius: 6px;
    padding: 6px;
    font-size: 12px;
    text-transform: uppercase;
}

.dashboard-box .card .card-body.waiting {
    min-height: 100px;
    overflow: auto;
    /*background-size: cover;
	background-image: url('../images/table_bg_sfocato.png');*/
    background: url(../images/loader6.gif) no-repeat center center;

}

.dashboard-box .card .card-body {
    min-height: 100px;
    overflow: auto;
    background-image: none;
}

.dashboard-box .card .card-body.card-summary {
    overflow: hidden;
}

.text-mailforce {
    color: #0072b0;
}


.search-results {
    padding: 5px 0px 10px 0;
}

.search-results h2 {
    color: #8A8A8A;
    margin: 0;
}

.search-results .text {
    padding: 3px 0px;
}


.circle-icon {
    background-color: #333333;
    border-radius: 75px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 24px !important;
    height: 55px;
    line-height: 56px;
    margin-top: 2px;
    text-align: center;
    width: 55px;
}

.circle-icon.circle-green {
    background-color: #3D9400;
    border-color: #327B00;
    color: #FFFFFF;
}

.circle-icon.circle-teal {
    background-color: #569099;
    border-color: #4D8189;
    color: #FFFFFF;
}

.circle-icon.circle-bricky {
    background-color: #C83A2A;
    border-color: #B33426;
    color: #FFFFFF;
}

.circle-icon.circle-bluette {
    background-color: #0072b0;
    border-color: #0072b0;
    color: #FFFFFF;
}

.core-box {
    margin-bottom: 0;
    padding: 10px 0;
    text-align: center;
}

.core-box .heading {
    margin: 0;
}

.core-box .heading .circle-icon {
    float: left;
}

.core-box .heading h2 {

    font-size: 16px;
    line-height: 25px !important;
    margin: 0;
}

.core-box .content {
    color: #747474 !important;
    line-height: 20px;
}

.core-box .view-more i {
    display: inline-block;
}

.core-box .view-more:hover {
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


ul.icons li {
    background: none repeat scroll 0 0 #EFEFEF;
    border-radius: 4px;
    box-shadow: 0 .125rem .25rem 0 rgba(133, 146, 163, .4);
    float: left;
    margin: 0 10px 10px 0;
    padding: 2px 8px;
}

ul.icons li:hover {
    background: #DDDCDC;
}

ul.icons a,
table a {
    color: #005c9c;
}

ul.icons a:hover,
table a:hover {
    color: #003369;
}

/*
.ui-plus a {background: url("../icons/plus.png") no-repeat left center; padding:4px 4px 4px 20px;}
.ui-communication a {background: url("../icons/communication.png") no-repeat left center; padding:4px 4px 4px 20px;}
.ui-dberrors a {background: url("../icons/db-errors.png") no-repeat left center; padding:4px 4px 4px 20px;}
.ui-addlist a {background: url("../icons/add-list.png") no-repeat left center; padding:4px 4px 4px 20px;}
.ui-reload a {background: url("../icons/icon_reload.png") no-repeat left center; padding:4px 4px 4px 20px;}
.ui-masterlist a {background: url("../icons/masterlist.png") no-repeat left center; padding:4px 4px 4px 20px;}
.ui-edititem {background: url("../icons/edit.png") no-repeat right center; padding:4px 25px 4px 0px;}
.ui-seeitem {background: url("../icons/folder.png") no-repeat right center; padding:4px 25px 4px 0px;}

a:hover.iconlabelcolor { color:#BBBBBB!important; }
a:hover.iconlabelcolor span, .iconlabelcolor  { color:#BBBBBB!important; }
a:hover.iconlabel { color:#000000!important; }
a:hover.iconlabel span, .iconlabel  { color:#000000!important; }
*/

.iconuser {
    background: url("../icons/user.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconuser-0 {
    background: url("../icons/user-0.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconuser-1 {
    background: url("../icons/user-1.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconuser-2,
.iconuser-30,
.iconuser-32,
.iconuser-31 {
    background: url("../icons/user-2.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconuser-10,
.iconuser-11,
.iconuser-12 {
    background: url("../icons/user-10.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconuser-20 {
    background: url("../icons/user-20.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconuser-21 {
    background: url("../icons/user-21.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconuser-22,
.iconuser-40,
.iconuser-41,
.iconuser-42 {
    background: url("../icons/user-22.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconuser-9,
.iconuser-19,
.iconuser-29,
.iconuser-39,
.iconuser-49 {
    background: url("../icons/user-9.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconuser-50,
.iconuser-51,
.iconuser-52,
.iconuser-59 {
    background: url("../icons/user-50.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconuser-100,
.iconuser-101,
.iconuser-102,
.iconuser-109,
.iconuser-111,
.iconuser-121 {
    background: url("../icons/user-100.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}


.iconreload {
    background: url("../icons/icon_reload.png") no-repeat left center;
    padding: 4px 4px 4px 20px;
}

.iconrepeat {
    background: url("../icons/icon_reload.png") no-repeat left center;
    padding: 4px 4px 4px 20px;
}

.iconadd {
    background: url("../icons/plus.png") no-repeat left center;
    padding: 4px 4px 4px 20px;
}

.icondelete {
    background: url("../icons/trash.png") no-repeat left center;
    padding: 4px 4px 4px 20px;
}

.iconimport {
    background: url("../icons/communication.png") no-repeat left center;
    padding: 4px 4px 4px 20px;
}

.iconlist {
    background: url("../icons/folder.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconmasterlist {
    background: url("../icons/icon_masterlist.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconevent {
    background: url("../icons/icon_event.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconlistadd {
    background: url("../icons/plus.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconsegment {
    background: url("../icons/icon_segment.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconsegmentadd {
    background: url("../icons/icon_segmentadd.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconsegmentedit {
    background: url("../icons/icon_segmentedit.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconform {
    background: url("../icons/icon_form.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconcustomfield {
    background: url("../icons/customfield.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconexport {
    background: url("../icons/icon_export.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconexportall {
    background: url("../icons/icon_export.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconexporterrors {
    background: url("../icons/db_errors.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconsender_0 {
    background: url("../icons/icon_warning_small.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconsender_1 {
    background: url("../icons/icon_success_small.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconsender_2 {
    background: url("../icons/icon_warning_domain_small.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconsender_3 {
    background: url("../icons/icon_warning_domain_small.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.icontemplate {
    background: url("../icons/icon_template.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconlibrary {
    background: url("../icons/icon_library.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconlibraryadd {
    background: url("../icons/icon_libraryadd.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconaccount {
    background: url("../icons/icon_account.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconsettings {
    background: url("../icons/icon_settings.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconbuycredits {
    background: url("../icons/icon_buycredits.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconcheckout {
    background: url("../icons/icon_checkout.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconsenders {
    background: url("../icons/icon_senders.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconhelp {
    background: url("../icons/question_icon_on.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconguide {
    background: url("../icons/icon-manual.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
    line-height: 18px;
}

.icondashboard {
    background: url("../icons/icon_dashboard.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconstats {
    background: url("../icons/icon_stats.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconshow {
    background: url("../icons/icon_show.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconcopy {
    background: url("../icons/copy.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconartcat {
    background: url("../icons/icon-artcategory.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconemail {
    background: url("../icons/icon_email0.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconemailadd {
    background: url("../icons/plus.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconemaildraft {
    background: url("../icons/icon_emaildraft.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconhardbounce {
    background: url("../icons/icon_hardbounce.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconsoftbounce {
    background: url("../icons/icon_softbounce.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconemailsent {
    background: url("../icons/icon_email1.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconemailsending {
    background: url("../icons/play.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconemailaborted {
    background: url("../icons/abort.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconemaildeleted {
    background: url("../icons/deleted.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconemailpause {
    background: url("../icons/paused.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconemailcompleted {
    background: url("../icons/icon_check.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconemailplay {
    background: url("../icons/play.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconsending {
    background: url("../icons/icon_sending.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconemailalert {
    background: url("../icons/icon_warning_small.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}

.iconsnapshot {
    background: url("../icons/icon_snapshot.png") no-repeat left center;
    padding: 4px 0px 4px 20px;
}



/* ICONE SULLA DESTRA 
.iconedit {background: url("../icons/edit.png") no-repeat right center; padding:4px 24px 4px 0px;}
.iconsee {background: url("../icons/icon_see.png") no-repeat right center; padding:4px 24px 4px 0px;}
*/

a.clicktoedit:hover,
a.clicktosee:hover {
    border-bottom: 1px solid #005C9C;
    text-decoration: none;
}

.iconexpand {
    background: url("../icons/icon_downarrow.png") no-repeat right center;
    padding: 4px 20px 4px 0px;
}

.iconcontract {
    background: url("../icons/icon_uparrow.png") no-repeat right center;
    padding: 4px 20px 4px 0px;
}

.iconbtn {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 3px;
}

.iconbtn a {
    display: block;
    width: 16px;
    height: 16px;
}

.icon-trash {
    background: url("../icons/trash.png") no-repeat center center;
}

.icon-checkout {
    background: url("../icons/icon_checkout.png") no-repeat center center;
}

.icon-stats {
    background: url("../icons/icon_stats.png") no-repeat center center;
}

.icon-copy {
    background: url("../icons/copy.png") no-repeat center center;
}

.icon-pause {
    background: url("../icons/paused.png") no-repeat center center;
}

.icon-play {
    background: url("../icons/play.png") no-repeat center center;
}

.icon-abort {
    background: url("../icons/abort.png") no-repeat center center;
}

.icon-add {
    background: url("../icons/plus.png") no-repeat center center;
}

.icon-check {
    background: url("../icons/icon_check.png") no-repeat center center;
}

.icon-edit {
    background: url("../icons/edit.png") no-repeat right center;
}

.icon-email {
    background: url("../icons/icon_email1.png") no-repeat center center;
}

.template-band45 {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    background: url("../images/template-band45.png") no-repeat top left;
}

input.disabled,
select.disabled {
    background: #EFEFEF !important;
}

label {
    font-size: 100%;
}

label.error {
    color: #FF0000;
    display: none;
    white-space: nowrap;
}

label.error:empty {
    display: none !important;
}

.error.hideme {
    display: none;
}

span.error {
    /*	white-space:nowrap; */
    font-weight: bold;
    color: #FF0000;
    display: block;
}

input.error,
textarea.error {
    border: 1px solid #FF0000 !important;
}

select.error {
    border: 1px solid #FF0000 !important;
}

.columnBody {
    width: 100%;
}

.columnBody .leftcol {
    width: 60%;
    float: left;
}

.columnBody .rightcol {
    width: 40%;
    float: right;
}

.columnBody .coltext {
    margin-left: 20px;
}

.columnBody .leftcol2 {
    width: 50%;
    float: left;
}

.columnBody .rightcol2 {
    width: 49%;
    float: right;
}

.policy_agree {
    margin: 10px 0;
    background: #EFEFEF;
    width: 100%;
}

.policy_agree td {
    padding: 2px 4px;
}

.simpleTable {
    width: 100%;
    margin: 0 0 20px 0;
}

.simpleTable td {
    padding: 10px;
}

.simpleTable textarea {
    width: 100% !important;
    height: 400px !important;
    font-family: "Courier New";
}

.simpleTable.withborder {
    border: 1px solid #CDCDCD;
}


.wizard {
    margin-bottom: 10px;
    border: 0px !important;
}

.wizard .tabcontent {
    margin-bottom: 20px;
    padding: 10px;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
    border-color: #dee2e6;
    background: #FFFFFF;
    min-height: 400px;
}

.wizard .tabcontent.noborder {
    padding: 0 !important;
    border: 0 !important;
}

.wizard.ui-tabs .ui-tabs-panel {
    min-height: 400px;
}

.wizard li.nav-item:nth-child(n+2) {
    margin-left: -1px;
}

.wizard .listWizard {
    width: 100%;
    margin-bottom: 20px;
}


.listWizard #fieldTag {
    text-transform: uppercase;
    background-image: url('../icons/icon_sharp.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

textarea.code {
    font-family: "Courier New", Tahoma, Verdana;
}

.listWizard th.small {
    width: 5%;
}

.listWizard th {
    vertical-align: top;
    width: 25%;
    text-align: left;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 0 1px;
    padding: 0.5em;
}

.listWizard .fifty {
    width: 50%;
}

.listWizard th.ofwhich {
    text-align: right !important;
    font-style: italic;
}

.listWizard td.alignright,
.listWizard th.alignright {
    text-align: right !important;
}

.listWizard td {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 0 1px;
    padding: 0.5em;
    vertical-align: top;
}

.listWizard .radiorow {
    padding: 3px 0;
}

.listWizard td.tabbed {
    background: #FFFFFF;
    padding: 2px;
    margin: 0;
    border: 0 0 1px;
}

.listWizard td.tabbed b {
    background: #FFFFFF;
    padding: 2px
}

.listWizard .priority_sender td,
.priority_sender {
    font-weight: bold;
    background: #FFFFCC;
}

table .nestedContainer {
    margin: 0 !important;
    padding: 0 !important;
}

.nestedTable {
    border: 0px;
    width: 100%;
}

.emptyTable td {
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: middle;
}

.nestedTable td {
    border: 0px !important;
}

.nestedTable td.nested {
    background-image: url('../images/nested.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.nestedTable td.nested.nestedlast {
    background-image: url('../images/nestedlast.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.nestedTable td.nested input[type="checkbox"] {
    margin-left: 20px !important;
    float: none;
}


.insideTable {
    border: 1px solid #CECECE;
    width: 100%;
    margin: 0 !important;
}

.insideTableSimple {
    width: auto !important;
}

.table_container {
    clear: both;
}

.table_container td {
    vertical-align: middle !important;
}

.table_rows .insideTable {
    width: auto !important;
    float: right;
    border: 0 !important;
    border-top: 1px solid #CDCDCD !important;
}

.table_rows .insideTable td {
    border: 0px !important;
    border-bottom: 1px solid #CDCDCD !important;
    margin: 0 !important;
    text-align: left !important;
    width: auto !important;
    padding: 0.3em;
}

.insideTable.noBorders {
    margin-top: 5px !important;
    float: none !important;
    border: 0 !important;
    width: 100% !important;

}

.insideTable.noBorders td {
    padding: 0.2em;
    border: 0 !important;
}

.listWizard tfoot td {
    background: #CECECE;
}

.btn i.fa {
    width: 13px;
}

.fa-green {
    color: #327b00;
}

.fa-red {
    color: #b33426;
}

ul.itemList {
    padding: 8px 0;
}

ul.itemList li .fa {
    font-size: 22px;
}

ul.itemList li {
    list-style: none inside none;
    padding: 5px 20px;
    ;

}

ul.itemList li.good {
    background: url("../icons/icon_good.png") no-repeat scroll 5px 6px transparent;
}

ul.itemList li.bad {
    background: url("../icons/icon_bad.png") no-repeat scroll 5px 6px transparent;
}

.inevidence {
    font-weight: bold;
    background: #FFFFAA;
    padding: 2px;
}

.clockstyle {
    font-family: 'Courier New';
    font-size: 14px;
}

/*********************************************************/
.asmContainer {
    /* container that surrounds entire asmSelect widget */
    width: 60%;
}

.asmSelect {
    /* the newly created regular 'select' */
    display: inline;
    width: 50% !important;
}

.asmOptionDisabled {
    /* disabled options in new select */
    color: #999;
}

.asmHighlight {
    /* the highlight span */
    padding: 0;
    margin: 0 0 0 1em;
    display: inline !important;
    color: #FF6600;
    font-weight: bold;
}

.asmList {
    /* html list that contains selected items */
    margin: 0.25em 0 1em 0;
    position: relative;
    display: block;
    padding-left: 0;
    list-style: none;
}

.asmListItem {
    /* li item from the html list above */
    position: relative;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    background: #ddd;
    border: 1px solid #bbb;
    width: 100%;
    margin: 0 0 -1px 0;
    line-height: 1em;
}

.asmListItem:hover {
    background-color: #e5e5e5;
}

.asmListItemLabel {
    /* this is a span that surrounds the text in the item, except for the remove link */
    padding: 5px;
    display: block;
}

.asmListSortable .asmListItemLabel {
    cursor: move;
}

.asmListItemRemove {
    /* the remove link in each list item */
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
}


.add-field-icon {
    font-size: 15px;
    margin-right: 10px;
}

#optin-form-preview {
    margin: 10px 0;
    padding: 0;
    width: 100%;
}

.page-overview {
    margin-bottom: 10px;
}

.page-overview p {
    margin: 0 !important;
}

.page-overview .title {
    padding: 2px;
}

.page-overview .content {
    padding: 10px;
    font-size: 16px;
}

.page-overview h3 {
    margin: 0;
}

#addnewcustomfield_edit {
    margin-bottom: 10px;
    width: 60%;
}

#login {
    padding: 10px;
    border: 1px solid #005c9c;
    width: 350px;
}

#login table {
    padding: 0;
    border: 0;
    background: #EFEFEF;
    width: 100%;
}

#login table td {
    padding: 5px;
}

#login .passwordRecovery {
    padding: 5px 0;
    text-align: center;
}

.form-check-input {
    border-color: #ABABAB !important;
}

.form-check-input:checked {
    background-color: #0072b0;
    border-color: #0072b0;
}

form input.small {
    width: 120px;
}

form input.medium {
    width: 200px;
}

form input.large {
    width: 240px;
}

form input.auto {
    width: auto;
}

form input.full {
    width: 100%;
}

form select.superlarge {
    width: 360px;
}

form select.small {
    width: 120px;
}

form select.medium {
    width: 40%;
}

form select.large {
    width: 60%;
}

form select.auto {
    width: auto;
}

form select.full {
    width: 100%;
}

form input[type=image] {
    width: auto;
}


#optinForm {
    margin-bottom: 10px;
    clear: both;
}

#optinForm_catalog h3 {
    font-family: Arial, Verdana;
    font-size: 100%;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
}

#optinForm_catalog ul {
    padding: 0;
}

#optinForm_catalog ul li {
    text-align: left;
    padding: 0 !important;
    cursor: ew-resize;
    background: #DFDFDF;
    border-bottom: 1px solid #CDCDCD;
    border-top: 1px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
}

#optinForm_catalog ul li span {
    display: block;
    padding: 7px !important;
}

#optinForm_catalog ul li:hover {
    font-weight: bold;
    border: 1px solid #ABABAB;
    background: #CFCFCF
}

#optinForm_catalog .ui-accordion-content {
    background: #EFEFEF;
    padding: 0;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}

#optinForm_catalog .ui-accordion-content-active {
    display: block;
}

#optinForm_catalog .ui-state-active a,
#optinForm_catalog .ui-state-default a {
    color: #FFFFFF;
}

.ui-sortable-placeholder {
    height: 100px;
}

#optinForm_buildit {
    background: url('../images/arrow_big_dx.jpg') no-repeat 5px 200px;
}

#optinForm_buildit .form_cart {
    padding-left: 120px;
}

#optinForm_buildit ol.ui-state-hover2 {
    border: 3px dotted #005c9c;
}

#optinForm_buildit ol {
    background: url('../images/formbuild.jpg') no-repeat center center;
    margin: 0;
    padding: 10px;
    min-height: 400px;
    width: 100%;
    border: 3px dotted #CDCDCD;
    list-style-type: none;
}

#optinForm_buildit ol li {
    background: #EFEFEF;
    margin-bottom: 5px;
}

#optinForm_buildit ol .optinForm_buildit_items {
    border-left: 6px solid #BCBCBC;
    width: 100%;
    cursor: ns-resize;
}

#optinForm_buildit ol .optinForm_buildit_items th {
    padding: 4px;
}

#optinForm_buildit ol .optinForm_buildit_items td {
    padding: 4px;
    text-align: center;
}

#optinForm_buildit ol .optinForm_buildit_items td input[type=text] {
    width: 100%;
}

#optinForm_buildit ol .optinForm_buildit_items td input[type=checkbox] {
    float: none;
}

#optinForm_buildit ol .optinForm_buildit_items td.small {
    width: 2%;
}

#optinForm_buildit ol .optinForm_buildit_items .iconbtn {
    cursor: pointer;
    float: right;
    margin: 10px;
}


.checkboxList {
    width: 100%;
    height: 250px;
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    padding: 5px;
    overflow-y: auto;
}

.checkboxList_Header {
    background: #CCCCCC;
    width: 100%;
}

.checkboxList_Header th {
    padding: 3px;
}

.checkboxList_Header th.mCheckbox {
    width: 4%;
}

.checkboxList_Header th.mListName {
    width: 66%;
}

.checkboxList_Header th.mNumContacts {
    width: 30%;
}

/* Da ripristinare EDITOR
.ui-draggable-dragging  {list-style-type:none; padding:10px 20px; background:#005c9c; color:#FFFFFF;}
*/

.gform {
    margin: 0;
}

.gform ul {
    margin-top: 5px;
    overflow: hidden;
}

.gform ul li {
    padding: 5px 0;
}

ul.quadra li {
    float: left;
    margin-right: 5px;
    width: 100%;
    text-align: center;
}

ul.quadra li a {
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

ul.quadra li a:hover span {
    text-decoration: underline;
}

ul.quadra li .button {
    padding: 30px 5px;
}

ul.quadra .img1 {
    background: url('../icons/icon_emailedit1.png') no-repeat left center;
    padding: 14px 0 14px 45px;
}

ul.quadra .img2 {
    background: url('../icons/icon_emailedit2.png') no-repeat left center;
    padding: 14px 0 14px 45px;
}

ul.quadra .img3 {
    background: url('../icons/icon_emailedit3.png') no-repeat left center;
    padding: 14px 0 14px 45px;
}

ul.quadra .img4 {
    background: url('../icons/icon_emailedit4.png') no-repeat left center;
    padding: 14px 0 14px 45px;
}

ul.quadra .img5 {
    background: url('../icons/icon_emailedit5.png') no-repeat left center;
    padding: 14px 0 14px 45px;
}

#emailTemplatesContainer {
    margin: 0;
    width: 100%;
}

#emailTemplatesContainer #iframeTemplatePreview {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
}

.bg-master {
    background: #EFEFEF;
    padding: 20px;
    margin-bottom: 20px;
    line-height: 2em;
}

.bg-info {
    background: #48b0f7 !important;
}

.bg-primary {
    background: #005c9c !important;
}

.linksRow .linkElement {
    border-right: 1px solid #ABABAB;
    margin-right: 5px;
    padding-right: 5px;
    float: left;
}

.pagebody {
    margin: 10px 0;
}

.nowrap {
    white-space: nowrap;
}

/*
Editor TinyMce
*/

.mce-tinymce {
    width: auto !important;
}

/* workaround */
.mce-panel {
    background: #EFEFEF;
    border-color: #CDCDCD !important;
}

.mce-text {
    background-color: transparent !important;
}

/* workaround */

.template {
    position: relative;
    background: #EFEFEF;
    padding: 5px;
    width: 200px;
    height: 225px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
    border-radius: 2px;
}

.template .screenshotThumbnail {
    width: 190px;
    height: 190px;
    display: block;
    margin-bottom: 5px;
    background-size: 190px 190px !important;
}

.template.checked .screenshotThumbnail,
.template:hover .screenshotThumbnail {
    opacity: 0.2;
}

.template.hover {
    background: #5BC0DE !important;
}

.template .screenshotName {
    display: none;
    position: absolute;
    padding: 6px;
    margin-top: 10px;
    background: none;
    color: #FFFFFF;
    z-index: 1;
    font-size: 20px;
}

.template.hover .screenshotName,
.template.checked .screenshotName {
    display: block;
}

.template.hover label {
    color: #FFFFFF;
}

.template.checked {
    background: #003369;
}

.template.checked label {
    color: #FFFFFF;
}

.dialog-fullscreen .ui-dialog {
    padding: 0 !important;
}

.dialog-fullscreen .ui-dialog-content {
    overflow: hidden;
    padding: 0;
}

.insidebody {
    margin-bottom: 10px;
}

.antispambox .as_green {
    background: url('../images/as_green.png') no-repeat center center;
    color: #FFFFFF;
}

.antispambox .as_orange {
    background: url('../images/as_orange.png') no-repeat center center;
    color: #FFFFFF;
}

.antispambox .as_red {
    background: url('../images/as_red.png') no-repeat center center;
    color: #FFFFFF;
}

.antispambox .score {
    padding: 30px;
}

.antispambox .score span {
    font-size: 21px;
    font-weight: bold;
}

.antispambox .result {
    font-size: 13px;
    line-height: 14px;
    margin-top: 10px;
}

.simple_table {
    margin: 10px 0;
}

.simple_table td {
    padding: 3px;
    border-bottom: 1px solid #ABABAB;
}

.simple_table th {
    padding: 3px;
    text-align: left;
    background: #EFEFEF;
    border-bottom: 1px solid #ABABAB;
}

.simple_table td.number {
    text-align: right;
}


.icon-question {
    position: absolute;
    margin-left: 5px;
    margin-right: 5px;
    width: 16px;
    height: 16px;
}

h3 .icon-question,
th .icon-question {
    margin: 0px 5px !important;
}

h2 .icon-question {
    margin: 4px 5px !important;
}

.statistic .icon-question {
    margin: 5px !important;
}

.resumeBox {
    position: relative;
    padding-right: 10px;
}

.resumeBox .icon-question {
    top: 0;
    right: -10px;
}

.omcontent select {
    display: inline-block;
    width: auto;
}

.tooltip .tipText {
    line-height: 1.2em;
}

.popover .popover-header {
    font-size: 12px;
}

.popover .tipTitle {
    font-weight: bold;
}


.popover-body {
    background-color: #007acc;
    opacity: 1 !important;
    color: #FFFFFF;
}

.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.bs-popover-end>.popover-arrow::after {
    border-right-color: #007acc;
}

.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.bs-popover-start>.popover-arrow::after {
    border-left-color: #007acc;
}

.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: #007acc;
}

.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
    border-top-color: #007acc;
}

.icon-question a.clickTip {
    background: url("../icons/question_icon_off.png") no-repeat left bottom;
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.icon-question a.clickTip:hover {
    background: url("../icons/question_icon_on.png") no-repeat left bottom;
}


.aToolTip,
.overview_intro div div div .aToolTip {
    background: url(../icons/tooltip_arrow.png) no-repeat bottom center;
    color: #000000;
    margin: 0;
    width: 280px;
    font-weight: normal;
    font-size: 10px;
    padding: 0;
}


.aToolTip.onRight {
    background: url(../icons/tooltip_arrow2.png) no-repeat bottom center;
}

.aToolTip .aToolTipContent {
    border-top: 2px solid #003367;
    border-left: 2px solid #003367;
    border-right: 2px solid #003367;
    background: #EFEFEF;
    text-align: left;
    position: relative;
    margin: 0 0 8px 0;
    padding: 0;
}

.aToolTip .tipTitle {
    background: #003367;
    color: #FFFFFF;
    padding: 5px;
}

.aToolTip .tipText {
    padding: 5px;
}

a.aToolTipCloseBtn {
    display: block;
    height: 16px;
    width: 16px;
    background: url(../icons/icon_close.png) no-repeat;
    text-indent: -9999px;
    outline: none;
    position: absolute;
    top: -10px;
    right: -12px;
    margin: 2px;
    padding: 4px;
}



.menu-item {
    margin: 0 0 2px;
    padding: 2px 0 0;
}

.menu-item a {
    display: block;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}

.menu-item div.round1,
.menu-list .menu-item a div.round1 {
    border-bottom: 1px solid #DDDDDD;
}

.menu-item .content {
    padding: 3px;
}

.menu-item .round1 {
    background: url("../images/corner_small_generic_tl.gif") no-repeat scroll left top transparent;
    width: 100%;
}

.menu-item .round2 {
    background: url("../images/corner_small_generic_tr.gif") no-repeat scroll right top transparent;
    width: 100%;
}

.menu-item .round3 {
    background: url("../images/corner_small_generic_bl.gif") no-repeat scroll left bottom transparent;
    width: 100%;
}

.menu-item .round4 {
    background: url("../images/corner_small_generic_br.gif") no-repeat scroll right bottom transparent;
    width: 100%;
}

.menu-list {
    margin-left: 20px;
}

.menu-list .menu-item a {
    font-weight: normal !important;
    font-size: 90%;
}

.fastmenu {
    margin-top: 10px;
}

.fastmenu .menu-item a {
    display: block;
    font-size: 100%;
    font-weight: normal;
    text-decoration: none;
}

.mfbox {
    background: #FFFFFF;
    min-height: 400px;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

#chart1 {
    width: 100%;
    height: 200px;
}

#chart5 {
    width: 100%;
    height: 400px;
}

#chartTrend4,
#chartTrend5 {
    width: 100%;
    height: 200px;
}

.chartSmall {
    width: 100%;
    height: 200px;
}

.help-box {
    padding: 0 10px;
}

ul.help-items {
    margin: 10px 0;
    padding: 0;
}

ul.help-items li {
    background: url("../icons/icon-article.png") no-repeat;
    padding-left: 18px;
    margin: 5px 0 5px 5px;
}

.help-box ul.help-items li {
    margin: 5px 0 5px 15px;
}

.help-box .help-topic {
    margin: 0 0 0.8em;
    font-size: 160%;
    font-weight: bold;
}

.help-box .help-topic .item_label {
    font-size: 80%;
}

.help-box .help-topic .item_title {
    font-size: 60%;
    font-weight: normal;
}

.help-box h3 {
    font-size: 16px;
    font-weight: bold;
}

.help-article .title {
    font-size: 22px;
    color: #666666;
    font-weight: bold;
    margin-bottom: 5px;
}

.help-article .subtitle {
    font-size: 16px;
    color: #999999;
    font-weight: bold;
}

.help-article .body {
    margin: 20px 0;
}

.help-article .image {
    border: 1px solid #ABABAB;
}

.help-article .image.floatleft {
    margin: 0 10px 10px 0;
}

.help-article ul {
    margin-bottom: 10px;
    margin-left: 20px;
}

.help-article ul li {
    padding: 5px;
    margin-left: 10px;
    list-style-type: square;
}

.help-article .backtop {
    text-align: right;
}

.dashboard-all {
    padding-top: 20px;
}

.editor_quoted {
    color: #666666;
    padding: 5px;
    border-left: 5px dotted #ABABAB;
    background: #EFEFEF;
    margin-left: 30px;
}


.status404 {
    margin: 20px 0px;
    padding: 0px;
    text-align: center;
}

.status404 .content {
    background: url("../../../agency/console.png") no-repeat top center transparent;
    margin: 0px auto;
    text-align: center;
    padding: 50px;
    clear: both;
}

#fb-root div {
    overflow: hidden !important;
}

#twlogin a {
    width: 55px;
    height: 20px;
    display: block;
    background: url('../images/tweet.png') no-repeat;
}

#twlogin a:hover {
    background-position: 0px -21px;
}


.hiddenFrame {
    display: none;
    width: 0px;
    height: 0px;
}

.sperimental {
    color: #000000;
    font-size: 10px;
    font-weight: bold;
}

.beta {
    color: #FF0000;
    font-size: 10px;
    font-weight: bold;
    background: #F0FA99;
    display: inline-block;
    padding: 2px;
    border-radius: 2px;
    text-decoration: none !important;
}

ul.quadra li a:hover span.beta {
    background: #F0FF00;
}

/* Mailforce - Google Analytics connection */
.listpicker {
    border: 1px solid #CDCDCD;
    position: relative;
    font-size: 12px;
    font-weight: normal;
    border-radius: 5px 5px 5px 5px;
}

.listpicker .list_container {
    cursor: pointer;
}

.listpicker .list_view td {
    padding: 3px;
    font-size: 18px;
    font-weight: normal;
}

.listpicker .list_view .choose {
    width: 20px;
    background: #EFEFEF url(../icons/icon_downarrow.png) no-repeat center center;
    border-left: 1px solid #CDCDCD;
}

.listpicker .list_menu {
    border: 1px solid #CDCDCD;
    background: #EFEFEF;
    position: absolute;
    top: 27px;
    right: -1px;
}

.listpicker .list_menu.leftalign {
    border: 1px solid #CDCDCD;
    background: #EFEFEF;
    position: absolute;
    top: 27px;
    left: 0px;
}

.listpicker .ui-datepicker {
    width: 500px !important;
    font-size: 10px !important;
}

.listpicker .domain_chooser {
    width: 100%;
}

.listpicker .domain_chooser td {
    padding: 1px;
    white-space: nowrap;
}

.listpicker .date_chooser td {
    padding: 1px;
    white-space: nowrap;
}

.listpicker .date_chooser td.highlight a {
    background: #003369 !important;
    color: #FFFFFF !important;
}

.listpicker .date_chooser .ui-state-hover {
    background: #ffcc33;
}

.listpicker .day_chooser {
    padding: 5px;
}

.listpicker .day_interval {
    padding: 5px;
}

.gaDate {
    border: 2px solid #EFEFEF;
    cursor: pointer;
    width: 80px;
}

.gaDate.focus {
    border: 2px solid #003366;
}

.listpicker .ui-widget-content {
    border: 0 !important;
}

.profile_list {
    float: left;
}

.profile_list select {
    font-size: 18px;
}

h2.addloader {
    background: url(../images/loader3.gif) no-repeat center right;
}

#gProfileID li {
    padding: 4px 2px;
    border-bottom: 1px solid #CDCDCD;
    cursor: pointer;
}

#gProfileID li:hover {
    background: #DEDEDE;
}

#gProfileID .profileName {
    float: left;
    display: block;
    color: #003369;
    font-size: 13px;
    font-weight: bold;
}

.errorcontainer {
    display: none;
}

.ui-datepicker-current-day .ui-state-active {
    background: #5bc0de;
    color: #FFFFFF;
    border-color: #269abc;
}




.breadcrumb {
    border-radius: 0;
    margin: 0;
    padding: 15px 0 15px 40px;
    position: relative;
    background: #f8fafc;
    height: 50px;
    display: inherit;
}

.breadcrumb a {
    text-decoration: none;
}

.breadcrumb a:hover span,
a.btn:hover span {
    text-decoration: underline;
}

.breadcrumb i {
    color: #CCCCCC;
    display: inline-block;
    font-size: 16px;
}

.mf-progress {
    height: 1.4rem;
    position: relative;
    background: #ABABAB;
}


#mfForm {
    padding: 20px 40px 40px 40px;
}

#advimage #mfForm {
    padding: 0;
}

#advimage h2 {
    font-size: 14px;
    font-family: Arial, Verdana;
    margin: 0;
    letter-spacing: normal;
}

.media a {
    display: block;
    width: 100%;
    text-decoration: none;
}

.labeltop {
    margin-top: 2px;
}

.media a:hover span.labeltop,
.media a:hover.labeltop {
    text-decoration: underline;
}


.media span.labelbottom {
    color: #999999;
}

/* MENU */

ul.main-navigation-menu i {
    font-style: normal;
}

ul.main-navigation-menu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    background-color: #F6F6F6 !important
}

ul.main-navigation-menu>li {
    border: 0 none;
    display: block;
    margin: 0;
    padding: 0;
    z-index: 90;

}

ul.main-navigation-menu>li>a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #FFFFFF -moz-use-text-color #DDDDDD;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    border-style: solid none;
    border-width: 1px 0;
    display: block;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    padding: 10px 15px;
    position: relative;
    text-decoration: none;
}

ul.main-navigation-menu li a .badge {
    float: right;
    margin-right: 13px;
    margin-top: 1px;
}

ul.main-navigation-menu>li:last-child>a,
ul.main-navigation-menu>li.last>a {
    border-bottom-color: rgba(0, 0, 0, 0) !important;
}

ul.main-navigation-menu>li>a i {
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
    text-shadow: none;
}

ul.main-navigation-menu li a .icon-arrow {
    float: right;
    margin-right: 6px;
}

ul.main-navigation-menu li>a>.icon-arrow:before {
    content: "\e163";
    font-family: "clip-font";
}

ul.main-navigation-menu li.open>a>.icon-arrow:before {
    content: "\e164";
}

ul.main-navigation-menu>li>a:hover .icon-arrow,
ul.main-navigation-menu>li.open>a .icon-arrow {
    opacity: 1;
}

ul.main-navigation-menu li>ul.sub-menu {
    clear: both;
    display: none;
    list-style: none outside none;
    margin: 8px 0;
    padding: 0;
}

ul.main-navigation-menu li>ul.sub-menu>li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1px !important;
    padding: 0;
}

ul.main-navigation-menu li>ul.sub-menu>li>a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    padding-bottom: 5px;
    padding-left: 40px !important;
    padding-right: 0;
    padding-top: 5px;
    text-decoration: none;
}

ul.main-navigation-menu>li>ul.sub-menu li>a .icon-arrow {
    margin-right: 22px;
}

ul.main-navigation-menu>li>ul.sub-menu li>ul.sub-menu {
    margin: 0;
}

ul.main-navigation-menu li.active>ul.sub-menu {
    display: block;
    padding: 0;
}

ul.main-navigation-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
    padding-left: 60px !important;
}

ul.main-navigation-menu>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
    padding-left: 80px !important;
}


ul.main-navigation-menu>li a {
    border-bottom: medium none;
    border-top-color: #C8C7CC;
    color: #555555;
}

ul.main-navigation-menu>li a>i {
    color: #0072b0;
    font-weight: normal;
}

ul.main-navigation-menu>li.active>a {
    background: none repeat scroll 0 0 #0072b0 !important;
    border-top: medium none !important;
    color: #FFFFFF;
}

ul.main-navigation-menu>li.active>a .selected:before {
    color: #0072b0 !important;
}

ul.main-navigation-menu>li.active>a i {
    color: #FFFFFF;
}

ul.main-navigation-menu>li.open>a,
ul.main-navigation-menu>li>a:hover,
ul.main-navigation-menu>li:hover>a {
    background-color: #D9D9D9;
}

.navigation-toggler,
.go-top {
    background-color: #E4E5E6 !important;
    color: #B1B1B1;
    overflow: hidden;
}

.navigation-toggler:hover i:first-child,
.go-top:hover {
    color: #555555;
}

.navigation-toggler:hover i:last-child {
    color: #B1B1B1;
}

.navigation-small .navigation-toggler:hover i:first-child {
    color: #B1B1B1;
}

.navigation-small .navigation-toggler:hover i:last-child {
    color: #555555;
}

.navigation-small ul.main-navigation-menu>li:hover>a:after {
    background: url("../images/menu-white-arrow.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    bottom: -1px;
    content: "";
    left: 35px;
    position: absolute;
    top: -1px;
    width: 14px;
}


ul.main-navigation-menu li>ul.sub-menu>li.open>a,
ul.main-navigation-menu li>ul.sub-menu>li.active>a,
ul.main-navigation-menu li>ul.sub-menu>li>a:hover {
    background: none repeat scroll 0 0 #D9D9D9 !important;
    color: #000000 !important;
}

.sidebar-toggle-button {
    padding: 10px 0;
}

.navigation-toggler {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    margin-left: 175px;
    text-align: center;
    width: 29px;
}

.navbar-tools {
    padding-top: 3px;
}

.navbar-tools .nav-link:hover {
    background: #EFEFEF;
    border-radius: 5px;
    text-decoration: none;
}

.navbar-toggle {
    border: medium none;
    border-radius: 0;
    margin: 6px;
}

.navbar-toggle span {
    font-size: 16px;
}

.navbar-toggle:hover {
    background-color: #D9D9D9;
}

.navbar-tools>ul>li .badge {
    border-radius: 12px !important;
    font-size: 11px !important;
    font-weight: 300;
    padding: 3px 6px;
    position: absolute;
    right: 24px;
    text-align: center;
    text-shadow: none !important;
    top: 8px;
}


.navbar-tools>ul>li #newmessagesalert span {
    font-size: 11px;
    padding: 3px 6px;
    position: absolute;
    right: 24px;
    top: 8px;
    background: #0072b0;
}

.navbar-collapse {
    border-top: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    max-height: 340px;
    overflow-x: visible;
    padding: 0;
}

/*.fade {
    opacity: 0;
    transition: opacity 0.15s linear 0s;
}
.fade.in {
    opacity: 1;
}§*/
/*.collapse {
    display: none;
}*/
.collapse.in {
    display: block;
}

.collapsing {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height 0.35s ease 0s;
}

.navbar-header nav.navbar {
    padding: 0;
}

.navbar-collapse.in {
    overflow-y: auto;
}

@media (min-width: 768px) {
    .navbar-collapse {
        border-top: 0 none;
        box-shadow: none;
        width: auto;
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        padding-bottom: 0;
    }

    .navbar-collapse.in {
        overflow-y: auto;
    }

    .navbar-collapse .navbar-nav.navbar-left:first-child {
        margin-left: -15px;
    }

    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }

    .navbar-collapse .navbar-text:last-child {
        margin-right: 0;
    }
}

.badge-lg {
    font-size: 14px;
}

.badge:empty {
    display: none;
}

a.badge:hover,
a.badge:focus {
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
}

#sendingRecipients.badge {
    font-size: 1.5rem;
}

.badge-success {
    background-color: #5CB85C;
}

.badge-success[href]:hover,
.badge-success[href]:focus {
    background-color: #449D44;
}

.badge-warning {
    background-color: #F0AD4E;
}

.badge-warning[href]:hover,
.badge-warning[href]:focus {
    background-color: #EC971F;
}

.badge-info {
    background-color: #5BC0DE;
}

.badge-info[href]:hover,
.badge-info[href]:focus {
    background-color: #31B0D5;
}

.badge-danger {
    background-color: #D9534F;
}

.badge-danger[href]:hover,
.badge-danger[href]:focus {
    background-color: #C9302C;
}

.badge-new {
    background-color: #0072b0;
    border-radius: 12px !important;
    font-size: 11px !important;
    font-weight: 300;
    height: 18px;
    padding: 3px 6px;
    text-align: center;
    text-shadow: none !important;
    vertical-align: middle;
}

*/ .demoVersion {
    float: right;
    padding: 9px 16px 0 16px;
    font-size: 11px;
    line-height: 12px;
    color: #FF0000;
    text-align: center;
}

ul.main-navigation-menu>li.active>a .selected:before {
    display: block;
    height: 41px;
    position: absolute;
    right: -10px;
    top: -1px;
    width: 11px;
    content: "\e16c";
    font-family: 'clip-font';
    line-height: 41px;
    font-size: 24px;
}

.navbar li.dropdown>.dropdown-toggle.show {
    background-color: #EFEFEF;
    border-radius: 3px;
}


/*
.navbar-tools .dropdown-menu {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C7CBD5;
    border-radius: 0 0 4px 4px;
    box-shadow: none;
    list-style: none outside none;
    margin: 0;
    max-width: 300px;
    min-width: 166px;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1000;
}
.open > .dropdown-menu {
    display: block;
}

.nav li.dropdown.open > .dropdown-toggle, 
.nav li.dropdown.active > .dropdown-toggle, 
.nav li.dropdown.open.active > .dropdown-toggle {
    background: none repeat scroll 0 0 #D9D9D9;
    color: #555555;
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}

.dropdown-menu > li > a {
    clear: both;
    color: #333333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #F5F5F5;
    color: #262626;
    text-decoration: none;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #428BCA;
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #999999;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    cursor: not-allowed;
    text-decoration: none;
}

.navbar-tools .dropdown-menu > li > a:hover, .navbar-tools .dropdown-menu > li > a:focus, .navbar-tools .dropdown-submenu:hover > a, .navbar-tools .dropdown-submenu:focus > a, .navbar-tools .drop-down-wrapper li a:hover, .navbar-tools .drop-down-wrapper li a:focus {
    background-color: #F4F6F9 !important;
    background-image: none;
    color: #000000;
    filter: none;
    text-decoration: none;
}

.navbar-tools .dropdown-menu li p, .navbar-tools .dropdown-menu li a, .navbar-tools .drop-down-wrapper li p, .navbar-tools .drop-down-wrapper li a {
    border-bottom: 1px solid rgba(100, 100, 100, 0.22);
    color: #333333;
    display: block;
    font-size: 12px;
    font-weight: 300;
    margin: 0;
    padding: 8px 8px 6px;
    white-space: normal !important;
}


.navbar-tools > ul {
    list-style: none outside none;
}
.navbar-right {
    float: right !important;
}
.navbar-tools > ul > li {
float:left;
}
.navbar-tools > ul > li > a {
    font-size: 16px;
    padding: 12px;
	color:#AAAAAA;
}
*/
.alert {
    border: none;
}

.alert h4 {
    color: inherit;
    margin-top: 0;
}

.alert .alert-link {
    font-weight: bold;
}

.alert-dismissable {
    padding-right: 35px;
}

.alert-dismissable .close {
    color: inherit;
    position: relative;
    right: -21px;
    top: -2px;
}

.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}

.alert-success hr {
    border-top-color: #C9E2B3;
}

.alert-success .alert-link {
    color: #356635;
}

.alert-notice {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}

.alert-notice hr {
    border-top-color: #A6E1EC;
}

.alert-notice .alert-link {
    color: #2D6987;
}

.alert-warning {
    background-color: #FCF8E3;
    border-color: #FAEBCC;
    color: #C09853;
}

.alert-warning hr {
    border-top-color: #F7E1B5;
}

.alert-warning .alert-link {
    color: #A47E3C;
}

.alert-error {
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #B94A48;
}

.alert-error hr {
    border-top-color: #E4B9C0;
}

.alert-error .alert-link {
    color: #953B39;
}

.alert blockquote {
    border-color: #3a87ad;
    font-size: 12px;
}

button.close {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    padding: 0;
}

.close {
    color: #000000;
    float: right;
    font-size: 30px;
    font-weight: bold;
    line-height: 22px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}

.resumeStrip .alert {
    margin: 0;
    padding: 0;
}

body.login .no-display {
    display: none;
}

body.login .copyright {
    padding: 10px;
    color: #ABABAB;
}

body.login .img-fluid {
    max-width: 100%;
    height: auto;
}

body.login .gradient-main {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

body.login .animated-scaleX {
    -webkit-animation: animScale 45s 1s ease-in-out infinite;
    animation: animScale 45s 1s ease-in-out infinite;
}

.mt-n1 {
    margin-top: -0.25rem !important;
}

.vh-100 {
    height: 100vh !important;
}

@media (min-width: 768px) {
    .d-md-block {
        display: block !important;
    }
}

body.login .logo {
    margin: 20px auto;
    padding-bottom: 10px;
}

.sign-bg {
    position: absolute;
    left: 0;
    top: 0;
}

body.login .box-login .form-login {
    text-align: left;
}

body.login .card {
    border: 0;
    color: #999999;
}

body.login .card h2 {
    color: #333333;
}

body.login .card .card-body {
    padding: 24px;
}

body.login .boxed {
    border: 1px solid #cDCDCD;
    border-radius: 10px;
}

body.login .form-actions {
    text-align: center;
}

body.login .login-content {
    width: 540px;
    min-width: 540px;
    margin: 0 auto;
}

body.login .help-block {
    color: #FF0000;
    display: block;
    margin-bottom: 10px;
    margin-top: 5px;
}

body.login .has-error .form-control {
    border-color: #FF0000;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}


.box-forgot {
    display: none;
}

body.login #mfForm {
    padding: 0;
}

body.login .main-login h3 {
    font-size: 22px;
    font-family: "open_sanslight", Arial, Verdana;
    color: #333333;
    margin: 20px 0;
}

body.login .main-login fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

body.login .main-login p {
    font-size: 16px;
    font-family: "open_sanslight", Arial, Verdana;
    color: #666666;
    margin: 10px 0;
}

div.control_navigation ul.pager {
    float: right;
    margin: 0;
    padding: 0;
    text-align: right;
}

div.control_navigation ul.pager li {
    float: left;
    margin: 0 1px 0 0;
    padding: 0;

}

div.control_navigation ul.pager li.separator {
    padding: 6px;
}

/*div.control_navigation ul.pager li .button { margin-top:3px;}*/

.label {
    font-size: 100%;
}

.label.label-warning {
    font-weight: bold;
}

.label-inverse,
.badge-inverse {
    background-color: #555555;
}

.sr-only {
    position: relative;
    height: 18px;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.mf-progress .on-empty {
    position: absolute;
    height: 18px;
    width: 100%;
    padding-top: 2px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
    color: white;
}


a.popovers i {
    font-size: 14px;
    color: #5bc0de;
}

a.popovers:hover {
    text-decoration: none;
}

a.popovers:hover i {
    color: #428bca;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    opacity: 0.3;
}

.btn.btn-xs {
    padding: 4px 6px;
    font-size: 12px;
    line-height: 1.2em;
}

.button,
button,
.ui-dialog-buttonset .ui-button {
    -moz-user-select: none;
    user-select: none;
    background-image: none;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    transition: all 0.3s ease 0s !important;
}

.ui-dialog select {
    width: 90%;
}

.btn-icon {
    background-color: #efefef;
    background-image: -moz-linear-gradient(center top, #fafafa, #efefef);
    border: 1px solid #dddddd;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    color: #333333;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 80px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 5px 0 0;
    position: relative;
    text-align: center;
    transition: all 0.3s ease 0s;
}

.btn-lg2 {
    padding: 20px;
    font-size: 20px;
}

.btn-dark-beige {
    background-color: #AFAA6D;
    border-color: #A6A05D;
    color: #FFFFFF;
}

.btn-dark-beige:hover,
.btn-dark-beige:focus,
.btn-dark-beige:active {
    background-color: #9E9A5F;
    border-color: #9B9A54;
    color: #FFFFFF;
}

.btn-green {
    background-color: #3D9400;
    border: none;
    color: #FFFFFF;
}

.btn-green:active {
    background-color: #3D9400 !important;
    color: #FFFFFF !important;
    border: none !important;
}

.btn-dark-grey {
    background-color: #333333;
    border-color: #333333;
    color: #FFFFFF;
}

.btn-dark-grey:hover {
    color: #EFEFEF;
}


.btn-orange {
    background-color: #E6674A;
    border-color: #E35434;
    color: #FFFFFF;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active {
    background-color: #E35434;
    border-color: #DE421F;
    color: #FFFFFF;
}

.btn-yellow {
    background-color: #FFB848;
    border-color: #FFAE2F;
    color: #FFFFFF;
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active {
    background-color: #FFAE2F;
    border-color: #FFA415;
    color: #FFFFFF;
}

.filtersTable {
    width: 100%;
}

.filtersTable td {
    padding: 5px;
    margin: 3px 0;
}

.filtersTable tbody td {
    border-bottom: 2px solid #FFFFFF;
}

.filtersTable select {
    color: #666666;
}

.control_navigation .pager .button,
.filtersTable .button,
.filter_controls .button {
    padding: 6px 12px;
    box-shadow: 0 .125rem .25rem 0 rgba(133, 146, 163, .4);
    background: #357EBD;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 1.5em;
    border: 0;
    margin-bottom: 5px;
}

.control_navigation .pager .button.current {
    background: #003369;
}

.control_navigation .pager .button.disabled,
.control_navigation .pager .button.disabled:hover {
    background: #CCCCCC;
}

.control_navigation .pager .button:hover,
.filtersTable .button:hover,
.filter_controls .button:hover {
    background: #1a62ae;
}



.btn-primary {
    background-color: #005c9c;
    border-color: #005c9c;
}

.btn-primary:hover {
    background-color: #003369;
}

.btn-success {
    background-color: #5CB85C;
    border-color: #4CAE4C;
    color: #FFFFFF;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color: #47A447;
    border-color: #398439;
    color: #FFFFFF;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-image: none;
}


.btn-bricky {
    background-color: #C83A2A;
    border-color: #B33426;
    color: #FFFFFF;
}

.btn-bricky:hover,
.btn-bricky:focus,
.btn-bricky:active,
.btn-bricky.active {
    background-color: #B33426;
    border-color: #9E2E21;
    color: #FFFFFF;
}

.btn-teal {
    background-color: #569099;
    border-color: #4D8189;
    color: #FFFFFF;
}

.btn-teal:hover,
.btn-teal:focus,
.btn-teal:active,
.btn-teal.active {
    background-color: #4D8189;
    border-color: #447178;
    color: #FFFFFF;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
    background-color: #327B00;
    border-color: #286100;
    color: #FFFFFF;
}

.btn-teal.disabled:hover,
.btn-teal.disabled:focus,
.btn-teal.disabled:active,
.btn-teal.disabled.active,
.btn-teal[disabled]:hover,
.btn-teal[disabled]:focus,
.btn-teal[disabled]:active,
.btn-teal.active[disabled],
fieldset[disabled] .btn-teal:hover,
fieldset[disabled] .btn-teal:focus,
fieldset[disabled] .btn-teal:active,
fieldset[disabled] .btn-teal.active {
    background-color: #569099;
    border-color: #569099;
    color: #FFFFFF;
}



.btn {
    box-shadow: 0 .125rem .25rem 0 rgba(133, 146, 163, .4);
}

.btn-light-grey {
    background: #DCDCDC;
}

.btn-light-grey:hover,
.btn-light-grey:focus,
.btn-light-grey:active {
    background: #CDCDCD;
}

.btn-blue,
.ui-dialog-buttonset .ui-button {
    background-color: #005C9C;
    color: #FFFFFF;
}

.btn.btn-blue:active {
    background-color: #003369;
    border-color: #003369;
    color: #FFFFFF;
}

.btn-blue:hover,
.btn-blue:focus,
.ui-dialog-buttonset .ui-button:hover {
    background-color: #003369;
    color: #FFFFFF;
}


/*a.btn, a.btn:link, a.btn:visited { color:#FFFFFF; text-decoration:none;}
a.btn:hover { text-decoration:none;}
FDC */
.dropdown-menu.pull-right {
    left: auto;
    right: 0;
}

.go-back {
    float: left;
}


.btn-lg {
    border-radius: 6px;
    font-size: 18px;
    line-height: 1.33;
    padding: 10px 16px;
}

.btn-info {
    background-color: #5BC0DE;
    border-color: #46B8DA;
    color: #FFFFFF;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-color: #39B3D7;
    border-color: #269ABC;
    color: #FFFFFF;
}



textarea:focus,
select:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
    border-color: rgba(82, 168, 236, 0.8) !important;
    box-shadow: 0 0 8px rgba(82, 168, 236, 0.6) !important;
    outline: 0 none !important;

}

input::placeholder,
textarea::placeholder {
    color: #CDCDCD !important;
}

input::-webkit-input-placeholder {
    color: #CDCDCD !important;
}

input:-moz-placeholder {
    /* Firefox 18- */
    color: #CDCDCD !important;
}

input::-moz-placeholder {
    /* Firefox 19+ */
    color: #CDCDCD !important;
}

input:-ms-input-placeholder {
    color: #CDCDCD !important;
}

input[type="text"]:focus.error,
textarea:focus.error {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483;
}


textarea,
input[type="radio"],
input[type="checkbox"],
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    border: 1px solid #D5D5D5;
}

select.form-select {
    border: 1px solid #D5D5D5;
}


body.login .input-icon {
    /*padding-right:30px;*/
    font-size: 13px;
}

body.login .input-icon>input {
    line-height: 24px;
}

body.login .form-group {
    margin-bottom: 15px;
}

body.login span.input-icon,
body.login span.input-help {
    display: block;
    position: relative;
}

body.login input.password {
    padding-right: 135px;
}

body.login .input-icon>[class*="fa-"],
body.login .input-icon>[class*="clip-"] {
    bottom: 0;
    color: #909090;
    display: inline-block;
    font-size: 14px;
    left: 5px;
    line-height: 38px;
    padding: 0 3px;
    position: absolute;
    top: 0;
    z-index: 2;
}

body.login .main-login {
    z-index: 10;
    margin-top: 90px;
    min-height: 1px;
    padding: 0;
    position: relative;
    border-top: 4px solid #0b71af;
}

#imagecopy {
    font-size: 10px;
    color: #777777;
    position: fixed;
    bottom: 0;
    padding: 5px;
}

body.login {
    background: #FFFFFF;
    /*  background: #FFFFFF url(../images/background/login_bg6.jpg) no-repeat center center fixed; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* classi per la toolbar di TinyMCE nell'editor Wysiwyg */
.panel-empty {
    border-radius: 0;
    box-shadow: none;
    background: #EFEFEF;
}

.panel-scroll {
    margin: 10px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: auto;
}

.panel-tools {
    position: absolute;
    right: 5px;
    top: 8px;
}

.panel-tools .btn-link {
    color: #0480BE;
}

.panel-tools .btn-link:hover {
    color: #036392;
}

.panel-tools .btn-link {
    color: #57A957;
}

.panel-tools .btn-link:hover {
    color: #417E41;
}

.panel-tools .btn-link {
    color: #C43C35;
}

.panel-tools .btn-link:hover {
    color: #972E28;
}

.panel-tools .btn-link {
    color: #333333;
}

.panel-tools .btn-link:hover {
    color: #000000;
}

.panel-tools .btn-link:focus,
.panel-tools .btn-link:hover,
.panel-tools .btn-link:active {
    outline: 0 none !important;
    text-decoration: none;
}

.panel-tools .btn.expand:before {
    content: "w";
    display: inline;
    float: right;
    font-family: FontAwesome;
    font-weight: 300;
    height: auto;
    text-shadow: none;
}

.panel-tools .btn.collapses:before {
    content: "x";
    display: inline;
    float: right;
    font-family: FontAwesome;
    font-weight: 300;
    height: auto;
    text-shadow: none;
}

.panel-tools .btn {
    border-style: none;
}

.panel-tools .btn-link {
    color: #666666;
}

.panel-tools .btn-link:hover {
    color: #333333;
}

.panel-heading {
    background-color: #ABABAB;
    border-bottom: 1px solid #CDCDCD;
    height: 36px;
    padding-left: 40px;
    position: relative;
}

.panel-heading .link {
    text-transform: none;
}

.panel-heading>[class^="fa-"],
.panel-heading>[class*=" fa-"],
.panel-heading>[class^="icon-"],
.panel-heading>[class*=" icon-"],
.panel-heading>[class^="clip-"],
.panel-heading>[class*=" clip-"] {
    border-right: 1px solid #CDCDCD;
    box-shadow: 1px 0 0 0 #FFFFFF;
    height: 36px;
    left: 0;
    opacity: 0.7;
    padding: 12px 10px 8px;
    position: absolute;
    top: 0;
}

.dashboard-box .panel-default>.panel-heading {
    font-weight: bold;
    background-color: transparent;
    text-transform: uppercase;
    padding: 10px 0;
}

.dashboard-box .panel,
.panel {
    border: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

.dashboard-box .panel-body {
    margin: 0;
    padding: 0;
}

.panel-white {
    box-shadow: none;
}

.panel-white .panel-heading {
    background-color: #FFFFFF;
    background-image: none;
    border-bottom: 1px solid #CDCDCD;
    border-radius: 6px 6px 0 0;
    box-shadow: none;
    height: 36px;
    padding-left: 40px;
    position: relative;
}

.panel-white .panel-heading>[class^="fa-"],
.panel-white .panel-heading>[class*=" fa-"],
.panel-white .panel-heading>[class^="icon-"],
.panel-white .panel-heading>[class*=" icon-"],
.panel-white .panel-heading>[class^="clip-"],
.panel-white .panel-heading>[class*=" clip-"] {
    border-right: 1px solid #CDCDCD;
    box-shadow: none;
    height: 36px;
    left: 0;
    opacity: 0.7;
    padding: 12px 10px 8px;
    position: absolute;
    top: 0;
}


/* carrello spesa */
.sliderBox {
    margin: 70px 0;
    font-size: 9px;
    font-family: Arial, Verdana;
    position: relative;
}

.sliderBox .title {
    font-size: 18px;
    font-weight: bold;
    padding: 3px;
    color: #ABABAB;
    position: absolute;
    top: -25px;
    right: 0px;

}

.speedslider {
    width: 500px;
}

.slidercontainer {
    background: #CDCDCD;
    width: 100%;
    cursor: grab;
}

.slidercontainer .ui-slider .ui-slider-handle {
    cursor: grab;
    outline: none;
}


.mfslider {
    margin: 35px auto 45px auto;
    width: 90%
}

.mfslider label {
    position: absolute;
    margin-top: 10px;
    display: inline-block;
    margin-left: -25px;
    width: 50px;
    text-align: center;
    font-size: 10px;
}

.mfslider label:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #003369 rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 0 3px 3px 3px;
    top: -6px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -3px;
    overflow: hidden;
    position: absolute;
    width: 0;
}

.mfslider.ui-slider,
.mfslider.ui-slider-horizontal,
.mfslider.ui-widget,
.mfslider.ui-widget-content,
.mfslider.ui-corner-all {
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #CDCDCD;
}

.ui-slider .ui-slider-handle {
    background: transparent;
    width: 40px;
    border-style: none;
    margin-left: -18px;
    top: -4px;
}

.ui-slider-handle span {
    background: none repeat scroll 0 0 #005c9c;
    border-radius: 3px;
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    left: -22px;
    margin: 0 auto;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: -42px;
    width: 80px;

}

.ui-slider-handle span:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #005C9C rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 3px;
    bottom: -6px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -3px;
    overflow: hidden;
    position: absolute;
    width: 0;
}

.bwToBuy {
    font-size: 14px;
}

.bwToBuy #totalBW {
    font-size: 22px;
    font-weight: bold;
}

.conditions {
    width: 100%;
    height: 130px;
    overflow-y: auto;
    padding: 10px;
    font-size: 11px;
}

.conditions li {
    list-style-type: square;
    list-style-position: inside;
    margin-left: 20px;
}

.priceBox {
    text-align: center;
    background: #EFEFEF;
    color: #666666;
    border-radius: 6px;
    position: relative;
}

.priceLabel {
    white-space: nowrap;
    color: #ffffff;
    font: 18px/36px Arial;
    padding: 0 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.priceLabel.green {
    background: #3d9400;
    border-bottom: 1px solid #075415;
}

.priceLabel.blue {
    background: #005c9c;
    border-bottom: 1px solid #003366;
}

.bigText {
    color: #000000;
    font-size: 30px;
    padding: 20px 10px;
    line-height: 20px;
}

.unmis {
    white-space: nowrap;
    font-size: 18px;
}

.subBox {
    height: 80px;
    text-align: center;
    white-space: nowrap;
    background: #EFEFEF;
    padding: 10px;
    color: #666666;
    border-radius: 2px;
    margin-bottom: 20px;
    position: relative;
}

.bigText {
    font-size: 30px;
    color: #000000;
    overflow: hidden;
}

.littlezero {
    font-size: 15px;
}

.bwBox {
    height: 80px;
    white-space: nowrap;
    text-align: center;
    background: #EFEFEF;
    padding: 10px;
    color: #666666;
    border-radius: 2px;
    margin-bottom: 20px;
    position: relative;
}


.requestBox .wantOffer {
    font-size: 20px;
    color: #FFFFFF;
    display: block;
    margin-top: 3px;
    line-height: 20px;
    color: #FF0000;
}

.radioContainer {
    color: #0b71af;
}

.package {
    background: #EFEFEF;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    border-bottom: 3px solid #CDCDCD;
    border-radius: 2px;
}

.package a {
    padding: 6px 10px 10px 10px;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 30px;
}

.package .name {
    float: left;
    font-size: 15px;
    line-height: 12px;
}

.package .name .little {
    font-size: 12px;
}

.package .price {
    float: left;
    line-height: 13px;
    margin-left: 10px;
    margin-top: 2px;
    font-size: 22px;
    font-weight: bold;
    color: #000000;
}

.package.selected {
    background: #A6D87A;
}

.badge.topright {
    position: absolute;
    top: -4px;
    right: -4px;
}

.cartTable {
    width: 100%;
    font-size: 13px;
    color: #000000;
    margin-bottom: 20px;
}

.cartTable td,
.cartTable th {
    border-bottom: 1px solid #ABABAB;
}

.cartTable th {
    text-align: left;
}

.cartTable td {
    vertical-align: middle;
    padding: 5px;
}

.cartTable thead {
    border-bottom: 3px solid #357EBD;
}

.btn-xs {
    padding: 1px 5px;
}

.mycartContainer {
    background: #EFEFEF;
    border-radius: 6px;
    padding: 10px;
    width: 100%;
    margin-bottom: 20px;
}

#mycart {
    width: 100%;
    margin-top: 10px;
}

.panel-scroll {
    overflow: hidden;
    padding: 0;
    position: relative;
    width: auto;
}


td.cartPrice {
    text-align: right;
    white-space: nowrap;
}

#cartTotal {
    font-size: 16px;
    font-weight: bold;
}

.in-cart {
    display: none !important;
}


.generic_page .ui-tabs {
    margin: 0;
    padding: 0;
}

#tinyEditor .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 5px 0 0 5px;
}

.mce-window iframe {
    overflow: hidden;
}

#librarySpace {
    float: right;
    margin-top: -20px;
}

#librarySpace h3 {
    font-weight: bold;
    font-family: Arial, Verdana;
}

.buyconditions {
    padding: 10px;
}

.buyconditions label.error,
#lstFileDiv label.error {
    display: inline-block;
}

textarea#txtContacts {
    height: 150px;
}

div.alignleft {
    float: left;
}

.labelize {
    padding: 5px 0;
    display: inline-block;
}

#importOutput {
    min-height: 300px;
}

.elenco li {
    margin: 5px 0;

}

#emailSendingSummary .core-box {
    background: #EFEFEF;
    padding: 15px 5px;
    margin-bottom: 20px;
}



.sendingSegments {
    margin: 2px 0;
    padding-left: 20px;
}

td.text .sendingSegments .title {
    font-weight: normal;
}

td.text .title.selected {
    border-radius: 6px;
    padding: 4px 6px;
    font-weight: bold;
    white-space: nowrap;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#sendtestreport {
    padding-top: 5px;
}

.onlyprint {
    height: 0px;
    overflow: hidden;
}

.chart {
    position: relative;
    width: 110px;
    margin: 0 auto;
}

.chart .percent {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    text-align: center;
    width: 110px;
    color: #666666;
    height: 80px;
    line-height: 110px;
}




.easyCounter .item_label {
    font-size: 11px;
    font-weight: bold;
}

.easyCounter>div {
    text-align: center;
    margin-bottom: 20px;
}

.fileslist {
    font-size: 12px;
}

.mobileOnly {
    display: none;
}


.dropzone {
    background: #0072b0;
    width: 100%;
    height: 100%;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    z-index: 1000000;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.8;
    display: none;
}

.dropzone.in {
    font-size: larger;
    display: block;
}

.dropzone.hover {
    background: #0072b0;
}

.dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}


.dropzone h1 {
    color: #fff;
    font-size: 40px;
    left: 0;
    margin: -0.5em 0 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.fileinput-button {
    overflow: hidden;
    position: relative;
}

.fileinput-button span {
    color: #005c9c;
}

.fileinput-button input {
    cursor: pointer;
    direction: ltr;
    font-size: 200px !important;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.editorType {
    background: #EFEFEF;
    text-align: center;
    padding: 20px;
}

.editorType.selected {
    background: #FFFFFF;
    position: relative;
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    margin-left: 1px;
    width: 100%;
    z-index: 100;
}

.editorType.selected22:before {
    color: #d9d9d9;
    content: "";
    display: block;
    font-family: "clip-font";
    font-size: 32px;
    height: 41px;
    line-height: 41px;
    position: absolute;
    right: -11px;
    top: 11px;
    width: 11px;
}

.buildeditor {
    margin: 40px;
}

.buildeditor h2 {
    color: #0072b0;
    font-family: Arial, Verdana;
}

.buildeditor .boxint {
    background: #FFFFFF;
    padding: 30px;
    border: 1px solid #CDCDCD;
}

.buildeditor .boxint:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.buildeditor .boxint a {
    color: #333333;
}

.buildeditor .boxint a:hover {
    text-decoration: none;
}

.preview-controls {
    background: #EFEFEF;
    margin-top: 7px;
    display: inline-block;
    float: right;
}

.preview-controls .label {
    float: left;
    font-size: 14px;
    margin: 10px 5px !important;
    color: #ABABAB;
}

.preview-controls .mobile {
    float: left;
    font-size: 30px;
    margin: 5px !important;
}

.preview-controls .desktop {
    float: left;
    font-size: 30px;
    margin: 5px !important;
}

.preview-controls .tablet {
    float: left;
    font-size: 30px;
    margin: 5px !important;
}

.well {
    padding: 10px;
    margin-bottom: 10px;
    background: #EFEFEF;
    border-radius: 4px;
}

#libraryFileDiv {
    cursor: pointer;
}

#libraryFile {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}

.ui-dialog select {
    display: inline-block;
}

#iframecontainer {
    width: 80%;
    margin: 0 auto;
    height: 500px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#iframecontainer iframe {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    display: inline-block;
}

/* Codici colore per il testing dei tag MFLANGUAGE */
.testCode3 {
    font-size: 11px;
    margin: 3px;
    line-height: 1;
    outline: 1px solid #177245;
    outline-offset: 3px;
    display: inline-block;
    color: #228b22;
    vertical-align: middle;
}

.testCode {
    background: #228b22 none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
}

.testCode.error {
    outline-color: #FF0000;
    color: #FF0000;
}

/* --- CARD BASE --- */
.my-card {
    background-color: #fff;
    border: 1px solid #EFEFEF;
    border-radius: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 1.25rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
}

.my-card .btn {
    text-decoration: none;
}

.my-card:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.my-card .card-header {
    margin-bottom: .75rem;
    font-size: 1.25rem;
    font-weight: 600;
}

.my-card .card-logo {
    max-width: 120px;
    margin-bottom: 1rem;
}

.email-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.email-card:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* --- RESET UL/LI INTERNI --- */
.my-card ul {
    list-style-type: disc;
    margin-left: 1.25rem;
    margin-bottom: 1rem;
    padding-left: 0;
}

.my-card li {
    margin-bottom: .25rem;
    line-height: 1.5;
    color: #333;
}

/* --- CARD COLLAPSIBILE --- */
.collapsible-card {
    overflow: hidden;
    cursor: pointer;
}

.collapsible-card::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;

    pointer-events: none;
    transition: opacity 0.3s;
}

.collapsible-card.expanded {
    height: auto;
    overflow: visible;
    cursor: default;
}

.collapsible-card.expanded::after {
    opacity: 0;
}

/* --- PULSANTE LEGGI TUTTO --- */
.collapsible-card .read-more {
    position: absolute;
    bottom: 10px;
    left: 15px;
    background: rgba(255, 255, 255, 0.9);
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 600;
    color: #005c9c;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
    user-select: none;
}

.collapsible-card .read-more .arrow {
    margin-left: 4px;
    font-size: 11px;
    transition: transform 0.3s ease;
}

.collapsible-card:hover .read-more {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.collapsible-card.expanded .read-more {
    display: none;
}