/** Helpers **/
.margin-0{margin: 0 !important;}
.margin-5{margin: 5px !important;}
.margin-10{margin: 10px !important;}
.margin-20{margin: 20px !important;}
.margin-30{margin: 30px !important;}
.margin-40{margin: 40px !important;}
.margin-50{margin: 50px !important;}
.margin-top-0{margin-top: 0 !important;}
.margin-top-5{margin-top: 5px !important;}
.margin-top-10{margin-top: 10px !important;}
.margin-top-20{margin-top: 20px !important;}
.margin-top-30{margin-top: 30px !important;}
.margin-top-40{margin-top: 40px !important;}
.margin-top-50{margin-top: 50px !important;}
.margin-right-0{margin-right: 0 !important;}
.margin-right-10{margin-right: 10px !important;}
.margin-right-20{margin-right: 20px !important;}
.margin-right-30{margin-right: 30px !important;}
.margin-right-40{margin-right: 40px !important;}
.margin-right-50{margin-right: 50px !important;}
.margin-left-0{margin-left: 0 !important;}
.margin-left-10{margin-left: 10px !important;}
.margin-left-15{margin-left: 15px !important;}
.margin-left-20{margin-left: 20px !important;}
.margin-left-30{margin-left: 30px !important;}
.margin-left-40{margin-left: 40px !important;}
.margin-left-50{margin-left: 50px !important;}
.margin-bottom-0{margin-bottom: 0 !important;}
.margin-bottom-10{margin-bottom: 10px !important;}
.margin-bottom-20{margin-bottom: 20px !important;}
.margin-bottom-30{margin-bottom: 30px !important;}
.margin-bottom-40{margin-bottom: 40px !important;}
.margin-bottom-50{margin-bottom: 50px !important;}
.padding-0{padding: 0 !important;}
.padding-5{padding: 5px !important;}
.padding-10{padding: 10px !important;}
.padding-15{padding: 15px !important;}
.padding-20{padding: 20px !important;}
.padding-30{padding: 30px !important;}
.padding-40{padding: 40px !important;}
.padding-50{padding: 50px !important;}
.padding-top-0{padding-top: 0 !important;}
.padding-top-10{padding-top: 10px !important;}
.padding-top-20{padding-top: 20px !important;}
.padding-top-30{padding-top: 30px !important;}
.padding-top-40{padding-top: 40px !important;}
.padding-top-50{padding-top: 50px !important;}
.padding-right-0{padding-right: 0 !important;}
.padding-right-10{padding-right: 10px !important;}
.padding-right-15{padding-right: 15px !important;}
.padding-right-20{padding-right: 20px !important;}
.padding-right-30{padding-right: 30px !important;}
.padding-right-40{padding-right: 40px !important;}
.padding-right-50{padding-right: 50px !important;}
.padding-left-0{padding-left: 0 !important;}
.padding-left-10{padding-left: 10px !important;}
.padding-left-15{padding-left: 15px !important;}
.padding-left-20{padding-left: 20px !important;}
.padding-left-30{padding-left: 30px !important;}
.padding-left-40{padding-left: 40px !important;}
.padding-left-50{padding-left: 50px !important;}
.padding-bottom-0{padding-bottom: 0 !important;}
.padding-bottom-5{padding-bottom: 5px !important;}
.padding-bottom-10{padding-bottom: 10px !important;}
.padding-bottom-15{padding-bottom: 15px !important;}
.padding-bottom-20{padding-bottom: 20px !important;}
.padding-bottom-30{padding-bottom: 30px !important;}
.padding-bottom-40{padding-bottom: 40px !important;}
.padding-bottom-50{padding-bottom: 50px !important;}
.height-39{height: 39px !important}
.height-40{height: 40px}
.height-75{height: 75px}
.height-80{height: 80px}
.height-100{height: 100px}
.height-120{height: 120px}
.height-130{height: 130px}
.height-140{height: 140px}
.height-150{height: 150px}
.height-155{height: 155px}
.height-160{height: 160px}
.height-175{height: 175px}
.height-260{height: 260px}
.height-275{height: 275px}
.height-300{height: 300px}
.height-100p{height: 100% !important}
.height-110p{height: 110% !important}
.mheight-130{max-height: 130px;}
.mheight-160{max-height: 160px;}
.mheight-180{max-height: 180px;}
.mmheight-50{min-height: 50px;}
.mmheight-130{min-height: 130px;}
.mmheight-180{min-height: 180px;}
.d-ib{display: inline-block !important}
.d-b{display: block !important;}
.d-i{display: inline !important;}
.no-border{border: none !important;}
.no-border-right{border-right: none !important;}
.relative{position: relative;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.pointer{cursor: pointer;}
.align-middle{vertical-align: middle !important;}
.align-top{vertical-align: top !important;}
.align-bottom{vertical-align: bottom !important;}
.opacity-0{opacity: 0;}
.animate-05{animation: all 0.5s;}
.font-48{font-size: 48px;}
.line-39{line-height: 39px;}
.font-36{font-size: 36px;}
.font-26{font-size: 26px;}
.font-24{font-size: 24px;}
.font-18{font-size: 18px !important}
.font-16{font-size: 16px;}
.font-14{font-size: 14px;}
.font-12{font-size: 12px;}
.color-white{color: white;}
.width-10{width: 10px;}
.width-100{width: 100px;}
.width-150{width: 150px;}
.width-180{width: 180px;}
.width-200{width: 200px;}
.width-400{width: 400px;}
.width-100p{width: 100% !important;}
.width-30p{width: 30%;}
.width-33p{width: 33.3%;}
.width-25p{width: 25%;}
.width-40p{width: 40%;}
.width-50p{width: 50%;}
.mwidth-100p{max-width: 100%;}
.mwidth-150{max-width: 150px;}
.mwidth-250{max-width: 250px;}
.mmwidth-100{min-width: 100px;}
.margin-center{margin: 0 auto;}
.justify{text-align: justify !important;}
.required:after{content: '*';}
.resize-y{resize: vertical}
.resize-x{resize: horizontal}
#datasPhp div{display: none;}
.grey-1{color: #ccc;}
.green{color: #00A46A}
.b-white{background-color: #ffffff}
.b-green{background-color: #00A46A}
.b-green-2{background-color: rgba(0, 164, 106, 0.5)}
.red{color: rgb(229, 45, 45)}
.b-red{background-color: rgb(229, 45, 45)}
.blue{color: #0094AF}
.b-blue{background-color: #0094AF}
.cursor-default{cursor: default}
.underline{text-decoration: underline}
i.red[disabled]{
    color: rgb(237, 149, 149);
}
.border-dashed-1{border: dashed 1px #ccc;}
.border-bottom-1{border-bottom: dashed 2px #ccf !important;}
.border-solid-1{border: solid 1px #ccc;}
.border-right-dashed-1{border-right: dashed 1px #ccc}
.border-dotted-1{border: dotted 1px #ccc;}
.border-top-none{border-top: none !important;}
.max-height-500{max-height: 500px !important;}
.max-height-250{max-height: 250px !important;}
tr.even{background-color: #f9f9f9}
.border-1{border: solid 1px #ccc}
.border-2{border: solid 1px #333}
.opacity-05{opacity: 0.5;}
.pull-none{float: none;}
.table.align-td-middle td{vertical-align: middle !important}
/** End Helpers **/

/** Override **/
a.disabled{
    color: #ccc;
}
a.disabled:hover{
    cursor: not-allowed;
    color: #aaa;
}
.input-group .input-group-addon ~ select{
    border-left: none;
}
.btn{
    font-weight: bold !important;
}
.panel-success{
    border-color: #00A46A;
}
.panel-success>.panel-heading {
    color: #fff;
    background-color: #00A46A;
    border-color: #00A46A;
}
.panel-success a:hover,
.panel-success a:focus{
    color: #333;
}
.btn.disabled,
.btn[disabled],
.btn.disabled:hover,
.btn[disabled]:hover{
    background-color: #00A46A;
    border-color: #00A46A;
}
.btn-info {
    background-color: #15B1D7 !important;
}
.btn-info:hover {
    background-color: #1196B7 !important;
}
.btn {
    text-decoration: none;
}
ul.nav li a {
    text-decoration: none;
    display: inline-block !important;
}
.page-content .inner-box{
    overflow: visible !important;
}
label a{
    display: inline !important;
}
.tab-box.save-search-bar input[type="checkbox"]{
    width: 20px;
    margin-top: 0;
    height: 20px;
    float: left;
    margin-right: 10px;
}
.list-group-item {
    padding: 0;
}
.list-group-item a{
    display: block;
    padding: 10px 15px;
}
.list-group-item a:hover{
    background-color: #f5f5f5;
}
.panel-heading{
    padding: 0;
}
.panel-heading.with-padding{
    padding: 10px 15px;
}
.panel-heading h4 a{
    display: block;
    padding: 10px 15px;
}
.flag-ts{
    float: left;
    margin-top: 3px;
    margin-right: 10px;
}
.cat-title a {
    padding-left: 0 !important;
}
.cat-list .cat-title .picture-container{
    max-height: 200px;
    margin-top: 7px;
}
.cat-list .cat-title .thumbnail{
    max-width: 100%;
    margin-bottom: 7px;
    text-align: center;
    max-height: 200px;
}
.cat-list .cat-title .thumbnail img{
    max-width: 100%;
    max-height: 190px;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #00A46A;
    border-color: #00A46A;
}
.panel-primary {
    border-color: #00A46A;
}
.panel-primary>.panel-heading a:hover,
.panel-primary>.panel-heading a:focus{
    color: #333;
}
.btn-primary.btn-label:hover,
.btn-primary.btn-label:focus,
.btn-primary.btn-label:active,
.btn-primary.btn-label:active:hover,
.btn-primary.btn-label:active:focus{
    background-color: #00A46A;
    border-color: #00A46A;
    cursor: default;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.btn-danger.btn-label:hover,
.btn-danger.btn-label:focus,
.btn-danger.btn-label:active,
.btn-danger.btn-label:active:hover,
.btn-danger.btn-label:active:focus{
    background-color: #E74C3C;
    border-color: #E74C3C;
    cursor: default;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
input.input-sm{
    padding: 2px 6px;
    height: 27px;
    line-height: 12px;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
}
.position-login{
    position: absolute;
    bottom: -22px;
    left: 25%;
    right: 25%;
    z-index: 1;
}
p.hiddenfield{
    margin: 0;
}
.list-square li{
    list-style-type: square;
    margin-left: 30px;
}
.intro.bloc-special{
    background-position: 0 58%;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
}
.intro.bloc-special p.sub{
    /*background-color: rgba(255, 255, 255, 0.25);*/
    color: white;
    border-radius: 4px;
    padding: 15px 100px;
    font-weight: bold;
    line-height: 48px;
    font-size: 38px;
    -webkit-text-shadow: 3px 3px 3px #000;
    -moz-text-shadow: 3px 3px 3px #000;
    -ms-text-shadow: 3px 3px 3px #000;
    -o-text-shadow: 3px 3px 3px #000;
    text-shadow: 3px 3px 3px #000;
}
.intro{
    min-height: 430px !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.text-left{text-align: left !important}
.text-center{text-align: center !important}
.text-right{text-align: right !important}
.questionsAnswersBody textarea.form-control{
    height: 39px;
}
[contenteditable][disabled]{
    cursor: not-allowed;
    background-color: #eee;
}
[contenteditable][disabled]:focus{
    outline: none;
}
/** End override **/

/** Navbar **/
.navbar-nav{
    margin: 1px 0;
    float: none;
}
.navbar-submenu{
    background-color: #3A3A3C;
    border: 0;
    border-radius: 0;
    min-height: 40px;
}
.navbar-submenu a{
    color: white !important;
    font-size: 15px !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.navbar-submenu .navbar-nav>.active>a,
.navbar-submenu .navbar-nav a:hover,
.navbar-submenu .navbar-nav a:focus{
    background-color: #00A46A !important;
}
.navbar-submenu .navbar-nav>.active>a:active,
.navbar-submenu .navbar-nav a:active{
    box-shadow: 2px 2px 2px rgba(33, 33, 33, 0.25) inset;
}
.navbar-brand{
    padding: 3px 0 0 0;
}
.navbar-submenu li.open ul.dropdown-menu a{
    color: #333 !important;
    display: block !important;
}
.navbar-submenu li.open ul.dropdown-menu a:hover{
    color: white !important;
}
/** End navbar **/

/** Form **/
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio]{
    margin-left: 0px;
}
fieldset{
    margin-bottom: 30px;
}
.checkboxcontainer .check-column{
    display: inline-block;
    width: 50%;
    float: left;
}
.checkboxcontainer .check-column input[type="checkbox"]{
    margin-right: 5px;
    margin-top: 0;
}
.checkboxcontainer .check-column label{
    margin-bottom: 15px;
}
/** End Form **/

.fa-grey{
    color: #555;
}
.fa-input{
    padding-right: 5px;
}
.fa-input:before{
    margin-right: .35em;
    margin-left: .35em;
}
[data-toggle="collapse"] i{
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(00deg);
    transform: rotate(0deg);
    transition: all 0.3s ease-in;
}
[data-toggle="collapse"] i.active-panel{
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/** Alert **/
#alert{
    position: fixed;
    top: 50px;
    left: 10%;
    right: 10%;
    z-index: 1000;
}
.alert.invalid,
.alert.miss{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert.invalid p,
.alert.miss p{
    margin-bottom: 10px;
    font-weight: bold;
}
.alert.invalid ul li a,
.alert.miss ul li a{
    color: #a94442;
}
.alert p{
    margin: 0 !important;
}
/** End alert **/

/** Popover **/
.popover.miss,
.popover.invalid,
.popover.required{
    background: #f2dede;
    color: #a94442;
    font-weight: bold;
}
.popover.miss.right > .arrow,
.popover.invalid.right > .arrow,
.popover.required.right > .arrow{
    border-right-color: #c1b1b1;
}
.popover.miss.top > .arrow,
.popover.invalid.top > .arrow,
.popover.required.top > .arrow{
    border-top-color: #c1b1b1;
}
.popover.miss.right > .arrow:after,
.popover.invalid.right > .arrow:after,
.popover.required.right > .arrow:after{
    border-right-color: #f2dede;
}
.popover.miss.top > .arrow:after,
.popover.invalid.top > .arrow:after,
.popover.required.top > .arrow:after{
    border-top-color: #f2dede;
}
.popover.required:after{
    content: '';
}
/** End popover **/

/** Add pictures **/
#pictures .block-picture {
    width: 18%;
    display: inline-block;
    margin-left: 1px;
    margin-bottom: 10px;
    height: 200px;
    min-height: 200px;
    max-height: 200px;
    vertical-align: top;
    max-width: 150px;
}
#pictures .block-picture input[type="file"] {
    opacity: 0;
    display: none;
}
#pictures .block-picture .picture .controls-container .picture-fill{
    position: relative;
    z-index: 0;
    border: solid 1px #ccc;
    border-bottom: dashed 1px #ccc;
    height: 150px;
}
#pictures .block-picture img{
    max-width: 100%;
    background-color: #eee;
    border: none;
    max-height: 140px;
}
#pictures .block-picture .picture.empty .controls-container,
#pictures .block-picture .picture.loading .controls-container{
    display: none;
}
#pictures .block-picture .picture .controls-container .picture-fill .hover{
    background-color: rgba(200, 200, 200, 0.5);
    text-align: center;
    padding-top: 110px;
    font-size: 20px;
    color: #3D7DFF;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
}
#pictures .block-picture .picture .controls-container .picture-fill:hover .hover{
    display: block;
}
#pictures .block-picture .picture.empty .controls-container .picture-fill::after,
#pictures .block-picture .picture.loading .controls-container .picture-fill::after{
    content: none;
}
#pictures .block-picture .picture.empty .instructions{
    display: block;
    border: solid 1px #ccc;
    text-align: center;
    height: 180px;
    color: #999;
    background-color: #fafafa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
#pictures .block-picture .picture.loading .progression{
    display: block;
    height: 180px;
    background-color: rgba(30, 30, 30, 0.75);
    padding: 15px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
#pictures .block-picture .picture.loading .progression h4{
    text-align: center;
    color: white;
}
#pictures .block-picture .picture.empty .instructions:hover div.margin-top-10{
    color: #3D7DFF;
}
#pictures .block-picture .picture .instructions,
#pictures .block-picture .picture .progression{
    display: none;
}
#pictures .block-picture label{
    width: 100%;
    height: 100%;
    cursor: pointer;
    margin-bottom: 0;
    display: block;
    padding: 4px;
}
#pictures .block-picture .controls{
    border: solid 1px #ccc;
    border-top: none;
    width: 100%;
}
#pictures .block-picture .controls.disabled{
    background-color: #eee;
    color: #999;
}
#pictures .block-picture .controls .control{
    padding: 3px 5px;
    width: 25%;
}
#pictures .block-picture .controls .control i{
    display: block;
    border-radius: 4px;
    padding: 4px 0;
    cursor: pointer;
}
#pictures .block-picture .controls .control i:hover{
    color: #3D7DFF;
    background-color: #eee;
}
#pictures .block-picture .controls.disabled .control i:hover{
    color: #999;
}
/** End Add pictures **/

/** Documents Manager **/
#documentsManager .upload-file-container .upload-buttons-container{
    float: left;
    margin-right: 15px;
    text-align: center;
}
#documentsManager .upload-file-container .overview{
    float: left;
    width: 200px;
}
#documentsManager .upload-file-container .overview img{
    width: 100%;
    padding: 4px;
    border: solid 1px #ccc;
    border-radius: 4px;
}
#documentsManager .upload-file-container .overview .name{
    text-align: center;
    font-weight: bold;
}
/** End Documents Manager **/

/** Breadcrumbs **/
.breadcrumb>.active.current{
    font-weight: bold;
}
.breadcrumb>.active.current:before{
    font-weight: normal;
}
/** End breadcrumbs **/

/** Cat-list **/
.cat-list .cat-title{
    padding-bottom: 0 !important;
}
.cat-list .cat-status{

}
/** End cat-list **/

/** States **/
.clarification{
    display: block;
}
.arrow-up{
    display: none;
}
/** End states **/

/** Input file perso **/
.form-file input[type="file"]{
    opacity: 0;
    width: 0;
    height: 0;
}
.form-file .file-btn{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    float: left;
}
.form-file .file-name{
    float: left;
    border: solid 1px #ccc;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 8px 15px;
    border-left: none;
    max-width: calc(100% - 100px);
    background-color: #fafafa;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/** End input file perso **/

/** Container with heading legend **/
.countainer-captioned{
    padding: 45px 20px 10px 20px;
    border: solid 1px #ccc;
    border-radius: 4px;
    position: relative;
}
.countainer-captioned:after{
    content : attr(data-legend);
    background-color: #eee;
    padding: 5px 10px;
    border: solid 1px #ccc;
    border-left: none;
    border-top: none;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
}
/** End Container with heading legend **/

/** Vertical separation **/
.vertical-separation {
    display: inline-block;
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: #ccc;
}
/** End vertical separation **/

/** Allocation **/
.allocation-left,
.allocation-right{
    width: calc(50% - 1px);
    padding: 10px 10px 0 10px;
    min-height: 200px;
}
.allocation-left{
    float: left;
    padding-left: 0;
}
.allocation-right{
    float: right;
    padding-right: 0;
}
.allocation-right .sorting{
    display: none;
}
#goToTop{
    position: fixed;
    top: 150px;
    left: 50px;
}
#goToDown{
    position: fixed;
    bottom: 50px;
    left: 50px;
}
/** End allocation **/

/** Vehicle stickers **/
.vehicle-sticker{
    padding: 10px;
    border: solid 1px #ccc;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 10px;
}
.vehicle-sticker img{
    width: 100%;
}
.sticker-active{
    border: solid 3px #4985FF;
    position: relative;
    padding: 8px;
}
.sticker-active:after{
    content: '✓';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #4985FF;
    color: white;
    font-weight: bold;
    padding: 4px 5px;
    font-size: 27px;
    border-bottom-right-radius: 4px;
}
.vehicle-container .vehicle-sticker:last-child{
    margin-bottom: 0;
}
/** End vehicle stockers **/

/** Carousel **/
.ads-image .bx-wrapper .bx-viewport{
    height: 400px;
    max-height: 400px;
}
.ads-image .bx-wrapper .bx-viewport li img{
    max-height: 400px;
}
.thumb-item-link img{
    height: 70px;
    max-height: 70px;
}
/** End carousel **/

/** History **/
.bid-histories{
    max-height: 205px;
    overflow: auto;
}
.bid-histories ul li {
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 24px;
    padding: 10px 5px 10px 15px;
    font-weight: 300;
    border-bottom: dashed 1px #aaa;
    overflow: hidden;
}
.bid-histories ul li:last-child {
    border-bottom: none;
}
.bid-histories ul li table{
    width: 100%;
    border-collapse: collapse;
}
.bid-histories ul li table td{
    text-align: center;
    width: 33%;
}
.bid-histories ul li .sail{
    background-color: #0094AF;
}
/** End history **/

/** Search **/
.companies h4 a{
    text-decoration: none;
}
.companies h4 a:hover{
    background-color: #f2f2ff;
}
.companies .item-list.odd{
    background-color: #fafafa;
}
/** End search **/

/** Mailings config **/
.mailing-container-row{
    background-color: #eeeeee;
    margin-left: -17px;
    margin-right: -17px;
    padding-bottom: 30px;
}
.mailing-container{
    width: 822px;
    margin: 40px auto 0 auto;
    background-color: white;
}
.mailing-container .mailing-header img{
    display: block;
    border: none;
    outline: none;
    text-decoration: none;
    padding-top: 8px;
    padding-left: 8px;
}
.mailing-container .mailing-bandeau{
    color: white;
    background-color: #17a8d7;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    line-height: 32px;
    font-weight: bold;
    border-radius: 4px;
}
.mailing-container .mailing-bandeau .placeholder,
.mailing-container .mailing-body .mailing-body-render{
    cursor: pointer;
}
.mailing-container .mailing-body .mailing-body-render.empty {
    cursor: pointer;
    padding: 40px 12px;
    text-align: center;
    font-size: 18px;
    border: dashed 1px #aaa;
}
.mailing-container .mailing-bandeau .placeholder.empty,
.mailing-container .mailing-body .mailing-body-render.empty{
    opacity: 0.5;
    font-weight: normal;
    font-style: italic;
}
.mailing-container .mailing-bandeau .mailing-bandeau-textarea{
    background-color: transparent;
    color: white;
    font-size: 20px;
    text-align: center;
    resize: none;
    border: none;
    box-shadow: none;
}
.mailing-container .mailing-bandeau .mailing-bandeau-textarea[disabled]{
    background-color: rgba(0, 0, 0, 0.25);
}
.mailing-container .mailing-body .sail{
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.25);
}
.mailing-container .heading-picture-container .heading-picture-block{
    height: 150px;
    background-color: #eeeeee;
    text-align: center;
    font-size: 20px;
    font-style: italic;
    color: #ccc;
    line-height: 150px;
    cursor: pointer;
    display: block;
    font-weight: normal;
}
.mailing-container .heading-picture-container .heading-picture{
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.mailing-container .sail{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.75);
    cursor: not-allowed;
    z-index: 1;
    color: white;
}
.mailing-container .sail .progress{
    margin: 0;
    position: absolute;
    top: 50px;
    left: 25%;
    right: 25%;
}
.mailing-container .sail .progress .progress-bar:after{
    content: attr(aria-valuenow);
}
.mailing-container .heading-picture-container .close{
    position: absolute;
    top: 20px;
    right: 20px;
}
.mailing-container .futurs-container h2,
.mailing-container .currents-container h2{
    font-size: 22px;
    font-weight: normal;
    border-bottom: solid 1px #14A66B;
    padding-bottom: 7px;
    margin-bottom: 0;
}
select[multiple] {
    direction: rtl;
    text-align: left;
    padding: 0;
}
select[multiple]:focus {
    width: calc(100% - 2px);
}
select[multiple] option{
    padding: 7px 12px;
    border-bottom: solid 1px #14A66B;
    font-size: 16px;
    position: relative;
}
select[multiple] option:checked:after{
    content: attr(title);
    background: #14A66B;
    padding: 7px 12px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
select[multiple] option:hover{
    background-color: rgba(0, 164, 106, 0.5);
}
select[multiple] option[selected]{
    background-color: #14A66B;
    color: white;
    border-bottom: solid 1px #333;
}
select[multiple] option:last-child{
    border: none;
}
.mailings-config select[multiple]{
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}
.mailing-container .ads-container .mailing-vehicleBlock{
    text-align: center;
}
.mailing-container .ads-container .mailing-vehicleBlock h3{
    color: #17a8d7;
    font-size: 18px;
    padding-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mailing-container .ads-container .mailing-vehicleBlock .picture{
    border: solid 1px #ccc;
    padding: 5px;
    height: 188px;
    display: inline-block;
}
.mailing-container .ads-container .mailing-vehicleBlock .picture img{
    max-height: 100%;
}
.mailing-container .ads-container .mailing-vehicleBlock .features{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/** End mailings config **/

/** Timeline **/
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}
.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -1.5px;
}
.timeline > li {
    margin-bottom: 20px;
    position: relative;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li > .timeline-panel {
    width: 45%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    z-index: 1000;
}
.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}
.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -13px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
    z-index: 150;
}
.timeline > li > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -13px;
    right: auto;
}
.timeline-badge.primary {
    background-color: #2e6da4 !important;
}
.timeline-badge.success {
    background-color: #3f903f !important;
}
.timeline-badge.warning {
    background-color: #f0ad4e !important;
}
.timeline-badge.danger {
    background-color: #d9534f !important;
}
.timeline-badge.info {
    background-color: #5bc0de !important;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}
.timeline-body > p + p {
    margin-top: 5px;
}
.button-timeline{
    border: none;
    box-shadow: none;
    color: white;
    padding: 1px 8px;
    border-radius: 50%;
    font-size: 14px;
    cursor: pointer;
    background-color: #999999;
    width: 30px;
    position: relative;
}
.button-timeline.button-timeline-primary{
    background-color: #2e6da4;
}
.button-timeline.button-timeline-success{
    background-color: #3f903f;
}
.button-timeline.button-timeline-warning{
    background-color: #f0ad4e;
}
.button-timeline.button-timeline-danger{
    background-color: #d9534f;
}
.button-timeline.button-timeline-info{
    background-color: #5bc0de;
}
.button-timeline:active{
    box-shadow: 2px 2px 2px rgba(25, 25, 25, 0.75) inset;
}
.button-timeline.disabled:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
}
.button-timeline:hover:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 50%;
}
.button-timeline.disabled:hover:after{
    background-color: rgba(0, 0, 0, 0.1);
}
.circle{
    position: relative;
    background-color: #999999;
    border-radius: 50%;
    color: white;
    padding: 0px 4px;
    width: 17px;
    font-size: 11px;
    line-height: 16px;
    cursor: pointer;
    margin-top: 3px;
}
.circle:hover:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 50%;
}
.circle:active{
    box-shadow: 2px 2px 2px rgba(25, 25, 25, 0.75) inset;
}
.circle.circle-primary{
    background-color: #2e6da4;
}
.circle.circle-success{
    background-color: #3f903f;
}
.circle.circle-warning{
    background-color: #f0ad4e;
}
.circle.circle-danger{
    background-color: #d9534f;
}
.circle.circle-info{
    background-color: #5bc0de;
}
/** End Timeline **/

/** Marketing **/
.actionsByBdd{
    padding: 30px 20px 20px 20px;
    background-color: #fafafa;
    border: solid 1px #ccc;
    margin-top: -5px;
}
/** End Marketing **/

/** Flags **/
.sprite-flags {
    background: url('/images/sprites/flags.png') no-repeat;
    display: inline-block;
    width: 32px;
    height: 22px;
}
.sprite-flags-AD {
    background-position: -5px -5px;
}
.sprite-flags-AE {
    background-position: -47px -5px;
}
.sprite-flags-AF {
    background-position: -89px -5px;
}
.sprite-flags-AG {
    background-position: -131px -5px;
}
.sprite-flags-AI {
    background-position: -173px -5px;
}
.sprite-flags-AL {
    background-position: -215px -5px;
}
.sprite-flags-AM {
    background-position: -257px -5px;
}
.sprite-flags-AN {
    background-position: -299px -5px;
}
.sprite-flags-AO {
    background-position: -341px -5px;
}
.sprite-flags-AQ {
    background-position: -383px -5px;
}
.sprite-flags-AR {
    background-position: -425px -5px;
}
.sprite-flags-AS {
    background-position: -467px -5px;
}
.sprite-flags-AT {
    background-position: -509px -5px;
}
.sprite-flags-AU {
    background-position: -5px -37px;
}
.sprite-flags-AW {
    background-position: -47px -37px;
}
.sprite-flags-AX {
    background-position: -89px -37px;
}
.sprite-flags-AZ {
    background-position: -131px -37px;
}
.sprite-flags-BA {
    background-position: -173px -37px;
}
.sprite-flags-BB {
    background-position: -215px -37px;
}
.sprite-flags-BD {
    background-position: -257px -37px;
}
.sprite-flags-BE {
    background-position: -299px -37px;
}
.sprite-flags-BF {
    background-position: -341px -37px;
}
.sprite-flags-BG {
    background-position: -383px -37px;
}
.sprite-flags-BH {
    background-position: -425px -37px;
}
.sprite-flags-BI {
    background-position: -467px -37px;
}
.sprite-flags-BJ {
    background-position: -509px -37px;
}
.sprite-flags-BL {
    background-position: -5px -69px;
}
.sprite-flags-BM {
    background-position: -47px -69px;
}
.sprite-flags-BN {
    background-position: -89px -69px;
}
.sprite-flags-BO {
    background-position: -131px -69px;
}
.sprite-flags-BR {
    background-position: -173px -69px;
}
.sprite-flags-BS {
    background-position: -215px -69px;
}
.sprite-flags-BT {
    background-position: -257px -69px;
}
.sprite-flags-BW {
    background-position: -299px -69px;
}
.sprite-flags-BY {
    background-position: -341px -69px;
}
.sprite-flags-BZ {
    background-position: -383px -69px;
}
.sprite-flags-CA {
    background-position: -425px -69px;
}
.sprite-flags-CC {
    background-position: -467px -69px;
}
.sprite-flags-CD {
    background-position: -509px -69px;
}
.sprite-flags-CF {
    background-position: -5px -101px;
}
.sprite-flags-CG {
    background-position: -47px -101px;
}
.sprite-flags-CH {
    background-position: -89px -101px;
}
.sprite-flags-CI {
    background-position: -131px -101px;
}
.sprite-flags-CK {
    background-position: -173px -101px;
}
.sprite-flags-CL {
    background-position: -215px -101px;
}
.sprite-flags-CM {
    background-position: -257px -101px;
}
.sprite-flags-CN {
    background-position: -299px -101px;
}
.sprite-flags-CO {
    background-position: -341px -101px;
}
.sprite-flags-CR {
    background-position: -383px -101px;
}
.sprite-flags-CU {
    background-position: -425px -101px;
}
.sprite-flags-CV {
    background-position: -467px -101px;
}
.sprite-flags-CW {
    background-position: -509px -101px;
}
.sprite-flags-CX {
    background-position: -5px -133px;
}
.sprite-flags-CY {
    background-position: -47px -133px;
}
.sprite-flags-CZ {
    background-position: -89px -133px;
}
.sprite-flags-DE {
    background-position: -131px -133px;
}
.sprite-flags-DJ {
    background-position: -173px -133px;
}
.sprite-flags-DK {
    background-position: -215px -133px;
}
.sprite-flags-DM {
    background-position: -257px -133px;
}
.sprite-flags-DO {
    background-position: -299px -133px;
}
.sprite-flags-DZ {
    background-position: -341px -133px;
}
.sprite-flags-EC {
    background-position: -383px -133px;
}
.sprite-flags-EE {
    background-position: -425px -133px;
}
.sprite-flags-EG {
    background-position: -467px -133px;
}
.sprite-flags-EH {
    background-position: -509px -133px;
}
.sprite-flags-ER {
    background-position: -5px -165px;
}
.sprite-flags-ES {
    background-position: -47px -165px;
}
.sprite-flags-ET {
    background-position: -89px -165px;
}
.sprite-flags-EU {
    background-position: -131px -165px;
}
.sprite-flags-FI {
    background-position: -173px -165px;
}
.sprite-flags-FJ {
    background-position: -215px -165px;
}
.sprite-flags-FK {
    background-position: -257px -165px;
}
.sprite-flags-FM {
    background-position: -299px -165px;
}
.sprite-flags-FO {
    background-position: -341px -165px;
}
.sprite-flags-FR {
    background-position: -383px -165px;
}
.sprite-flags-GA {
    background-position: -425px -165px;
}
.sprite-flags-GB {
    background-position: -467px -165px;
}
.sprite-flags-GD {
    background-position: -509px -165px;
}
.sprite-flags-GE {
    background-position: -5px -197px;
}
.sprite-flags-GG {
    background-position: -47px -197px;
}
.sprite-flags-GH {
    background-position: -89px -197px;
}
.sprite-flags-GI {
    background-position: -131px -197px;
}
.sprite-flags-GL {
    background-position: -173px -197px;
}
.sprite-flags-GM {
    background-position: -215px -197px;
}
.sprite-flags-GN {
    background-position: -257px -197px;
}
.sprite-flags-GQ {
    background-position: -299px -197px;
}
.sprite-flags-GR {
    background-position: -341px -197px;
}
.sprite-flags-GS {
    background-position: -383px -197px;
}
.sprite-flags-GT {
    background-position: -425px -197px;
}
.sprite-flags-GU {
    background-position: -467px -197px;
}
.sprite-flags-GW {
    background-position: -509px -197px;
}
.sprite-flags-GY {
    background-position: -5px -229px;
}
.sprite-flags-HK {
    background-position: -47px -229px;
}
.sprite-flags-HN {
    background-position: -89px -229px;
}
.sprite-flags-HR {
    background-position: -131px -229px;
}
.sprite-flags-HT {
    background-position: -173px -229px;
}
.sprite-flags-HU {
    background-position: -215px -229px;
}
.sprite-flags-IC {
    background-position: -257px -229px;
}
.sprite-flags-ID {
    background-position: -299px -229px;
}
.sprite-flags-IE {
    background-position: -467px -165px;
}
.sprite-flags-IL {
    background-position: -383px -229px;
}
.sprite-flags-IM {
    background-position: -425px -229px;
}
.sprite-flags-IN {
    background-position: -467px -229px;
}
.sprite-flags-IQ {
    background-position: -509px -229px;
}
.sprite-flags-IR {
    background-position: -5px -261px;
}
.sprite-flags-IS {
    background-position: -47px -261px;
}
.sprite-flags-IT {
    background-position: -89px -261px;
}
.sprite-flags-JE {
    background-position: -131px -261px;
}
.sprite-flags-JM {
    background-position: -173px -261px;
}
.sprite-flags-JO {
    background-position: -215px -261px;
}
.sprite-flags-JP {
    background-position: -257px -261px;
}
.sprite-flags-KE {
    background-position: -299px -261px;
}
.sprite-flags-KG {
    background-position: -341px -261px;
}
.sprite-flags-KH {
    background-position: -383px -261px;
}
.sprite-flags-KI {
    background-position: -425px -261px;
}
.sprite-flags-KM {
    background-position: -467px -261px;
}
.sprite-flags-KN {
    background-position: -509px -261px;
}
.sprite-flags-KP {
    background-position: -5px -293px;
}
.sprite-flags-KR {
    background-position: -47px -293px;
}
.sprite-flags-KW {
    background-position: -89px -293px;
}
.sprite-flags-KY {
    background-position: -131px -293px;
}
.sprite-flags-KZ {
    background-position: -173px -293px;
}
.sprite-flags-LA {
    background-position: -215px -293px;
}
.sprite-flags-LB {
    background-position: -257px -293px;
}
.sprite-flags-LC {
    background-position: -299px -293px;
}
.sprite-flags-LI {
    background-position: -341px -293px;
}
.sprite-flags-LK {
    background-position: -383px -293px;
}
.sprite-flags-LR {
    background-position: -425px -293px;
}
.sprite-flags-LS {
    background-position: -467px -293px;
}
.sprite-flags-LT {
    background-position: -509px -293px;
}
.sprite-flags-LU {
    background-position: -5px -325px;
}
.sprite-flags-LV {
    background-position: -47px -325px;
}
.sprite-flags-LY {
    background-position: -89px -325px;
}
.sprite-flags-MA {
    background-position: -131px -325px;
}
.sprite-flags-MC {
    background-position: -173px -325px;
}
.sprite-flags-MD {
    background-position: -215px -325px;
}
.sprite-flags-ME {
    background-position: -257px -325px;
}
.sprite-flags-MF {
    background-position: -299px -325px;
}
.sprite-flags-MG {
    background-position: -341px -325px;
}
.sprite-flags-MH {
    background-position: -383px -325px;
}
.sprite-flags-MK {
    background-position: -425px -325px;
}
.sprite-flags-ML {
    background-position: -467px -325px;
}
.sprite-flags-MM {
    background-position: -509px -325px;
}
.sprite-flags-MN {
    background-position: -5px -357px;
}
.sprite-flags-MO {
    background-position: -47px -357px;
}
.sprite-flags-MP {
    background-position: -89px -357px;
}
.sprite-flags-MQ {
    background-position: -131px -357px;
}
.sprite-flags-MR {
    background-position: -173px -357px;
}
.sprite-flags-MS {
    background-position: -215px -357px;
}
.sprite-flags-MT {
    background-position: -257px -357px;
}
.sprite-flags-MU {
    background-position: -299px -357px;
}
.sprite-flags-MV {
    background-position: -341px -357px;
}
.sprite-flags-MW {
    background-position: -383px -357px;
}
.sprite-flags-MX {
    background-position: -425px -357px;
}
.sprite-flags-MY {
    background-position: -467px -357px;
}
.sprite-flags-MZ {
    background-position: -509px -357px;
}
.sprite-flags-NA {
    background-position: -5px -389px;
}
.sprite-flags-NC {
    background-position: -47px -389px;
}
.sprite-flags-NE {
    background-position: -89px -389px;
}
.sprite-flags-NF {
    background-position: -131px -389px;
}
.sprite-flags-NG {
    background-position: -173px -389px;
}
.sprite-flags-NI {
    background-position: -215px -389px;
}
.sprite-flags-NL {
    background-position: -257px -389px;
}
.sprite-flags-NO {
    background-position: -299px -389px;
}
.sprite-flags-NR {
    background-position: -341px -389px;
}
.sprite-flags-NU {
    background-position: -383px -389px;
}
.sprite-flags-NZ {
    background-position: -425px -389px;
}
.sprite-flags-OM {
    background-position: -467px -389px;
}
.sprite-flags-PA {
    background-position: -509px -389px;
}
.sprite-flags-PE {
    background-position: -5px -421px;
}
.sprite-flags-PF {
    background-position: -47px -421px;
}
.sprite-flags-PG {
    background-position: -89px -421px;
}
.sprite-flags-PH {
    background-position: -131px -421px;
}
.sprite-flags-PK {
    background-position: -173px -421px;
}
.sprite-flags-PL {
    background-position: -215px -421px;
}
.sprite-flags-PN {
    background-position: -257px -421px;
}
.sprite-flags-PR {
    background-position: -299px -421px;
}
.sprite-flags-PS {
    background-position: -341px -421px;
}
.sprite-flags-PT {
    background-position: -383px -421px;
}
.sprite-flags-PW {
    background-position: -425px -421px;
}
.sprite-flags-PY {
    background-position: -467px -421px;
}
.sprite-flags-QA {
    background-position: -509px -421px;
}
.sprite-flags-RO {
    background-position: -5px -453px;
}
.sprite-flags-RS {
    background-position: -47px -453px;
}
.sprite-flags-RU {
    background-position: -89px -453px;
}
.sprite-flags-RW {
    background-position: -131px -453px;
}
.sprite-flags-SA {
    background-position: -173px -453px;
}
.sprite-flags-SB {
    background-position: -215px -453px;
}
.sprite-flags-SC {
    background-position: -257px -453px;
}
.sprite-flags-SD {
    background-position: -299px -453px;
}
.sprite-flags-SE {
    background-position: -341px -453px;
}
.sprite-flags-SG {
    background-position: -383px -453px;
}
.sprite-flags-SH {
    background-position: -425px -453px;
}
.sprite-flags-SI {
    background-position: -467px -453px;
}
.sprite-flags-SK {
    background-position: -509px -453px;
}
.sprite-flags-SL {
    background-position: -5px -485px;
}
.sprite-flags-SM {
    background-position: -47px -485px;
}
.sprite-flags-SN {
    background-position: -89px -485px;
}
.sprite-flags-SO {
    background-position: -131px -485px;
}
.sprite-flags-SR {
    background-position: -173px -485px;
}
.sprite-flags-SS {
    background-position: -215px -485px;
}
.sprite-flags-ST {
    background-position: -257px -485px;
}
.sprite-flags-SV {
    background-position: -299px -485px;
}
.sprite-flags-SY {
    background-position: -341px -485px;
}
.sprite-flags-SZ {
    background-position: -383px -485px;
}
.sprite-flags-TC {
    background-position: -425px -485px;
}
.sprite-flags-TD {
    background-position: -467px -485px;
}
.sprite-flags-TF {
    background-position: -509px -485px;
}
.sprite-flags-TG {
    background-position: -5px -517px;
}
.sprite-flags-TH {
    background-position: -47px -517px;
}
.sprite-flags-TJ {
    background-position: -89px -517px;
}
.sprite-flags-TK {
    background-position: -131px -517px;
}
.sprite-flags-TL {
    background-position: -173px -517px;
}
.sprite-flags-TM {
    background-position: -215px -517px;
}
.sprite-flags-TN {
    background-position: -257px -517px;
}
.sprite-flags-TO {
    background-position: -299px -517px;
}
.sprite-flags-TR {
    background-position: -341px -517px;
}
.sprite-flags-TT {
    background-position: -383px -517px;
}
.sprite-flags-TV {
    background-position: -425px -517px;
}
.sprite-flags-TW {
    background-position: -467px -517px;
}
.sprite-flags-TZ {
    background-position: -509px -517px;
}
.sprite-flags-UA {
    background-position: -551px -5px;
}
.sprite-flags-UG {
    background-position: -551px -37px;
}
.sprite-flags-US {
    background-position: -551px -69px;
}
.sprite-flags-UY {
    background-position: -551px -101px;
}
.sprite-flags-UZ {
    background-position: -551px -133px;
}
.sprite-flags-VA {
    background-position: -551px -165px;
}
.sprite-flags-VC {
    background-position: -551px -197px;
}
.sprite-flags-VE {
    background-position: -551px -229px;
}
.sprite-flags-VG {
    background-position: -551px -261px;
}
.sprite-flags-VI {
    background-position: -551px -293px;
}
.sprite-flags-VN {
    background-position: -551px -325px;
}
.sprite-flags-VU {
    background-position: -551px -357px;
}
.sprite-flags-WF {
    background-position: -551px -389px;
}
.sprite-flags-WS {
    background-position: -551px -421px;
}
.sprite-flags-YE {
    background-position: -551px -453px;
}
.sprite-flags-YT {
    background-position: -551px -485px;
}
.sprite-flags-ZA {
    background-position: -551px -517px;
}
.sprite-flags-ZM {
    background-position: -5px -549px;
}
.sprite-flags-ZW {
    background-position: -47px -549px;
}
.sprite-flags-_nato {
    background-position: -89px -549px;
}
/** End flags **/

/** Radius **/
.radius-0{
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
}
.radius-4{
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
}
/** End radius **/



/** Medias queries **/
/*@media (min-width: 768px) {
}*/
@media (max-width: 768px) {
    #alert{
        left: 0;
        right: 0;
        top: 0;
    }
    #pictures .block-picture .picture .controls-container .picture-fill{
        height: 102px;
    }
    #pictures .block-picture img{
        max-height: 100px;
    }
    #pictures .block-picture .picture.empty .instructions,
    #pictures .block-picture .picture.loading .progression{
        height: 131px;
    }
    .navbar.navbar-submenu .navbar-nav{
        margin-left: 0;
        margin-right: 0;
    }
    .clarification-container{
        display: none;
    }
    .clarification-container.open{
        display: block;
    }
    .arrow-up{
        display: block;
    }
    .clarification{
        text-align: center;
        background-color: #eee;
        border: solid 1px #CCC;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }
    .clarification div{
        padding: 25px !important;
    }
    .arrow-up{
        position: relative;
        width: 10px;
        margin: 0 auto;
    }
    .arrow-up:before{
        content: '';
        position: absolute;
        top: -1px;
        bottom: 0;
        left: -11px;
        right: 0px;
        border-left: solid 12px transparent;
        border-top: solid 0px transparent;
        border-right: solid 11px transparent;
        border-bottom: solid 14px #ccc;
    }
    .arrow-up:after{
        content: '';
        position: absolute;
        top: 10px;
        bottom: 0;
        left: -10px;
        right: -1px;
        border-left: solid 10px transparent;
        border-top: solid 0 transparent;
        border-right: solid 10px transparent;
        border-bottom: solid 12px #eee;
    }
    .navbar .dropdown-menu a{
        color: white !important;
    }
    .nav .open > a{
        background-color: rgba(121, 109, 90, 1);
    }
    .allocation-left,
    .allocation-right{
        width: 100%;
        float: none;
    }
}
@media (max-width: 1200px) {
    #pictures .block-picture .picture .controls-container .picture-fill{
        height: 120px;
    }
    #pictures .block-picture img{
        max-height: 110px;
    }
    #pictures .block-picture .picture.empty .instructions,
    #pictures .block-picture .picture.loading .progression{
        height: 150px;
    }
    #pictures .block-picture .picture .controls-container .picture-fill:hover::after{
        padding-top: 90px;
    }
}
/** End medias queries **/