@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700,700italic&subset=latin,vietnamese,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,cyrillic,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Cedarville+Cursive|Dosis|Inconsolata|Indie+Flower|Lato|Lora|Merriweather|Mukta+Malar|Nunito|Poor+Story|Poppins|Raleway|Slabo+27px|Spirax|Titillium+Web|Ubuntu);
/*header{display: none !important;}
footer{display: none !important;} */
#page .wrap{margin: 0; width: 100%; height: 100%; padding: 0; max-width: 100%;}
#page #content{padding: 10px; width:100%;}
#page .entry-content{width: 100% !important;}
#page{background: #000;}
#page #main{
    padding: 0;
    margin: 0;  
}
#page, #page .site-content-contain{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    max-width: 100%;
    min-height:1080px;
}
.tiempocom_widget .widget{
    max-width: 100% !important;
}
.tiempocom_widget .widget tr {
    border-bottom: none;
}
.tiempocom_widget table.fondo td{
    line-height:45px;
    font-size: 15px !important;
}
.tiempocom_widget table.fondo td span{
    font-size: 14px !important;
}
#arcangel_digital_veille{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999;
    width: 100%;
    min-height: 1080px;
}
.rss-aggregator{
    background-color: rgba(0, 0, 0, 0.5); ;
    padding: 20px;
}
.feed-item, .feed-item a{
    text-align: center;
    color: #fff !important;
}
.post-template-digital-signage .post{margin:0 !important;}
.pagination{display:none !important;}
#widgets_for_shortcodes .bx-wrapper {
    border: 5px solid rgba(75, 82, 98, 0.5) !important;
    background: rgba(75, 82, 98, 0.5) !important;
    margin-bottom: 10px !important;
}
.bx-controls{
    display:none !important;
}
.bx-wrapper {

    box-shadow: none !important;
    border: none !important;
    background: none !important;
}
#widgets_for_shortcodes nav{
    width: 100%;
    max-width: 100%!important;
    background: rgba(75, 82, 98, 0.5) !important;
    height: 100%;
}
#widgets_for_shortcodes .bx-wrapper{
    width: 100%;
    max-width: 100% !important;
    max-height: 100% !important; 
}
#widgets_for_shortcodes .bx-viewport{
    width: 100% !important; 
    max-width: 100% !important;
    max-height: 100% !important;
}
#widgets_for_shortcodes ul.rfw_dock {
    max-width: 100%;
    max-height: 100%; 

}
#widgets_for_shortcodes .rfw_dock li{
    /* min-width:1000px;*/ 
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
    text-align: center!important;
}

#widgets_for_shortcodes li a h3{
    background:  #ffb499;
}
.rfw-class .widget_dock li img{
    max-height: 100% !important;
    max-width: 100% !important; 
    box-shadow: none !important;
    width: auto;
    margin: auto;
    min-width: 100%; 
    align: center;
    /* height: 321px; */
    width: 100%;
}
#wrapper .fusion-page-title-bar .entry-title, #wrapper .fusion-page-title-bar .fusion-page-title-secondary{ 
    visibility: hidden !important;
}

#menu2 #form-control .form-group{
    width: 90% !important;  
}



/* *************************************************************************************************************************** */
/*                                              STYLE COMMUN DE TEMPLATES                                                         
/* *************************************************************************************************************************** */


article, .entry-content, #mainpart, .row{ 
    height: 100%;
    width: 100%;
}
#page_digital_signage,#page_digital_signage_playlist,#page_digital_signage_pub{
    height: 100%;
    width: 100%;
    margin: 0 !important;
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: center;
    /*text-align: center;*/
}
/*#page_digital_signage{
	min-height: 1000px !important;
	min-width: 1000px !important;
	height: 1000px;
	width: 1000px;
}*/

.modal-backdrop.in {
    opacity: 0.8 !important;
    filter: alpha(opacity=50);
}


#wrapper {
    background: none !important; 
    height: 100%;
    min-height: 100% !important;  
}
#wrapper .fusion-header, #wrapper .sb-toggle-wrapper{
    display: none; 
}
/*#main{
    padding-top: 15px !important; 
    padding-bottom: 15px !important;    
    min-height: 100%;
    background: none !important; 
}*/
#main .fusion-row, #slidingbar-area .fusion-row, .fusion-footer-copyright-area .fusion-row, .fusion-footer-widget-area .fusion-row, .fusion-page-title-row, .tfs-slider .slide-content-container .slide-content{

    max-width: 100% !important;
}
.fusion-page-title-bar{
    display: none;
}

#contentdiv{ 

    width: 100% !important; 
    max-width: 100% !important;

}


#wpgmza_map{
    max-height: 100%;
    border-radius: 15px;
}

.fusion-header-sticky-height {
    display: none !important;
}

/* ---------------------  */

.page-template-digital-signage-arcangel{
    min-height: 100%;
    min-width: 100%;
}
.date, .time{

    width: 50%;
    float: left; 
    /* font-size: 5vh; */
    color: #fff;
    font-size: calc((13vw - 1rem) / 7);
}
.arcangelPart img{
    max-height: 100%;
    max-width: 100%;
    height: 100%;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: auto;

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

}  
.arcangelPart #avada-custom-sidebar-digital-clock, .arcangelPart #avada-custom-sidebar-analog-clock{
    display: table;
    width: 100%;
    height: 100%;
}

.arcangelPart .widget_date_time{
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50px;
    background: #50535678;
}
.arcangelPart #analog_clock_widget-2{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
} 
.arcangelPart .astero{
    max-height: 100%;
    height: 100%;
    max-width: 100%;
    width: 100%;  
}
.arcangelPart video{
    max-height: 100%;
    max-width: 100%;
    height: 100%;
    width: 100%; 
    /*  object-fit: cover; */
    object-fit:fill;
}
.arcangelPart > div{
    max-height: 100%;
    max-width: 100%;
    height: 100%;
    width: 100%;
}

.arcangelPart .astero .astero-credit {
    display: none !important;
}
.arcangelPart .astero-large-container{
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
}


.arcangelPart .wpgmza_map {
    max-height: 100%;
    max-width : 100%; 
    height: 100% !important;
    width: 100% !important;
    object-fit: contain;
}
.arcangelPart .n2-ss-slide-group .n2-ss-slide {
    background-color: transparent !important; 
}






/* popup annonce */
.marqueBloc .modal-dialog{
    max-width: 1000px !important; 
    transform: translate(0,0) !important;
}
#annonceAffich #apercuAd, #alertAffich #apercuAlert {
    /* height: 600px;
     min-height: 600px;
     max-height: 600px; */ 
    border-radius: 6px;
    text-align: center;
    vertical-align: middle;
}
#annonceAffich #apercuAd > p, #alertAffich #apercuAlert > p {
    line-height: 600px;
}
#annonceAffich .modal-header, #annonceAffich .modal-content,#annonceAffich .modal-body, #annonceAffich .modal-footer{
    background: transparent;
}
#annonceAffich .modal-header, #annonceAffich .modal-footer,  #alertAffich .modal-header, #alertAffich .modal-footer {
    border: 0px;
    height: 0px;
    padding: 0;
    display: none;
}     
#annonceAffich .modal-body, #alertAffich .modal-body{
    padding: 0px !important;
}
#annonceAffich .modal-header .close {
    display: none;
}
.without_ampm::-webkit-datetime-edit-ampm-field {
    display: none;
}
input[type=time]::-webkit-clear-button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -o-appearance: none !important;
    -ms-appearance:none !important;
    appearance: none !important;
    margin: -10px !important; 
}


/* **************************************************************************************************************/

/* -------------------------------------------------------- templates --------------------------------------- */ 

#page_digital_signage_playlist_tpl{
    height: 100%;
    width: 100%;
    margin: 0 !important;
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: center;

}


input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 10px;
}

/* Might want to wrap a span around your checkbox text */
.checkboxStatus
{
  /* Checkbox text */
  font-size: 110%;
  margin-right: 5px; 
  display: inline;
}

.contentV-tpl div, .content-tpl div{
    max-height: 100%;
    max-width: 100%; 

} 

.content-tpl #tplheader{
    height: 100px; 
    border-bottom: 2px solid #0946b2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0px;
    overflow: hidden;
    z-index: 1;

}
.content-tpl  #tplheader #agencylogotopcont{
    height:100%;
   /* width:80%;*/
    width: 16.66%;
    position: absolute;
    top:1.5%;
    left: 1%;
    border-radius: 0px;
    overflow: hidden; 
    padding: 5px;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
}
.content-tpl #tplheader #agencylogotop{
    object-fit: fill !important;
    float: left;
    object-position: center;
    /* height: 90%;*/
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px;

}
.content-tpl #tplheader .tplTitle{
    padding: 15px 0;
    overflow: hidden;
    margin-left: 16.66%;
    width: 70%;
    height: 100%;
 
}

.content-tpl #tplheader .tplTitle h2{
    text-align: center;
    font-family: "Roboto";
    padding: 15px 0;
    font-size: 1.5vw;
    height: 70px;
}





.content-tpl .large-footer{
    border-top: 2px solid #0946b2;
    height: 100px;
    background: #0946b2;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0px;
    overflow: hidden;
    z-index: 1;

}
.content-tpl  .large-footer #copyrighttext{
    font-family: 'Roboto'; 
    position: absolute;
    bottom: 0;
    font-size: .7vw;  
    margin-bottom: 0; 

}
.content-tpl  .large-footer #userphoto{
    object-fit: fill !important;
    max-width: 100%;
    max-height: 80%;
    margin-bottom: 5px; 
    border-radius: 5px;
    height: 70px;
   /* width: 80px;*/
} 
.content-tpl .large-footer #username{
    font-family: 'Roboto';
    /* position: absolute;
     bottom: 0;*/
    margin-bottom: 0;
    font-size: .65vw ;
}

.content-tpl  .large-footer #qrcodeslide{
    object-fit: fill !important;
    max-width: 100%;
    max-height: 95%;
    height: 95%; 
    border-radius: 5px;   
}
.content-tpl .large-footer #webadress{
    font-family: 'Roboto';
    font-size: .9vw ;  
}
.content-tpl .large-footer #telnumber{
    font-family: 'Roboto';
    font-size: .9vw ;
}
.content-tpl .large-footer #telnumber img, .content-tpl .large-footer #webadress img{
    max-width: 20px;
    margin-right: 5px;
} 




.content-tpl .small-footer {
    border-top: 2px solid #0946b2;
    /* min-height: 10%; */
    background: #0946b2;
    height:100px;
    border-radius: 10px;
}

.content-tpl  .small-footer #userphoto{
    object-fit: fill !important;
    object-position: center;
    max-width: 100%;
    max-height: 100%;
    max-height: 80%;
    border-radius: 5px; 
    height: 70px;
    /*width: 80px;  */
}
.content-tpl .small-footer  #username{
    font-family: 'Roboto';
    font-size: .65vw ;  
    margin-bottom: 0; 
}

.content-tpl .small-footer #qrcodeslide{
    object-fit: fill !important;
    max-width: 100%;
    max-height: 95%;
    height: 95%;   
    border-radius: 5px; 
}
.content-tpl .small-footer #webadress{
    font-family: 'Roboto';
    font-size: .9vw ;  
}
.content-tpl .small-footer #telnumber{
    font-family: 'Roboto';
    font-size: .9vw ;  
}
.content-tpl .small-footer #telnumber img, .content-tpl  .small-footer #webadress img{
    max-width: 20px;
    margin-right: 5px;
} 









/* automobile 1 */

.content-tpl .large-body {
    height: calc(100% - 200px);
    padding: 15px;
    overflow: hidden;
    position: absolute;
    top: 100px; 
    left: 0;
    right: 0px;
    z-index: 0;
}

.content-tpl .large-body .columnv {
    padding: 0;
    max-height: 100%;
    height: 100%;
}
.content-tpl .large-body .column80 {
    padding: 0;
    max-height: 80%;
    height: 80%;
}
.content-tpl .large-body .column70 {
    padding: 0;
    max-height: 70%;
    height: 70%;
}
.content-tpl .large-body .column60 {
    padding: 0;
    max-height: 60%;
    height: 60%;
}

.content-tpl .large-body .column {
    padding: 0;
    max-height: 50%;
    height: 50%;
}

.content-tpl .large-body .column40 {
    padding: 0;
    max-height: 40%;
    height: 40%;
}
.content-tpl .large-body .column30 {
    padding: 0;
    max-height: 30%;
    height: 30%; 
}
.content-tpl .large-body .column20 {
    padding: 0;
    max-height: 20%;
    height: 20%; 
}
.content-tpl .large-body .column10 {
    padding: 0;
    max-height: 10%;
    height: 10%; 
}
.content-tpl .large-body .tpl-img{
    min-width: 100%;
}  
.content-tpl .large-body .tpl-auto-img{

    border-radius: 10px;
    max-height: 100%;
    max-width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    padding: 5px;
    object-position: center; 
    /*object-fit: fill;*/
    object-fit: cover;  
}
.content-tpl .large-body .tpl-automobile1-img1{
    width: 100%;
    float: left;

}
.content-tpl .large-body .tpl-automobile1-img2,  .large-body .tpl-automobile1-img3{
    width: 100%;
    float: left;

}
.content-tpl .large-body .tpl-automobile1-img4{
    width: 100%;
    object-fit: cover;

}

.content-tpl .large-body .secondTitle{

    text-align: center;
    font-family: Roboto;
       /*padding: 2vh 0px;*/ 
    font-size: 1.5vw;
    overflow: hidden;
    max-height: 50px;


}
.content-tpl .large-body .status {
    width: 40%;
    padding: 10px 0;
    float: left;
}


.content-tpl .large-body .status label{
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 14px;
    padding: 10px 0;
}

.content-tpl .large-body .btnprice{
    background-color: #0946b2;
    width: 50%;
    border-radius: 15px;
     /* margin-top: 15px; */
    padding: 10px 0;
    text-align:center; 
    font-family: "Roboto";
    font-size: 1.3vw; 
}

.content-tpl .large-body .garantieIcon img{
    max-height: 100%;
    width: 2.5vw;
}
.content-tpl .large-body .garantietext{
    text-align: center;
    font-family: "Roboto";
    font-size: 1.3vw;
}

.content-tpl .large-body .kmreeltext{
    margin-top: 20px;
    font-family: "Roboto"; 
    font-size: 1.2vw;
}
.content-tpl .large-body .textDescTitle{
    margin-top: 20px;
     font-family: "Roboto"; 
    font-size: 1.2vw;
}

.content-tpl .large-body .textDesc{
    max-height: 35%;
    height: 35%; 
    overflow: hidden;
    padding: 5px;
    font-family: "Roboto"; 
   font-size: 1.2vw; 
   /*font-size: 1.6vh;*/

}
.content-tpl .large-body .classCont{
    width: 100%;
    /* height: 200px;*/ 
    height: 30%;
    min-height: 150px;
    position: absolute;
    bottom: 0;
}
.content-tpl .large-body .tpl-img-class{
    /*  position: absolute;
      right: 0;
      bottom: 0;*/
    float: right;
    height: 100%;
    object-fit: fill;
    object-position: center;
    /* width: 50%;*/
    max-width: 50%;
    border-radius: 15px;
}



/* automobile 2 */

.content-tpl .tplbf{ 
    height: calc(100% - 100px);
    padding: 15px;
    overflow: hidden;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0px;
    z-index: 0; 
}

.content-tpl .tplbf .columnv {
    padding: 0;
    max-height: 100%;
    height: 100%;
}

.content-tpl .tplbf .column70 {
    padding: 0;
    max-height: 70%;
    height: 70%;
}
.content-tpl .tplbf .column60 {
    padding: 0;
    max-height: 60%;
    height: 60%;
}
.content-tpl .tplbf .column {
    padding: 0;
    max-height: 50%;
    height: 50%;
} 
.content-tpl .tplbf .column40 {
    padding: 0;
    max-height: 40%;
    height: 40%;
}
.content-tpl .tplbf .column80 {
    padding: 0;
    max-height: 80%;
    height: 80%;
}
.content-tpl .tplbf .column30 {
    padding: 0;
    max-height: 30%;
    height: 30%; 
}  
.content-tpl .large-body .columnquard{ 
    padding: 0;
    max-height: 25%;
    height: 25%;
}
.content-tpl .tplbf .column20 { 
    padding: 0;
    max-height: 20%;
    height: 20%; 
}  

.content-tpl .tplbf .column10 { 
    padding: 0;
    max-height: 10%;
    height: 10%; 
} 
.content-tpl .tplbf .tpl-auto-img{

    border-radius: 10px;
    max-height: 100%;
    max-width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    padding: 5px;
    object-position: center;
    object-fit: cover;
}
.content-tpl .tplbf .tpl-automobile2-img1{
    width: 100%;
    float: left; 
}
.content-tpl .tplbf .tpl-automobile2-img2, .content-tpl .tplbf .tpl-automobile2-img3{
    width: 100%;
    float: left;

}
.content-tpl .tplbf .tpl-automobile2-img4{
    width: 100%;
    object-fit: cover;

}
.content-tpl .tplbf .secondTitle{

    text-align: center;
    font-family: Roboto;
    /*padding: 2vh 0px;*/ 
    font-size: 1.5vw;
   overflow: hidden;
   max-height: 50px;
}

.content-tpl .tplbf .status {
    width: 40%;
    padding: 10px 0;
    float: left;

}
.content-tpl .tplbf .status label{
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 14px;
    padding: 10px 0;
}

.content-tpl .tplbf .btnprice{
    background-color: #0946b2;
    width: 50%;
    border-radius: 15px;
    /* margin-top: 15px; */
    padding: 10px 0;
    text-align:center; 
    font-family: "Roboto";
    font-size: 1.3vw; 
}
.content-tpl .tplbf .kmreeltext{
    margin-top: 20px;
    font-family: "Roboto"; 
    font-size: 1.2vw;

}
.content-tpl .tplbf .textDescTitle{
    margin-top: 20px;
     font-family: "Roboto"; 
    font-size: 1.2vw;
}
.content-tpl .tplbf .garantieIcon{

}
.content-tpl .tplbf .garantieIcon img{
    max-height: 100%;
    width: 2.5vw;
}
.content-tpl .tplbf .garantietext{
    text-align: center;
    font-family: "Roboto";
    font-size: 1.3vw;

}



.content-tpl .tplbf .textDesc{
    max-height: 30%;
    height: 30%;
    overflow: hidden;
    padding: 5px;
    font-family: "Roboto"; 
    font-size: 1.2vw;
   /*font-size: 1.6vh;*/

}

.content-tpl .tplbf .classCont{
    width: 100%;
    /* height: 200px;*/
    height: 30%;
    min-height: 150px;
    position: absolute;
    bottom: 0;
}
.content-tpl .tplbf .tpl-img-class{
    /*  position: absolute;
      right: 0;
      bottom: 0;*/
    float: right;
    height: 100%;
    object-fit: fill;
    object-position: center;
    /* width: 50%;*/ 
    max-width: 50%;
    border-radius: 15px; 
} 

/* immobilier 1 */
.content-tpl .large-body .status h2{
    width: 100%;
    font-size: 1.8vw;
    font-family: 'Roboto';
}

.content-tpl .large-body .tpl-immobilier3-img1,
.content-tpl .large-body .tpl-immobilier5-img1{ 
    width: 100%;
}

.content-tpl .large-body .tpl-immobilier1-classA,
.content-tpl .large-body .tpl-immobilier2-classA,
.content-tpl .large-body .tpl-immobilier3-classA,
.content-tpl .large-body .tpl-immobilier4-classA,
.content-tpl .large-body .tpl-immobilier5-classA,
.content-tpl .large-body .tpl-immobilier6-classA{

    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
    /* height: 265px;*/
    height: 30%;
    min-height: 150px;
    object-fit: fill;
    object-position: center;
    width: 50%;

}
.content-tpl .large-body .tpl-immobilier1-classB,
.content-tpl .large-body .tpl-immobilier2-classB,
.content-tpl .large-body .tpl-immobilier3-classB,
.content-tpl .large-body .tpl-immobilier4-classB,
.content-tpl .large-body .tpl-immobilier5-classB,
.content-tpl .large-body .tpl-immobilier6-classB{    

    position: absolute;
    right: 0;
    bottom: 0;
    /* height: 265px;*/
    height: 30%;
    min-height: 150px;
    object-fit: fill;
    object-position: center;
    width: 50%;

}


/* vertical body */
.contentV-tpl #tplheader{
    height: 100px; 
    border-bottom: 2px solid #0946b2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0px;
    overflow: hidden;
    z-index: 1;

}
.contentV-tpl  #tplheader #agencylogotopcont{
    height:100%;
      /* width:80%;*/
    width: 16.66%;
    position: absolute;
    top:1.5%;
    left: 1%;
    border-radius: 0px;
    overflow: hidden; 
    padding: 5px; 
   /* display: flex;
    align-items: center;
    justify-content: center;*/
}
.contentV-tpl #tplheader #agencylogotop{
    object-fit: fill !important;
    float: left;
    object-position: center;
    /*height: 90%;*/
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px;

}
.contentV-tpl #tplheader .tplTitle{
    padding-top: 25px;
    overflow: hidden;
    margin-left: 16.66%;
    width: 70%;
    height: 100%;

}

.contentV-tpl #tplheader .tplTitle h2{
    text-align: center;
    font-family: "Roboto";
    padding: 15px 0;
    font-size: 2vw;
    height: 70px;
}





.contentV-tpl .large-footer{ 
    border-top: 2px solid #0946b2;
    height: 100px;
    background: #0946b2;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0px;
    overflow: hidden;
    z-index: 1; 
}
.contentV-tpl  .large-footer #copyrighttext{
    font-family: 'Roboto'; 
    position: absolute;
    bottom: 0;
    font-size: 1vw; 
    margin-bottom: 0; 

}
.contentV-tpl  .large-footer #userphoto{
    object-fit: fill !important;
    object-position: center;
    max-width: 100%;
    max-height: 100%;
    max-height: 80%;
    border-radius: 5px;
    height: 70px;
    /*width: 80px; */
}
.contentV-tpl .large-footer #username{
    font-family: 'Roboto';
    /* position: absolute;
     bottom: 0;*/
    margin-bottom: 0;
    font-size: 1vw ;
}

.contentV-tpl  .large-footer #qrcodeslide{
    object-fit: fill !important;
    max-width: 100%;
    max-height: 95%;
    height: 95%;    
    border-radius: 5px;  
}
.contentV-tpl .large-footer #webadress{
    font-family: 'Roboto';
    font-size: 1.3vw ;  
}
.contentV-tpl .large-footer #telnumber{
    font-family: 'Roboto';
    font-size: 1.3vw ; 
}
.contentV-tpl .large-footer #telnumber img, .contentV-tpl .large-footer #webadress img{
    max-width: 20px;
    margin-right: 5px;
}





.contentV-tpl .large-body {
    height: calc(100% - 200px);
    padding: 15px;
    overflow: hidden;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0px;
    z-index: 0; 
}

.contentV-tpl .large-body .columnv {
    padding: 0;
    max-height: 100%;
    height: 100%;
}
.contentV-tpl .large-body .column {
    padding: 0;
    max-height: 50%;
    height: 50%;
}  
.contentV-tpl .large-body .column40 {
    padding: 0;
    max-height: 40%;
    height: 40%;
}
.contentV-tpl .large-body .column60 {
    padding: 0;
    max-height: 60%;
    height: 60%;
}
.contentV-tpl .large-body .column70 {
    padding: 0;
    max-height: 70%;
    height: 70%;
}
.contentV-tpl .large-body .column80 {
    padding: 0;
    max-height: 80%;
    height: 80%;
}
.contentV-tpl .large-body .column30 {
    padding: 0;
    max-height: 30%;
    height: 30%; 
}  
.contentV-tpl .large-body .columnquard{ 
    padding: 0;
    max-height: 25%;
    height: 25%;
}
.contentV-tpl .large-body .column20 {
    padding: 0;
    max-height: 20%;
    height: 20%; 
}
.contentV-tpl .large-body .column10 {
    padding: 0;
    max-height: 10%;
    height: 10%; 
}
.contentV-tpl .large-body .tpl-img{
    min-width: 100%;
}
.contentV-tpl .large-body .tpl-auto-img{

    border-radius: 10px;
    max-height: 100%;
    max-width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    padding: 5px;
    object-position: center;
    /*object-fit: fill;*/
    object-fit: cover; 
}
.contentV-tpl .large-body .tpl-automobile3-img1{
    width: 100%;
    float: left;

}
.contentV-tpl .large-body .tpl-automobile3-img2,  .large-body .tpl-automobile3-img3{
    width: 100%;
    float: left;

}
.contentV-tpl .large-body .tpl-automobile3-img4{
    width: 100%;
    object-fit: cover;

}

.contentV-tpl .large-body .tpl-immobilier4-img1{
    width: 100%;
}
.contentV-tpl .large-body .status {
    width: 40%;
    padding: 10px 0;
    float: left;
}
.contentV-tpl .large-body .status label{
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 14px;
    padding: 10px 0;
} 
.contentV-tpl .large-body .secondTitle{

    text-align: center;
    font-family: Roboto;
    padding: .5vh 0px;
    font-size: 2vw; 
    overflow: hidden; 
    width: 70%;
    margin: auto;
    max-height: 50px; 

}

.contentV-tpl .large-body .btnprice{ 
    background-color: #0946b2;
    width: 50%;
    border-radius: 15px;
    /* margin-top: 15px; */
    padding: 10px 0;
    text-align:center; 
    font-family: "Roboto";
    font-size: 1.8vw;  

} 
.contentV-tpl .large-body .tpl-img-class{
    position: absolute;
    left: 0;
    bottom: 0;
    object-fit: fill;
    object-position: center; 
    border-radius: 10px; 
}  

.contentV-tpl .large-body .garantieIcon img{
    max-height: 100%;
    width: 2.5vw;
}
.contentV-tpl .large-body .garantietext{
    text-align: center;
    font-family: "Roboto";
    font-size: 1.3vw;
}

.contentV-tpl .large-body .kmreeltext{
   /* margin-top: 20px;*/
    font-family: "Roboto"; 
    font-size: 1.8vw;
}
.contentV-tpl .large-body .textDescTitle{
     margin-top: 20px;
     font-family: "Roboto"; 
    font-size: 1.8vw;
}

.contentV-tpl .large-body .textDesc{ 
    overflow: hidden;
    padding: 5px;
    font-family: "Roboto"; 
    font-size: 1.5vw;
    height: 70%;  
} 
.contentV-tpl .large-body .textDesc.immoDesc{ 
    overflow: hidden;
    padding: 5px;
    font-family: "Roboto"; 
    font-size: 1.5vw;
    height: 89%;  
}



/* immobilier 2 */
.contentV-tpl .large-body .status h2{
    width: 100%;
    text-align: center;
    font-family: Roboto;
    font-size: 2.3vw;

}


.contentV-tpl .large-body .tpl-immobilier2-classA,
.contentV-tpl .large-body .tpl-immobilier4-classA,
.contentV-tpl .large-body .tpl-immobilier6-classA{

    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
    object-fit: fill;
    object-position: center;
    width: 50%;
    border-radius: 10px; 

}
.contentV-tpl .large-body .tpl-immobilier2-classB,
.contentV-tpl .large-body .tpl-immobilier4-classB,
.contentV-tpl .large-body .tpl-immobilier6-classB{  

    position: absolute;
    right: 0;
    bottom: 0; 
    object-fit: fill;
    object-position: center;
    width: 50%;
    border-radius: 10px; 
}


/* loader tpl*/
.large-body .overlayLoadertpl {
    position: fixed;
    z-index: 99999;
    top: 100px;
    left: 0px;
    bottom: 0;
    right: 0;
    background: rgb(253 253 253);
    transition: 1s .4s;
    height: calc(100% - 200px); 

}
.tplbf .overlayLoadertpl {
    position: fixed;
    z-index: 99999;
    top: 100px;
    left: 0px;
    bottom: 0;
    right: 0;
    background: rgb(253 253 253);
    transition: 1s .4s;
    height: calc(100% - 100px);
}
.overlayLoadertpl img {
    position: fixed;
    left: 45vw;
    top: 45vh;
    z-index: 999999999;
    width: 10vw;
}

/****************** animation text tpl********************/
.textDesc{
  position: relative;
}


.textDesc>span{
    display: inline-block;
    animation: moveDown 20s linear 0s infinite;
}
@keyframes moveDown{
    0%{
        transform: translateY(20%);
    }
    
    100%{
        transform: translateY(-80%);
    }
}
.tplTitle >h2>span{
    display: inline-block;
    white-space: nowrap;
    animation: moveleft 20s linear 0s infinite;
}
.secondTitle >span{
      display: inline-block;
      white-space: nowrap; 
    animation: moveleft 20s linear 0s infinite;
}
@keyframes moveleft{
    0%{
        transform: translateX(20%);
    }
    
    100%{
        transform: translateX(-80%);
    }
}

/*  ----------- template vertical preview display ------------------ */

#page_digital_signage_playlist_tpl .contentV-tpl .large-body .overlayLoadertpl {
    top: 70px;
    height: calc(100% - 140px); 

}
#page_digital_signage_playlist_tpl .contentV-tpl #tplheader{
    height: 70px; 
}

#page_digital_signage_playlist_tpl .contentV-tpl #tplheader .tplTitle{
    padding-top: 5px;
    
}

#page_digital_signage_playlist_tpl .contentV-tpl #tplheader .tplTitle h2{
    padding: 10px 0;
    font-size: 1vw; 
    height: 50px;
}





#page_digital_signage_playlist_tpl .contentV-tpl .large-footer{ 
    height: 70px;
}
#page_digital_signage_playlist_tpl .contentV-tpl  .large-footer #copyrighttext{
    font-size: .5vw; 
}
#page_digital_signage_playlist_tpl .contentV-tpl  .large-footer #userphoto{
    object-fit: fill !important;
    object-position: center;
    max-width: 100%;
    max-height: 100%;
    max-height: 80%;
    border-radius: 5px;
    height: 55px;
    /*width: 80px; */
}
#page_digital_signage_playlist_tpl .contentV-tpl .large-footer #username{
    font-family: 'Roboto';
    /* position: absolute;
     bottom: 0;*/
    margin-bottom: 0;
    font-size: .5vw ;
}

#page_digital_signage_playlist_tpl .contentV-tpl  .large-footer #qrcodeslide{
    object-fit: fill !important;
    max-width: 100%;
    max-height: 95%;
    height: 95%;    
    border-radius: 5px;  
}
#page_digital_signage_playlist_tpl .contentV-tpl .large-footer #webadress{
    font-family: 'Roboto';
    font-size: .7vw ;  
}
#page_digital_signage_playlist_tpl .contentV-tpl .large-footer #telnumber{
    font-family: 'Roboto';
    font-size: .7vw ; 
}
#page_digital_signage_playlist_tpl .contentV-tpl .large-footer #telnumber img, .contentV-tpl .large-footer #webadress img{
    max-width: 15px;
    margin-right: 5px;
}


#page_digital_signage_playlist_tpl .contentV-tpl .large-body {
    height: calc(100% - 140px);
    padding: 15px;
    overflow: hidden;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0px;
    z-index: 0;
}


#page_digital_signage_playlist_tpl .contentV-tpl .large-body .tpl-auto-img{

    border-radius: 10px;
    max-height: 100%;
    max-width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    padding: 5px;
    object-position: center;
    /*object-fit: fill;*/
    object-fit: cover; 
}

#page_digital_signage_playlist_tpl .contentV-tpl .large-body .status label{

    font-size: 11px;
}
#page_digital_signage_playlist_tpl .contentV-tpl .large-body .secondTitle{
    font-size: 1vw; 
    margin: auto; 
    max-height: 30px;

}

#page_digital_signage_playlist_tpl .contentV-tpl .large-body .btnprice{ 
    font-size: .8vw;  
    padding: 7px 0;

} 
 

#page_digital_signage_playlist_tpl .contentV-tpl .large-body .garantieIcon img{
    max-height: 100%;
    width: .5vw;
}
#page_digital_signage_playlist_tpl .contentV-tpl .large-body .garantietext{
    text-align: center;
    font-family: "Roboto";
    font-size: .5vw;
}

#page_digital_signage_playlist_tpl .contentV-tpl .large-body .kmreeltext{
    margin-top: 5px;
    font-size: .8vw;
}
#page_digital_signage_playlist_tpl .contentV-tpl .large-body .textDescTitle {
    margin-top: 5px;
    font-size: .8vw;
}

#page_digital_signage_playlist_tpl .contentV-tpl .large-body .textDesc{ 
    overflow: hidden;
    padding: 5px;
    font-family: "Roboto"; 
    font-size: .7vw;
    height: 50%;   
} 
#page_digital_signage_playlist_tpl .contentV-tpl .large-body .textDesc.immoDesc{ 
    overflow: hidden;
    padding: 5px;
    font-family: "Roboto"; 
    font-size: .7vw;
    height: 80%;   
} 
/* immobilier 2 */
#page_digital_signage_playlist_tpl .contentV-tpl .large-body .status h2{

    font-size: 1vw;

}



/******------------------------------    end preview vertical -------------------------------*****/


/*  ------------------- analytique -----------------------------*/

.Analyticleft{
    background-color: #0946b2; 
    background-image: url('../images/analytiques/left_bg.jpg'); 
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 100%
}


.Analyticleft .triangle-left{
    right: 0%;
    top: 40%;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 40px solid transparent !important;
    border-right: 50px solid white !important;
    border-bottom: 40px solid transparent !important;
    display: none;

}


.Analyticleft .go_user{

    height: 60%;
    max-width: 60%;
    margin-top: 10%;
    margin-bottom: 10%; 
}


.Analyticleft h1{
    font-family: 'Roboto';
    font-size: 3rem; 

}
.Analyticright{ 
    background-color: #f8f9fb; 
    padding: 0 !important;
    max-height: 100%
}
.AnalyticCardCont .card{
    height: 100%;
    width: 100%;
    padding: 0; 
    border: unset;
    box-shadow: unset;
    background-color: #f8f9fb; 
}


.AnalyticCardCont .card-header{ 
    background-color: transparent;
    border-bottom: 2px solid  #0946b2;
    color: #000;
    font-family: 'Segoe UI';
    font-weight: 600;
}

.AnalyticCardCont .card-body img.logo_top_ds{ 
    height: 65px;
    max-width: 50%;
    object-fit: contain;
    object-position: center;
}

.AnalyticCardCont .card-body img.icons{ 
    max-width: 45%;
    height: 45px;
    float: left;
    width: 45%;
    height: auto;
    object-fit: contain;
    object-position: center;
}


.AnalyticCardCont .card-body .nbrCont{ 
    max-width: 55%;
    max-height: 100%;
    height: auto;
    float: left;
    padding-left: 15px;
    font-family: 'Segoe UI';
    font-size: .71rem;
    overflow: hidden;
}
.AnalyticCardCont .card-body .nbrCont strong{
    font-size: 2rem ;
    margin: 0;
}

.AnalyticCardCont .card-body .nbentrant{ 
    color: #0392a6 !important;
    font-size: 1rem ;
    margin: 0;
}
.AnalytiCardCont .card-body .nbsortant{ 
    color: #f90f1f !important;
    font-size: 1rem ;
    margin: 0;
}
.AnalyticCardCont .card-body .nbmax{ 
    color: #f90f1f !important;
    font-size: 1rem ;
    margin: 0;
}
.AnalyticCardCont .card-body .nbactuel{  
    color: #0946b2 !important;
    font-size: 1rem ;
    margin: 0;
}
.AnalyticCardCont .card-body .nbautorise{  
    color: #ff8101 !important;
    font-size: 1rem ; 
    margin: 0;
}
.AnalyticCardCont .card-body .text-muted{ 
    clear: both;
    font-family: 'Segoe UI'; 
}


.AnalyticCardCont .card-footer{  
    background-color: transparent;
    border-top:  2px solid  #0946b2;
}




/****************************************/

/*********/
#annonceAffich{
    overflow: hidden;
}
.n2-ss-slider-frame{
    width: 100% !important;
    margin-left: 0px !important;
}
.n2-ss-margin{
    margin-top: 0 !important;
}
#annonceAffich .modal-content{
    height: 100% !important;
    margin-top: 0 !important;
}
#annonceAffich .modal-dialog{
    margin-top: 0 !important;  
}
 .preloader-img{
        width: 20% !important;
    height: auto !important;
    /*width: 20% !important;
    height: 200px !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    margin: -100px 0 0 -100px !important;*/
            }
.arcangelPart{
    display: flex;
    align-items: center;
    text-align: center;
}