html, body
{
    color : #000000;
    background : #ffffff;
    font-size : 0.8em;
    font-family : Arial, cursive;
    margin : 0;
    padding : 0;
    width : 100%;
    height : 100%;
    overflow: hidden;
}

canvas{
    background-color: black;
}
.landscape{
display: none;
}

#tuto {
  position: fixed;
  background-color: rgba(0,0,0, 0.8);
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 3000;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#demandeEnvoyee{
    position:absolute;
    margin:auto;
    width: 100%;
    height: 20%;
    text-align: center;
    z-index: 3000;
    top:5px;
    margin-top:10px;
}

/*#informationsPopup{*/
/*    display:none;*/
/*    position:absolute;*/
/*    margin:auto;*/
/*    width: 100%;*/
/*    height: 20%;*/
/*    text-align: center;*/
/*    z-index: 3000;*/
/*    top:5px;*/
/*    margin-top:20px;*/
/*}*/
/*#informationsPopup #blockDegatsInfos{*/
/*    padding: 5px;*/
/*    margin: auto;*/
/*    background-color:#303136;*/
/*    border-radius: 5px;*/
/*    width: 30%!important;*/
/*    font-size: 16px;*/
/*    color:white;*/
/*}*/
/*#informationsPopup #blockDegatsInfos .row{*/
/*    margin-top:10px;*/
/*}*/

/*#blockDegatsInfos img{*/
/*    width: 100%;*/
/*    border-radius:5px;*/
/*}*/

#closeInfosPopup{
    cursor: pointer;
    float:right;
}

#askOk{
   padding: 18px;
    margin: auto;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #b1adad;
    width: 70%;
    font-size: 16px;
}

#loading{
    position:fixed;
    right:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.8);
    z-index:300;
    text-align: center;
    font-size:5em;
    color:white;
    padding-top:16%;
    display:none;
}

#loadingBar{
    width: 200px;
    height: 15px;
    border-radius:5px;
    border:1px solid #d5d5d5;
    margin:auto;
    padding:0;
}

#loadingBar #bar{
    background-color:#2398cf;
    height: 13px;
    border-radius:5px;
}

.gly-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
    }
}
@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.gly-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.gly-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.gly-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.gly-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.gly-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}

.m0{
    margin:0 !important;
}

.mt-10{
    margin-top:10px !important;
}
.mt-20{
    margin-top:20px !important;
}
.mt-30{
    margin-top:30px !important;
}
.mt-40{
    margin-top:40px !important;
}

.mt-15{
    margin-top:15px !important;
}
.mt-25{
    margin-top:25px !important;
}
.mt-35{
    margin-top:35px !important;
}
.mt-45{
    margin-top:45px !important;
}

.pt5{
    padding-top:5px;
}

#head
{
    color : #333333;
    background : #f5f5f5;
    padding : 10px;
    height : 5%;
    border-bottom : 1px solid #d5d5d5;
}

#buttons
{}

a.buttons
{
    font-size:1em;
    color : #ffffff;
    text-decoration : none;
}
a.buttons.active{
    /* color:orange; */
    text-decoration: none;
}

a.buttons:hover
{
    color : #2398cf;
    text-decoration: none;
}
.disabledCar{
    color:#5e5f5f;
}

.imgBtn{
    width: 100%;
}

.imgBtn:hover{
    cursor:pointer;
}

#info
{
    padding : 5px;
    float : left;
}

.text {
    font-size: 2em;
    font-family: Open Sans;

}

.title_sinistre{
  font-size: 20px;
}

#blockR{
    /*position:absolute;*/
    /*width:20%;*/
    /*right:5px;*/
    /*padding:5px;*/
    /*top:5px;*/
    color:white;
    height: 100%;
    /*z-index: 250;*/
}
.bg_angle{
  background-image: url(../img/bg_damage.png);
  height: 80px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: #e0e2ea
 }
.chooseDamageType{
    height:20px !important;
    padding: 0 !important;
    background-color: #2398cf !important;
    color:white !important;
}
option:not(:checked) {
    background-color: white;
    color:#000;
}

.chooseDamageType:focus{
    border : 1px solid lawngreen !important;
}

#damages {
    display: none;
    background-color: #383d54;
}

#rouesPopup{
    padding: 10px;
    z-index: 300;
}

#rouesPopup a {
    color:white !important;
    margin:0 5px;
    padding:2px 5px;
    background: #a86945 !important;
    border-radius: 7px!important;
    cursor: pointer!important;
    border: none !important;
    font-size: 1em !important;
}

#infoDamages{
    width:100%;
    margin-top:15px;
    padding:2px;
    background-color: #303136;
    border-radius:7px;
    cursor: pointer;
}

#infoDamages i{
    color: #44aaee;
}

/*#damages #damagesEntries{*/
/*    max-height:182px !important;*/
/*    overflow-y: auto;*/
/*}*/
#blockR h3{
  text-transform: uppercase;
  font-family: Oswald !important;
  font-weight: 400;
  font-size: 23px;
  padding: 20px 20px 0 20px;
  margin: 0px;
  color:white!important;
}

#blockR .scroll{
  height: 100%;
}
#infoVehicule h3{
  color:#fff !important;
}
#montantTitle {color: #383d54 !important;}
#infoVehicule{
  background-color: #383d54;
  padding-top: 25px;
  border-bottom: 1px solid #c2c2c2;
}
#infoVehicule,#damages,#pricesBlock{padding: 10px 20px;}
#blockR ul li {
  padding-left: 10px;
  margin: 10px;
}
#blockR ul li::marker {
  color: red;
  content: "—";
  padding-right:5px;
}
#blockR ul li a{
  float: right;
  color: #ccc;
  text-decoration: underline;
}
#pricesBlock{
    background-color: #e0e2ea;
    color: #040e39;
    text-align: center;
    height: 100%;
}
#pricesBlock .small{line-height: 1.5;}
#pricesBlock .buttons {margin-top: 15px;}
#pricesBlock .buttons button{
  white-space: break-spaces;
  line-height: 1.3 !important;
  padding: 1.2rem 1rem;
}

#send, #close, #fullscreenBtn, .validBtn, #btnOkInfos{
    color: white !important;
    width: 100% !important;
    height: 70px!important;
    border-radius: 7px!important;
    cursor: pointer!important;
    border: none !important;
    font-size: 1em !important;
}

#fullscreenTxt{
    color: white;
    font-size: 13px;
}

#fullscreenBtn{
    margin-top:5px;
    width: 100px !important;
    padding:2px 10px;
}

#send:hover, #close:hover, .addFiles:hover, .validBtn:hover{
    color:#a86945;
    background: #fff;
}

#carChoice{
    /*position:absolute;*/
    /*width:8%;*/
    /*background-color: #303136;*/
    /*color:white;*/
    /*height:100%;*/
    /*z-index: 250;*/
}
#carChoice .modal-dialog, #informationsPopup .modal-dialog{max-width: 80%;}
#warningContract .modal-dialog{max-width: 50%;}
#blockDegatsInfos .degats_block:hover img{
  outline: 5px solid #ff4917;
}
#blockDegatsInfos .degats_block:hover h2{
  color: #ff4917;
}

.modal-dialog .modal-header{
  margin: auto;
  border: none;
}

.modal-dialog h2{color: #040e39 !important;}
.cars {
    height: 12%;
}

#voiture1{
}

.row{
    margin-left:0 !important;
    margin-right:0 !important;
}

/*#damagesTitle{*/
/*    padding-bottom:5px;*/
/*    border-bottom:0.5px solid #888;*/
/*    font-size:1.2em;*/
/*}*/

.damagesTypes{
    font-size:0.8em !important;
    font-style: italic;
}

/*#damagesEntries{*/
/*    margin:0 !important;*/
/*    background:#36393e;*/
/*    border-bottom-right-radius: 5px;*/
/*    border-bottom-left-radius: 5px;*/
/*}*/

.p0{
    padding:0 !important;
}
.m0{
    margin:0 !important;
}

.damagesLine{
    line-height:1.5em;
}

.partNameDamage{
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.lh1{
    line-height: 1em !important;
}

.button{
    text-decoration : none;
    height: 1.3em;
    width: 105%;
    border-radius: 5px;
    background: none;
    cursor: pointer;
    border:1px solid #888888;
    line-height: 1em;
    padding: 0;
    color:white;
}

.button:focus{
    outline:none;
}

select{
    z-index : 9999;
}

.white{
    color:white !important;
}

#deleteAll{
    float: right;
    color:white;
    padding-top: 19px;
}

#deleteAll:hover, .deleteOne:hover{
    color:red !important;
}

.deleteOne{
    color:white;
    font-size: 1.3em;
    margin-left: -7px;
}

.editOne:hover{
  color:orangered !important;
}

.editOne{
  font-size: 1.3em;
  margin-left: 7px;
}

#partsPopup{
    width: 100%;
    position:absolute;
    text-align: center;
    font-size:1.4em;
    margin:auto;
    bottom:30px;
    display:none;
}

#rouesPopup{
    display:none;
    position:fixed;
    color: white;
    background-color: #303136;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:3px 20px;
}

#partName{
    color:white;
    text-shadow:1px 1px 1px #36393e, 1px 1px 1px #36393e, 1px 1px 1px #36393e;
    background: #303136;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:3px 20px;
}

.info{
    color:red;
    font-size: 2.2em;
}

.infoRed{
    color:white;
    text-shadow:1px 1px 1px red;
    font-size: 1.3em;
}

#montant{
    font-weight: 600;
    font-size:3.5em;
    /*color:#ff4917;*/
    line-height: 1;
}
#remise{
    display: none;
}

#tauxRemise{
    font-weight: 600;
    font-size:2.5em;
    line-height: 1;
}
#remise, #total{ margin-top: 15px;}
#remise b,#total b{margin-left: 10px;}
#price{
    padding:5px;
    background-color: #5e5f5f;
    border-radius:5px;
}
#devisRequired{
    display:none;
    text-align: center;
    font-size:1em;
}

#warning{
    bottom:0;
    position:absolute;
    width: 100%;
    margin:auto;
    padding:0;
    text-align: center;
}

#warningDetails{
    background-color: #303136;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    padding:5px 10px;
}

#peinture{
    width: 100%;
    display: inline-block;
}

.damagesTypesBtn{
    padding:5px;
}

#faible{
    background-color: green;
    border-radius:5px;
}

#moyen{
    background-color: orange;
    border-radius:5px;
}

#fort{
    background-color: red;
    border-radius:5px;
}

.btnGreen{
    background-color:green;
    border-color:green;
}

.devisRequis{
    color:red;
    font-weight: 700;
}

#logo{
    /*position: absolute;*/
    /*margin-left:8%;*/
    /*top:10px;*/
    /*text-align: center;*/
    /*z-index:250;*/
}
#logo #carflex{
    /*width: 40%;*/
    width: auto;
}

#logo #rotateIcon{
    margin-top:20px;
    width:50%;
}
/* IMG UPLOAD WIP */

#photoUpload {
    position: absolute;
    bottom: 2%;
    margin-left:9%;
    text-align:center;
    background: #ececec;
    padding: 15px;
    border-radius: 2px;
    width: 16%;
    min-heigth:100px;
}

#uploadText {
    text-align:center;
}

.addFiles {
    background: #a86945;
    color: white;
    width: 100%;
    height: 27px;
    border-radius: 7px;
    cursor: pointer;
    border: none;
    font-size: 1em;
    padding: 5px 15px;
    font-weight: 400;
}

#files {
    width: 100px;
    display:none;
}

#photoDisplay {
    position: absolute;
    bottom: 2%;
    height: 110px;
    left: 28%;
    overflow-x: auto;
    overflow-y: inherit;
    max-width:70%;
}
#tablePhoto{
    /*border-collapse: separate;*/
    border-spacing:10px;
}

.divPhoto{
    background: #36393e;
    padding-left: 5px;
    padding-right: 10px;
    border-radius: 5px;
    height: 100px;
    vertical-align: middle;

}

.loaderPicture {
    color:white;
    font-size: 24px;
    margin-left:50px;
    position: absolute;
    top:35%;
}

.thumbnail {
    max-width: 100px;
    margin: 10px;
    border-radius: 5px;
    vertical-align: middle;
}

.thumbnail:hover {
    cursor:pointer;
}

.fa-trash-o {
    color: #fff;
    font-size: 20px !important;
}

#demandeEnvoyee{
    display: none;
}

#closeSend{
    display:none;
}
@media screen and (max-device-height: 450px) {
    /*#informationsPopup #blockDegatsInfos {*/
    /*    max-height: 400px;*/
    /*    overflow: auto;*/
    /*    font-size:11px;*/
    /*}*/
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

.landscape{
display: none;
}
.portrait{
display: block;
}

#send, #close, #fullscreenBtn, .validBtn, #btnOkInfos{
    background: #a86945 !important;
    color: white !important;
    width: 100% !important;
    height: 59px!important;
    border-radius: 7px!important;
    cursor: pointer!important;
    border: none !important;
    font-size: 1em !important;
    padding: 15px 0;
    font-size: 22px!important;
}


/*#informationsPopup #blockDegatsInfos {*/
/*    padding: 5px;*/
/*    margin: auto;*/
/*    background-color: #303136;*/
/*    border-radius: 5px;*/
/*    width: 65%!important;*/
/*    font-size: 12px;*/
/*    color: white;*/
/*}*/

#logo {
    position: absolute;
    margin-left: -6%;
    top: 4px;
    text-align: left;
    z-index: 250;
}

/*#logo #carflex {*/
/*    width: 34%;*/
/*}*/
#carChoice {
    /*position: absolute;*/
    /*width: 10%;*/
    /*background-color: #303136;*/
    /*color: white;*/
    /*height: 100%;*/
    /*z-index: 250;*/
}
.cars {
    height: 8%;
}
#blockR {
    /*position: absolute;*/
    /*width: 29%;*/
    /*right: 5px;*/
    /*padding: 5px;*/
    /*top: 5px;*/
    color: white;
    /*z-index: 250;*/
}

}


@media only screen
and (min-device-width : 712px)
and (max-device-width : 1138px)
and (orientation : landscape) {

  .landscape{
  display: block;
  }
  .portrait{
  display: none;
  }
  .bg_angle {
    display: none;
  }
    .damagesTypesBtn{
        padding:0 2px;
    }
    .chooseDamageCol{
        padding:0 !important;
    }
    .infoRed{
        color:white;
        text-shadow:1px 1px 1px red;
        font-size: 1em;
    }
    #partsPopup{
        bottom:25px;
    }

    #tuto img{
        width:50%
    }

  .refh1 {
    padding: 0px !important;
  }
    /*#carChoice{*/
    /*    width:10%;*/
    /*}*/

    #votrelogo{
        width: 100%;
    }

    /*#logo{*/
    /*    position: absolute;*/
    /*    margin-left: -7%;*/
    /*    top:5px;*/
    /*    text-align: center;*/
    /*}*/
    /*#logo #carflex{*/
    /*    width: 20%;*/
    /*}*/

    #logo #rotateIcon{
        margin-top:0;
        width: 30%;
    }
    #photoUpload {
        margin-left: 11%;
    }
}

/*
#test{
    background-color: #303136;
    color:white;
    position:absolute;
    left:11%;
    top: 100px;
    padding:5px;
    border-radius:5px;
}

#test input{
    margin:5px 0;
}

*/

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height:10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(204,204,204,.7);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.img_90{
    width: 50%;
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {
.landscape{
display: none;
}
.portrait{
display: block;
}
#info_portrait{
display:unset;

}

/*#informationsPopup #blockDegatsInfos {*/

/*    width: 45%!important;*/

/*}*/

}
@media only screen
and (orientation : portrait) {

.landscape{
display: none;
}
.portrait{
display: block;
}

}

@media only screen
and (orientation : landscape) {

.landscape{
display: block;
}
.portrait{
display: none;
}
/*#informationsPopup #blockDegatsInfos {*/
/*    width: 90%!important;*/
/*}*/
#BtnSendForm {
    right: inherit!important;
    left: 15%;
}
.cars {
    height: 16%!important;
}
}

@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape) {

.landscape{
display: block;
}
.portrait{
display: none;
}

/*#informationsPopuplandscape{*/
/*display: block*/
/*}*/

#blockR {
    /*width: 30%;*/
    /*font-size: 9px;*/
}
#BtnSendForm {
    position: absolute;
    bottom: 25px;
    right: inherit!important;
    left: 15%;
    text-align: center;
    /*background: #e6e6e6;*/
    padding: 10px;
    border-radius: 5px;
}
#send, #close, #fullscreenBtn, .validBtn, #btnOkInfos {
    color: white !important;
    width: 100% !important;
    height: 70px!important;
    border-radius: 7px!important;
    cursor: pointer!important;
    border: none !important;
    font-size: 2em !important;
}
.invalidBtn {
    font-size: 2em !important;
}
/*#logo {*/
/*    margin-left: 3%!important;*/
/*    width: 30%!important;*/
/*}*/
/*#logo #carflex {*/
/*    width: 35%;*/
/*}*/
.refh1 {
    font-size: 9px!important;
    max-height: 5%!important;
    padding: 0px !important;
}
.h1conf {
    font-size: 10px!important;
    line-height: 1!important;
}
#carChoice {
    /*position: absolute;*/
    /*width: 12%;*/
    /*background-color: #303136;*/
    /*color: white;*/
    /*height: 100%;*/
    /*z-index: 250;*/
    /*font-size: 10px;*/
}
.cars {
    height: 15%;
}

}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 851px)
and (orientation : landscape) {
  .landscape{
    display: block;
  }
  .portrait{
    display: none;
  }
  .refh1{
    padding: 0px !important;
  }
  #blockR {
    font-size: 14px;
  }
  #blockR ul li {
    padding-left: 5px;
    margin: 0px;
  }
  #blockR ul li a{
    font-size: 1.1em;
  }

  #damagesEntries ul {
    padding-left: 5px !important;
  }

  #infoVehicule, #damages, #pricesBlock {
    padding: 5px 8px;
  }

  .bg_angle {
    display: none;
  }
  #pricesBlock .buttons {
    margin-top: 0px;
  }
  #pricesBlock .buttons button{
    font-size: 12px !important;
    padding: 1.2rem 1rem;
  }
  #deleteAll{
    padding-top: 3px;
  }
  #remise, #total {
    margin-top: 0px;
  }
  #total .col{
    padding: 0px !important;
  }
  #montant {
    font-size: 3em;
  }
  #BtnSendForm {
    position: absolute;
    bottom: 25px;
    right: inherit!important;
    left: 15%;
    text-align: center;
    /*background: #e6e6e6;*/
    padding: 10px;
    border-radius: 5px;
  }
  #send, #close, #fullscreenBtn, .validBtn, #btnOkInfos {
    color: white !important;
    width: 100% !important;
    height: 70px!important;
    border-radius: 7px!important;
    cursor: pointer!important;
    border: none !important;
    font-size: 2em !important;
  }
  .invalidBtn {
    font-size: 2em !important;
  }
  .title_sinistre{
    font-size: 16px;
  }
  .h1conf {
    font-size: 10px!important;
    line-height: 1!important;
  }
  .cars {
    height: 15%;
  }
  #logoencart{
    width:15%
  }
  h3 {
    font-size: 1.5rem !important;
    padding: 0.5rem !important;
  }

  .btn.btn-lg {
    padding: 0.2rem 1rem !important;
    margin: 5px !important;
    height: 45px !important;
    line-height: 1px !important;
    font-size: 12px !important;
  }
  #minimizeMobile:before{
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f0c9";
    position: absolute;
    width: 30px;
    padding: 6px 10px;
    height: 40px;
    color: #fff;
    left: -30px;
    background-color: #383d54;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;

  }
  #minimizeMobile.hide{
    /*left: 100%;*/
    transform: translate(100%, 0);
  }
  #minimizeMobile{
    position: absolute;
    right: 0;
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
  }

  #minimizeMobile .scroll {
  overflow-y: scroll;
  height: 100vh;
  }

}


#logoencart{
  width:15%
}

.refh1{
  padding: 10px;
  text-align: center;
  align-content: center;
  margin: 0 auto 0 auto;
  width: 100%;
  position: relative;
  top: 0px;
  -webkit-box-shadow: 0px 7px 4px -6px rgb(0 0 0 / 54%);
  box-shadow: 0px 7px 4px -6px rgb(0 0 0 / 54%);
  z-index: 200;
}
.refh1 h2{
  color: #040e39 !important;
  font-weight: 200;
}
.refh1 h2 b{font-weight: 600;}
.h1conf{
  font-size:18px!important;
}

#BtnSendForm {
  position: absolute;
  bottom: 25px;
  right: 5px;
  text-align: center;
  /*background: #e6e6e6;*/
  padding: 10px;
  border-radius: 5px;
}

/*@media only screen*/
/*and (min-device-width : 375px)*/
/*and (max-device-width : 812px)*/
/*and (orientation : landscape) {*/

/*.landscape{*/
/*display: block;*/
/*}*/
/*.portrait{*/
/*display: none;*/
/*}*/
/*h3 {*/
/*    font-size: 1.5rem !important;*/
/*  padding: 0.5rem !important;*/
/*}*/

/*  #blockR {*/
/*    !*width: 30%;*!*/
/*    !*font-size: 9px;*!*/
/*  }*/
/*  #BtnSendForm {*/
/*    position: absolute;*/
/*    bottom: 25px;*/
/*    right: inherit!important;*/
/*    left: 15%;*/
/*    text-align: center;*/
/*    !*background: #e6e6e6;*!*/
/*    padding: 10px;*/
/*    border-radius: 5px;*/
/*  }*/

/*#send, #close, #fullscreenBtn, .validBtn, #btnOkInfos {*/
/*    color: white !important;*/
/*    width: 100% !important;*/
/*    height: 70px!important;*/
/*    border-radius: 7px!important;*/
/*    cursor: pointer!important;*/
/*    border: none !important;*/
/*    font-size: 2em !important;*/
/*}*/
/*.invalidBtn {*/
/*    font-size: 2em !important;*/
/*}*/
/*!*#logo {*!*/
/*!*    margin-left: 3%!important;*!*/
/*!*    width: 30%!important;*!*/
/*!*}*!*/
/*!*  #logo #carflex {*!*/
/*!*    width: 35%;*!*/
/*!*  }*!*/
/*.refh1 {*/
/*    font-size: 10px!important;*/
/*    max-height: 5%!important;*/
/*    padding: 0px;*/
/*}*/
/*.h1conf {*/
/*    font-size: 10px!important;*/
/*    line-height: 1!important;*/
/*}*/
/*.cars {*/
/*    height: 8%;*/
/*}*/
/*  .btn.btn-lg {*/
/*    padding: 0.6rem 1rem !important;*/
/*    margin: 5px !important;*/
/*    height: 50px !important;*/
/*    line-height: 1px !important;*/
/*    font-size: 14px !important;*/
/*  }*/
/*}*/

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {

.landscape{
display: none;
}
.portrait{
display: block;
}


.invalidBtn {
    font-size: 2em !important;
}
#logo {
    /*margin-left: 3%!important;*/
    /*width: 30%!important;*/
}
.refh1 {
    font-size: 10px!important;
    max-height: 5%!important;
    padding: 0px !important;
}
.h1conf {
    font-size: 10px!important;
    line-height: 1!important;
}
.h1conf {
    font-size: 13px!important;
}
#logo #carflex {
    /*width: 35%;*/
}
/*#blockR {*/
/*    width: 31%;*/
/*}*/
/*#carChoice {*/
/*    width: 10%;*/
/*    font-size: 10px;*/
/*}*/
#send, #close, #fullscreenBtn, .validBtn, #btnOkInfos {
    color: white !important;
    width: 100% !important;
    height: 70px!important;
    border-radius: 7px!important;
    cursor: pointer!important;
    border: none !important;
    font-size: 2em !important;
}
.cars {
    height: 5%!important;
}
}

@media screen and (min-width: 200px) and (max-width: 640px) {
.cars {
    height: 5%;
}
#logo {
    /*margin-left: 3%;*/
    /*width: 30%;*/
}
.refh1 {
    font-size: 10px;
    max-height: 5%;
}
.h1conf {
    font-size: 10px;
    line-height: 1;
}
}
@media screen and (min-width: 200px) and (max-width: 640px) and (orientation : landscape) {
.cars {
    height: 10%;
}
#carChoice {
    font-size: 6px;
}
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #ffffff!important;
}

.button, .btn, .btn-white, .btn-theme, .btn-black, .btn-theme-second, .more-link a, .btn-theme-submit {
  line-height:inherit!important;
  height: 70px;
  background: #ff4917;
  color: #fff;
}
.button:hover, .button:focus, .button:active, .button.active, .btn:hover, .btn:focus, .btn:active, .btn.active, .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .btn-theme:hover, .btn-theme:focus, .btn-theme:active, .btn-theme.active, .btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active, .btn-theme-second:hover, .btn-theme-second:focus, .btn-theme-second:active, .btn-theme-second.active, .more-link a:hover, .more-link a:focus, .more-link a:active, .more-link a.active, .btn-theme-submit:hover, .btn-theme-submit:focus, .btn-theme-submit:active, .btn-theme-submit.active {
    background: #3a415a!important;
    color: #ffffff;
}
.invalidBtn{
    background: #ADADA6 !important;
    color: white !important;
    width: 100% !important;
    *height: 27px!important;
    border-radius: 7px!important;
    cursor: pointer!important;
    border: none !important;
    font-size: 1em !important;
}
.invalidBtn:hover{
    background: #ADADA6 !important;
    color: white !important;
}