body {
    font-family: 'Roboto', sans-serif !important;
}

form {
    font-family: 'Roboto', sans-serif !important;
}

.ui-draggable .h5, .ui-draggable h5
{
	font-size: 8pt;
}

.ui-draggable-handle
{
	font-size: 8pt !important;	
    padding-top: 4px !important;
}

.ui-draggable-handle .h4,
.ui-draggable-handle .h5, 
.ui-draggable-handle .h6,
.ui-draggable-handle h4,
.ui-draggable-handle h5,
.ui-draggable-handle h6 {
    margin-top: 3px !important; 
    margin-bottom: 3px !important;
	
}

.ui-dialog {
    padding: 1px !important;
}

.ui-widget-header
{
	height: 20px !important;
    padding-top: 0px !important;
    padding-bottom: 24px !important;
}

.ol-ext-dialog > form.ol-title
{
	padding-top: 0px !important;
}

.ol-wmscapabilitiesNuestro{
	    width: 551px;
    min-height: 0px;
    /* max-height: none; */
    /* height: 969px; */
    position: relative;
}

.ol-ext-dialog > form
{
	padding: 1px !important;
}

.ol-ext-dialog > form .ol-content {
    font-weight: regular;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    text-decoration: none;
    cursor: text;
    padding: 0 15px;
    margin-right: 2px;
    line-height: 23px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.ui-tabs .ui-tabs-nav li a:hover
{
	cursor:pointer;
}


/*** Botones Dialogs **/
.ui-dialog .ui-dialog-titlebar-minimize {
    width: 19px;
    height: 18px;
    border-radius: 2px;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
    right: .3em;
    top: 0px !important;
    width: 19px;
    margin-left: 1px !important;
    padding: 0px;
    height: 18px;
    font-size: 13px;
    font-weight: bold;
    line-height: 13.5px;
    text-shadow: 0 1px 0 #ffffff;
    filter: alpha(opacity=25);
    -khtml-opacity: 0.25;
    -moz-opacity: 0.25;
    opacity: 1;
    background-image: url(images/ui-icons_454545_256x240.png);
    background-position: -96px -128px;
    border-radius: 2px !important;
    border: solid 1px #BBB !important;
}
.ui-dialog .ui-dialog-content {
    overflow: unset !important;
}
.ui-dialog .ui-dialog-title {
    padding: 2px !important;
}
.ui-dialog .ui-dialog-titlebar-maximize {
    width: 19px !important;
    height: 18px !important;
    margin-left: 1px !important;
    border-radius: 2px !important;
}
.ui-icon-arrow-4-diag {
    background-position: -17px -81px;
}
.ui-dialog .ui-dialog-title {
    margin-top: 3px !important;
    font-size: 8pt !important;
	font-weight: normal !important;
}

#Mover
{
	font-weight: 900;    
    margin-right: 5px;
    float: left;	
	cursor: move;
}

.fa-window-close:before {
    width: 19px !important;
    position: absolute;
    right: .3em;
    top: 1px !important;
    width: 19px;
    font-size: 13px;
    font-weight: bold;
    line-height: 13.5px;
    text-shadow: 0 1px 0 #ffffff;
    filter: alpha(opacity=25);
    -khtml-opacity: 0.25;
    -moz-opacity: 0.25;
    opacity: 1;
}

.icon-options {
    position: relative;
    left: 128px;
}
.ui-slider-horizontal {
    height: .8em;
    width: 55% !important;
    margin-top: 4px;
    left: -7px;
}
.range {
   position: relative;
    top: -20px;
    height: .8em;
    width: 107% !important;
    /* margin-top: -17px; */
    left: -6px;
}
.range-wrap {
  position: relative;
  width: 43%;
  padding: 1.5em 0; /*  Giving more room for hover  */
  max-width: 400px;
  left:25px;
  top:-14px
}

/* Custom Bar */
.range-wrap::before {
  content: "";
  background: linear-gradient(to right, #0145b8, #00e5e0, #00f25e);
  width: 100%;
  height: 8px;
  display: block;
  position: absolute;
  border-radius: 4px;
  top: 50%;
  transform: translateY(-50%);
  transition: height 100ms ease;
}

.range-wrap:hover::before {
  height: 10px;
}

/*  Hide Original */
.range {
  width: 100%;
  cursor: pointer; 
}

.bubble {
  background: white;
  border: 3px solid #cbd2da;
  position: absolute;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  top: 30%;
  transform: translateY(-50%);
  pointer-events: none; /* Remove pointer events on Bubble so user can click on the actual thumb beaneath it!  */
  color: transparent;
  display: grid;
  place-items: center; /*  Place the number on the center  */
  font-weight: bold;
  font-size: 10px !important;
  transition: color 100ms ease, transform 100ms ease;
  user-select: none; /*  Prevent Accidentally highlighting the number while sliding the cursor  */
}

#layer-opacity-bubble:hover .bubble,
#layer-opacity-bubble:focus .bubble {
  color: black;
  transform: translateY(-50%) scale(1.5);
  padding: 0.1em;
}
.ol-ext-dialog > form.ol-title h2 {
    display: block;
    flex-direction: column;
    align-items: center;
    /*margin-top: -14px !important;
    margin-left: -14px !important;
    margin-right: -14px !important;*/
    background-color: #233A7D;
    border-radius: -14.75em .25em 0 0;
    color: white;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    border-radius: 0px;
    padding: 1.25em;
}
.ol-ext-dialog.ol-wmscapabilities form {
	    position: fixed;
    /* top: 0; */
    left: 50%;
    padding: .2em;
    width: 390px;
    overflow: hidden;
    outline: 0;
    padding: 16px !important;
    border-radius: 3px;
    max-height: calc(85% - 1em);
    /* width: 392px; */
    min-height: 15em;
    top: 15%;
    -webkit-transform: translate(-50%, 0);
}
.ol-ext-dialog > form .ol-closebox {    
    top: 0.5em;    
}

#barraHerramientasbuffer
{
	text-align: center !important;
}
.swal2-container {
    z-index: 100001 !important;
	cursor: default !important;
}

.disabled{
  pointer-events: none;
  cursor: not-allowed!important;  
  color: grey;
}
.servicios{
	cursor: pointer;
	margin-right: 8px;
	margin-bottom: 8px;
	height: 20px;
	color:white;
	width: auto;
	font-size:9px;
	text-align:center;
	background-color: #032e46 !important;
	border: 1px solid #024464;
	border-radius: 4px;	   
}
.servicios label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal !important;
    padding: 1px;    
	cursor: pointer;
}
div#legend {
    background-color: #fff;
    overflow: scroll;
    position: relative;
    min-width: 340px;
    height: fit-content !important;
    width: inherit;
    max-height: 500px;
    min-height: fit-content;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 5;
    padding: 2px;
    border-radius: 4px;
}

#aceptarWidget {
    position: absolute;
    right: 86px;
}

#layer-opacity-bubble {
    position: relative;
    top: 6px;
    left: -120px;
    height: 16px;
    width: 100%;
}

.mv-layer-settings {
    display: block;
    position: relative;
    float: left;
    margin-left: 122px;
    height: 35px;}
	
#opa-fileUpload p {
    font-size: smaller;
}

#opa-fileUpload input {
	margin-left: auto !important;
    margin-right: auto !important;
    position: relative;
    left: -7px;
    margin-bottom: -27px;
}

.optionsimg {
    background: #f7f7f5;
    display: none;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%; 
    border-radius: 50%;
    border-style: solid;
    border-color: #F3C78D;
    width: 60px;
    height: 60px;
    font-size: 12px;
}

.optionsimg span {
    color: #000000;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    width: 100%;
   left: 50%;
   top: 50%; 
   transform: translate(-50%, -50%);
}

#option1{
    transform: translate(-100%, -150%);
}

#option2{
    transform: translate(-160%, -40%);
}

#option3{
    transform: translate(-50%, 50%);
}

#option4{
    transform: translate(60%, -40%);
}

#option5{
    transform: translate(15%, -150%);
}

.carrusel
{
	height: fit-content;
    width: fit-content;
    background-color: #ccc;
    overflow: auto;
    overflow-y: auto;
    overflow-y: hidden;
    margin: 0 auto;
    white-space: nowrap;
	min-width: 260px;
    position: fixed;
    top: 90%;
    left: 0;
}

.carrusel li
{
	border: 1px solid black;
	background-color: #fff;
	display: inline-block;
	margin: 2px;
}
.carrusel li:hover
{
	border: 2px solid #3498db;
	cursor: pointer;
}

.car-active
{
	border: 2px solid red !important;
	margin-top: 0px;
}

.carrusel li img
{
	width: 79px;
	height: 79px;
}
#dialog-extend-fixed-container{
	    z-index: 100000 !important;
}

#iconhelp{
	position: relative;
    right: 90px;
    margin-top: 8px;
    padding-top: 7px;
	margin-left: 10px;
}


.sweet_containerImportant {
z-index: 1 !important;
    justify-content: left;
    margin: 0;
    padding: 1em 0em !important;
    color: #545454 !important;
    font-size: 1.125em !important;
    font-weight: 400 !important;
    line-height: normal !important;
    text-align: left !important;
    word-wrap: break-word !important;}

.swal2-content label {
   display: inline-block;
    max-width: 100%;
    margin-bottom: -2px;
    font-weight: normal !important;
    padding: 0px;
}
.swal2-validation-message {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0.625em;
    overflow: hidden;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300;    
	margin: 0px;
}
.swal2-popup.swal2-toast {
  background-color: #024464 !important;
  border: 3px solid white;
  position: relative !important;
  -webkit-animation: swal2-show .5s !important;
  animation: swal2-show .5s !important;
}
.swal2-popup.swal2-toast .swal2-icon {
font-size: 1.2em !important;
}
.swal2-popup.swal2-icon.swal2-success .swal2-success-ring {
width: 2em !important;
height: 2em !important; }

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
top: .875em !important;;
width: 1.375em !important; }
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
left: .3125em !important; }
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
right: .3125em !important; }
.swal2-timer-progress-bar {
    width: 100%;
    height: 0.55em;
    background: rgb(54 183 21);
}

.swal2-popup.swal2-icon {
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0;
	font-size: 1.2em !important;
}

.swal2-popup .swal2-toast .swal2-success [class^="swal2-success-circular-line"][class$="left"] {
    top: -0.8em;
    left: -0.5em;
    transform: rotate(-45deg);
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em;
}
.swal2-success-circular-line-left{
	background-color: rgb(2 68 100)!important; 
}
.swal2-success-circular-line-right{
	background-color: rgb(2 68 100)!important; 
}
.swal2-success-fix{
	background-color: rgb(2 68 100)!important; 
}

.swal2-icon {
    font-size: .4em !important;
}
.swalcustom-header {  
	display: flex; 
    flex-direction: row!important;  
	left: -125px;
}
.swalcustom-header .swal2-title{ 
	 
	left: -125px;
}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: 0.3125em;
    border-radius: 0.65em;
    background-color: #f27474;
}

.swal2-input {
    height: 2.625em;
    padding: 9px 0.75em;
}

input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input{
	display: inline-block;
    padding: 13px;   
    line-height: 18px;    
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    width: 100%;
    transition: border-color 0.3s, box-shadow 0.3s;    
    background: inherit;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 6%);
    color: inherit;
    font-size: 1.125em;
}
	
.swal2-input, .swal2-textarea {
    box-sizing: border-box;
    width: 100%;
    transition: border-color 0.3s, box-shadow 0.3s;
    border: 1px solid #d9d9d9;
    border-radius: 0.1875em;
    background: inherit;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 6%);
    color: inherit;
    font-size: 1.125em;
}
input:optional {
  border-color: gray;
}
input:required:valid {
  border-color: green;
}
input:invalid {
  border-color: red;
}
input:required:focus:valid {
  background: url("images/hand-thumbs-up.svg") no-repeat 95% 50% lightgreen;
  background-size: 25px;
}
input:focus:invalid {
  background: url("images/exclamation-triangle-fill.svg") no-repeat 95% 50% lightsalmon;
  background-size: 25px;
}
textarea:required:valid {
  border-color: green;
}
textarea:invalid {
  border-color: red;
}
textarea:required:focus:valid {
  background: url("images/hand-thumbs-up.svg") no-repeat 95% 50% lightgreen;
  background-size: 25px;
}
textarea:focus:invalid {
  background: url("images/exclamation-triangle-fill.svg") no-repeat 95% 50% lightsalmon;
  background-size: 25px;
}
.claseBotonActivado {
	background-color: rgb(3, 46, 70)!important;
	 color: #ffffff !important;
}
.carousel-inner {
    border: 0px !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
}

.sede-button {
    padding: 10px 20px;
    background-color: #007bc4;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.sede-button:hover {
    background-color: #032b53;
}