@font-face {font-family: "Roboto-light-bold"; src: local("Roboto-light-bold"), url("fonts/Roboto-lightCondensed-Bold.ttf"); }
@font-face {font-family: "Roboto-light"; src: local("Roboto-light"), url("fonts/Roboto-lightCondensed-ExtraLight.ttf"); }


.display-text {
display:inline;
}

::placeholder {
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:15px;
color:#000;
opacity: 1.0; 
}

::disabled selected hidden {
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:15px;
color:#000;
opacity: 1.0; 
}

.counter {
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:13px;
color:#000;
opacity: 1.0; 
}

.counter-text {
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:13px;
color:#000;
opacity: 1.0; 
}


input {
width:98%;
height:38px;
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:15px;
background-color:#fff;
color:#000;
border:1px solid #000;
}

select {
width:100%;
height:38px;
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:15px;
background-color:#fff;
color:#000;
border:1px solid #000;
}

input[type="checkbox"] {
width:20px;
height:20px;
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:15px;
vertical-align: middle;
background-color:#fff;
color:#000;
border:1px solid #000;
}

input[type="radio"] {
width:20px;
height:20px;
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:15px;
background-color:#fff;
color:#000;
border:1px solid #000;
position:relative;
top:5px;
}

input[type='file']::file-selector-button {
content: "";
width:32px;
height:32px;
color:#fff;
background-color:#fff;
border:0px solid #f59842;
margin-top:3px;
margin-left:10px;
background-image: url("../image/upload.png");
background-repeat: no-repeat;
z-index: 999;
} 

textarea {
width:99%;
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:15px;
background-color:#fff;
color:#000;
border:1px solid #000;
}

input[name="save"] {
width:100%;
height:38px;
font-family: Roboto-bold, sans-serif, Arial, Verdana;
font-size:15px;
background-color:#00CD66;
color:#fff;
border:0px;
}

.button-back {
width: 100%;
height: 38px;
font-family: Roboto-bold, sans-serif, Arial, Verdana;
font-size:15px;
color:#fff;
background-color:#000; 
}

.button-black {
width:120px;
padding-left:10px;
padding-right:10px;
height: 38px;
font-family: Roboto-bold, sans-serif, Arial, Verdana;
font-size:15px;
color:#fff;
background-color:#000; 
}

input[type='file'] {
width:400px;
}

.checkbox-text {
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:15px;
color:#000;
}




@media screen and (min-width: 481px) and (max-width: 1024px) {  
.display-text {
display:none;
}

}



@media screen and (min-width: 1px) and (max-width: 480px) {

.display-text {
display:none;
}

::placeholder {
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:12px;
color:#000;
opacity: 1.0; 
}

::disabled selected hidden {
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:12px;
color:#000;
opacity: 1; 
}


input {
width:98%;
height:24px;
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:12px;
background-color:#fff;
color:#000;
border:1px solid #000;
}

select {
width:102%;
height:30px;
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:12px;
background-color:#fff;
color:#000;
border:1px solid #000;
}

input[type="checkbox"] {
width:15px;
height:15px;
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:12px;
vertical-align: middle;
background-color:#fff;
color:#000;
border:1px solid #000;
}

input[type="radio"] {
width:15px;
height:15px;
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:12px;
background-color:#fff;
color:#000;
border:1px solid #000;
position:relative;
top:5px;
}

input[name="save"] {
width:100%;
height:30px;
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:13px;
background-color:#00CD66;
color:#fff;
border:0px;
}

input[type='file']::file-selector-button {
content: "";
width:30px;
height:30px;
color:#fff;
background-color:#fff;
border:0px solid #f59842;
margin-top:3px;
margin-left:10px;
background-image: url("../image/upload.png");
background-repeat: no-repeat;
z-index: 999;
} 

textarea {
width:98%;
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:12px;
background-color:#fff;
color:#000;
border:1px solid #000;
}

.button-back {
width: 100%;
height: 30px;
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:13px;
color:#fff;
background-color:#000; 
}

input[type='file'] {
width:400px;
}

.checkbox-text {
font-family: Roboto-light, sans-serif, Arial, Verdana;
font-size:12px;
color:#000;
}

}