.pageC {margin-top: 15px;margin: auto;font-size:18px;width:70%;}

input[type=text], input[type=number], select, textarea {
    width: 90%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

.label1 {
    padding: 12px 0 12px 0;
    display: inline-block;
    min-width: 0 !important;
}

form label {font-size: 1em;}

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 8px 10px;
    text-align: center;
    text-decoration: none;
    /*display: inline-block;*/
    font-size: 18px;
    margin: 4px 2px;
    cursor: pointer;
    box-sizing: content-box;cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;            
}

.button1 {background-color: #FBA039;border-radius: 4px;}
.button1:hover { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}
.button2 {background-color: #165CE8;border-radius: 4px;}
.button2:hover { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}
.button3 {background-color: #00C0FF;border-radius: 4px;}
.button3:hover { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}
.button4 {background-color: #FF2828;border-radius: 4px;}
.button4:hover { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}
.button5 {background-color: #00C0FF;border-radius: 4px;padding: 2px 10px !important;margin:0 !important}

.BT1{width:60%;margin:auto;}
.inputradio{height:20px;width:20px !important;margin-top:10px;}
.inputnumber {text-align:right;}
.timeC select {-webkit-appearance: none;width: 35px;padding-left: 5px;background-color:white;}
.TopicP{margin-top:15px;text-align:center;font-weight:bold;font-size:1.75em; width:100%;color:#31487C;}

@media screen and (max-width:1140px) {
    .pageC {margin-top: 15px;margin: auto;font-size:18px;width:80%;}
    .TopicP{margin-top:15px;text-align:center;font-weight:bold;font-size:1.5em; width:100%;}
}

@media screen and (max-width:800px) {
    .pageC {margin-top: 15px;margin: auto;font-size:18px;width:80%;}
    .button {font-size:14px;}
    .TopicP{margin-top:15px;text-align:center;font-weight:bold;font-size:1.5em; width:100%;}
    .titleA{font-size:1.2em !important;}
}

@media screen and (max-width:700px) {
    .pageC {margin-top: 15px;margin: auto;font-size:14px;width:100% !important;}
    .toolbar-through .page-content {padding: 0 !important;}
    .BT1{width:90%;margin:auto;}
    .button {font-size:14px;}
    .titleA{font-size:1.2em !important;}
    .list-block{font-size: 14px !important;}
    ul, li {font-size: 14px !important;}
    .Cplant{font-size: 14px !important;}

    input[type=text], input[type=number], select, textarea {
        font-size:12px !important;
    }
}