@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');

html,body{
    min-height: 100%;
    height: 100%;
    color: #212121;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    line-height: 1;
    font-family: Roboto, sans-serif;
}

body#page-diffusion-diffusion{
    background: linear-gradient(-140deg, #0e81bd, #099eb7);
    overflow: hidden;
}
body#page-diffusion-diffusion:before{
    width: 100%;
    content: "";
    display: block;
    position: absolute;
    height: 200%;
    background: linear-gradient(to bottom, rgba(112,173,55,1), rgb(155, 220, 95));
    transform: rotate(40deg);
    right: -50%;
    top: 20%;
}

h1,h2,h3{
    font-family: Roboto, sans-serif;
    font-weight: 400;
}

/***** header ****/
header {
    box-shadow: 0 2px 5px rgba(0,0,0,.26);
    padding: 0 30px;
}

header .header-title{
    font-size: 18px;
    line-height: 64px;
    margin: 0 auto;
    color: #fff;
    display: inline-block;
}

header .top-print{
    float: right;
    border: none;
    padding: 0;
    line-height: 64px;
    margin: 0;
}

header .fa,
header .fa:hover,
header .fa:focus{
    color: #fff;
    font-size: 22px;
    vertical-align: middle;
}

.card {
    border: 0;
    margin: 30px 0;
    /*box-shadow: 0 6px 0 0 rgba(0,0,0,.01), 0 15px 32px 0 rgba(0,0,0,.06);
    border-radius: 4px;*/
    background-color: #FFF;
    font-weight: 400;
    padding: 10px;
}

.ctnr-number-big .number-big {
    font-size: 90px;
    color: #fff;
    text-align: center;
    line-height: 90px;
    font-weight: 100;
    margin-bottom: 15px;
}

.ctnr-number-big .lib{
    text-transform: uppercase;
    color: white;
    letter-spacing: 4px;
    text-align: center;
}

.ctnr-number-big .bulle {
    background-color: #fff;
    width: 180px;
    margin: 0 auto;
    height: 180px;
    border-radius: 100px;
    text-align: center;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ctnr-number-big .bulle img{
    width: 100%;
}

.ctnr-number-big + .ctnr-number-big {
    margin-top: 60px;
}

.card-body a .fa{
    padding-right: 10px;
}

.card-body a:hover,
.card-body a:focus{
    text-decoration: none;
    color: rgba(0,0,0,0.5);
    box-shadow: none;
}

.card-sm {
    padding: 25px;
    margin: 0 0 18px 0;
    font-size: 17px;
    box-shadow: 1px 1px 8px #dfdfdf;
}

.card-green{
    background: #0cc27e;
    color: white;
}

.card-lightgreen{
    background: #009cc2;
    color: white;
}

.card .card-header {
    padding: 15px 15px 25px;
    border-bottom: none;
    background-color: transparent;
}

.card h2{
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .05rem;
    font-size: 20px;
    margin-bottom: .25rem;
    margin-top: 0;
}

#logoutform{position:fixed;top:5px;right:5px;z-index:10}
label.required:after{content:" *";color:#f00}
p:last-child{margin-bottom:0}
.form-control.inline{width:auto;display:inline}
#messages{padding-top:15px;padding-bottom:15px}
#messages:empty{padding-top:0;padding-bottom:0}
.well:last-child{margin-bottom:0}

.uploadzone_results .img-thumbnail{margin-right:5px}
.uploadzone_results .img-thumbnail img{max-width:64px;max-height:64px}
.uploadzone_results{margin-bottom:10px}
.uploadzone_results:empty{margin-bottom:0}

#newsletter-ctnr{
    padding: 20px 0;
    background: repeating-linear-gradient(
            -30deg,
            #fff,
            #fff 5px,
            #eee 5px,
            #eee 10px
    );
}
#newsletter-content{
    background-color: #fff;
    width: 650px;
    margin: 0 auto;
}

#newsletter-content textarea,#newsletter-content .editor-thumb{
    background: #fff;
    padding: 6px 12px;
    border: 1px dashed #ccc;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-align: inherit;
    color: inherit;
}

#newsletter-content textarea:focus,#newsletter-content textarea:hover,
#newsletter-content .editor-thumb:hover,#newsletter-content .editor-thumb:hover{
    background: #ededed;
}

#newsletter-content textarea,
#newsletter-content button{
    display: inline;
}

#newsletter-content .editable{
    cursor: pointer;
    position: relative;

}

#newsletter-content .editable textarea{
    width: 100%;
}

#newsletter-content .editable:hover:after,
#newsletter-content .editable.editor-thumb:hover:after{
    font-family: FontAwesome;
    position: absolute;
    top: 3px;
    right: 3px;
    color: #8a6d3b;
}
#newsletter-content .editable:hover:after{
    content: "\f044";
}
#newsletter-content .editable.editor-thumb:hover:after{
    content: "\f246";
}

.table-rounded{
    border-radius: 4px;
    background: white;
    margin-top: 40px;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.16);
    margin-bottom: 30px;
}

table.style-light{
    width: 100%;
    max-width: 100%;
    margin: 0;
}

table.style-light tr{
    border-bottom: 1px solid #e6e6e6;
}

table.style-light tr.finished td{
    color: #69af28;
}

table.style-light tbody tr:last-child{
    border-bottom: none;
}

table.style-light td, table.style-light th{
    padding: 1.2em 1.5em;
    vertical-align: top;
    text-align: left;
    border: none;
    line-height: 24px;
}
table.style-light td.small-col, table.style-light th.small-col{
    width: 170px;
}

table.style-light th{
    font-weight: 400;
    color: #8b8b8b;
    text-transform: uppercase;
    letter-spacing: 1px;
}

table.style-light .title-item{
    font-weight: bold;
    padding-right: 10px;
}
table.style-light .desc-item:first-letter{
    text-transform: uppercase;
}

table td.operations{white-space:nowrap}

input[type="checkbox"]:checked ~ [class*="fa-square-"]{display:none}
input[type="checkbox"]:not(:checked) ~ [class*="fa-check-square-"]{display:none}

.btn.text-left{text-align:left}
.btn.text-right{text-align:right}
.btn.text-center{text-align:center}
.btn.text-justify{text-align:justify}

.btn small{
    font-weight: normal;
    line-height: 1;
    color: #777;
}

* + .block-btns-actions{
    margin-top: 15px;
}

hr.newsletter-content-separator{
    border-top: 0;
    height: 20px;
    background: repeating-linear-gradient(
            -30deg,
            #fff,
            #fff 5px,
            #eee 5px,
            #eee 10px
    );
}

hr.newsletter-content-separator.top{margin-bottom:0}
hr.newsletter-content-separator.bottom{margin-top:0}

main form:last-child{margin-bottom:30px}

.block-btns-actions + .news-ready{padding-top:30px}

.input-group.bootstrap-filestyle{float:left}

.circle-number-100{
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    background-color: #ccc;
    font-size: 25px;
    text-align: center;
    vertical-align: middle;
}


.flex{display:flex}

.valign-middle{display:flex}
.valign-middle > *{
    margin-top: auto;
    margin-bottom: auto;
}

.halign-center > *{
    margin-left: auto;
    margin-right: auto;
}

#diffusion > *{position:relative}

#diffusion .item{
    overflow: hidden;
}



.col-xs-1>.container-fluid,.col-xs-2>.container-fluid,.col-xs-3>.container-fluid,.col-xs-4>.container-fluid,.col-xs-5>.container-fluid,.col-xs-6>.container-fluid,.col-xs-7>.container-fluid,.col-xs-8>.container-fluid,.col-xs-9>.container-fluid,.col-xs-10>.container-fluid,.col-xs-11>.container-fluid,.col-xs-12>.container-fluid,.col-sm-1>.container-fluid,.col-sm-2>.container-fluid,.col-sm-3>.container-fluid,.col-sm-4>.container-fluid,.col-sm-5>.container-fluid,.col-sm-6>.container-fluid,.col-sm-7>.container-fluid,.col-sm-8>.container-fluid,.col-sm-9>.container-fluid,.col-sm-10>.container-fluid,.col-sm-11>.container-fluid,.col-sm-12>.container-fluid,.col-md-1>.container-fluid,.col-md-2>.container-fluid,.col-md-3>.container-fluid,.col-md-4>.container-fluid,.col-md-5>.container-fluid,.col-md-6>.container-fluid,.col-md-7>.container-fluid,.col-md-8>.container-fluid,.col-md-9>.container-fluid,.col-md-10>.container-fluid,.col-md-11>.container-fluid,.col-md-12>.container-fluid,.col-lg-1>.container-fluid,.col-lg-2>.container-fluid,.col-lg-3>.container-fluid,.col-lg-4>.container-fluid,.col-lg-5>.container-fluid,.col-lg-6>.container-fluid,.col-lg-7>.container-fluid,.col-lg-8>.container-fluid,.col-lg-9>.container-fluid,.col-lg-10>.container-fluid,.col-lg-11>.container-fluid,.col-lg-12>.container-fluid,.col-xs-1>.container,.col-xs-2>.container,.col-xs-3>.container,.col-xs-4>.container,.col-xs-5>.container,.col-xs-6>.container,.col-xs-7>.container,.col-xs-8>.container,.col-xs-9>.container,.col-xs-10>.container,.col-xs-11>.container,.col-xs-12>.container,.col-sm-1>.container,.col-sm-2>.container,.col-sm-3>.container,.col-sm-4>.container,.col-sm-5>.container,.col-sm-6>.container,.col-sm-7>.container,.col-sm-8>.container,.col-sm-9>.container,.col-sm-10>.container,.col-sm-11>.container,.col-sm-12>.container,.col-md-1>.container,.col-md-2>.container,.col-md-3>.container,.col-md-4>.container,.col-md-5>.container,.col-md-6>.container,.col-md-7>.container,.col-md-8>.container,.col-md-9>.container,.col-md-10>.container,.col-md-11>.container,.col-md-12>.container,.col-lg-1>.container,.col-lg-2>.container,.col-lg-3>.container,.col-lg-4>.container,.col-lg-5>.container,.col-lg-6>.container,.col-lg-7>.container,.col-lg-8>.container,.col-lg-9>.container,.col-lg-10>.container,.col-lg-11>.container,.col-lg-12>.container{
    margin-left: -15px;
    margin-right: -15px;
}

#list-actions{
    margin-bottom: 15px;
}

.chapter{
    padding-top: 60px;
    padding-right: 15px;
}

.chapter-left {
    padding-left: 15px;
    padding-top: 65px;
}

.chapter .chapter-title {
    font-size: 42px;
    color: white;
    font-weight: 900;
    line-height: 46px;
    margin-bottom: 13px;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.12);
    margin-top: 0;
}

.chapter .chapter-title .fa{
    text-shadow: none;
    color: rgba(255,255,255,0.3);
    font-size: 0.9em;
    padding-left: 10px;
}

.chapter .chapter-subtitle {
    font-size: 18px;
    color: white;
    margin-top: 0;
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: 300;
}

.progress{
    height: 5px;
    margin-bottom: 26px;
    background-color: rgba(255,255,255,0.3);
    border-radius: 4px;
}

.progress-bar {
    text-align: center;
    background-color: white;
}

.form-group:last-child{margin-bottom:0}


.tablesorter-bootstrap .tablesorter-header-inner {
    position: relative;
    padding: 4px 18px 4px 4px;
}
.tablesorter-bootstrap .tablesorter-header i.tablesorter-icon {
    font-size: 11px;
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    line-height: 14px;
    display: inline-block;
}

.tablesorter .filtered{display:none}
.tablesorter-header{cursor:pointer}
.tablesorter-header.sorter-false{cursor:inherit}
.tablesorter-filter.disabled{display:none}