@charset "UTF-8";

@font-face {
  font-family: 'Folks-Normal';
  src: 
       url('/_assets/Folks-Normal.ttf');
  font-stretch:expanded;
  font-style: normal;
  font-weight: normal;
	   
}

body {
  font-family: 'Folks-Normal';
  letter-spacing: 1px;
  background-color: #2b2f30;
  color:#fff;
  opacity:1;
  text-transform: uppercase;
}

input[type="text"],input[type="password"], textarea{
  border-radius: 10px;
  border: 1px solid #fff;
  font-size:0.9rem; 
  line-height:1.5;
  padding:0.375rem;
  background-color: #2b2f30;
  color: #fff;
  letter-spacing: 1px;
  
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

.Buttonnew {
  color: #000;
  border-radius: 0px;
  font-size:1rem; 
  line-height:1.5;
  border: 1px solid #fff;
  border-left: 1px solid #dbd867;
  border-top: 1px solid #dbd867;
  width: 300px;
  background-color: #c5bb01;

}

.Buttonnew:hover {
 /*background-color:  #2b2f30;
 color: #fff;*/
 font-size:1.2rem;
}
.selectbox {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;
  border: 1px solid #fff;
  font-size:0.9rem; 
  line-height:1.5;
  padding:0.375rem;
  background-color: #2b2f30;
  color: #fff;
  text-transform: uppercase;
  
}
.selectboxrep {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;
  border: 1px solid #fff;
  font-size:0.9rem; 
  line-height:1;
  padding:0.375rem;
  background-color: #2b2f30;
  color: #fff;
  text-transform: uppercase;
  
}
.selectboxrep option {
  font-size:0.9rem; 
  line-height:1;
  padding:0.375rem;
  background-color: #2b2f30;
  color: #fff;
  text-transform: uppercase;

}
.selectbox2 {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;
  border: 1px solid #fff;
  font-size:0.9rem; 
  line-height:1.5;
  padding:0.375rem;
  background-color: #2b2f30;
  color: #fff;
  text-transform: uppercase;
}

#selectpres option {
  font-size:0.9rem; 
  line-height:1.5;
  padding:0.375rem;
  background-color: #2b2f30;
  color: #fff;
  text-transform: uppercase;

}
#selectrecamaras option {
  font-size:0.9rem; 
  line-height:1.5;
  padding:0.375rem;
  background-color: #2b2f30;
  color: #fff;
  text-transform: uppercase;

}
#selectcondo option {
  font-size:0.8rem; 
  line-height:1.5;
  padding:0.375rem;
  background-color: #2b2f30;
  color: #fff;
  text-transform: uppercase;

}
labelflecha
{position: relative;}

labelflecha:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#fff;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
labelflecharep
{position: relative;}
labelflecharep:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#fff;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    /*right:8px;*/ top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
.selectflecha {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background: transparent;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;
  border: 1px solid #fff;
  font-size:0.9rem; 
  line-height:1.5;
  padding:0.375rem;
  background-color: #2b2f30;
  color: #fff;
  text-transform: uppercase;
}
.selectflecha::after {
 content:'<>';
    font:11px "Consolas", monospace;
    color:#fff;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
  
}



.butstyled, input[type="submit"], input[type="file"] {
    border: 0;
    line-height: 2.3;
    padding: 0 15px;
	margin-left:10px;
	margin-top:10px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    background-color: #c5bb01;
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
	text-transform: uppercase;	
	letter-spacing: inherit;
}

.butstyled:hover {
    background-color: #c5bb01;
}

.butstyled:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
}
.butstyled2 {
    border: 0;
    line-height: 2.3;
    padding: 0 15px;
	margin-left:10px;
	margin-top:10px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    background-color: #c5bb01;
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
   text-transform: uppercase;	
   letter-spacing: inherit;
}

.butstyled2:hover {
    background-color: #c5bb01;
}

.butstyled2:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
}
.titulo {
 font-size: 1.8rem;
 color:#c5bb01;
 
}
.campos {
margin-top: 10px;
width: 100%;
}
a.linksettings {
color:#fff;
font-size: 1.8rem;
}
a.linksettings2 {
color:#fff;
font-size: 1.5rem;
}
#property_file,#property_plan,#property_video {
width: 95%;
}
.ui-dialog .ui-dialog-content { background-color:#2b2f30;}