html .ui-page-theme-d .ui-btn.ui-btn-active, html .ui-bar-d .ui-btn.ui-btn-active, html .ui-body-d .ui-btn.ui-btn-active, html body .ui-group-theme-d .ui-btn.ui-btn-active, html body .ui-btn.ui-btn-d.ui-btn-active, html .ui-page-theme-d .ui-flipswitch-active, html .ui-bar-d .ui-flipswitch-active, html .ui-body-d .ui-flipswitch-active, html body .ui-group-theme-d .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-d.ui-flipswitch-active, html .ui-page-theme-d .ui-slider-track .ui-btn-active, html .ui-bar-d .ui-slider-track .ui-btn-active, html .ui-body-d .ui-slider-track .ui-btn-active, html body .ui-group-theme-d .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-d .ui-btn-active {
background-color: #4b150d;
}        
@font-face {
    font-family: myFirstFont;
    src: url(sansation_light.woff);
}
body {
    font-family: myFirstFont !important;
}
*p {            
    padding:0px;
    margin-bottom:0px;
    font-family: myFirstFont !important;
}
p.header {
    font-size:24px;
    font-weight: bold;
}
p.sub-header {
    font-size:26px;
    font-weight: bold;
}
.choice {
    font-size:16px;
}  
.ui-radio .ui-btn.ui-radio-on:after {
    border-radius:10px;
    width: 18px;
    height: 18px;
}  
.green{
    background:#95811b !important;
} 
.gray{
    background:#655454e0 !important;
}
#city-button{
    background:#95811b !important;
}    
.blue{
    background:#45747f !important;
}     
.orange, #typegroup-button{
    background:#c3530f !important;
} 
.white, #site-button{
    background:#ffffff !important;
} 
.text_black{
    color:black;
}
.p15 {
    padding-left:15px;
    padding-right:15px;
} 
.p10 {
    padding-left:10px;
    padding-right:10px;
}
table.sv, th, td, tr {
    border:none;      
    background-color: #ffffff00 !important;
}
td.w30 {
    width: 30%;
}
.small {
    width:18%;
    margin-right:5px;
    width: fit-content;
}
.row {
    margin:0px;
}
.border_top {            
    border-top: 1px solid black;
    margin-top: 10px;
    padding-top: 10px;
}
.sub {            
    width: 20% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    background: #3c4b11 !important;
    border-radius: 20px !important;
    font-family: myFirstFont !important;
}
.pdout .ui-btn {
    padding: 0.7em 0em !important;
}
.w70 {
    width: 70% !important;
}

.w20 {
    width: 20% !important;
}
#inputYokN .ui-input-text:first-child {
    width: 70% !important;
    float:left;
    margin: 0px 0px 8px 0px;
}
#inputYokN .ui-input-text:nth-child(2){
    width: 30%;
    float: right;
    margin: 0px 0px 8px 0px;
}
#inputSermN .ui-input-text:first-child {
    width: 70% !important;
    float:left;
    margin: 0px 0px 8px 0px;
}
#inputSermN .ui-input-text:nth-child(2){
    width: 30%;
    float: right;
    margin: 0px 0px 8px 0px;
}
.cssforyokn {
        width: 70%;
        border: none;
        height: 36px;
        margin-bottom: 8px;
        padding-left: 8px;
        border-right: 4px solid #eeeeee;
}
.cssforyokh {
        border: none;
        padding-left: 6px;
        width: 30%;
        height: 36px;
        padding-left: 8px;
}
.p22 {
    font-size:22px !important;
}
.p26 {            
    font-size:26px !important;
}
.p28 {            
    font-size:28px !important;;
}
@media only screen and (max-width: 600px) {
    *input {
        font-size:16px;
    }
  }