@import 'publicInfoToolsColors.css';
@import 'publicInfotools.css';
@import 'publicInfotoolsButtons.css';
@import 'publicInfotoolsCards.css';
@import 'publicInfotoolsSwitch.css';
/*@import "infotouristFonts.css";*/
@import 'publicInfotools_surveyator.css';

html, body, body .container-fluid {
    height: 100%;
    font-family: "Raleway Medium",sans-serif;
    font-variant:lining-nums;
}
.container-fluid{
    padding-right: 0;
    padding-left: 0;
}

body{
    color: #565656;
    /*overflow:hidden;*/
}
/* Set height of the grid so .sidenav can be 100% (adjust if needed) */
.row.content {height: 100%}

/* Set gray background color and 100% height */

/* On small screens, set height to 'auto' for sidenav and grid */
/*@media screen and (max-width: 767px) {
  .sidenav {
    height: auto;
    padding: 15px;
  }
  .row.content {height: auto;} 
}*/
#loader,#veilOfWhitness{
    position:absolute;
    width:100%;
    height:100%;
    z-index: 15;
    background-color: rgb(226, 226, 226);
    font-size:100px;
    text-align: center;
    color: #84a627;
}
#loader i{
    position: relative;
    top:calc(50% - 50px);
}
#newSpinner{
    width:100px;
    height:100px;
    position: relative;
    top:calc(50% - 100px);
    background-color:#84a627;
}
.headerPag{
    height: 100px;
    background-color: #f1f1f1;
}
.mainPage{
    height: calc(100vh - 85px);
    background-color: #f1f1f1;
    /*padding-top: 5vh !important;*/
    /*padding-top: 2vh !important;*/
    overflow-y:auto; 
}

@media(min-width:768px){
    .mainPage{
        height: calc(100vh - 100px);
    }    
    
    .myTooltip .tooltipPoi, 
    .myTooltip .tooltipColor, 
    .myTooltip .tooltipErase{
        width: 350px !important;
}
}
.navbar{
    padding: 0.9% 39px;
}
.sidenav{
    background-color: white;
    transform: translateX(0px);
}
.mainPageSidenav{
    /*height: calc(100% - 100px);*/    
    /*height: calc(100% - 185px);*/
}
.containerFlotant{
    -webkit-box-shadow: 2px 2px 3px 3px rgb(130,130,130);
    -moz-box-shadow: 2px 2px 3px 3px rgb(161,161,130);
    box-shadow: 2px 2px 3px 3px rgb(161,161,130);
    border-radius: 12px;
}

.containerFlotant span, .textCardModul{
    font-size: xx-large;
    color: #50cde3;
}
.containerFlotant h1.super{
    font-size: 90px;
    font-weight: 600;
}
h1.super{
    font-size: 90px;
    font-weight: 600;
}

.btnTurno{
    background-color: #50cde3;
    color: white;
    padding: 1.2rem;
    width: 25%;
}

.sidenav, .textColorMain, .titolMainPage{    
    color: #50cde3;
}

.btnGris{
    background-color: #cbcbcb;
    color: white;
    border: 1px solid #9F9F9F;
}

.btnRedo{
    border-radius: 50%;
}
.btnSmall{
    height: 50px; 
    width: 50px;
}
.btnLarge{
    height: 90px; 
    width: 90px;
}


/*.btnFilterSmall{
    background-color:yellow;
    border-radius: 50%;
    height: 25px;
    width: 25px;
}*/

/*.turnoSidenav{    
    font-size: 60px;    
}
.turnoSidenav .headerPag{    
    font-size: 60px;    
}*/

.btnRegSidenav{
    border: 1px solid #50cde3; 
}

.mapBtn{
    width: 46px;
    height: 46px;
    margin-bottom: 15px;
    margin-left: 15px;
}
.offcanvas-collapse {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    /*width: 50%;*/
    max-width: 600px;
    min-width: 350px;
    padding-right: 1rem;
    padding-left: 1rem;
    visibility: hidden;
    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    z-index: 12;
}
.navbar-collapse {    
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}

.offcanvas-collapse.open {
    visibility: visible;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);

}

.capaGris{
    background-color: gray;
    opacity: 0.5;
    position: absolute;
    z-index: 1;
}

.titolMainPage{
    margin-left: -15px;
    height: 70px;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(255,255,255,0.9) 66%,rgba(255,255,255,0.7) 77%,rgba(255,255,255,0) 100%);
}

.longCont{
    /*height: calc(100%) !important;*/
    height: 100% !important;
}
.normalCont{
    /*height: calc(100% - 150px) !important;*/    
    /*height: calc(95vh - 145px) !important;*/    
    height: calc(100vh - 85px) !important;    
    
}
@media(min-width:768px){
    .normalCont{
       height: calc(100vh - 85px) !important;    
    }
}

.miniCercle{
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}


.myTooltip {
    position: relative;
    display: inline-block;
}

.myTooltip .tooltipPoi, 
.myTooltip .tooltipColor, 
.myTooltip .tooltipErase{
    width: 251px;
    background-color: #fff;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: -1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-box-shadow: 5px 6px 7px 2px rgb(0,0,0,17%);
    -moz-box-shadow: 5px 6px 7px 2px rgb(0,0,0,17%);
    box-shadow: 5px 6px 7px 2px rgb(0,0,0,17%);
}
.myTooltip .tooltipColor::after, 
.myTooltip .tooltipPoi::after, 
.myTooltip .tooltipErase::after{
    content: "";
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    width: 46px;
    height: 40px;
    background-color: white;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.75);
}

.collapsible {
    background-color: #f8f8f8;
    cursor: pointer;
    padding: 10px;
    border: none;
    text-align: left;
    outline: none;
    font-weight: 600;
    border: 1px solid #ddd;
}
.collapsibleB {
    background-color: #fff;
    cursor: pointer;
    padding: 10px;
    border: none;
    text-align: left;
    outline: none;
    font-weight: 600;
    border: 1px solid #ddd;
}


.contentCollaps {
    padding: 0 0;
    display: none;
    overflow: auto;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #50cde3;
    background-color: #50cde3;
}

.cercleColor{
    height: 40px;
    width: 40px;
    border-radius: 50px;
}

.contAct{
    display: inline-block;
    border: 1px solid #c9c9c9;
    background-color: #e4e4e4;
}

.tamanyPincell {
    background: #6b6b6b;
    height: 30px;
}

.ui-autocomplete
{ 
    max-width: 90%;
}

.panelOpen{
    background-color: #cbcbcb;
    position: absolute;
    width: 100%;
    height: calc(100% - 250px) !important;
    z-index: 1;
    transition: height 1s linear 0s, position 0s linear 2s;
}
.panelClose{
    background-color: #cbcbcb;
    position: absolute;
    width: 100%;
    height: 0;
    z-index: 1;
    transition: height 1s;
}

.modalLang{
    height: 90vh;
}

.openResultSearch{
    height: 100% !important;
    transition: height 1s;
    background-color: rgb(203, 203, 203);
}
.closeResultSearch{
    background-color: rgb(203, 203, 203);
    height: 0; 
    transition: height 1s;
}

.demandaRegVis{
    display: inline-block;
    margin: 12px 25px;
    width: 85px
}
.f-wrap{
    flex-wrap: wrap;
}
.imgDemandaRegVis{
    height: 60px; 
    width: 60px;
}
.imgDemandaRegVis:hover{
    cursor:pointer;
}
.pressed {
    height: 50px;
    width: 50px;
    /*filter: grayscale(100%);*/
    opacity: 0.5;
}

.modulBody{
    /*height: calc(100% - 98px);*/
    /*margin: 0 -15px;*/
    /*overflow-y: auto;*/
}

.clickedGuia, .clickedEsdev, .clickedLink, .clickedRuta, .clickedElement{
    border: 2px solid #cbcbcb;
}



.masonry-brick{
    background: aliceblue;
    width: 30%;
    margin: 10px;
    padding:20px;
}
.imgPoiNoFoto {
    min-height: 516px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: 
        #f6f6f6;
}
.imgPoi {
    min-height: 516px;
    background-size: cover;
    background-position: center center;
    border-radius: 6px;
}
.panelPois{
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 4px; 
    /*background-color:#ffffff;*/
    border: 1px solid #ffffff;
}
.titolPanelPoi{
    /*color:#EEEEEE;*/
    font-size: 28px !important;
    margin-top: 14px !important;
    margin-bottom: 28px !important;
    cursor: pointer;
}

.infoPoi{
    background-color:darkgray;
    min-height: 516px;
    border-radius: 6px;
}
.apartatsPoi{
    color: #EEEEEE;
}
.margin-lr-auto{
    margin-left: auto;
    margin-right: auto;
}
.spanNR {
    font-size: 1.5em;
    line-height: 1.1;
}
.spanNRContainer {
    margin: 5px 0;
}
.spanNRP {
    font-size: 1.2em;
    margin-right: 20px;
}
.divRutaCat {
    margin: 0 15px;
}
.gm-style .gm-style-iw-c {
    padding-left: 5px;
    padding-top: 8px;
}
.divInfow{
     padding: 15px 15px 10px 15px;
}
.titolInfoW{
    padding: 0;
    margin: 0;
    text-align: left;
    margin-bottom: 6px;
}
.divCloseModalImg{
    margin-top: 4px; 
    margin-right: 30px; 
    float:right;
}
.closeModalImg{
    width: 26px !important;
    margin-right: 10px;
    z-index:2;
    cursor:pointer;
    position:fixed;
}