@charset "UTF-8";
body {
  margin: 0;
  font-family: 'Fira Sans', sans-serif;
  font-size: 1rem;
  color: black;
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  flex-direction: column;
}
#dvcuerpo {
  /* border: 2px solid red; */
  width: 100%;
  height: 100%;
  padding: 0px;
  box-sizing: border-box;
  background-image: url("../images/whback7.jpg");
  background-position-x: center;
  background-position-y: bottom;
  background-size: cover;
}
.dvmodulos{
  position: absolute;
  z-index: 999999999;
  background-color: white;
  width: 90%;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  padding: 1%;
  box-sizing: border-box;
}
.dvhistoriales{
  position: absolute;
  z-index: 999999999;
  background-color: white;
  width: 90%;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  padding: 1%;
  box-sizing: border-box;
}
#frmaduser{
  width:35%;
  display: flex;
}
.varios{
	display: flex;
  flex-direction: column;
  margin-top: 2em;
}
.variante{
	margin-left: 10px;
}
#dvvideo {
  width: 100%;
  height: 100vh;
  background-image: url("../images/fondo-parking.jpg");
  background-position: center;
  background-size: cover;
}
#dvcontactos {
  left: 41%;
  top: 62%;
  position: absolute;
  background-color: rgba(0,0,0,0.6);
  width: 16%;
  text-align: center;
  padding: 15px 0;
  font-size: 1.3rem;
  color: white;
}
#camposinvisibles, #hscamposinvisibles{
	display: none !important;
}
#tcol{
  color:black;
}

th {
	text-align: left;
}

.stltabcmm{
  width: 100%;
}

#dvadbotones, #dvbotoneswrn, #dvbotonesusr, #dvbotonesbwlist, #dvbotonesperm, #dvbotonestnt, #dvbotonescmm1, #dvbotonescmm, #dvbotonesyrd, #hsdvbotonescmm, #hsdvbotonescmm1 {
  display: flex;
  height: 100%;
	width: 100%;
	padding: 5px 5px;
	box-sizing: border-box;
	flex-direction: column;
}
#dvbotonesperm2{
  height: 100%;
	width: 100%;
	padding: 5px 5px;
	box-sizing: border-box;
	flex-direction: column;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#dvbotonesperm2 > div {
  padding: 0 15px;
}
#dvbotonescmm2 {
  display: flex;
  height: 100%;
	width: 100%;
	padding: 5px 5px;
	box-sizing: border-box;
	flex-direction: column;
  align-items: center;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.divmueve{
  overflow-y: scroll;
  height: 80%;
}
.btntop {
	width: 100px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	background: #00455A;
	color: white;
	cursor: pointer;
	height: 25px;
	font-size: 1em;
}
.btntop2 {
	width: 100%;
	padding: 5px 0px 0px 0px;
	text-align: center;
	background: #00455A;
	color: white;
	cursor: pointer;
	height: 30px;
	font-size: 1em;
	align-content: center;
}
#mnubtn13:hover, #mnubtn131:hover, #mnubtn132:hover {
  background-color: unset;
  color: unset;
}
.btntop:hover {
	background: #00AED0;
	color: #00455A;
}
.btnmostaza{
  background:#f1c40f ;
  color: black;
}
.btnazul{
  background: #2e86c1;
}
.btnverde{
  background: #1e8449;
}
.btnrojo{
  background: #cb4335;
}
.nalt {
  background-color: #ffffff;
  color: black;
}
.alt {
  background-color: #d9d9d9;
  color: #00455A;
}
.esperando {
  background-color: #d6e01a;
  color: black;
}
.negado {
  background-color: #f85d5d;
  color: white;
}
.sel {
  background-color: #35bfec;
  color: #000;
}
/* MENU RESPONSIVE - INICIO */
.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

.topnav a.active1 {
  background-color: #44d1df;
  color: black;
}

.topnav .icon {
  display: none;
}

/* MENU RESPONSIVE - FIN */

.hide{
  display: none;
}
.show{
  opacity: 1;
  transition: opacity 1s;
}

/* PAGINA DE INICIO - INICIO */

.dvaduscol1 {
	flex: 2;
  border: 1px solid gray;
  border-radius: 10px;
}
.dvaduscol2 {
	flex: 1;
}
#dvinicio {
  width: 100%;
	height: 100%;
	box-sizing: border-box;
	/*background-color: antiquewhite;*/
  display: flex;
  justify-content: center;
  align-items: center;
}
#logogrande {
	/* border: 1px solid black; */
	/* display: flex; */
	height: 50%;
	width: 50%;
  display: flex;
  align-items: baseline;
  justify-content: center;
}
#logodeinicio{
  width: 60%;
  height: auto;
}
/* PAGINA DE INICIO - FIN */

/* PAGINA DE LOGIN - INICIO */

#contenedorlogin {
  position: absolute;
  /*width: 75%;*/
  /*height: 40%;*/
  background: url("../images/elements/cristal.jpg") no-repeat center;
  background-size: contain;
  border-radius: 10px;
  /*display: flex;
  flex-direction: column;
  justify-content: center;*/
  left: 40%;
  /*border: 3px solid red;*/
  padding: 2%;
}
#agrupadologin {
	display: flex;
	flex-direction: column;
  padding: 5%;
}
.subtextlogin{
  display: flex;
  margin: 1em 0;
}
.lginput {
	width: 100%;
}
.txtlogin {
	display: flex;
}

/* PAGINA DE LOGIN - FIN */

/* PAGINA DE USERS - INICIO */

#dvusercuerpo{
  display: flex;
  flex-direction: row;
  /*border: 1px solid red;*/
}
.dvaduscol {
  display: flex;
	/*border: 1px solid black;*/
	padding: 1%;
	box-sizing: border-box;
  flex-direction: column;
  width: 50%;
}
.dvaduscolhs {
  display: flex;
	/*border: 1px solid black;*/
	padding: 1%;
	box-sizing: border-box;
  flex-direction: column;
  width: 70%;
}
.dvform{
  display: flex;
	flex-direction: column;
}
.tntgrupocols{
  display: flex;
	flex-direction: row;
}
.dvformcl{
  display: flex;
	flex-direction: column;
	margin-right: 15px;
}

.conjuntotablausr {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  /*border: 1px solid aqua;*/
  padding: 10px;
  box-sizing: border-box;
}
.admenu{
  margin: 5px 0px;
}
.admenuper{
  margin: 5px 0px;
  display: flex !important;
  margin-top: 15px;
}
#tabalusr {
  border-bottom: 1px solid gray;
  padding-bottom: 0.8em;
  height: 80%;
}

/* PAGINA DE USERS - FIN */

/* PAGINA DE TENANTS - INICIO */

#adtntbtn5{
  display: flex !important;
  margin-top: 2%;
}
.tntlcolor {
  border: 1px solid black;
  width: 10%;
}
.tntcolor1 {
  background: #d6e01a;
}
.tntcolor2 {
  background: #fb8585;
}
.tntctitulo {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  padding-left: 2%;
}
.tntleyenda {
  width: 70%;
  display: flex;
  margin-left: 10%;
}
.tntley {
  display: flex;
  width: 33%;
}
.grupitodocs{
  display: flex;
  flex-direction: row;
}
.dvproof{
  display: flex;
  width: 50%;
  padding: 3%;
}
.btntsend {
  width: 150px;
  padding: 5px 0px 0px 0px;
  text-align: center;
  background: #00455A;
  color: white;
  cursor: pointer;
  height: 50px;
  font-size: 1em;
  margin: 3%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btntsed:hover {
  background: #00AED0;
  color: #00455A;
}
#dvtenantscuerpo>.dvfila2, #hsdvtenantscuerpo>.dvfila2{
  height: 90%;
}
#frmtenant, #hsfrmtenant {
  display: flex;
  height: 100%;
  /*border: 1px solid black;*/
}
.divmuevetnt{
  height: 80%;
}
#tabaltnt, #hstabaltnt {
  overflow-y: scroll;
  display: flex;
  /*border: 1px solid red;*/
  height: 90%;
}
#dvtenants > h2 {
	margin: 0px;
}
.conjuntotablatnt {
  width: 100%;
  height: 75%;
  display: flex;
  flex-direction: column;
  /*border: 1px solid aqua;*/
  padding: 10px;
  box-sizing: border-box;
}
.dvadtntcol1 {
  flex: 2;
  border: 1px solid gray;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 100% !important;
  overflow-y: hidden;
}
.dvadtntcol2 {
  flex: 1;
}
#dvcomunicar {
  display: flex;
  flex-direction: row;
  padding: 1%;
}
#tntcol1, #tntcol2{
  display: flex;
  flex-direction: column;
  width: 50%;
}
.chktenant{
  padding-left: 2%;
}
#tntfileinput1,#tntfileinput2,#tntfileinput3,#tntfileinput4{
  display: none;
}
#dvproof0, #dvproof01, #dvproof02, #dvproof03{
	margin-top: 5% !important;
}
.tntfile{
  padding:10px 10px;
  width: 90%;
  background: #333;
  color: white;
  text-align: center;
  cursor: pointer;
  display: block;
  font-size: 0.8rem;
  margin: 5% 0%;
}
.btntntlisto{
  background: #04AA6D;
  text-decoration:none;
}
.btntntsubir{
  background: blue;
}

.dvfila1 {
  padding: 1em 0 1em 1em;
}
.dvfila2{
  display: flex;
  flex-direction: row ;
}
#dvtenantscuerpo{
  display: flex;
  flex-direction: column;
  /*border: 1px solid red;*/
  height: 65vh;
}
#tabcmmtnt {
  color: black !important;
}
.disabled-div {
  pointer-events: none;  /* Prevents mouse events */
  opacity: 0.5;         /* Makes the div look disabled */
  cursor: not-allowed;  /* Changes cursor to indicate disabled state */
}
.dvfilatnt1 {
	padding: 1em 0 1em 1em;
	display: flex;
}
#dvtntfinder1 {
	margin-right: 5%;
}
#dvtntfinder2 {
	display: flex;
	width: 30%;
}
.topmenu{
	display: flex;
	/*border: 1px solid red;*/
}
#topmenucell1 {
  flex: 4;
  display: flex;
  align-items: center;
}
#topmenucell2 {
  flex: 2;
  padding: 0px 5px;
  align-items: center;
	justify-content: center;
}
#topmenucell3 {
  flex: 2;
  padding: 0px 5px;
  align-items: center;
	justify-content: center;
}

/* PAGINA DE TENANTS - FIN */

/* PAGINA DE MANAGER - INICIO */
  
  #frmmanagers{
    display: flex;
    width: 70%;
  }
  #admngbtn5{
    display: flex;
    margin-top: 2%;
  }
  .tntctitulo {
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    padding-left: 2%;
  }
  #frmmanager {
    display: flex;
  }
  .conjuntotablamng {
    width: 100%;
    /*height: 340px;*/
    display: flex;
    flex-direction: column;
    flex: 2;
    /*border: 1px solid aqua;*/
    padding: 10px;
    box-sizing: border-box;
  }
  .dvadmngcol1 {
    flex: 1;
    border: 1px solid gray;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
  }
  .dvadmngcol2 {
    flex: 1;
  }
  #mngcol1, #mngcol2{
    display: flex;
    flex-direction: column;
    width: 50%;
  }
  .dvfila1 {
    padding: 1em 0 1em 1em;
  }
  .dvfila2{
    display: flex;
    flex-direction: row ;
  }
  #dvmanagerscuerpo{
    display: flex;
    flex-direction: column;
    /*border: 1px solid red;*/
  }
  #tabcmmmng {
    color: black !important;
  }
  #dvformmng {
    width: 50%;
  }

/* PAGINA DE MANAGER - FIN */

/* PAGINA DE YARDAS - INICIO */

#dvyardcuerpo {
  display: flex;
	flex-wrap: wrap;
  width: 50%;
}
#dvadyrdcol1 {
	flex: 1;
  border: 1px solid gray;
  border-radius: 10px;
}
#dvadyrdcol2 {
	flex: 1;
}
.dvadyrdcol {
	display: flex;
	/*border: 1px solid black;*/
	padding: 1%;
	box-sizing: border-box;
}

/* #tabadcmm td, #tabalert0 th {
  border: 1px solid red;
} */
#conjuntotablayrd {
	width: 95%;
	/*height: 340px;*/
  display: flex;
  flex-direction: column;
  border: 1px solid aqua;
	padding: 10px;
	box-sizing: border-box;
}
.admenu{
	margin: 5px 0px;
}
#tabalusr {
  border-bottom: 1px solid gray;
  padding-bottom: 0.8em;
}
#tabadyrd {
  color:black !important; 
  font-size: 10pt; 
  table-layout: fixed; 
  cursor: pointer;
  width:100%; 
  height:60%;
}

/* PAGINA DE YARDAS - FIN */

/* PAGINA DE CREAR COMUNIDADES - INICIO */

#subdividir {
	display: flex;
}
.dvrsub1 {
	padding-right:2%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 50%;
}
.dvrsub2 {
	padding-left: 2%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 50%;
}
#cmbyrd {
  width: 50%;
}
#dvcambtns, #hsdvcambtns {
	display: flex;
	flex-direction: column;
	flex: 3;
}
#cmmtxtpspot {
	width: 40%;
}
.dvformcmm{
	display: flex;
	flex-direction: row;
  width: 100%;
}
#dvcambtnsf1, #dvcambtnsf2, #hsdvcambtnsf1, #hsdvcambtnsf2 {
  display: flex;
}
.admenucmm{
  margin: 5px 20px;
}
.admenucmm2{
  margin: 5px 20px;
  width: 70%;
}
.internotime {
	display: flex;
	align-items: center;
}
.cmmseparador{
  margin: 5% 0px;
}
#btnvercontrato{
  width: 100%;
  padding: 5px 0px 0px 0px;
  text-align: center;
  background: #f1c40f;
  color: black;
  cursor: pointer;
  height: 25px;
  font-size: 1em;
  border: 2px solid black;
  border-radius: 10px;
}
#frmadcmm {
	display: flex;
	/*border: 2px solid yellow;*/
	width: 100%;
}
#conjuntotablaad, #hsconjuntotablaad{
	width: 100%;
	height: 25vh;
  display: flex;
  flex-direction: column;
  border: 1px solid gray;
	padding: 10px;
	box-sizing: border-box;
}
.dvformclc1 {
  display: flex;
	flex-direction: column;
	padding: 1em;
  flex: 1;
}
#tabalcmm, .tabal0, #hstabalcmm{
  /*border: 1px solid red;*/
  width: 100%;
}
.cmmfrminputs{
  width: 100%;
}
.adcl1espaciado{
  padding: 0.5em;
}
.adcl2espaciado{
  padding: 0.5em;
  flex: 2;
}
.sinpaddingarriba{
  padding: 0px 1% !important;
}
.sinpadding{
  padding: 0px !important;
}
#cmmadstatus{
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
#showstatus {
	padding-top: 10%;
}
#status1 {
  width: 80%;
  display: flex;
  padding: 2%;
  justify-content: center;
  color: white;
  background-color: green;
}
#status2 {
  width: 80%;
  display: flex;
  padding: 2%;
  justify-content: center;
  color: white;
  background-color: red;
}
#status3{
  width: 80%;
  display: flex;
  padding: 2%;
  justify-content: center;
  color: white;
  background-color: red;
  text-align: center;
}
.hastafechadiv{
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 2%;
  justify-content: center;
}
#hastafecha{
  width: 100%;
  display: flex;
}
#cmmareacomen {
	max-width: 100%;
	max-height: 350px;
}

/* PAGINA DE CREAR COMUNIDADES - FIN */

/* PAGINA DE CREAR BWLIST - INICIO */

.bwfila {
  display: flex;
}
.bwlistclm {
  display: flex;
  flex-direction: column;
}
.bwdividida>div{
  width: 50%;
}

/* PAGINA DE CREAR BWLIST - FIN */

/* PAGINA DE WARNINGS - INICIO */

#dvwarningscuerpo {
  width: 65%;
}
#dvwarningprimera, #dvwarningsegunda, #dvwarningtercera {
  display: flex;
  flex-direction: column;
  margin-top: 2%;
}
#tabalvio {
  width: 100%;
}
.divmuevewarning{
  overflow-y: scroll;
  height: 80%;
  width:100%;
}
.dvfila2warning{
  display: flex;
  flex-direction: row;
  width: 70%;
}
.dvwarningcol1 {
  flex: 1;
  border: 1px solid gray;
  border-radius: 10px;
}
.dvwarningcol2 {
  flex: 1;
}
.dvformwarning {
  display: flex;
	flex-direction: column;
}
.dvwardetal {
  display: flex;
  flex-direction: column;
}
.dvwardetalcol1 {
  width: 20%;
}
.dvwardetalcol2 {
  width: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dvwardetalcol {
  width: 33%;
}
#dvbotoneswrn{
  display: flex;
  height: 100%;
  width: 100%;
  padding: 5px 5px;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: space-around;
}
.buscawarning {
  margin-left: 2%;
  cursor: pointer;
}
#vltxtplate,#cmbwarningr1,#cmbwarningr2 {
  margin-left: 2%;
}
#vltxttowdate1,#vltxttowdate2 {
  width: 85%;
}
.buscawarning{
  width: 5%;
  cursor: pointer;
}
.borrarwarning{
  width: 50%;
  cursor: pointer;
  height: 25px;
}
#btnviophoto1, #btnviophoto2{
  width: 100%;
  padding: 5px 0px 0px 0px;
  text-align: center;
  background: #f1c40f;
  color: black;
  cursor: pointer;
  height: 25px;
  font-size: 1em;
  border: 2px solid black;
  border-radius: 10px;
}

/* PAGINA DE WARNINGS - FIN */

/* PAGINA DE UNITS - INICIO */

#dvlimitcol0,#dvlimitcol01 {
	margin-top: 20px;
  border-bottom: 1px solid rgb(4,170,109);
}
.unitsinput{
  width: 60%;
  border: 1px solid gray;
  border-radius: 4px;
}
#dvbotonesunits {
	margin-top: 20px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#dvbotonesunits {
	margin-top: 20px;
}
#dvlimitcol1, #dvlimitcol2, #dvlimitcol3, #dvlimitcol4, #dvlimitcol5, #dvlimitcol6, #dvlimitcol7 {
  display: flex;
  flex-direction: column;
  width: 95%;
	display: flex;
	flex-direction: row;
}
.limitcol {
	display: flex;
	/*flex: 1;*/
	/*justify-content: center;*/
  /*margin-top: 10px;*/
}
.cbld{
  width: 35%;
}
.cunit{
  width: 25%;
  display: flex; 
  flex-direction: column;
}
.cunitv{
  display: flex; 
  flex-direction: row;
}
.unitsinput {
	width: 20%;
}
.dvformclunit{
  display: flex;
	flex-direction: column;
	margin-right: 15px;
  width: 80%;
}
.dvformclunit2{
  display: flex;
	flex-direction: column;
	/*margin: 15px 15px 0 0;*/
}
#frmunits {
	display: flex;
	width: 65%;
}
.dvadunitcol1 {
  flex: 1;
  border: 1px solid gray;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 250px !important;
  width: 35% !important;
}
.dvadunitcol2 {
  width: 65% !important;
  padding: 0px 1% 1% 1% !important;
}
#dvunitmensajito1, #dvunitmensajito2, #dvunitmensajito3 {
  color:#cb4335
}
#dvunitsheader1,#dvunitsheader2,#dvunitsheader3,#dvunitsheader4,#dvunitsheader5,#dvunitsheader6{
  width: 100%;
  height: 100vh;
  background-color: rgba(41, 40, 40, 0.9);
  position: fixed;
  z-index: 9999999999;
  top: 0px;
  display: flex;
  justify-content: center;
  left: 0px;
  align-items: center;
}
.q1popup{
  position:absolute;
  width:500px; 
  margin-left:-250px;
  border:1px solid blue; 
  padding:20px;
  background-color:white;
  height: 10%;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
.q1pregunta{
  display: flex;
  justify-content: center;
  width: 100%;
}
.q1botones{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
}
.popq1y{
  cursor: pointer;
  border: 1px solid green;
  width: 120px;
  background-color: green;
  color: white;
  display: flex;
  justify-content: center;
  padding: 5px 0px;
}
.popq1n{
  cursor: pointer;
  border: 1px solid red;
  width: 120px;
  background-color: red;
  color: white;
  display: flex;
  justify-content: center;
  padding: 5px 0px;
}
.conjuntotablaunit {
  width: 100%;
  height: 75%;
  display: flex;
  flex-direction: column;
  /*border: 1px solid aqua;*/
  padding: 10px;
  box-sizing: border-box;
}

/* PAGINA DE UNITS - FIN */

/* PAGINA DE PERMITS - INICIO */

#flcmmtnt > div {
  margin-right: 50px;
}
#flcmmtnt {
  display: flex;
}
.dvaduscolper {
  display: flex;
	/*border: 1px solid black;*/
	/*padding: 1%;*/
	box-sizing: border-box;
  flex-direction: column;
}
.dvadpercol1 {
  width: 50%;
  /*border: 1px solid gray;*/
  border-radius: 10px;
  height: 420px !important;
}
.dvadpercol2 {
  display: flex;
  /*border: 1px solid black;*/
  padding: 1%;
  box-sizing: border-box;
  flex-direction: column;
  width: 50%;
}
#frmpermits {
  width: 60%;
}
.conjuntotablaper {
  width: 97%;
  height: 400px;
  display: flex;
  flex-direction: column;
  /*border: 1px solid aqua;*/
  padding: 10px;
  box-sizing: border-box;
  margin:15px;
}
.dvformcltemp {
	/*border: 1px solid black;*/
	display: flex;
	flex-direction: row;
	width: 90%;
  margin-right: 15px;
}
.dvclpertext {
	/*border: 1px solid red;*/
	display: flex;
	flex-direction: column;
  width: 50%;
}
.perceldita {
  width: 95%;
  display: flex;
  flex-direction: row;
  padding: 3px;
}
.perinputcel{
  width: 90%;
}
.miniceldita{
  width: 50%;
  display: flex;
}
.titulitominicel{
  color: #04AA6D;
  font-size: 1.1rem;
}

/* PAGINA DE PERMITS - FIN */

/* PAGINA DE HISTORY - INICIO */

#historyfila {
  display: flex;
  align-items: center;
}
.desplegahistorial {
  margin-left: 5%;
}

/* PAGINA DE HISTORY - FIN */

/* PAGINA DE CREAR TOWTICKET - INICIO */

#dvtowticket {
  overflow-x: hidden;
}
.dvtowmenu{
  display: flex;
  flex-direction: row;
  width: 100%;
}
.dvpartetmeu{
	/*border: 1px solid blue;*/
	display: flex;
	width: 40%;
}
#dvpartetmeu{
  align-items: center;
}
#dvescogerpildora {
  display: flex;
  /*border: 1px solid red;*/
  width: 75%;
  height: 100%;
}
#cmbcmmtow {
	width: 100%;
}
.twfila {
  display: flex;
}
.btnpildoratop {
	width: 120px;
	text-align: center;
	background: #00455A;
	color: white;
	cursor: pointer;
	height: 50px;
	font-size: 1em;
	border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 0px 15px;
  box-sizing: border-box;
}
#dvescogerpildora {
  display: flex;
}
#dvopcion1, #dvopcion2 {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 5%;
	box-sizing: revert;
  justify-content: center;
  align-items: center;
}
.opciontextico {
	text-align: center;
}
#dvtowticketcuerpo {
  display: flex;
  width: 100%;
  /*border: 1px solid;*/
  height: 55%;
}
#frmtowticket {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.dvformtow{
  display: flex;
}
.towticketclm {
  display: flex;
  flex-direction: column;
}
.dvformtowcl{
	display: flex;
	flex-direction: column;
	margin-right: 15px;
  /*border: 1px solid red;*/
  width: 23%;
}
.dvtowcol1 {
	width: 40%;
  border: 1px solid gray;
  border-radius: 10px;
}
.dvtowcol2 {
	width: 60%;
}
.dvtowcol {
	display: flex;
	/*border: 1px solid black;*/
	padding: 1%;
	box-sizing: border-box;
}
#dvtowbotones {
  display: flex;
  height: 100%;
	width: 100%;
	padding: 5px 5px;
	box-sizing: border-box;
	flex-direction: column;
}

/* PAGINA DE CREAR TOWTICKET - FIN */

/* PAGINA DE PAYMENTS - INICIO */

.divmuevepay{
  overflow-y: hidden;
  height: 80%;
}
.dvpaycol1 {
	width: 40%;
  border: 1px solid gray;
  border-radius: 10px;
}
.dvpaycol {
	display: flex;
	/*border: 1px solid black;*/
	padding: 1%;
	box-sizing: border-box;
}
.fondopay{
  background-image: url("../images/parking-bg1.jpg");
  background-position-x: center;
  background-position-y: bottom;
}
#paygroup{
  width: 70%;
  display: flex;
}
.colpay{
  display: flex;
  flex-direction: column;
}
#imagepayment{
  width: 70%;
}
#cl1{
  width: 60%;
  padding: 0px 5%;
  box-sizing: border-box;
}
#cl2{
  width: 40%;
}
.payinput{
  width: 50%;
}
.btnpagos{
  display: flex;
  flex-direction: row;
  width: 65%;
  margin-top: 5%;
}
.botoncitopay{
  display: flex;
  flex: 1;
  align-items: center;
}
.submit1 {
  width: 80%;
  height: 60%;
}
.popay{
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	text-align: center;
	width: 80%;
	padding: 5%;
}
.popay > input[type="submit"] {
  border: 0;
  outline: none;
  padding: 10px 5px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #00509d;
  color: white;
  width: 100%;
  box-shadow: 2px 0px #00509d;
}

.popay > input[type="submit"]:hover {
  background: #ff7d00;
  color: black;
  font-weight: bold;
  box-shadow: 2px 0px #ff7d00;
}

.back {
	width: 80%;
	outline: none;
	border: 0;
	padding: 10px 7px;
	text-transform: uppercase;
	margin: 10px;
	background-color: rgb(51, 9, 238);
	text-align: center;
	color: whitesmoke;
  border-radius: 5px;
}
#logopayfinal {
	width: 100%;
	display: flex;
	align-items: center;
  margin-bottom: 5%;
}
.formpayments {
	display: flex;
	width: 100%;
}
.payfilagroup{
	display: flex;
  flex-direction: column;
  width: 50%;
  align-items: center;
  padding-bottom: 2%;
}
.stripe-button-el {
  margin-top: 5%;
}
.success-container{
  display: flex;
  flex-direction: column;
  width: 90%;
  height: 100%;
  /*border: 1px solid red;*/
  align-items: center;
  background-image: url("../images/recibo3.png");
  background-position-x: center;
  background-position-y: top;
  background-size: cover;
  background-repeat: no-repeat;
}
#logorecipe {
	width: 80%;
	display: flex;
	align-items: center;
	margin: 5%;
}
#contenidorecipe{
  display: flex;
  flex-direction: column;
  /*border: 1px solid blue;*/
  width: 70%;
  align-items: center;
}
#dvpaymentscuerpo {
	display: flex;
  height: 65%;
  overflow-y: hidden;
}
#tabalpayments {
  height: 75%;
  overflow-y: scroll;
}

/* PAGINA DE PAYMENTS - FIN */

/* RESPONSIVES - INICIO */

@media screen and (max-width: 500px) { /* TELEFONOS */
  #contenedorlogin {
    left: 25%;
    border: 3px solid blue;
    top: 30%;
  }
  #myVideo {
    display: none;
  }
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .dvmodulos {
    top: 15%;
    /*border: 2px solid black;*/
    scrollbar-color: #001e38 #e1dfc5;
  }
}

@media screen and (max-width: 900px) and  (min-width:600px){/*TABLETS*/
  #contenedorlogin {
    left: 32%;
    border: 3px solid green;
    top: 30%;
  }
  .dvmodulos{
    top: 15%;
    /*border: 2px solid blue;*/
    scrollbar-color: #001e38 #e1dfc5;
  }
  .stltabcmm{
    width: 80%;
  }
  #dvusercuerpo {
    flex-direction: column;
  }
}

@media screen and (max-width: 1200px) and  (min-width:910px){/*TABLETS*/
  #contenedorlogin {
    left: 40%;
    border: 3px solid yellow;
    top: 20%;
  }
  .dvmodulos{
    top: 12%;
    height: 75%;
    overflow-y: scroll;
    /*border: 2px solid green;*/
    scrollbar-color: #001e38 #e1dfc5;
  }
  .stltabcmm{
    width: 80%;
  }
  #dvusercuerpo {
    flex-direction: column;
  }
  #conjuntotablaad {
	  width: 100%;
    border: 1px solid yellow;
  }
}

@media screen and (min-width: 1300px) {/*PCS*/
  #contenedorlogin {
    left: 42%;
    border: 3px solid orange;
    top: 30%;
  }
  .dvmodulos{
    top: 16vh;
    height: 80vh;
    overflow-y: auto;
    /*border: 2px solid red;*/
    scrollbar-color: #001e38 #e1dfc5;
  }
}

/* RESPONSIVES - FIN */