@CHARSET "utf-8";

/* Common
*************************************************/
.center { text-align: center !important; }
.left   { text-align: left !important; }
.right  { text-align: right !important; }
.u { text-decoration: underline !important; }
.b { font-weight: bold; }
hr {border:0px;border-top:1px dotted #cacaca;margin:15px 0;}
.w100 { width: 100px !important; }
.w200 { width: 200px !important; }
.w300 { width: 300px !important; }

.danger { color:#B94A48 !important; }

.visuallyhidden,
form .check {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.success {
    position: relative;
    border: 1px solid #009B00;
    background: #edfced url(../images/icon-ok.png) no-repeat 10px center;
    padding: 10px 10px 10px 45px;
    font-size: 13px;
    color: #228B22;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 0;
}

.error {
    border: 1px solid #f5aca6;
    background: #ffecec url(../images/error.png) no-repeat 10px center;
    padding: 10px 10px 10px 45px;
    font-size: 13px;
    color: #990000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 0;
}
.error p {
    font-size: 13px !important;
    margin: 0 !important;
    line-height: normal !important;
}
.alert {
    border: 1px solid #e6db55;
    background: #ffffe0 url(../images/alert.png) no-repeat 10px center;
    padding: 10px 33px 10px 45px;
    font-size: 13px;
    color: #555;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 0;
    position: relative;
}
.alert-close {
    background: url("../images/alert-close.png") no-repeat center center;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 11px;
    top: 11px;
}
.alert-time {
    font-size: 12px;
    font-weight: 600;
    margin: 0 0.5em 0 0;
}

.login_error {
    position: absolute;
    top: 2px;
    right: 28px;
    color: #BB0000;
    font-size: 12px;
}
a.auth {
    font-size:10px;
    color:#0d686c;
}
.box_content {
    color: #006078;
}
.box_content .box_text {
    min-height: 200px;
}
table img {
    vertical-align: middle;
}

/* Menu fix
*************************************************/
#menu .lev1 a {
    padding: 14px 15px;
    line-height: 22px;
}
.second_menu #menu .lev1 a {
    line-height: 17px;
}
#menu .lev2 {
    margin-left: -90px;
}
/* Second (bottom) Menu of Logged in user
*************************************************/
.second_menu #menu .lev1 a {
    padding: 16px 28px 17px;
}

/* Bottom Menu fix
*************************************************/
.bottom_menu .btm_menu a {
    padding: 0 26px;
}

.box_title {
    width: 710px;
}
.tab_rdv .celltype1 {
    width: 114px;
}

/* Contact
*************************************************/
.contact_address h3 {
    font-weight: bold;
    color: #0A6885;
    font-size: 16px;
}
.tab_contact .celltype2 {
    text-align: left;
}
.tab_contact .mark input,
.tab_standard .mark input {
    background-color: #ffcfcf;
}
.tab_contact th {
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 14px;
    text-align: right;
    width: 140px;
    background-color: #f3f3f3;
    border-bottom: dotted 1px;
    border-bottom-color: #cacaca;
    color: #0A6885;
}
.tab_contact select {
    padding: 3px;
}


/* Formula
*************************************************/
.tab_contact input[type=radio] {
    width: auto;
    height: auto;
}
.tab_contact .celltype1 {
    width: 145px;
}
#routage_formula .celltype2 {
    text-align: center;
}
.tab_contact td.txt {
    padding-left: 16px;
    font-size: 14px;
    font-weight: 400;
}
.box_content .pick_formule {
    border-top: none;
    padding: 5px 10px;
    font-weight: 400;
}
#formula_wrapper, #design_formula, #routage_formula {
    display: none;
}
.box_content .btn_valid {
    border:0 none;
    padding: 7px 12px;
}

.box_content .btn_back {
    float: left;
    margin:0;
    color: #FFFFFF;
    padding: 7px 15px;
    line-height: 25px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size: 16px;
    background: #D8D8D8; /* Old browsers */
    background: -moz-linear-gradient(top,  #D8D8D8 0%, #BCBCBC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D8D8D8), color-stop(100%,#BCBCBC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #D8D8D8 0%,#BCBCBC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #D8D8D8 0%,#BCBCBC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #D8D8D8 0%,#BCBCBC 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #D8D8D8 0%,#BCBCBC 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8D8D8', endColorstr='#BCBCBC',GradientType=0 ); /* IE6-9 */
    background-color: #D8D8D8;
}
.box_content .btn_back:hover {
    background: #D8D8D8;
}
#design_formula_descr,
#design_routage_formula_descr,
#routage_formula_descr {
    display:none;
}
#design_formula p {
    margin: 0 0 3px 0;
}
#design_formula p.prix {
    padding-top: 0;
}
.box_content .pick_formule {
    margin-bottom: 15px !important;
}
.boxline_formule .showbox ul {
    margin-bottom: 8px;
    height: 113px;
}
.design_routage .design-text {
    display: none;
}
/***********   TABLES   *****************/
/*     Grid     **/
table.grid {width:100%;margin:10px auto;}
table.grid td {border:0px;border-bottom:1px solid #CACACA;padding:5px 7px;font-size:13px;vertical-align:middle;}
table.grid thead th {text-align:center;color:#006078;background-color:#DCECED;font-weight:bold;padding:7px;font-size:14px;vertical-align:middle;}

table.grid td a{text-decoration:underline;}
table.grid td .small{font-size:10px;}
table.grid td p{margin:3px 0px;font-weight:normal;}
table.grid span.product-details {font-size:12px; font-style: italic;}

/*     Total     **/
table.total {width:100%;margin:10px auto;}
table.total th{font-size:14px;text-transform:uppercase;text-align:right;font-weight:bold;padding:3px 5px 3px 0px;}
table.total td{font-size:14px;text-transform:uppercase;text-align:right;padding:3px 5px 3px 0px;}

/*     Info     **/
table.info {width:auto;margin:10px 0px;}
table.info th,
table.info td{padding:3px 7px 3px 0px;font-size:13px;text-align:left;}

/*     Form     **/
table.form {width:60%;border-collapse:collapse;border:0px;margin:10px auto;border-top:2px solid #7E6C5E;border-bottom:2px solid #7E6C5E;}
table.form th,
table.form td {color:#333;padding:4px 8px;text-align:left;font-size:12px;border:1px solid #fff;}
table.form th {background-color:#E2D8CA;font-weight:bold;width:35%;}
table.form td {background-color:#D4C8B8;}
table.form th.top,
table.form td.top {vertical-align:top;}
table.form td.mark {background-color:#fc6;}
table.form td.center{text-align:center;}
table.form td a{text-decoration:underline;}

/*     Columns     **/
table.columns {width:100%;margin:10px 0px;}
table.columns td{vertical-align:top;padding:3px 10px 3px 0px;font-size:13px;}
table.columns td.mark{background-color: #fc6;}
table.columns td .alt_content h2,
table.columns td .alt_content h3{margin:0px 0px 10px;}
table.columns td .alt_content h3{font-size:22px;color:#00A1AA;font-weight:300;}
table.columns td p{margin:0px 0px 10px;font-weight:normal;}

/*     Alt content     **/
.alt_content .alt_small {font-size:11px;}

.box_content h3.alt {
    font-weight: 600;
    margin: 4px 0;
}
.box_content p.info {
    color: #678089;
    font-size: 13px;
    font-style: italic;
    margin: 0 0 2px 0;
}

.btn_std {
    display: inline-block;
    margin: 0;
    line-height: 22px;
    padding: 5px 15px;
    font-size: 14px;
    text-align: center;
    color: #fff !important;
    border:0 none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #2bccd7; /* Old browsers */
    background: -moz-linear-gradient(top,  #2bccd7 0%, #25b1b9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2bccd7), color-stop(100%,#25b1b9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2bccd7 0%,#25b1b9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2bccd7 0%,#25b1b9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2bccd7 0%,#25b1b9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2bccd7 0%,#25b1b9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bccd7', endColorstr='#25b1b9',GradientType=0 ); /* IE6-9 */
    background-color: #2BCBD6;
}
.btn_std:hover {
    background: #2bccd7;
}


a.doit {
    color: #0BB4BA;
    margin-left: 4px;
}
.doit img {
    margin-top: -4px;
}
.btn-group {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-top: 7px;
    margin-left: 2px;
}
button.dropdown {
    border: 1px solid #999;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0;
    padding: 2px 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #666;

    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
button.dropdown:hover {
    background: #eee;
}
ul.dropdown-menu {
    display: none;
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    font-size: 14px;
    text-align: left;
    right: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 150px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}
.open .dropdown-menu {
    display: block;
}
.dropdown-menu li {
    background-image: none;
    margin: 0;
    padding: 0;
}
.dropdown-menu a {
    display: block;
    font-size: 13px;
    color: #666;
    padding: 3px 20px;
    white-space: nowrap;

}
.dropdown-menu a:hover {
    color: #fff;
    background-color: #27C0C8;
}

.arrow-down {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #666;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-top: 9px;
    margin-left: 2px;
}
.arrow-up {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-bottom: 4px solid #666;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-top: 9px;
    margin-left: 2px;
}
.tab_standard .sort {
    color: #006078;
    text-decoration: underline;
}
.side-box {
    float:right;
    border: 1px solid #CACACA;
    border-width: 2px 1px 4px;
    margin: 10px 0;
    font-size: 14px;
}
.side-box-header {
    background: #F3F3F3;
    padding: 7px 10px;
    font-weight: bold;
    border-bottom: 1px dotted #CACACA;
}
ul.client-lists {
    height: 277px;
    overflow: auto;
}
.client-lists li {
    background-image: none;
    padding: 0;
    font-size: 13px;
}
.client-lists input[type="checkbox"] {
    line-height: normal;
    padding:0;
    margin:0 5px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}
.row-box {

}
.item-box {
    float: left;
    width: 400px;
    margin: 10px;
}
.img-box {
    float: left;
    width: 100px;
}
.text-box {
    float: left;
    width: 300px;
}
.text-box h3 {
    font-size: 14px;
    color: #0A6885;
    font-weight: bold;
    margin: 0 0 15px 0;
}
.bigimg-box {
    margin-bottom: 15px;
}
.box_content .item-price {
    font-size: 20px;
    font-weight: bold;
}
.pager-box {
    text-align: right;
    font-size: 13px;
}
.pager-box ul {
    display: inline;
    margin: 0;
    padding: 0;
}
.pager-box ul li {
    display: inline;
    background-image: none;
    margin: 0;
    padding: 0;
}
.pager-box li a {
    display: inline-block;
    padding: 2px 5px;
}
.pager-box li a.selected {
    border: 1px solid #A0D1D3;
    background-color: #DCECED;
    color: #006078;
}
.keyword-col {
    float: left;
    width: 24%;
    margin-bottom: 10px;
}
.search-box {
    background: #DCECED;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #A0D1D3;
    padding: 15px;
    margin-bottom: 20px;
    font-size: 14px;
}
.search-box select {
    border: 1px solid #cacaca;
    height: auto;
    font-size: 13px;
    margin:0;
    padding:0;
}
.search-box h3 {
    color: #474747;
    font-size: 20px;
    font-weight: 300;
    margin: 0 0 8px 0;
    line-height: 22px;
}
.query-str {
    font-size: 14px;
    width: 150px;
    padding: 3px;
    border: 1px solid #999;
}
.user-html {
    width: 620px;
    overflow: hidden;
    font-size: 13px;
}
.item-back {
    float: right;
    margin-top:-10px;
}
.tf-price-box {
    float: right;
    margin-top: 40px;
}
.thumbs {
    float: left;
}
.thumbs a {
    display: inline-block;
    margin-right: 15px;
}

/* Contacts - Subscribers
*************************************************/
.tab_standard {
    margin: 10px auto 15px;
}
.tab_standard tr.even {
    background-color: #F3F3F3;
}
.tab_contacts {
    margin-top: 8px;
}
.tab_contacts td {
    font-size: 13px;
    text-align: left;
    border-bottom: dotted 1px;
    border-bottom-color: #cacaca;
    color: #0A6885;
    border-right: dotted 1px;
    border-right-color: #00A1AA;
    background-color: transparent;
}
.tab_contacts a {
    color: #0BB4BA;
}
.tab_contacts .contact-checkbox,
.tab_contacts .contact-selector {
    width: auto;
    height: auto;
    margin: 0 6px 0 1px;
}
.num-contacts {
    font-size: 16px;
    color: #474747;
}
.ui-datepicker {
    font-size: 12px;
}
.contact-filter {
    font-size: 13px;
}
.contact-filter input[type=text] {
    font-size: 12px;
    border: 1px solid #cacaca;
    height: auto;
    margin: 0;
    padding: 1px 2px;
}
.contact-filter select {
    font-size: 12px;
}
.contact-filter label {
    display: inline-block;
    width: 50px;
}
.search-row {
    margin-top: 14px;
}
.contact-filter #date_start,
.contact-filter #date_end {
    width: 70px;
}
.btn_reset {
    display: inline-block;
    text-align: center;
    line-height: 22px;
    color: #FFFFFF !important;
    padding: 5px 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size: 14px;
    background: #D8D8D8; /* Old browsers */
    background: -moz-linear-gradient(top,  #D8D8D8 0%, #BCBCBC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D8D8D8), color-stop(100%,#BCBCBC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #D8D8D8 0%,#BCBCBC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #D8D8D8 0%,#BCBCBC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #D8D8D8 0%,#BCBCBC 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #D8D8D8 0%,#BCBCBC 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8D8D8', endColorstr='#BCBCBC',GradientType=0 ); /* IE6-9 */
    background-color: #D8D8D8;
}
#list_box {
    /*height: 450px;*/
}
#list_box a {
    font-size: 13px;
    color: #0BB4BA;
}
#list_box ul {
    margin: 0;
    padding: 0;
}
.loading {
    display: block;
    margin: 30px auto;
}
#contact-count {
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 26px;
    width: 110px;
}
#group-action-buttons {
    float: left;
    display: none;
}
.pager-wrapper {
    height: 26px;
}
.group-action-box {
    float: left;
}

.list-box {
    border: 1px solid #CACACA;
    border-width: 2px 1px 4px;
    margin: 10px 0;
    font-size: 14px;
}
.tooltip {
    position: relative;
}
.tooltip-content {
    display: none;
    position: absolute;
    text-align: left;
    top: -11px;
    left: 28px;
    width: 210px;
    padding: 8px;
    z-index: 100;
    background: #666;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    opacity: 0.8;
    filter: alpha(opacity=80); /* IE */
}
.tooltip-content::before {
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    border-color: transparent #666;
    border-width: 9px 9px 9px 0;
    border-style: solid;
    left:-8px;
    outline:none;

    top:13px;
}
.tbl-lists td {
    font-size: 13px;
    font-weight: normal;
    color: #006078;
}
.tbl-lists input[type=checkbox] {
    width: auto;
    height: auto;
    line-height: normal;
    padding:0;
    margin:0 5px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}
.tbl-lists ul {
    margin: 0;
    padding: 0;
    height: 200px;
    overflow: auto;
}
.tbl-lists li {
    font-size: 13px;
    background-image: none;
    padding: 0;
}
.new-list-field {
    display: none;
    margin: 5px;
}
.new-list-field label {
     font-size: 12px;
     font-weight: bold;
}
.new-list-field input {
     width: 225px;
}
#start_from {
    width: 50px;
    height: auto;
    font-size: 12px;
}
.preview-wrapper {
    width: 885px;
    overflow: auto;
}
#tbl-preview-info td {
    font-weight: normal;
}
#tbl-preview {
    margin: 5px 0 8px 0;
}
#tbl-preview td {
    font-size: 13px;
    border-bottom: 1px dotted #cacaca;
    color: #0A6885;
    border-right:1px dotted #00A1AA;
    background-color: transparent;
    padding: 3px 5px;
}
#tbl-preview th select {
    font-size: 12px;
    background-color: #fff;
    color: #006078;
    width: auto;
    height: auto;
    border: 1px solid #A9A9A9;
    padding: 0;
    margin: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
#tbl-preview .skip td {
    color: silver;
}
.box_content .preview-total {
    font-style: italic;
    font-size: 12px;
    margin-bottom: 0;
}

#tbl-copypaste .td-contacts {
     background: #F9F9F9;
     padding: 15px;
}
#tbl-copypaste .td-contacts textarea {
    width: 98%;
    height: 250px;
    background-color: #fff;
    border: 1px solid #ACACAC;
    margin:0;
    padding: 5px;
    font-size: 13px;
    color: #333;
}
#tbl-copypaste p {
    margin: 10px 0 0 4px;
    font-weight: normal;
    font-size: 13px;
}
#tbl-copypaste #help {
    display: none;
}

.steps-box {
    width: 260px;
}
.campaign-box {
    width: 600px;
    padding-right: 20px;
    border-right: 2px dashed #cacaca;
    min-height: 190px;
}
ul.steps {
    margin: 10px 10px 10px 20px;
    padding: 0;
}
.steps li {
    background-image: none;
    font-size: 14px;
    line-height: 40px;
    margin: 5px 0;
    padding: 0 0 0 40px;
}
.steps .selected {
    background-image: url(../images/arrow-step.png);
    background-position: left center;
}
.steps a {
    color: #02AEC9;
}
.steps .img-edit {
     margin: 0 0 -1px 6px;
}
.show-hide {
    position: relative;
    bottom: 1px;
    margin: 0 0 0 8px;
}
.show-hide img {
    vertical-align: middle;
}
#tbl-advanced {
    display: none;
}
.tbl-campaign {
    width: 100%;
}
.tbl-campaign th {
    text-align: left;
    width: 175px;
}
.tbl-campaign td {
    font-size: 13px;
    font-weight: normal;
}
.camp-data th {
    font-size: 13px;
}
.tbl-campaign input,
.tbl-campaign textarea {
    width: 94%;
}
.box_content .editor-box {
    margin-bottom: 10px;
}
.editor {
    width: 600px;
}
.macros {
    text-align: right;
}
.macros select {
    background-color: #DCECED;
    border: medium none #878787;
    border-radius: 4px;
    color: #0A6885;
    padding: 3px 2px;
    font-size: 13px;
    width: 100px;
}
.tbl-campaign td.test-email {
    padding-top: 15px;
}
.test-email p {
    margin: 0;
}
.test-email .hint {
    margin: 0 0 -2px 6px;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    color: #678089;
}
#preview-modal {
    width: 820px;
}
#preview-modal .modal-content table {
    /*width: auto;*/
}
.tpl-box {
    height: 200px;
    overflow: auto;
    border: 1px solid #CACACA;
    padding: 5px;
    margin: 5px 0 10px 0;
    position: relative;
}
.tbl-lists .camp-list {
    margin: 4px 0;
}
.camp-list span {
    color: #666;
}
.camp-list img {
    margin: 0 0 2px 6px;
}
#send_date {
    width: 80px;
}
.status-box {
    text-align: center;
    margin-bottom: 20px;
}
.status-box a {
    margin: 0 10px;
}
.status-box a span {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #eee;
    padding: 0 5px;
    color: #888;
    margin-left: 4px;
    font-size: 13px;
}
.status-box a.btn_std span {
    color: #0A6885
}
.portfolio-sep {
    float: left;
    width:10px;
    height:364px;
    border-left:solid 1px #dedede;
    margin-left:5%;
}
.portfolio-box {
    width: 820px;
}
.portfolio-item-header {
    background: linear-gradient(to bottom, #F0F0F0 0%, #D5D5D5 100%) repeat scroll 0 0 transparent;
    padding: 15px 20px;
}
.portfolio-item-header h2 {
    color: #0A6885;
    font-size: 18px;
    font-weight: normal;
    line-height: 15px;
    padding: 0;
}
.portfolio-box .port-img-box {
    text-align: center;
    margin: 10px 0;
}
.portfolio-content {
    margin: 20px;
    font-size: 13px;
    color:  #006078;
}
.portfolio-content p {
    font-size: 13px;
}

#tbl-campaigns th {
    padding: 6px 4px;
    font-size: 13px;
}
#tbl-campaigns td {
    font-size: 13px;
    padding: 5px 4px;
    border-bottom: dotted 1px;
    border-bottom-color: #cacaca;
    color: #0A6885;
    border-right: dotted 1px;
    border-right-color: #00A1AA;
    background-color: transparent;
}

/* unsubscribe
***********************************************/
.unsub-container {
    font: 100% "Open Sans", Verdana, Arial, Helvetica, sans-serif;
    margin: 70px auto 0;
    width: 500px;
    background-image: url("../images/1px-bg-container.jpg");
    background-repeat: repeat-x;
    padding: 15px;
    position: relative;
    text-align: left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.unsub-container h1 {
    color: #014B6F;
    text-align: center;
    margin: 10px 0 20px 0;
    font-size: 24px;
}
.unsub-content {
    background-color: #F3F3F3;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 16px;
    font-size: 14px;
}
.unsub-content p {
    color: #006078;
    font-size: 14px;
}
.unsub-content .done {
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    margin: 30px 0;
}

/* report
***********************************************/
.box_content .subj {
    font-size: 16px;
    color: #7F7F7F;
    font-weight: 400;
    margin: 3px 0 4px 0;
    padding: 0;
}
.box_content .subj span {
    font-weight: 300;
}
.box_content .report-date {
    font-weight: bold;
    margin: 5px 0;
}
.box_content .report-date span {
    font-weight: normal;
}
.tbl-report th {
    padding: 15px 5px;
}
.tbl-report td {
    text-align: center;
    font-size: 15px;
    border-bottom: 1px dotted #CACACA;
    border-right: 1px dotted #00A1AA;
    padding: 15px 2px;
}
.download-pdf {
    display: block;
    float: right;
    font-size: 13px;
    text-decoration: underline;
    margin-top: -8px;
}
/* Statistics
***********************************************/
.stat {
    float: right;
    width: 370px;
    padding: 23px 18px;
}
.stat img {
    vertical-align: middle;
}
.stat input[type=text] {
    border: 1px solid #CACACA;
    font-size: 14px;
    height: auto;
    margin: 0 5px;
    padding: 1px 2px;
    width: 100px;
    text-align: center;
}
.stat label {
    font-weight: bold;
    font-size: 14px;
}
.stat-total {
    float: left;
    width: 300px;
}
.stat-total .first {
    border-top: 1px solid #ccc;
}
.stat-total th,
.stat-total td {
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    white-space: nowrap;
    padding: 2px 5px;
}
.stat-total th {
    width: 250px;
}
.stat-total td {
    text-align: right;
}
.turquoise { color: #0BB4BA !important; }
.blue { color: #0499DD !important; }
.seagreen { color: #2E8B57 !important; }
.chocolate { color: #D2691E !important; }
.peru { color: #CD853F !important; }

.stat-panel {
    float: left;
    width: 250px;
    margin: 10px 20px;
}
.stat-panel .panel-header,
.dash-panel .panel-header {
    background: linear-gradient(to bottom, #F0F0F0 0%, #D5D5D5 100%) repeat scroll 0 0 transparent;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #ccc;
    border-bottom: none;
    padding: 10px 5px;
    text-align: center;
}
.stat-panel .panel-content {
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
    font-size: 30px;
}
.dash-panel {
    float: left;
    width: 250px;
    margin: 10px 20px;
}
.dash-panel .panel-content {
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 14px;
    height: 130px;
}
.campaign-item {
    display: block;
    color: #006078 !important;
    padding: 3px 10px;
    font-weight: 600;
}
.campaign-item:hover {
    background-color: #eee;
}
.campaign-item span {
    float: right;
    display: inline-block;
    background-color: #999999;
    border-radius: 9px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1em;
    min-width: 10px;
    padding: 3px 5px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.dash-panel p {
    margin: 0;
    font-size: 13px;
}
.dash-panel p a {
    color: #0BB4BA;
}
/* Extend routage monthly
***********************************************/
.btn_std.active {
    background: linear-gradient(to bottom, #d8d8d8 0%, #bcbcbc 100%) repeat scroll 0 0 #d8d8d8;
}
#extend-box {
    display: none;
    width: 590px;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.3);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.3);
}
#extend-box h2 {
    background-image: url("../images/bg-recap-title.gif");
    padding: 16px 0px 16px 45px;
    color: #00476c;
    font-size: 18px;
    font-weight: bold;
}
#extend-box .prix {
    color: #00496d;
    font-weight: bold;
}
#extend-box .celltype2 {
    font-size: 16px;
    text-align: center;
}
#extend-box .btn_valid {
    float: none;
    margin: 0;
}
#extend-box .show-hide {
    bottom: 2px;
}


#loggedNav .dashboard-formula {
    margin: 0 0 0 22px;
    padding-bottom: 5px;
    text-align: left;
    font-size: 14px;
}

.box_content .pending {
    line-height: 16px;
    color: #D64F4D;
    margin: -22px auto 5px auto;
    text-align: center;
    font-size: 12px;
    border: 1px solid #F4CBCB;
    border-top: none;
    background-color: #FCE3E3;
    width: 350px;
    padding: 4px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.box_content .title_trial {
    color: #00476c;
    font-size: 18px;
    font-weight: 600;
}

.select-templates {
    border: 1px solid #bbb;
    padding: 2px 5px;
    margin: 0;
    width: 200px;
}
#submit-box {
    display: none;
}
#routage-trial-box {
    display: none;
    margin-top: 20px;
}
.formula_wrapper {
    padding: 16px;
    border: 1px solid #ebebeb;
    margin-bottom: 14px;
}
#routage-trial-box h2.title_formule {
    background-image: url("../images/bg-recap-grey.gif");
    padding: 16px 16px 16px 52px;
    color: #00476c;
    font-size: 17px;
    font-weight: bold;
}
#routage-trial-box .pick_formule {
    background-color: #c4c4c4;
    text-align: left;
    padding-left: 22px;
}
#routage-trial-box .btn_valid {
    background: #D8D8D8; /* Old browsers */
    background: -moz-linear-gradient(top,  #D8D8D8 0%, #BCBCBC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D8D8D8), color-stop(100%,#BCBCBC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #D8D8D8 0%,#BCBCBC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #D8D8D8 0%,#BCBCBC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #D8D8D8 0%,#BCBCBC 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #D8D8D8 0%,#BCBCBC 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8D8D8', endColorstr='#BCBCBC',GradientType=0 ); /* IE6-9 */
    background-color: #D8D8D8;
}
#routage-trial-box .btn_valid:hover {
    background: #D8D8D8;
}

/* Support by phone
***********************************************/
#support-box {
    display: none;
    width: 590px;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.3);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.3);
}
#support-box h2 {
    background-image: url("../images/bg-recap-title.gif");
    padding: 16px 0px 16px 45px;
    color: #00476c;
    font-size: 18px;
    font-weight: bold;
}
#support-box .prix {
    color: #00496d;
    font-weight: bold;
}
#support-box .celltype2 {
    font-size: 16px;
    text-align: center;
}
#support-box .btn_valid {
    float: none;
    margin: 0;
}
#support-box .show-hide {
    bottom: 2px;
}
.help-box {
    float: right;
    margin-right: 10px;
}
.adv-params {
    display: none;
}
#import-params .show-hide {
    font-size: 12px;
    font-weight: normal;
}
#import-params .caret {
    margin-top: 9px;
}
.caret.up {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: none;
    border-bottom: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-top: 9px;
    margin-left: 2px;
}
#validation-faq {
    display: none;
    width: 90%;
    margin: 10px auto;
    background-color: #ffffe0;
    border: 1px solid #e6db55;
    padding: 10px 25px 10px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    color: #555;
    position: relative;
}
#validation-faq p {
    margin: 0 0 4px;
}
#validation-faq .alert-close {
    right: 8px;
    top: 8px;
}
#design_formula h2.group-title {
    font-size: 28px;
    font-weight: 400;
    color: #127F94;
    margin: 20px 0;
}
#mceu_15 span { width: 35px; }

.btn-incell {
    border: 1px solid #999;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0;
    padding: 2px 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #666;

    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.btn-incell:hover {
    background: #eee;
}

button.close {
    position: relative;
    float: right;
    top: -0.3rem;
    right: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    opacity: .5;
}
.close:focus, .close:hover {
    text-decoration: none;
    cursor: pointer;
    opacity: .75;
}
.loading {
    display: block;
    margin: 0 auto 15px;
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    position: relative;
    padding: 4px 10px;
    margin-bottom: 1rem;
    border: 1px solid #bee5eb;
    border-radius: .25rem;
    box-sizing: border-box;
    font-size: 13px;
}
.alert-info img {
    vertical-align: -0.25em;
    margin-right: 5px;
}