html, body, .container-fluid {
    height: 100%;
    background: #F7F7F7;
    color: #73879C;
}

.container-fluid {
    padding: 0;
}

.login-logo {
    padding: 30px;
}

.login-block {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 30px 50px 70px 50px;
    border-radius: 10px;
}

.navbar-fixed-top {
    right: 0;
    left: auto;
    width: calc(100% - 230px);
}

.navbar-fixed-top .container-fluid {
    background: #ededed;
    padding-right: 35px;
}

.menu-user-avatar {
    border-radius: 50%;
    height: 21px;
    width: auto;
}

.alert {
    cursor: pointer;
    border-radius: 0;
}

.form-control {
    padding: 13px 20px;
    border-radius: 0;
    height: auto;
}

.btn {
    border-radius: 0;
}

.right-col {
    background: #F7F7F7;
    margin-left: 230px;
    padding: 70px 15px 15px 15px;
}

.left-col {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    padding:0;
    width: 230px;
    height: 100%;
    background: #2A3F54;
}

.left-col a {
    color: #E7E7E7;
}

.profile {
    padding: 15px;
}

.profile .profil-pic {
    float: left;
    width: 30%;
}

.profile .profil-pic img {
    width: 100%;
    height: auto;
    border: 5px solid white;
    border-radius: 50%;
}

.profile .profil-info {
    color: #e7e7e7;
    padding: 10px;
    float: right;
    width: 70%;
}

.profile .profil-info small {
    color: #BAB8B8;
}

.nav>li>a:focus, .nav>li>a:hover, .nav>li>a.active {
    background: rgba(255, 255, 255, 0.05);
    color: #E7E7E7;
}

.x-panel {
    padding: 10px 17px;
    border: 1px solid #E6E9ED;
    background: #fff;
}

.x-panel .x-title {
    border-bottom: 2px solid #E6E9ED;
    padding: 1px 5px 6px;
    margin-bottom: 10px;
}

.x-panel .x-title .actions {
    font-size: 20px;
}

.x-panel .x-footer .actions{
    font-size: 15px;
}

.x-title h4 {
    float: left;
}

.x-title div.actions, .x-footer div.actions {
    float: right;
}

.x-footer {
    border-top: 2px solid #E6E9ED;
    padding: 1px 5px 0px;
    margin-top: 10px;
}

.dl-horizontal dt {
    text-align: left;
}

.row {
    margin-bottom: 15px;
}

.dropdown-menu {
    padding: 0;
}

.dropdown-menu>li>a {
    padding: 10px 20px;
}

div.img-contact {
    margin-top: 10px;
}

div.img-contact img {
    width: 100%;
    height: auto;
    border-radius: 50%;
}

div.contact-panel h4 {
    text-align: center;
    margin-bottom: 20px;
}

div.contact-panel .x-content {
    cursor: pointer;
}

div.contact-panel dl {
    margin-bottom: 10px;
}

.letter-sort {
    font-size: 20px;
}

.logo-selector {
    text-align: center;
}

.logo-selector input{
    margin:0;
    padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

.soundbreizh {
    background: url("../img/devis/soundbreizh.png") center;
    width: 200px;
}

.gvm {
    background: url("../img/devis/gvm.png");
    width: 100px;
}

.logo-selector input:active +.logo-selectable, .logo-selector input:active +.logo-selectable {
    opacity: .9;
}

.logo-selector input:checked +.logo-selectable, .logo-selector input:checked +.logo-selectable {
    border: 5px solid #2a3f54;
}

.logo-selectable {
    height: 100px;
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display: inline-block;
    transition: all 100ms ease-in;
    border: none;
}

.facturation {
    padding: 3px 8px;
    border-radius: 3px;
}

.facturation.annule {
    background: #b9c2c3;
}

.facturation.non-envoye {
    background-color: #f5a62f;
}

.facturation.envoye {
    background-color: #0aa3d4;
}

.facturation.signe {
    background-color: #97d42e;
}