#google-map {position: absolute; width: 100%; height: 100%;z-index: 1; }
#google-maps-gps{
    right: 10px !important;
    left: auto !important;
    top: 171px !important;
    text-align: center;
    background: #fff;
    padding: 8px 8px 4px 8px;
    font-size: 14px;
    font-weight: 700;
    bottom: auto !important;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    width: 40px;
    border-radius: 3px;
    cursor: pointer;
}
#google-maps-gps img {
    width:100%;
    opacity: 0.7;
    margin-bottom: 4px;
    height: auto;
}
#google-maps-gps:hover img {
    opacity: 1;
}
#user-controls {
    position: fixed; 
    bottom: 0; 
    left: 0 !important; 
    width: 100%;
    z-index: 3;
    padding: 20px 20px 15px 20px;
    
    background: rgb(255,255,255);
    background: -moz-linear-gradient(270deg, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(270deg, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0) 100%);
    background: linear-gradient(270deg, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0) 100%);
    
    /*background: rgba(255,255,255,0.5);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); 
}
#user-controls #uc-search
{
    width: 500px;
    display: inline-block;
    vertical-align: middle;

}
#user-controls #uc-search input
{
    border: 1px solid transparent;
    font-size: 16px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    padding: 10px;
    width: 100%;
}

#user-controls #uc-settings #ucs-coordinates {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-right: 80px;
    vertical-align: middle;
    
    background: rgb(255,255,255);
    background: -moz-linear-gradient(270deg, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(270deg, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0) 100%);
    background: linear-gradient(270deg, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0) 100%);

    padding: 20px;
}

#user-controls #uc-settings 
{
    width: calc(100% - 500px);
    text-align: right;
    display: inline-block;
    vertical-align: middle;
}

#user-controls #uc-settings #ucs-box {
    display: inline-block;
    text-align: right;
    margin-top: -20px;
    margin-bottom: -20px;
    padding-left: 20px;
}

#user-controls #uc-settings .uc-setting {
    text-align: center;
    min-width: 112px;
    position: relative;
    z-index: 5;
    display: inline-block;
    margin-left: -1px;
    
    vertical-align: middle;
    cursor: pointer;
    opacity: 0.6;
    padding: 20px;
    border: 1px solid transparent;
    
    transition-property: opacity, border-color, padding-right, background;
    transition-duration: 0.2s;

    -ms-transition-property: opacity, border-color, padding-right, background;
    -ms-transition-duration: 0.2s;

    -moz-transition-property: opacity, border-color, padding-right, background;
    -moz-transition-duration: 0.2s;
    
    -webkit-transition-property: opacity, border-color, padding-right, background;
    -webkit-transition-duration: 0.2s;
}

#user-controls #uc-settings .uc-setting .ucs-slider-container 
{
    position: absolute;
    width: 100%;
    padding: 12px 5px 3px 5px;
    bottom: 111px;
    background: rgba(255,255,255,0.7);
    border-bottom: 1px solid transparent;
    opacity:  0;
    display: none;
    left: 0;

    transition-property: opacity, background;
    transition-duration: 0.2s;

    -ms-transition-property: opacity, background;
    -ms-transition-duration: 0.2s;

    -moz-transition-property: opacity, background;
    -moz-transition-duration: 0.2s;
    
    -webkit-transition-property: opacity, background;
    -webkit-transition-duration: 0.2s;
}

@-moz-document url-prefix() 
{
    #user-controls #uc-settings .uc-setting .ucs-slider-container
    {
        padding: 6px 5px 3px 5px;
        bottom: 112px;
    }
}

#user-controls #uc-settings .uc-setting .ucs-slider-container input[type="range"]
{
    width: 100%;
    margin: 0;
    padding: 0;
}

#user-controls #uc-settings .uc-setting img {
    width: 48px;
    height: 48px;
}

#user-controls #uc-settings .uc-setting p {
    font-size: 12px;
    font-weight: 300;
    margin-top: 5px;
    text-transform: uppercase;
    color: #000;

    transition-property: opacity;
    transition-duration: 0.2s;

    -ms-transition-property: opacity;
    -ms-transition-duration: 0.2s;

    -moz-transition-property: opacity;
    -moz-transition-duration: 0.2s;
    
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.2s;
}

#user-controls #uc-settings .uc-setting .check {
    font-size: 12px;
    background: transparent;
    color:transparent;
    width: 24px;
    height: 24px;
    font-weight: 500;
    margin: 0;
    padding: 0 ;
    line-height: 25px;
    position: absolute;
    top: 0;
    right: 0;

    transition-property: background, color;
    transition-duration: 0.2s;

    -ms-transition-property: background, color;
    -ms-transition-duration: 0.2s;

    -moz-transition-property: background, color;
    -moz-transition-duration: 0.2s;
    
    -webkit-transition-property: background, color;
    -webkit-transition-duration: 0.2s;
}


#user-controls #uc-settings .uc-setting:hover {
    opacity: 1;
}

#user-controls #uc-settings .uc-setting:hover p {
    font-weight: 500;
}

#user-controls #uc-settings .uc-setting.selected:hover .ucs-slider-container 
{
    opacity: 1;
    display: block;
}



#user-controls #uc-settings .uc-setting.selected  {
    opacity: 1;
    padding-right: 20px;
    background: #fafff0;
    border-color: #2ECC40;
}
#user-controls #uc-settings .uc-setting.selected p {
    font-weight: 500;
}
#user-controls #uc-settings .uc-setting.selected .check 
{
    background: #2ECC40;
    color:#fff;
}
#user-controls #uc-settings .uc-setting.selected .ucs-slider-container 
{
    background: #fafff0;
}




#user-controls #uc-settings #ucs-provinces.uc-setting.selected,
#user-controls #uc-settings #ucs-provinces.uc-setting.selected .ucs-slider-container
{
    background: #fafff0;
    /*background: rgba(250, 255, 240, 0.8);*/
    border-color: #2ECC40;
}
#user-controls #uc-settings #ucs-provinces.uc-setting.selected .ucs-slider-container .ucs-slider::-moz-range-thumb,
#user-controls #uc-settings #ucs-provinces.uc-setting.selected .ucs-slider-container .ucs-slider::-webkit-slider-thumb {
    background: #2ECC40;
}



#user-controls #uc-settings #ucs-sheets.uc-setting.selected,
#user-controls #uc-settings #ucs-sheets.uc-setting.selected .ucs-slider-container
{
    background: #fff;
    /*background: rgba(255, 255, 255, 0.8);*/
    border-color: #afafaf;
}
#user-controls #uc-settings #ucs-sheets.uc-setting.selected .check 
{
    background: #afafaf;
}



#user-controls #uc-settings #ucs-roads.uc-setting.selected,
#user-controls #uc-settings #ucs-roads.uc-setting.selected .ucs-slider-container
{
    background: #f0f0f0;
    /*background: rgba(240, 240, 240, 0.8);*/
    border-color: #000;
}
#user-controls #uc-settings #ucs-roads.uc-setting.selected .check 
{
    background: #000;
    color: #fff;
}



#user-controls #uc-settings #ucs-waters.uc-setting.selected,
#user-controls #uc-settings #ucs-waters.uc-setting.selected .ucs-slider-container
{
    background: #f0faff;
    /*background: rgba(240, 250, 255, 0.8);*/
    border-color: #0074D9;
}
#user-controls #uc-settings #ucs-waters.uc-setting.selected .check 
{
    background: #0074D9;
    color: #fff;
}



#user-controls #uc-settings #ucs-builds.uc-setting.selected,
#user-controls #uc-settings #ucs-builds.uc-setting.selected .ucs-slider-container
{
    background: #fff0f0;
    /*background: rgba(255, 240, 240, 0.8);*/
    border-color: #FF4136;
}
#user-controls #uc-settings #ucs-builds.uc-setting.selected .check 
{
    background: #FF4136;
    color: #fff;
}




#user-controls #uc-settings #ucs-particles.uc-setting.selected,
#user-controls #uc-settings #ucs-particles.uc-setting.selected .ucs-slider-container
{
    background: #fffaf0;
    /*background: rgba(255, 250, 240, 0.8);*/
    border-color: #FF851B;
}
#user-controls #uc-settings #ucs-particles.uc-setting.selected .check 
{
    background: #FF851B;
    color: #fff;
}



#user-controls #uc-settings #ucs-vestizioni.uc-setting.selected,
#user-controls #uc-settings #ucs-vestizioni.uc-setting.selected .ucs-slider-container
{
    background: #fffaff;
    /*background: rgba(255, 250, 255, 0.8);*/
    border-color: #85144b;
}
#user-controls #uc-settings #ucs-vestizioni.uc-setting.selected .check 
{
    background: #85144b;
    color: #fff;
}


.pac-container {
    position: absolute !important;
  top: auto !important;
  bottom: 80px !important;
  }

  #user-searchpf {
    position: absolute !important;
    bottom: 80px;
    width: 500px;
    z-index: 3;
    left: 20px;
    /*background: rgba(255,255,255,0.5);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);  
}

#user-searchpf #uc-searchpf {
    display: flex;
    flex-flow: column;
    padding: 20px;
    margin: 0;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    border: 0px;
    width: 100%;
    height: auto;
    vertical-align: middle;
    background: white;
}

#user-searchpf #uc-searchpf .selectpfTitle{
    color: gray;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#user-searchpf #uc-searchpf #provinceLabel,
#user-searchpf #uc-searchpf #comuneLabel,
#user-searchpf #uc-searchpf #foglioLabel,
#user-searchpf #uc-searchpf #pfLabel
{
    font-size: 12px;
    margin-bottom: 5px;
}
#user-searchpf #uc-searchpf #comuneLabel,
#user-searchpf #uc-searchpf #foglioLabel,
#user-searchpf #uc-searchpf #pfLabel {
    margin-top: 10px;
}
#user-searchpf #uc-searchpf .selectpf{
    height: auto !important;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.2);
    background-color: white;
    color: #500ade;
    font-size: 16px;
    padding:5px;
}

#user-searchpf #uc-searchpf #historyContainer .selectpfTitle 
{
    margin-top: 20px;
    margin-bottom: 0px;
}

#user-searchpf #uc-searchpf #historyContainer .singlepf
{
    cursor: pointer;
    font-size: 12px;

    margin-top: 10px;
}

#user-searchpf #uc-searchpf #historyContainer .singlepf,
#user-searchpf #uc-searchpf #historyContainer .singlepf font {
    transition-property: padding, background, color;
    transition-duration: 0.2s;

    -ms-transition-property:padding, background,color;
    -ms-transition-duration: 0.2s;

    -moz-transition-property:padding, background,color;
    -moz-transition-duration: 0.2s;
    
    -webkit-transition-property: padding, background,color;
    -webkit-transition-duration: 0.2s;
}

#user-searchpf #uc-searchpf #historyContainer .singlepf:hover {

}

#user-searchpf #uc-searchpf #historyContainer .singlepf:hover font  {
    color: #500ade;
}

  /* Style the arrow inside the select element: */
  .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 100px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    background: #500ade;
    border-color: #fff transparent transparent transparent;
  }

    
  .gm-punto-fiduciale h2 {
    color: #500ade;
    padding: 4px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
  }

  .gm-punto-fiduciale .btn
  {
    color: #700fa4;
    border: 1px solid #500ade;
    padding: 7px 8px 7px 8px;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    transition-property: background;
    transition-duration: 0.2s;
    font-weight: 400;
    line-height: 23px;
    width: 100%;
    display: block;
  }

  .gm-punto-fiduciale .btn:hover {
      background: #500ade;
      color: #fff;
  }

.gm-punto-fiduciale .btn:hover img
{
  filter: grayscale(100%) invert(100%);
}


.gm-punto-fiduciale img {
width: 24px;
height: auto;
display: inline-block;
vertical-align: top;
margin-top: 0px;
margin-right: 8px;
}
.gm-style .gm-style-iw-c
{
  /*padding: 0 !important;*/
}

.gm-style-iw {
width: 640px;
}

#loader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; background: rgba(255,255,255,0.8);}
#loader img {
    width: 96px;
    height: 96px;
    left: calc(50% - 48px);
    top: calc(50% - 48px);
    position: absolute;
    z-index: 1;
}


#overlay.show
{
    position:fixed;
    top:  0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: rgba(0,0,0,0.65);
}

#Advert728x90
{
    display: none;
    cursor: pointer;
}

#Advert728x90.show
{
    display: block;
    position: fixed;
    bottom: 109px;
    right: 0;
    z-index: 3;
}

#Advert
{
    position: fixed;
    visibility: hidden;
    cursor: pointer;
    max-width: 100%;
    max-height: 100%;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

#Advert #aImage
{
    max-width: 100%;
    max-height: 100%;
}

#Advert.show
{
    visibility: visible;
    z-index: 7;
}

#Advert #AClose
{
    z-index: 9;
    color: #fff;
    position: absolute;
    font-size: 16px;
    border: 1px solid #fff;
    padding: 0;
    top: 20px;
    right: 20px;
    text-align: center;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 28px;
}

#Advert #AClose:hover
{
    border-color: #000 !important;
    background: #fff !important;
    color: #000 !important;
}

#Advert728x90 #A728x90HideUnhide
{
    display: block;
    z-index: 9;
    color: #fff;
    position: absolute;
    font-size: 24px;
    padding: 0;
    top: 0;
    left: -30px;
    text-align: center;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #f44336;
    text-align: center;
}

#Advert728x90 #A728x90HideUnhide img
{
    width: 16px;
    height: auto;
    margin-left: 7px;
    margin-top: 7px;
    display: none;
}

#Advert728x90 #A728x90HideUnhide img.show
{
    display: block;
}

#Advert728x90 #A728x90HideUnhide:hover
{
    background: #ff0000;
}

.readyToSlideV{
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
    transition: transform 500ms linear;
}

.readyToSlideH{
    position: absolute;
    margin-left: -100%;
    margin-top: 20px;
    width: 100%;
    left:0;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    transition: transform 500ms linear;
}

.readyToSlideV.slideV{
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    transition: transform 500ms linear;
}

.readyToSlideH.slideH{
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    transition: transform 500ms linear;
}

#google-map div.gmnoprint > div > button[title="Smetti di tracciare"],
#google-map div.gmnoprint > div > button[title="Traccia una linea"],
#google-map div.gmnoprint > div > button[title="Traccia una forma"]
{
    display:none!important;
}

#google-map #custom-draw-buttons
{
    right: 10px !important;
    left: auto !important;
    top: 230px !important;
    box-shadow: none;
}

#google-map #custom-draw-buttons
{
    width: 40px;
    height: 81px; 
    perspective: 1000px;
}



#google-map #custom-draw-buttons > div

{
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

#google-map #custom-draw-buttons > div > div
{
    position:absolute;
    text-align: center;
    background: #fff;
    padding: 8px 8px 4px 8px;
    font-size: 14px;
    font-weight: 700;
    bottom: auto !important;
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 20%);
    width: 40px;
    border-radius: 3px;
    cursor: pointer;
    border: 0px;
    padding:0px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#google-map #custom-draw-buttons > div::after
{
    content:"";
    position:absolute;
    top:40px;
    height:0px;
    border-top:1px solid rgb(230, 230, 230);
    left:5px;
    width: 30px;
}

#google-map #custom-draw-buttons.drawing-mode > div
{
    transform: rotateY(180deg);
}



#google-map #custom-draw-buttons > div > div.front
{
    transform: rotateY(0deg);
}

#google-map #custom-draw-buttons > div > div.back
{
    transform: rotateY(180deg);
}





#google-map #custom-draw-buttons button.polyline,
#google-map #custom-draw-buttons button.custom-draw-delete
{
    margin-bottom:1px;
}

#google-map #custom-draw-buttons button.custom-draw-polygon,
#google-map #custom-draw-buttons button.custom-draw-polyline,
#google-map #custom-draw-buttons button.custom-draw-delete,
#google-map #custom-draw-buttons button.custom-draw-compleate
{
    background: #fff;
    padding: 8px 8px 4px 8px;
    font-size: 14px;
    font-weight: 700;
    bottom: auto !important;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    cursor: pointer;
    border: 0px;
    opacity:.6;
}

#google-map #custom-draw-buttons button.custom-draw-polygon:hover,
#google-map #custom-draw-buttons button.custom-draw-polyline:hover,
#google-map #custom-draw-buttons button.custom-draw-delete:hover,
#google-map #custom-draw-buttons button.custom-draw-compleate:hover
{
    opacity:1;
}

#google-map #custom-draw-buttons button.custom-draw-polygon:disabled:hover,
#google-map #custom-draw-buttons button.custom-draw-polyline:disabled:hover,
#google-map #custom-draw-buttons button.custom-draw-delete:disabled:hover,
#google-map #custom-draw-buttons button.custom-draw-compleate:disabled:hover
{
    opacity:.6;
    cursor: not-allowed;  
}

#google-map #custom-draw-buttons button.custom-draw-delete svg
{
    width: 18px;
    /* opacity:.8; */
}

#google-map #custome-delete-shape-btn
{
    position:absolute;
    right: 10px !important;
    left: auto !important;
    top: 325px !important;
     
}

#google-map #custome-delete-shape-btn > button.custom-delete-shape
{
    display:none;
    text-align: center;
    background: #fff;
    padding: 8px 8px 4px 8px;
    font-size: 14px;
    font-weight: 700;
    bottom: auto !important;
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 20%);
    width: 40px;
    height: 40px;
    border-radius: 3px;
    cursor: pointer;
    border: 0px;
}

#google-map #custome-delete-shape-btn > button.custom-delete-shape > svg
{
    display:inline-block;
    width: 15px;
    opacity: .6;
}

#google-map #custome-delete-shape-btn > button.custom-delete-shape:hover > svg
{
    opacity: 1;
}


body .banner-apps
{
    position:absolute;
    top:0px;
    left:0px;
    z-index: 99;
    padding-top: 20px;
    padding-right: 35px;
    visibility: hidden;
    opacity:0;
}

body .banner-apps > .close
{
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 22px;
    line-height: 22px;
    color: #000;
    overflow: hidden;
    padding: 10px;
    transform: scale(1);
    z-index: 99;
    cursor: pointer;
}
body .banner-apps > .close:hover
{
    transform:scale(1.1);
}

body .banner-apps > .img.first
{
    display:block;
    width:180px;
    position:relative;
    max-width: 100%;
    right: 100%;
    transform-origin: bottom center;
    transform:rotate(-45deg);
    transition: right .5s linear, transform .5s cubic-bezier(0.01, 0.54, 0.34, 1.24) .2s;
}

body .banner-apps.show
{
    visibility: visible;
    opacity:1;
}

body .banner-apps.show > .img.first
{
    right:0%;
    transform:rotate(0deg);
}

body .banner-apps > .img > img
{
    display:inline-block;
    max-width:100%;
    transform:scale(1);
    transition:transform .2s linear;
}

body .banner-apps > .img > img:hover
{
    transform: scale(1.05);
}

body .banner-apps > .img.first + .img
{
    display:block;
    width:180px;
    max-width: 100%;
    position: absolute;
    right:100%;
    top:20px;
    transform-origin: bottom center;
    transform:rotate(-45deg);
    transition: right .5s linear, transform .5s cubic-bezier(0.01, 0.54, 0.34, 1.24) .2s;
}

body .banner-apps.show-sec > .img.first + .img
{
    right:35px;
    transform:rotate(0deg);
}


@media all and (max-width: 1850px) {
	#user-controls #uc-search {
        width: 466px;
    }

    #user-controls #uc-settings {
        width: calc(100% - 466px);
    }

    #user-controls #uc-settings #ucs-coordinates
    {
        margin-right: 70px;
    }
}

@media all and (max-width: 1800px) {
	#user-controls #uc-search {
        width: 433px;
    }

    #user-controls #uc-settings {
        width: calc(100% - 433px);
    }

    #user-controls #uc-settings #ucs-coordinates
    {
        margin-right: 60px;
    }
}

@media all and (max-width: 1750px) {
	#user-controls #uc-search {
        width: 400px;
    }

    #user-controls #uc-settings {
        width: calc(100% - 400px);
    }

    #user-controls #uc-settings #ucs-coordinates
    {
        margin-right: 50px;
    }
}

@media all and (max-width: 1700px) {
	#user-controls #uc-search {
        width: 366px;
    }

    #user-controls #uc-settings {
        width: calc(100% - 366px);
    }

    #user-controls #uc-settings #ucs-coordinates
    {
        margin-right: 40px;
    }
}

@media all and (max-width: 1650px) {
	#user-controls #uc-search {
        width: 333px;
    }

    #user-controls #uc-settings {
        width: calc(100% - 333px);
    }

    #user-controls #uc-settings #ucs-coordinates
    {
        margin-right: 30px;
    }
}

@media all and (max-width: 1600px) {
	#user-controls #uc-search {
        width: 300px;
    }

    #user-controls #uc-settings {
        width: calc(100% - 300px);
    }

    #user-controls #uc-settings #ucs-coordinates
    {
        margin-right: 20px;
    }
}

@media all and (max-width: 1550px) {
	#user-controls #uc-search {
        width: 266px;
    }

    #user-controls #uc-settings {
        width: calc(100% - 266px);
    }

    #user-controls #uc-settings #ucs-coordinates
    {
        margin-right: 10px;
    }
}


@media all and (max-width: 1500px) {
	#user-controls #uc-search {
        width: 233px;
    }

    #user-controls #uc-settings {
        width: calc(100% - 233px);
    }

    #user-controls #uc-settings #ucs-coordinates
    {
        margin-right: 0px;
    }
}

@media all and (max-width: 1450px) {
	#user-controls #uc-search {
        width: 210px;
    }

    #user-controls #uc-settings {
        width: calc(100% - 210px);
    }
}

@media all and (max-width: 1350px) {
    #user-controls #uc-settings #ucs-coordinates
    {
        display: none !important;
    }
    
    #user-controls #uc-search {
        width: 300px;
    }

    #user-controls #uc-settings {
        width: calc(100% - 300px);
    }
}

@media all and (max-width: 1300px) {
    #user-controls #uc-search {
        width: 266px;
    }

    #user-controls #uc-settings {
        width: calc(100% - 266px);
    }
}

@media all and (max-width: 1250px) {
    #user-controls #uc-search {
        width: 233px;
    }

    #user-controls #uc-settings {
        width: calc(100% - 233px);
    }
}

@media all and (max-width: 1200px) {
    #user-controls #uc-search {
        width: 210px;
    }

    #user-controls #uc-settings {
        width: calc(100% - 210px);
    }
}

@media all and (max-width: 1175px) {
    #user-controls #uc-search {
        width: 210px;
    }

    #user-controls #uc-settings {
        width: calc(100% - 210px);
    }

    #user-controls #uc-settings #ucs-provinces {
        display: none !important;
    }
}

@media all and (max-width: 1100px) {
    #user-controls #uc-settings #ucs-sheets {
        display: none !important;
    }
}

@media all and (max-width: 1000px) {
    #user-controls #uc-settings #ucs-roads,
    #user-controls #uc-settings #ucs-waters {
        display: none !important;
    }
}

@media all and (max-width: 750px) {
    #Advert728x90
    {
        display: none !important;
    }
    #user-controls #uc-settings #ucs-builds {
        display: none !important;
    }
}

@media all and (max-width: 650px) {
    #user-controls #uc-settings #ucs-particles {
        display: none !important;
    }
}

@media all and (max-width: 550px) {
    #user-controls #uc-settings #ucs-vestizioni {
        display: none !important;
    }
}

@media all and (max-width: 400px) {
    #user-controls #uc-search {
        width: 100%;
    }

    #user-controls #uc-settings,
    #user-controls #uc-settings #ucs-punti-fiduciali {
        display: none !important;
    }
}