/* begin reset */
html {
    font-size: 100%;
    font-family: arial, helvetica, sans-serif;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.4;
    height: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

p {
    margin: 0;
}

a {
    color: #000;
    text-decoration: none;
    outline: none;
}

img {
    border: none;
}

form {
    margin: 0;
    padding: 0;
    border: none;
}

input, select {
    vertical-align: middle;
}

h1, h2, h3, h4 {
    font-weight: normal;
    margin: 0;
}

input::-webkit-input-placeholder {
    color: #000;
}

input:focus::-webkit-input-placeholder {
    color: #999;
}

/* Firefox < 19 */
input:-moz-placeholder {
    color: #000;
}

input:focus:-moz-placeholder {
    color: #999;
}

/* Firefox > 19 */
input::-moz-placeholder {
    color: #000;
}

input:focus::-moz-placeholder {
    color: #999;
}

/* Internet Explorer 10 */
input:-ms-input-placeholder {
    color: #000;
}

input:focus:-ms-input-placeholder {
    color: #999;
}

::-webkit-input-placeholder {
    color: #000;
}


input, textarea {
    margin: 0;
}

input, input[type=text], input[type=password], input[type=email],
select, textarea, input[type=submit] {
    font-size: 1em;
    font-family: opensans, arial, helvetica, sans-serif;
    outline: none;
}

/*
layout
    noir header :       1b1b1b
    noir texte :        333333
    bleu :              39c2d2
    bleu tres clair :   aaf4fd
    bleu texte:         0695a6
    bleu foncé texte :  003e45
    vert titre :        008493

icones
    vert fond :         4ba34c
    gris fond :         87878x7

texte
    vert :              309e31
    rouge :             ce1c1b
    orange:             ed9700

tableau
    gris bordure :      dddddd
    gris fond tableau : f9f9f9

bouton
    gris fond bouton :  eeeeee
    gris texte bouton : 777777


*/


/* For modern browsers */
.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom: 1;
}

.center {
    text-align: center;
}

/*font face*/
@font-face {
    font-family: 'opensans';
    src: url('../bundles/carvivocrm/css/fonts/opensans-regular-webfont.woff') format('woff');
    src: url('../bundles/carvivocrm/css/fonts/opensans-regular-webfont.eot');
    src: url('../bundles/carvivocrm/css/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../bundles/carvivocrm/css/fonts/opensans-regular-webfont.ttf') format('truetype'),
    url('../bundles/carvivocrm/css/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans_bold';
    src: url('../bundles/carvivocrm/css/fonts/opensans-bold-webfont.woff') format('woff');
    src: url('../bundles/carvivocrm/css/fonts/opensans-bold-webfont.eot');
    src: url('../bundles/carvivocrm/css/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../bundles/carvivocrm/css/fonts/opensans-bold-webfont.ttf') format('truetype'),
    url('../bundles/carvivocrm/css/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'opensans_semibold';
    src: url('../bundles/carvivocrm/css/fonts/opensans-semibold-webfont.woff') format('woff');
    src: url('../bundles/carvivocrm/css/fonts/opensans-semibold-webfont.eot');
    src: url('../bundles/carvivocrm/css/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../bundles/carvivocrm/css/fonts/opensans-semibold-webfont.ttf') format('truetype'),
    url('../bundles/carvivocrm/css/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

#wrap {
    display: table;
    height: 100%;
    width: 100%;
    position: relative;
    background: url('../bundles/carvivocrm/images/v2/bg.png') repeat-y center;
}

h2 {
    color: #008493;
    font-family: 'opensans_semibold', arial, helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    margin: 25px 0;
}

::-webkit-input-placeholder {
    color: #bbb;
}

:-moz-placeholder {
    color: #bbb;
}

:-ms-input-placeholder {
    color: #bbb;
}

input[type=text], input[type=url], input[type=email], input[type=password], input[type=number], textarea {
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 7px 0;
    text-indent: 7px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

textarea {
    text-indent: 0;
    padding: 7px;
}

input[type=text], input[type=url], input[type=email], input[type=password] {
    height: 31px;
}

.large input[type=text], .large input[type=url], .large input[type=email], .large input[type=password] {
    height: 41px;
}

.custom-select {
    position: relative;
    margin: 0;
    max-width: 100%;
}

.custom-select select {
    width: 100% !important;
    height: 100% !important;
}

span.customSelect {
    font: 12px sans-serif;
    background: url('../bundles/carvivocrm/images/pictos/black-bottom-arrow.png') no-repeat 96% center #fff;
    border: 1px solid #ccc;
    color: #000;
    padding: 7px 0;
    text-indent: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    margin: 0;
}

.small span.customSelect {
    padding: 3px 0;
}

.large span.customSelect {
    padding: 12px 0;
}

.time .custom-select {
    width: 50px;
    display: inline-block;
}

#editSellerLeaves {
    width: 850px;
    margin-top: 10px;
}

#editSellerLeaves .leave {
    margin-bottom: 15px;
}

#editSellerLeaves .third {
    width: 20%;
    float: left;
    margin-right: 3%;
}

#editSellerLeaves .last {
    width: 53%;
    margin-right: 0;
}

.datepicker {
    background: #fff url(../bundles/carvivocrm/images/pictos/grey-calendar.png) no-repeat 95% center;
}

.ui-datepicker {
    width: 300px;
}

.hinclude {
    text-align: center;
    margin-top: 15px;
}

/*template*/
body {
    background-color: #e4e4e4;
    background-attachment: fixed;
}

.container {
    width: 100%;
    max-width: 1170px;
    min-width: 930px;
    margin: auto;
}

.flash-message {
    padding: 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 10px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}

.flash-message a {
    text-decoration: underline;
}

.flash-success {
    color: #48874a;
    border: 1px solid #c5d8b4;
    padding-left: 50px;
    background: #E0F0D9 url(../bundles/carvivocrm/images/pictos/valid.png) no-repeat 10px center;
}

.flash-success a {
    color: #48874a;
}

.flash-error {
    color: #d82828;
    border: 1px solid #f1c8c8;
    padding-left: 50px;
    background: #f9dbdb url(../bundles/carvivocrm/images/pictos/delete.png) no-repeat 10px center;
}

.flash-error a {
    color: #d82828;
}

.flash-notice {
    color: #8a6d3b;
    border: 1px solid #faebcc;
    padding-left: 50px;
    background-color: #fcf8e3;
}

.close-flash {
    background: url('../bundles/carvivocrm/images/pictos/close-flash.png') no-repeat center;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 8px;
    top: 8px;
}

#header {
    background: #1b1b1b;
    height: 85px;
}

#userLinks {
    position: relative;
}

#openUserMenu {
    background: url('../bundles/carvivocrm/images/pictos/bottom-white-arrow.png') right center no-repeat;
    padding-right: 15px;
    display: block;
}

#openUserMenu.active {
    background-image: url('../bundles/carvivocrm/images/pictos/top-white-arrow.png');
}

#userMenu {
    display: none;
    position: absolute;
    background: #1b1b1b;
    z-index: 50;
    padding: 10px;
    width: 150px;
    right: 0;
    margin-top: 5px;
}

#userMenu.active {
    display: block;
}

#userMenu a:hover {
    text-decoration: underline;
}

#menu {
    float: left;
    min-width: 800px;
}

#menu select {
    margin-left: 15px;
    max-width: 180px;
    margin-top: 33px;
}

#menu a {
    height: 100%;
    display: block;
    color: #fff;
    float: left;
    padding: 0 10px;
    margin: 0 5px;
    line-height: 85px;
    font-size: 14px;
    background: #1b1b1b;
}

#menu a:hover, #menu a.active {
    background: #39c2d2;
}

#menu a#logo, #menu a#logo:hover {
    background: url('../bundles/carvivocrm/images/carvivo.png') no-repeat center center;
    text-indent: -9999em;
    width: 127px;
    padding: 0;
    margin-right: 30px;
}

#menu a#logo-odl, #menu a#logo-odl:hover {
    background: url('../bundles/carvivocrm/images/odl-crm.png') no-repeat center center;
    text-indent: -9999em;
    width: 127px;
    padding: 0;
    margin-right: 30px;
}

#userBlock {
    float: right;
    text-align: right;
    padding-top: 5px;
}

#userBlock a {
    color: #fff;
    display: block;
    margin-top: 5px;
    font-size: 11px;
    line-height: 13px;
}

#userBlock .date {
    color: #aaf4fd;
    font-size: 11px;
}

#content {
    padding-bottom: 30px;
}

#footer {
    position: relative;
    background: #f9f9f9;
    clear: both;
    font-size: 11px;
    display: table-row;
    height: 50px;
}

#footer .container {
    padding: 20px 0 4px 0;
}

#footer .copyright {
    float: left;
}

#footer .links {
    float: right;
    text-align: right;
}

#footer .links a {
    color: #333333;
    padding: 0 5px;
}

#footer .links a:hover {
    text-decoration: underline;
}


.data {
    background: #fff;
    border: 1px solid #616161;
    border-bottom: 2px solid #616161;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 27px;
    padding-bottom: 10px;
}

.data .header {
    background: #7ADDE9 url('../bundles/carvivocrm/images/data-header.png') no-repeat;
    height: 49px;
    padding: 0 1%;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    position: relative;
}

.data.red {
    border: 1px solid #d75553;
}

.data.red .header {
    background: #d75553;
}

.data .header h3 {
    text-transform: uppercase;
    font-weight: bold;
    color: #003e45;
    font-size: 17px;
    line-height: 49px;
    float: left;
    width: 60%;
    font-family: 'opensans_bold';
}

.data.red .header h3 {
    color: #fff;
}

.data .header .hide-data, .data .header .show-data {
    text-indent: -9999em;
    background-position: center;
    background-repeat: no-repeat;
    width: 45px;
    height: 100%;
    display: block;
    float: right
}

.data .header .hide-data {
    background-image: url('../bundles/carvivocrm/images/pictos/green-top-angle-bracket.png');
}

.data .header .show-data {
    background-image: url('../bundles/carvivocrm/images/pictos/green-bottom-angle-bracket.png');
}

.data .header .search {
    float: left;
    width: 40%;
    height: 31px;
    margin-top: 8px;
}

.data .header .search .hide-data, .data .header .search .show-data {
    float: left;
}

.data .header .search .print {
    float: right;
    margin-right: 5px;
    margin-top: 7px;
}

.data .header .sort-select {
    width: 100px;
    float: left;
    margin: 0 0 0 10px;
}

.data .header .search form {
    width: 200px;
    float: left;
    margin-right: 15px;
}

.data .header .search .keywords {
    background: #fff;
    width: 170px;
    font-size: 11px;
    font-family: 'opensans_semibold', arial, helvetica, sans-serif;
    padding-right: 22px;
    margin-top: 0;
}

.data .header .search .submit {
    width: 22px;
    height: 22px;
    background: url('../bundles/carvivocrm/images/pictos/search.png') no-repeat center center;
    border: 0;
    cursor: pointer;
    position: relative;
    left: -26px;
}

.data .header .search span.label {
    color: #fff;
    padding-top: 5px;
    float: left;
}

.data .header .search span.customSelect {
    font-size: 11px;
}

.data table {
    width: 98%;
    border-collapse: collapse;
    margin: 1% 1% 0;
}

.data table + .save {
    margin-top: 10px;
    float: right;
    margin-right: 1%;
}

.data table td, .data table th {
    padding: 5px;
    text-align: left;
}

.data table tr.odd {
    background: #f9f9f9;
}

.data table th {
    border-bottom: 2px solid #ddd;
    font-size: 12px;
}

.data table td {
    border-bottom: 1px solid #ddd;
    font-size: 11px;
}

.data table tr:hover td {
    background: #ddd;
}

.data table td a {
    font-weight: bold;
}

.data table .nowrap {
    white-space: nowrap;
}

.data table .nowrap select {
    width: 60px;
    margin-left: 5px;
}

.data th.sort a {
    padding-right: 10px;
    text-decoration: underline;
}

.data th.asc a, .data th.desc a:hover, .data th.sort a:hover {
    background: url('../bundles/carvivocrm/images/pictos/black-top-arrow.png') no-repeat right center;
}

.data th.desc a, .data th.asc a:hover {
    background: url('../bundles/carvivocrm/images/pictos/black-bottom-arrow.png') no-repeat right center;
}

.pad table, .pad table td, .pad table th {
    background: #fff;
    color: #000;
    font-size: 10px;
    text-align: center;
}

.data .actions {
    text-align: right;
    white-space: nowrap;
}

.data .won, .data .lost, .data .new_appointment,
.data .status.green, .data .status.red, .data .status.orange {
    font-weight: bold;
}

.data .won, .data .status.green, #qualityRecallInfos .status.green {
    color: #309e31;
}

.data .lost, .data .canceled, .data .status.red, #qualityRecallInfos .status.red {
    color: #ce1c1b;
}

.data .new_appointment, .data .status.orange, #qualityRecallInfos .status.orange {
    color: #efad57
}

.data .bottom {
    text-align: center;
}

.data .bottom a {
    color: #777;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 0 10px 0 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 25px;
    line-height: 25px;
    text-align: left;
    margin: 10px 10px 0 10px;
    display: inline-block;
}

.data .bottom .hide-data {
    background-image: url('../bundles/carvivocrm/images/pictos/grey-top-angle-bracket.png');
    padding-left: 30px;
}

.data .bottom .show-data {
    background-image: url('../bundles/carvivocrm/images/pictos/grey-bottom-angle-bracket.png');
    padding-left: 30px;
}

.data .field {
    margin: 5px 0;
}

.data .field label {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
}

.data .content {
    margin: 10px;
    position: relative;
}

.data .content .pad {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    display: block;
    padding: 20px;
    text-align: center;
    width: 26%;
    margin: 15px 1%;
    background: #39c2d2;
    text-transform: uppercase;
    font-family: opensans_bold;
    font-size: 14px;
    float: left;
    min-height: 35px;
    position: relative;
}

.data .content .pad a {
    color: #fff;
}

.data .content .pad a.edit, .data .content .pad a.add {
    text-decoration: underline;
    color: #000;
    text-transform: none;
    font-size: .9em;
    font-family: opensans;
    position: absolute;
    top: 4px;
    right: 5px;
}

.data .content .pad a.add {
    bottom: 4px;
    top: auto;
}

.data .content .pad.big {
    min-height: 105px;
}

.data .content .pad2 {
    background: #33A8B6;
}

.data .content .pad3 {
    background: #277C86;
}

.data .content .pad4 {
    background: #2C5A5F;
}

.data .new-campaign {
    float: right;
}

.data .content .padoption {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    display: block;
    padding: 20px;
    text-align: center;
    margin: 15px 1%;
    background: #39c2d2;
    text-transform: uppercase;
    font-family: opensans_bold;
    font-size: 14px;
}

.data .content .pad:nth-child(3n+1) {
    clear: left;
}

.data .content p {
    margin: 5px 0;
}

.data .block {
    background: #f9f9f9;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 1%;
    margin-bottom: 10px;
}

.data .radio label, .data .checkbox label, .data .inline label {
    display: inline-block;
    padding-right: 10px;
}

.data .radio div, .data .checkbox div {
    display: inline-block;
}

.data .radio div label, .data .checkbox div label {
    padding-left: 5px;
}

.data .no-label {
    padding: 30px 0 0
}

.data .block.col {
    float: left;
    width: 98%;
}

.data .block.half {
    width: 47%;
    margin-right: 2%
}

.data .block.half + .half {
    margin-right: 0;
}

.data .block.third {
    width: 30%;
    margin-right: 2%;
}

.data .block.twothird {
    width: 64%;
    margin-right: 2%;
    float: left;
}

.data .block.twothird + .third {
    float: right;
    margin-right: 0;
}

.data .block.third + .third + .third {
    margin-right: 0;
}

.data .block.quarter {
    width: 22%;
    margin-right: 1%;
}

.data .block.quarter + .quarter + .quarter + .quarter {
    margin-right: 0;
}

.data .block.fifth {
    width: 17%;
    margin-right: 1%;
}

.data .block.fifth + .fifth + .fifth + .fifth + .fifth {
    margin-right: 0;
}

.data .lead-infos .interest {
    width: 37%;
    float: left;
}

.data .lead-infos .interest label {
    float: left;
    padding-right: 10px;
    padding-top: 5px;
}

.data .lead-infos .interest .custom-select {
    max-width: 150px;
    float: left;
}

.data .lead-infos .take-back, .data .lead-infos .financing, .data .lead-infos .pro-sale, .data .lead-infos .recall {
    padding: 5px 0 0 0;
    float: left;
    width: 20%;
}

.data .lead-infos .take-back label, .data .lead-infos .financing label, .data .lead-infos .pro-sale label, .data .lead-infos .recall label {
    display: inline
}

.data .favorite-communication {
    margin-bottom: 15px;
}

.data .favorite-communication div label {
    display: inline-block;
    padding-left: 5px;
    padding-right: 10px;
}

form .errors li {
    color: #d75553;
    font-weight: bold;
}

form label.required:after {
    content: ' *';
}

form .radio div label.required:after, form .checkbox div label.required:after {
    content: '';
}

.sources .source {
    width: 33%;
    float: left;
    white-space: nowrap;
}

#topButtons {
    float: right;
}

.show-record {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 35px;
}

.show-record .title {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-family: opensans_bold;
    padding: 10px 15px;
}

.show-record .title span {
    color: #aaf4fd;
    font-size: 14px;
    font-family: opensans;
}

.show-record .content {
    padding: 15px;
}

.show-record .line {
    margin-bottom: 5px;
}

.show-record .col .map, .show-record .col .clock,
.show-record .col .calendar, .show-record .col .users {
    padding-left: 30px;
}

.show-record .col .map {
    background: url('../bundles/carvivocrm/images/pictos/map.png') no-repeat left center;
}

.show-record .col .clock {
    background: url('../bundles/carvivocrm/images/pictos/blue-hours.png') no-repeat left center;
}

.show-record .col .calendar {
    background: url('../bundles/carvivocrm/images/pictos/blue-calendar.png') no-repeat left center;
}

.show-record .col .users {
    background: url('../bundles/carvivocrm/images/pictos/blue-users.png') no-repeat left center;
}

.show-record .toggle-more .more {
    display: none;
}

.show-record .toggle-more .toggle {
    font-weight: normal;
    color: #39c2d2;
    text-decoration: underline;
}

.show-record .subject {
    background: #fff;
    font-weight: bold;
    padding: 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.show-record .values {
    margin-top: 10px;
}

.show-record .values .time-place,
.show-record .values .customer {
    width: 25%;
    float: left;
}

.show-record .values .other {
    width: 50%;
    float: left;
}

.show-record .content .label {
    display: inline-block;
}

.show-record .content .value {
    font-weight: bold;
}

.show-record .content .notes {
    padding-left: 10px;
    font-size: 12px;
    line-height: 12px;
    margin-top: 5px;
}

.show-record .content .audio {
    background: #000;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: right;
    text-decoration: none;
    margin-bottom: 5px;
}

/*red*/
.show-record.red {
    background: #f2dede;
    border: 1px solid #d75553;
}

.show-record.red .title {
    background: #d75553
}

.show-record.red .subject {
    color: #d75553;
}

.show-record.red .content .notes {
    border-left: 3px solid #d75553
}

/*green*/
.show-record.green {
    background: #e0f0d9;
    border: 1px solid #4ba34c;
}

.show-record.green .title {
    background: #4ba34c
}

.show-record.green .subject {
    color: #4ba34c;
}

.show-record.green .content .notes {
    border-left: 3px solid #4ba34c
}

/*blue*/
.show-record.blue {
    background: #CFFAFF;
    border: 1px solid #39C2D2;
}

.show-record.blue .title {
    background: #39C2D2
}

.show-record.blue .title a {
    text-transform: lowercase;
    color: #fff;
    text-decoration: underline;
}

#audio {
    background: #000;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-left: 20px;
    text-decoration: none;
    margin-bottom: 5px;
}

#topBanner {
    margin-top: 30px;
}

#topBanner .col {
    width: 30%;
    float: left;
    margin-top: 1%;
    margin-right: 3%;
}

.main-col {
    width: 75%;
    float: left;
}

.right-col {
    float: right;
    width: 23%;
}

.right-col .button {
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
    font-family: opensans_bold;
    text-align: center;
    font-size: 13px;
    height: 50px;
    line-height: 50px;
    width: 100%;
    padding: 0;
}

#leadForm .main-col {
    position: relative;
}

#leadForm .manual-type {
    margin-bottom: 10px;
    width: 150px;
    float: right;
    margin-top: -50px;
}

#sellerButtons a {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    width: 272px;
    margin-bottom: 15px;
    text-indent: -9999em;
}

#sellerButtons #callEnd {
    background-image: url('../bundles/carvivocrm/images/buttons/fin-appel.png');
    height: 203px;
}

#sellerButtons #evolutionLead {
    background-image: url('../bundles/carvivocrm/images/buttons/evolution-lead.png');
    height: 203px;
}

#sellerButtons #updateLead {
    background-image: url('../bundles/carvivocrm/images/buttons/maj-lead.png');
    height: 203px;
}

#sellerButtons #notifyLater {
    background-image: url('../bundles/carvivocrm/images/buttons/notifier-plus-tard.png');
    height: 93px;
}

#sellerButtons #lostValidate {
    background-image: url('../bundles/carvivocrm/images/buttons/valider-cloture.png');
    height: 203px;
}

#sellerButtons #lostDismiss {
    background-image: url('../bundles/carvivocrm/images/buttons/remettre-a-traiter.png');
    height: 203px;
}

#sellerButtons #appointmentEnd {
    background-image: url('../bundles/carvivocrm/images/buttons/fin-rdv.png');
    height: 203px;
}

#sellerButtons #rescheduleAppointment {
    background-image: url('../bundles/carvivocrm/images/buttons/reporter-rdv.png');
    height: 93px;
}

#sellerButtons #newAppointment {
    background-image: url('../bundles/carvivocrm/images/buttons/nouveau-rdv.png');
    height: 93px;
}

#sellerButtons #confirmAppointment {
    background-image: url('../bundles/carvivocrm/images/buttons/confirmer-rdv.png');
    height: 203px;
}

.technical, .opt-in {
    background: #fff;
    padding: 15px;
}

.opt-in {
    margin-top: 20px;
    font-size: 11px;
}

.opt-in .field {
    margin-bottom: 5px;
}

.opt-in .field > label {
    display: inline-block;
    width: 50%;
    float: left;
}

.opt-in .field > div {
    width: 50%;
    float: left;
}

.opt-in .field > div label {
    padding: 0 10px 0 5px;
}

.technical .title {
    text-transform: uppercase;
    font-family: opensans_bold;
    font-size: 14px;
    margin-bottom: 10px;
    color: #008493;
}

.technical .top {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 10px;
}

.technical .bottom {
    padding-top: 10px;
    font-size: 11px;
}

.technical .bottom strong {
    font-size: 12px;
}

.data .is-pro {
    display: none;
    clear: both;
}

form .form-errors ul {
    padding: 15px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 20px;
    box-sizing: border-box;
    font-size: 14px;
    color: #d75553;
    border: 1px solid #edd3d7;
    background: #f2dede url('../bundles/carvivocrm/images/pictos/big/delete.png') no-repeat 10px center;
    padding-left: 70px;
    min-height: 68px;
}

#leadForm .save {
    float: right;
    margin-bottom: 10px;
}

.collection-list .delete {
    position: absolute;
    top: -5px;
    right: -5px;
    background-image: url('../bundles/carvivocrm/images/pictos/delete.png');
}

.collection-list .collection-item {
    position: relative;
}

#adsList {
    margin-top: 0;
    margin-bottom: 15px;
    clear: both;
}

#adsList .ad {
    margin-bottom: 15px;
}

#adsList .ad a.link {
    display: block;
    padding-top: 10px;
    text-decoration: underline;
}

#adsList .ad > div > label, #adsList .ads > div:first-child > label {
    display: none;
}

#adsList .ads > div.a > label {
    display: inline-block;
}

#adsList .left, #adsList .right, #adsList .full-width {
    background: #f9f9f9;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: left;
    padding: 1%;
}

#adsList .left {
    width: 27%;
    margin-right: 2%;
}

#adsList .right {
    width: 67%;
    float: right;
}

.univers #adsList .left, .univers #adsList .right {
    width: 100%;
    float: none;
}

#adsList .right .car-info .field {
    width: 32%;
    margin-right: 1%;
    float: left;
}

#adsList .right .car-info .field.last {
    width: 34%;
    margin-right: 0;
}

#adsList .right .car-info a, #adsList .full-width .car-info a {
    text-decoration: underline;
}

#adsList .full-width {
    width: 98%;
}

#adsList .full-width .car-info .field {
    width: 24%;
    margin-right: 1%;
    float: left;
}

#adsList .full-width .car-info .field.last {
    width: 26%;
    margin-right: 0;
}

#adsList .ad-km {
    width: 32%;
    margin-top: 0;
    float: left;
    margin-left: 1%;
}

#adsList .ads-links {
    width: 67%;
    margin-top: 0;
    float: left;
}

#adsList2 .ads-links, #adsList2 .ad-reference,
#adsList3 .ads-links, #adsList3 .ad-reference,
#adsList3 .ad-km, #adsList3 .ads-links, #adsList3 .ad-reference,
#adsList4 .ad-price, #adsList4 .ads-links, #adsList4 .ad-reference,
#adsList4 .ad-km, #adsList4 .ads-links, #adsList4 .ad-reference {
    display: none;
}

.not-display {
    display: none;
}

#adsList2 .delete, #adsList3 .delete, #adsList4 .delete {
    display: none;
}

#leadForm .univers-bottom {
    background: #ddd;
    padding: 5px;
}

#leadForm .univers-bottom .button {
    width: 100%;
    text-align: center;
    margin: 0 0 10px;
}


#doNotRecord .checkbox {
    display: none;
}

#doNotRecord .button {
    width: 100%;
    padding: 0;
    text-align: center;
    font-family: opensans_bold;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

#doNotRecord .button.checked {
    background: #D75553;
}

#alertOperators {
    width: 100%;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    font-family: opensans_bold;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 30px;
}

.popin-content {
    position: relative;
    min-width: 100%;
    min-height: 100%;
}

.fancybox-inner .popin-content.large {
    min-width: 100%;
    overflow: hidden;
}

.popin-content .success {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 20px;
}

.popin-message {
    padding: 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 10px 0 25px;
    font-size: 16px;
    min-height: 30px;
    line-height: 30px;
    text-align: center;
    font-family: opensans_bold;
    color: #000;
}

.popin-message span {
    padding-left: 70px;
    padding-bottom: 15px;
    padding-top: 15px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.popin-message.valid, .popin-message.restart {
    color: #48874a;
    border: 1px solid #d6e8c7;
    background-color: #e0f0d9;
}

.popin-message.valid span {
    background-image: url('../bundles/carvivocrm/images/pictos/big/valid.png');
}

.popin-message.restart span {
    background-image: url('../bundles/carvivocrm/images/pictos/big/restart.png');
}

.popin-message.manage {
    color: #39c2d2;
    border: 1px solid #aaf4fd;
    background-color: #d9fbff
}

.popin-message.manage span {
    background-image: url('../bundles/carvivocrm/images/pictos/big/manage.png');
}

.popin-message.timer {
    color: #efad57;
    border: 1px solid #faedd6;
    background-color: #fcf7e4;
}

.popin-message.timer span {
    background-image: url('../bundles/carvivocrm/images/pictos/big/timer.png');
}

.popin-message.delete, .popin-message.lost-validate {
    color: #d75553;
    border: 1px solid #edd3d7;
    background-color: #f2dede;
}

.popin-message.delete span {
    background-image: url('../bundles/carvivocrm/images/pictos/big/delete.png');
}

.popin-message.lost-validate span {
    background-image: url('../bundles/carvivocrm/images/pictos/big/lost-validate.png');
}

#result.popin-content {
    width: 300px
}

.popin-content .answers {
    margin-top: 10px;
}

.popin-content .question {
    font-weight: bold;
    margin: 20px 0;
}

a.tel {
    white-space: nowrap;
}

a.tel.call {
    color: #39c2d2;
}

.popin-content .tel {
    color: #39c2d2;
    font-weight: bold;
    text-decoration: underline;
}

.popin-content .content {
    width: 90%;
    margin: 0 5%
}

.popin-content .content + .content {
    border-top: 1px solid #ddd;
    padding-top: 5px;
}

.popin-content .answers .button {
    text-transform: uppercase;
    text-align: center;
    font-family: opensans_bold;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    display: block;
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
}

.popin-content .answers .half {
    width: 48%;
    float: left;
}

.popin-content .answers .half + .half {
    float: right;
}

.popin-content .answers .actions {
    margin: 10px auto;
}


.popin-content .datetime .date, .popin-content .datetime .hour, .popin-content .datetime .minute {
    width: 32%;
    margin-left: 1%;
    float: left;
}

.popin-content .datetime .minute {
    margin-left: 0;
    float: right;
}

.popin-content .datetime .date {
    width: 34%;
    margin-left: 0;
}

.popin-content .reschedule {
    margin-bottom: 10px;
}

.popin-content form .place {
    margin-top: 10px;
}


.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000 url('../bundles/carvivocrm/images/fancybox/fancybox_loading.gif') center center no-repeat;
    opacity: .7;
    z-index: 10;

}

.content.thank-you {
    background: #fff;
    padding: 30px;
    text-align: center;
    font-size: 15px;
}

#dashboardMenu {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: right;
}

#dashboardMenu a {
    color: #0695a6;
    border: 1px solid #39c2d2;
    display: inline-block;
    text-align: center;
    background: #aaf4fd;
    padding: 6px 10px;
    float: left;
    border-left: 0;
    font-size: 14px;
}

#dashboardMenu a.active, #dashboardMenu a:hover {
    color: #fff;
    background: #39c2d2
}

#dashboardMenu a.first {
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    border-left: 1px solid #39c2d2;
}

#dashboardMenu a.last {
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.left-column {
    width: 15%;
    float: left;
    margin-right: 5%;
}

.right-column {
    float: left;
    width: 80%;
}

.left-column a {
    display: block;
    color: #fff;
    font-family: 'opensans_bold';
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    padding: 50px 20px 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 17px;
}

.left-column a.search {
    background: #39c2d2 url('../bundles/carvivocrm/images/pads/search.png') no-repeat center 17px;
    padding-top: 60px;
}

.left-column a.treat {
    background: #4ba34c url('../bundles/carvivocrm/images/pads/treat.png') no-repeat center 10px;
    position: relative;
}

.left-column a.lost-validation {
    background: #cd3330 url('../bundles/carvivocrm/images/pads/lost-validation.png') no-repeat center 10px;
    position: relative;
}

.left-column a.affect {
    background: #efad57 url('../bundles/carvivocrm/images/pads/affect.png') no-repeat center 10px;
    position: relative;
}

.left-column a.manual {
    background: #efad57 url('../bundles/carvivocrm/images/pads/manual.png') no-repeat center 10px;
    position: relative;
}

.left-column a.manual-seller {
    background: #7556C1 url('../bundles/carvivocrm/images/pads/manual-seller.png') no-repeat center 10px;
    position: relative;
}

.left-column a.stats {
    background: #afafaf url('../bundles/carvivocrm/images/pads/stats.png') no-repeat center 10px;
}

.left-column a.emails {
    background: #efad57 url('../bundles/carvivocrm/images/pads/emails.png') no-repeat center 17px;
    padding: 50px 0 20px 25px;
    position: relative;
}

.left-column a.campains {
    background: #4ba34c url('../bundles/carvivocrm/images/pads/campains.png') no-repeat center 10px;
    position: relative;
}

.left-column a.export {
    background: #4ba34c url('../bundles/carvivocrm/images/pads/export.png') no-repeat center 10px;
    position: relative;
}

#nbLeadsToTreat, #nbLeadsToAssign, #nbEmailsToTreat, #nbCampaign, #nbLostValidationLeads {
    position: absolute;
    border: 2px solid #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #000;
    font-size: 12px;
    padding: 0 2px;
    left: 25px;
    min-width: 13px;
}

.left-column #nbLostValidationLeads {
    left: 5px;
}

.left-column #nbLeadsToAssign {
    left: 15px
}

.left-column #nbEmailsToTreat {
    left: 5px;
}

.left-column #nbCampaign {
    left: 15px;
}

.horaires .title {
    background: #aaf4fd;
    color: #39c2d2;
    padding: 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #39c2d2;
    margin: 10px 0 15px;
    font-size: 16px;
    text-align: center;
    font-family: opensans_bold;
    min-height: 30px;
    line-height: 30px;
}

.horaires .title span {
    background: url('../bundles/carvivocrm/images/pictos/big/clock.png') no-repeat left 0;
    padding-left: 70px;
    padding-bottom: 15px;
    padding-top: 15px
}

#horairesRDV .title span {
    background-image: url('../bundles/carvivocrm/images/pictos/big/calendar.png')
}

.horaires .hours {
    background: #f9f9f9;
    border-bottom: 5px solid #c0c0c0;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    margin-bottom: 10px;
}

.horaires .hours .day {
    width: 14.28%;
    float: left;
}

.horaires .hours.length-6 .day {
    width: 16.67%;
}

.horaires .hours.length-5 .day {
    width: 20%;
}

.horaires .hours .first .name {
    -webkit-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}

.horaires .hours .last .name {
    -webkit-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

.horaires .hours .name {
    text-transform: uppercase;
    font-family: opensans_bold;
    color: #fff;
    background: #39c2d2;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 10px;
}

.horaires .hours .slots {
    margin-bottom: 10px;
}

.horaires .hours .slot {
    color: #777777;
    background: #dfdfdf;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    margin: 4px;
    text-align: center;
    padding: 5px 0;
    font-weight: bold;
    line-height: 10px;
}


#autoForm {
    background: #f9f9f9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 15px;
    padding: 10px;
}

#autoForm .button {
    margin-left: 20px;
}

#leadsAssignment, #absentSellers {
    margin-top: 30px;
}

#leadsAssignment .custom-select {
    max-width: 150px;
}

#absentSellers .until {
    width: 150px;
    visibility: hidden;
}

#absentSellers .save {
    float: right;
}

#absentSellers .seller {
    display: inline-block;
    min-width: 200px;
}

#absentSellers .red {
    color: #d75553;
}

#absentSellers .green {
    color: #309e31;
}

#absentSellers a.red {
    text-decoration: underline;
    padding-left: 25px;
}

#absentSellers h3 {
    font-family: opensans_bold;
}

#searchForm .header h3 {
    width: 150px;
}

#searchForm .range {
    margin: 10px 0;
}

#searchForm .range input {
    width: 200px;
    margin-right: 10px;
}

#searchForm .pos {
    width: 411px;
}

#searchForm .type {
    float: left;
    font-family: opensans_bold;
    text-transform: uppercase;
    font-size: 17px;
    margin-top: 13px;
}

#searchForm .content {
    margin: 20px;
}

#searchForm .buttons {
    margin-top: 20px;
}

#searchForm .button {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
}

#searchForm .search {
    background: #000 url('../bundles/carvivocrm/images/pictos/black-search.png') no-repeat 10px center;
    padding-left: 30px;
    text-transform: uppercase;
    font-size: 12px;
    margin-right: 20px;
}

#searchForm .advanced {
    color: #000;
    font-size: 11px;
    text-decoration: underline;
    font-family: opensans_bold
}

#searchResults td a {
    color: #0695a6;
    font-family: opensans_bold;
}

.content .navigation {
    margin: 10px 0;
}

.pagination {
    margin: 1%;
}

.pagination span {
    background: #39c2d2;
    color: #fff;
    display: block;
    float: left;
    margin: 2px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #39c2d2;
}

.pagination span a, .pagination span.current {
    color: #fff;
    display: block;
    padding: 2px 7px;
}

.pagination .current {
    background: #000;
    border: 1px solid #000;
}

.pagination .first, .pagination .previous, .pagination .next, .pagination .last {
    background: #fff;
}

.pagination .first a, .pagination .previous a, .pagination .next a, .pagination .last a {
    color: #39c2d2;
}

#sellersInfos {
    border: 0;
    width: 90%;
    margin: auto auto 15px;
}

#sellersInfos .seller-title {
    text-align: center;
    font-weight: bold;
    background: #CFFAFF;
    padding-bottom: 10px;
    text-transform: uppercase;
}

#sellersInfos .favorite {
    text-decoration: underline;
}

#sellersInfos .info-seller td, #sellersInfos .info-seller:hover td {
    background: #39C2D2;
    color: #fff;
    font-weight: bold;
}

#appointmentSlots {
    position: relative;
}

#appointmentSlots .col {
    width: 105px;
    margin: 7px;
    float: left;
}

#appointmentSlots .header {
    background: #000;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 0 10px;
}

#appointmentSlots .header #prev, #appointmentSlots .header #next {
    position: absolute;
    top: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    text-indent: -9999em;
    width: 11px;
    height: 20px
}

#appointmentSlots .header #next {
    right: 10px;
    background-image: url('../bundles/carvivocrm/images/pictos/white-right-angle-bracket.png');
}

#appointmentSlots .header #prev {
    left: 10px;
    background-image: url('../bundles/carvivocrm/images/pictos/white-left-angle-bracket.png');
}

#appointmentSlots .header strong {
    display: block;
}

#appointmentSlots #slotsList {
    background: #d3d3d3;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    paudding: 10px;
}

#appointmentSlots .slots .slot {
    background: #fff;
    margin: 5px 0;
    padding: 15px 5px;
    text-align: center;
    position: relative;
    display: block;
}

#appointmentSlots .slots .slot.inactive {
    background: #bbb;
    cursor: default;
}

#appointmentSlots .slots .slot .number {
    display: none;
    position: absolute;
    background: green;
    color: #000;
    width: 95px;
    padding: 10px 5px;
    text-align: center;
    background: #4ba34c;
    z-index: 55;
    top: 47px;
    left: 0px;
    text-indent: 0;
    font-size: 10px;
    font-weight: bold;
}

span.number:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #4ba34c transparent;
    top: -19px;
    left: 10px;
}

#appointmentSlots .slots .slot:hover {
    -webkit-box-shadow: 1px 1px 5px 1px #707070;
    box-shadow: 1px 1px 5px 1px #707070;
}

#appointmentSlots .slots .slot:hover .number {
    display: block;
}

/*Profile*/
.profile .link {
    padding-left: 15px;
    text-decoration: underline;
}


.bug-form {
    display: block;
    background: #f36316 url('../bundles/carvivocrm/images/pictos/bug.png') no-repeat 10px center;
    color: #fff;
    text-transform: uppercase;
    font-family: 'opensans_bold';
    padding: 13px 10px 10px 40px;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 435px;
    text-align: center;
}


/*emails*/
.received-message {
    border-left: 3px solid #39c2d2;
    padding-left: 10px;
    margin: 10px 0;
    padding: 10px;
    background: #fff;
}

#receivedEmail .status {
    padding: 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 10px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    border: 1px solid #FAEFDD;
    background: #FCF7E4;
}

#receivedEmail .infos {
    background: #F9F9F9;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 10px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
}

#receivedEmail .infos .col {
    width: 49%;
    float: left;
    margin-right: 1%;
}

#receivedEmail .answer {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    margin: 10px 0;
    padding: 10px 0;
}

#receivedEmail .answer h3 {
    font-weight: bold;
    margin-bottom: 10px;
}

.optionsLeft {
    float: left;
    width: 25%;
}

.optionsRight {
    padding: 10px;
    float: right;
    width: 70%;
}

.optionTitle {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    line-height: 49px;
    font-family: 'opensans_bold';
}

.optionsContent p.optionActive {
    color: #309E31;
    font-weight: bold;
    font-size: 14px;
    font-family: 'opensans_bold';
}

.optionsContent p.optionInactive {
    color: #CE1C1B;
    font-weight: bold;
    font-size: 14px;
    font-family: 'opensans_bold';
}

#questionnaire form > div > label {
    display: none;
}

#questionnaire #answers > div {
    margin: 30px 0 10px;

}

#questionnaire #answers > div > label {
    margin-bottom: 5px;
    display: block;
    font-weight: bold;
}

#questionnaire #answers > div > label + .help {
    color: #666;
    display: block;
    font-weight: normal;
    margin-bottom: 10px;
}

#questionnaire #answers > div > div > label {
    padding-right: 15px;
    padding-left: 5px;
}

#questionnaire #answers .datepicker {
    width: 200px;
}

#questionnaire #answers_save_lead, #questionnaire #answers_save {
    width: 340px;
    margin-bottom: 10px;
    text-align: center;
}

#questionnaire .description, #questionnaire .thanks {
    border-left: 3px solid #39c2d2;
    padding-left: 10px;
    margin: 10px 0;
    padding: 10px;
}

#questionnaire #answers_save_lead {
    float: left;
}

#questionnaire .points {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 35px;
    border: 1px solid #f1c8c8;
    padding: 10px;
    color: #d82828;
    background: #f9dbdb;
}

#questionnaire .user, #answerDetail .user {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 35px;
    background: #CFFAFF;
    border: 1px solid #39C2D2;
    padding: 10px;
}

#qualityRecallInfos .col {
    width: 30%;
    float: left;
    margin-top: 1%;
    margin-right: 3%;
}

#qualityRecallInfos .car-infos {
    clear: both;
    padding-top: 20px;
    font-weight: bold;
}

.campaign-buttons {
    margin-bottom: 20px;
}

.campaign-buttons .button {
    width: 200px;
    text-align: center;
    text-transform: uppercase;
}

#answerDetail .question {
    margin: 10px 0;
    padding-top: 10px;
    border-top: 1px solid #000;
}

#allRates {
    float: left;
    width: 300px;
}

#satisfactionPie, #answersPie {
    float: left;
    height: 385px;
    margin-right: 50px;
    background-position: center 83px;
}

#wonRecallButton {
    float: left;
    margin-top: 30px;
}


/*notes*/
.notes .note {
    color: #fff;
    padding: 10px;
    background: #39c2d2;
    margin: 5px;
    float: left;
    clear: both;
    max-width: 70%;
    position: relative;
}

.notes .note.user {
    background: #BFBFBF;
    float: right;
}

.notes .note.user.mine {
    background: #000;
}

.notes .note:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    min-width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(57, 194, 210, 0);
    border-right-color: #39c2d2;
    border-width: 10px;
    margin-top: -10px;
}

.notes .note.user:after {
    left: 100%;
    right: auto;
    border-color: rgba(191, 191, 191, 0);
    border-left-color: #BFBFBF;
}

.notes .note.user.mine:after {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #000000;
}

.call-link {
    margin-top: 15px;
}


.profile .contact-info div {
    margin-bottom: 15px;
}

.alphabeticalFilter {
    text-align: center;
}

.alphabeticalFilter li {
    display: inline;
    font-family: "opensans_semibold", arial, helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    padding: 4px;
}

.alphabeticalFilter li a {
    color: #008493;
}

#warningBanner {
    background: #d75553;
    border: 2px solid #000;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-top: 20px;
    text-align: center;
    padding: 20px;
}

#warningBanner p {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
}

#closeWarningBanner {
    text-decoration: underline;
}

#warningBanner a {
    display: block;
    margin-top: 20px;
}

#chooseSeller, #choosePos, #chooseManualType, #bestSeller {
    margin-bottom: 15px;
}

.data .datetime .date, .data .datetime .hour, .data .datetime .minute {
    width: 32%;
    margin-left: 1%;
    float: left;
}

#anonymizeForm .range {
    margin: 10px 0;
}

#anonymizeForm .range input {
    width: 200px;
    margin-right: 10px;
}

.begin-transfer {
    width: 10px;
    padding-left: 20px;
}

.transfer-blue {
    background: url('../bundles/carvivocrm/images/pictos/call_transfer.png') no-repeat center center;
}

.transfer-white {
    background: url('../bundles/carvivocrm/images/pictos/call_transfer-white.png') no-repeat center center;
}

.begin-call {
    background: url('../bundles/carvivocrm/images/pictos/from-call.png') no-repeat center center;
    width: 10px;
    padding-left: 20px;
}

.begin-call-white {
    background: url('../bundles/carvivocrm/images/pictos/from-call-white.png') no-repeat center center;
    width: 10px;
    padding-left: 20px;

}

.sources-marques .checkbox .sources {
    width: 100%;
}

#universOccasionEtAutre, #universAtelier, #universNeufEtRechange {
    width: 32%;
    float: left;
    margin-right: 1%;
}

.univers {
    margin-bottom: 10px;
}

.univers h4 {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
}

#universOccasion {
    border-bottom: 4px solid #41bbcb;
}

#universOccasion h4 {
    background: #41bbcb;
}

#universAtelier {
    border-bottom: 4px solid #f0a30a;
}

#universAtelier h4 {
    background: #f0a30a;
}

#universAutre {
    border-bottom: 4px solid #aaa;
}

#universAutre h4 {
    background: #aaa;
}

#universNeuf {
    border-bottom: 4px solid #aa00ff;
}

#universNeuf h4 {
    background: #aa00ff;
}

#universRechange {
    border-bottom: 4px solid #ead500;
}

#universRechange h4 {
    background: #ead500;
}

.univers .take-back, .univers .financing {
    width: 50%;
    float: left;
}

.univers .financing .pro-sale {
    clear: both;
}

.univers .just-one {
    border: none;
    margin-bottom: 0;
}

.univers .just-one .ads {
    margin: 0;
}

.radio-univers {
    margin-right: 10px;
}


.lost-reasons > div {
    margin-bottom: 20px;
}

.data .lost-reasons > div > label {
    display: block;
    padding-left: 0;
}

#originValidated {
    width: 200px;
    margin: 10px auto;
}

#sidebar #originValidated {
    margin: 0 0 10px;
    width: auto;
}

.new-lead-error {
    width: 60%;
}

input.emailPrefix {
    width: 80%;
}

.DateSingleText input {
    font-size: 17px;
}

select.multiple {
    width: 100%;
    height: 100px;
}

#loginFormBody {
    height: 100vh;
    min-height: 550px;
}

#loginFormBody #header {
    height: 15vh;
    min-height: 100px;
    background-color: #2C2B23;
    color: transparent;
}


#loginFormBody .login-container {
    height: 55vh;
    padding: 25vh 0 0;
    min-height: 400px;
}

#loginFormBody #footer {
    height: 5vh;
    line-height: 5vh;
    min-height: 50px;
    display: block;
}

#loginFormBody #footer .container {
    padding: 0;
}

#loginForm {
    width: 40%;
    margin: 0 auto;
    background: #fff;
    position: relative;
    min-width: 400px;
    max-width: 650px;
    padding-bottom: 5px;
}

.fields-group {
    background: whitesmoke;
    width: 90%;
    padding: 2%;
    margin: 20px 3% 0;
    font-size: 0;
}

.field {
    vertical-align: top;
    width: 48%;
    margin: 10px 1%;
    display: inline-block;
    font-size: 12px;
    position: relative;
}

#header .header-carv {
    background: #2C2B23 url('../bundles/carvivocrm/images/v2/logoWhite.svg') no-repeat center center;
    height: 100%;
    color: transparent;
    background-size: 140px;
}

#header .header-odl {
    background: #2C2B23 url('../bundles/carvivocrm/images/odl-crm-login.png') no-repeat center center;
    height: 100px;
    color: transparent;
}

#loginForm .header {
    padding: 10px 15px;
    color: white;
    text-transform: uppercase;
    background: #444;
    font-weight: 900;
}

#loginForm .errors {
    width: 90%;
    padding: 4px 2%;
    margin: 20px 3%;
    border: 1px solid red;
    background-color: rgba(255, 0, 0, 0.5);
    color: white;
}

#loginForm input[type=text], #loginForm input[type=url],
#loginForm input[type=email], #loginForm input[type=password] {
    width: 100%;
    border: none;
    padding: 15px;
    font-family: 'OpenSans', sans-serif;
    background-color: white;
    height: auto;
}

#loginForm .submit {
    background: #39c2d2;
    border: none;
    color: #fff;
    text-transform: uppercase;
    height: 45px;
    font-family: 'opensans_bold';
    width: 100%;
    cursor: pointer;
    font-size: 13px;
}

#loginForm #_submit {
    width: 48%;
    margin: 10px 1%;
    display: inline-block;
}

#loginForm .remember-me {
    font-weight: bold;
    width: 48%;
    display: inline-block;
    margin: 10px 1%;
    font-size: 12px;
}

#loginForm .bottom-links {
    text-align: right;
    margin: 10px 6%;
}

#loginForm .bottom-links a {
    color: #39c2d2;
}

#loginForm .register {
    right: 0;
}

#loginForm p {
    padding: 20px;
}

#loginForm.maintenance h1, #loginForm.maintenance p {
    padding: 10px 20px;
}

::-webkit-input-placeholder {
    color: lightgrey;
    font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
    color: lightgrey;
    font-style: italic;
}

::-moz-placeholder { /* Firefox 19+ */
    color: lightgrey;
    font-style: italic;
}

:-ms-input-placeholder {
    color: grey;
    font-style: italic;
}

.reset-password-group label {
    font-size: 13px;
    margin-bottom: 10px;
    display: block;
}

#loginForm .reset-password-group input[type=text] {
    margin-bottom: 10px;
    font-size: 12px;;
}

.fos_user_resetting_reset .fields-group #fos_user_resetting_form > div {
    vertical-align: top;
    width: 48%;
    margin: 10px 1%;
    display: inline-block;
    font-size: 12px;
    position: relative;
}