/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10 May, 2023, 11:43:43 AM
    Author     : developer
*/
/**
* B A C K G R O U N D
*
**/
.bodyArea{
    /*background-color: #152731;*/
    background: -webkit-radial-gradient(#12303F, #061219);
    min-height: 1024px;
   /*min-height: fit-content;*/
}
/*
* L A B E L
*
*/
.label,.label1,.label1a,.label2,.label2a,.label3,.label3a{
    font-family: 'Orbitron', 'sans-serif';
    font-size: 20px;
    font-weight: 400;
    color:#1EF2DB;
    padding:8px;
    padding-left: 12px;
    padding-right: 12px;
    /*width: 30%;*/
}
.label1a,.label2a,.label3a{
    font-family: 'Roboto', 'sans-serif';
}
.label1,.label1a{
    font-size: 10px;
}
.label2,.label2a{
    font-size: 11px;
}
.label3,.label3a{
    font-size: 12px;
}

/*
*  R A D I O  B U T T O N
*
*/

.radio1{
    width: 16px;
    height: 16px;
}
.radio2{
    width: 18px;
    height: 18px;
}
.radio3{
    width: 20px;
    height: 20px;
}
.radio4{
    width: 22px;
    height: 22px;
}
.radio5{
    width: 24px;
    height: 24px;
}
.radio6{
    width: 26px;
    height: 26px;
}
.radio7{
    width: 28px;
    height: 28px;
}
.radio8{
    width: 30px;
    height: 30px;
}
.radio9{
    width: 32px;
    height: 32px;
}
.radio10{
    width: 34px;
    height: 34px;
}

/*
* B U T T O N
*
*/

.button,.button1,.button2{
    text-shadow:2px 2px 18px #1EF2DB;
    font-family: 'Orbitron', 'sans-serif';
    font-size: 20px;
    font-weight: 400;
    color:#1EF2DB;
    background-color: #061219;
    border: 1px solid #12303F;
    /*border-radius: 50px;*/
    padding:10px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 16px;
    margin:8px;
}
.button1{
    font-family: 'Roboto', 'sans-serif';
}
.button2{
    font-family: 'Roboto', 'sans-serif';
    font-size: 14px;
    /*border-radius: 50px;*/
    padding:2px;
    padding-right: 4px;
    padding-left: 4px;
    border-radius: 12px;
    margin: 2px;

}
.button:hover,.button1:hover{
    border-color:#1EF2DB;
}

.shadowButton1a,.shadowButton2a,.shadowButton3a,.shadowButton4a,.shadowButton5a,
.shadowButton6a,.shadowButton7a,.shadowButton8a,.shadowButton9a,.shadowButton10a,
.shadowButton11a,.shadowButton12a,.shadowButton13a,.shadowButton14a,.shadowButton15a,
.shadowButton16a,.shadowButton17a,.shadowButton18a,.shadowButton19a,.shadowButton20a
.shadowButton21a,.shadowButton22a,.shadowButton23a,.shadowButton24a,.shadowButton25a,
.shadowButton26a,.shadowButton27a,.shadowButton28a,.shadowButton29a,

.shadowButton1b,.shadowButton2b,.shadowButton3b,.shadowButton4b,.shadowButton5b,
.shadowButton6b,.shadowButton7b,.shadowButton8b,.shadowButton9b,.shadowButton10b,
.shadowButton11b,.shadowButton12b,.shadowButton13b,.shadowButton14b,.shadowButton15b,
.shadowButton16b,.shadowButton17b,.shadowButton18b,.shadowButton19b,.shadowButton20b,
.shadowButton21b,.shadowButton22b,.shadowButton23b,.shadowButton24b,.shadowButton25b,
.shadowButton26b,.shadowButton27b,.shadowButton28b,.shadowButton29b{
    text-shadow:2px 2px 18px #1EF2DB;
    font-size: 10px;
    font-weight: 400;
    color:#1EF2DB;
    background-color: #061219;
    border: 1px solid #12303F;
    /*border-radius: 50px;*/
    padding:6px;
    padding-right: 12px;
    padding-left: 12px;
    border-radius: 10px;
    margin:6px;
}
.shadowButton1a,.shadowButton2a,.shadowButton3a,.shadowButton4a,.shadowButton5a,
.shadowButton6a,.shadowButton7a,.shadowButton8a,.shadowButton9a,.shadowButton10a,
.shadowButton11a,.shadowButton12a,.shadowButton13a,.shadowButton14a,.shadowButton15a,
.shadowButton16a,.shadowButton17a,.shadowButton18a,.shadowButton19a,.shadowButton20a,
.shadowButton21a,.shadowButton22a,.shadowButton23a,.shadowButton24a,.shadowButton25a,
.shadowButton26a,.shadowButton27a,.shadowButton28a,.shadowButton29a{
    font-family: 'Orbitron', 'sans-serif';
}
.shadowButton1b,.shadowButton2b,.shadowButton3b,.shadowButton4b,.shadowButton5b,
.shadowButton6b,.shadowButton7b,.shadowButton8b,.shadowButton9b,.shadowButton10b,
.shadowButton11b,.shadowButton12b,.shadowButton13b,.shadowButton14b,.shadowButton15b,
.shadowButton16b,.shadowButton17b,.shadowButton18b,.shadowButton19b,.shadowButton20b
.shadowButton21b,.shadowButton22b,.shadowButton23b,.shadowButton24b,.shadowButton25b,
.shadowButton26b,.shadowButton27b,.shadowButton28b,.shadowButton29b{
    font-family: 'Roboto', 'sans-serif';
}

.shadowButton1a:hover,.shadowButton2a:hover,.shadowButton3a:hover,.shadowButton4a:hover,.shadowButton5a:hover,.shadowButton6a:hover,.shadowButton7a:hover,.shadowButton8a:hover,.shadowButton9a:hover,.shadowButton10a:hover,
.shadowButton11a:hover,.shadowButton12a:hover,.shadowButton13a:hover,.shadowButton14a:hover,.shadowButton15a:hover,.shadowButton16a:hover,.shadowButton17a:hover,.shadowButton18a:hover,.shadowButton19a:hover,.shadowButton20a:hover,
.shadowButton21a:hover,.shadowButton22a:hover,.shadowButton23a:hover,.shadowButton24a:hover,.shadowButton25a:hover,.shadowButton26a:hover,.shadowButton27a:hover,.shadowButton28a:hover,.shadowButton29a:hover,
.shadowButton1b:hover,.shadowButton2b:hover,.shadowButton3b:hover,.shadowButton4b:hover,.shadowButton5b:hover,.shadowButton6b:hover,.shadowButton7b:hover,.shadowButton8b:hover,.shadowButton9b:hover,.shadowButton10b:hover,
.shadowButton11b:hover,.shadowButton12b:hover,.shadowButton13b:hover,.shadowButton14b:hover,.shadowButton15b:hover,.shadowButton16b:hover,.shadowButton17b:hover,.shadowButton18b:hover,.shadowButton19b:hover,.shadowButton20b:hover,
.shadowButton21b:hover,.shadowButton22b:hover,.shadowButton23b:hover,.shadowButton24b:hover,.shadowButton25b:hover,.shadowButton26b:hover,.shadowButton27b:hover,.shadowButton28b:hover,.shadowButton29b:hover{
    border-color:#1EF2DB;
}
.shadowButton1a,.shadowButton1b{
    font-size: 10px;
}
.shadowButton2a,.shadowButton2b{
    font-size: 11px;
}
.shadowButton3a,.shadowButton3b{
    font-size: 12px;
}
.shadowButton4a,.shadowButton4b{
    font-size: 13px;
}
.shadowButton5a,.shadowButton5b{
    font-size: 14px;
}
.shadowButton6a,.shadowButton6b{
    font-size: 15px;
}
.shadowButton7a,.shadowButton7b{
    font-size: 16px;
}
.shadowButton8a,.shadowButton8b{
    font-size: 17px;
}
.shadowButton9a,.shadowButton9b{
    font-size: 18px;
}
.shadowButton10a,.shadowButton10b{
    font-size: 19px;
}
.shadowButton11a,.shadowButton11b{
    font-size: 20px;
}
.shadowButton12a,.shadowButton12b{
    font-size: 21px;
}
.shadowButton13a,.shadowButton13b{
    font-size: 22px;
}
.shadowButton14a,.shadowButton14b{
    font-size: 23px;
}
.shadowButton15a,.shadowButton15b{
    font-size: 24px;
}
.shadowButton16a,.shadowButton16b{
    font-size: 25px;
}
.shadowButton17a,.shadowButton17b{
    font-size: 26px;
}
.shadowButton18a,.shadowButton18b{
    font-size: 27px;
}
.shadowButton19a,.shadowButton19b{
    font-size: 28px;
}
.shadowButton20a,.shadowButton20b{
    font-size: 29px;
}
.shadowButton21a,.shadowButton21b{
    font-size: 30px;
}
.shadowButton22a,.shadowButton22b{
    font-size: 31px;
}
.shadowButton23a,.shadowButton23b{
    font-size: 32px;
}
.shadowButton24a,.shadowButton24b{
    font-size: 33px;
}
.shadowButton25a,.shadowButton25b{
    font-size: 34px;
}
.shadowButton26a,.shadowButton26b{
    font-size: 35px;
}
.shadowButton27a,.shadowButton27b{
    font-size: 36px;
}
.shadowButton28a,.shadowButton28b{
    font-size: 37px;
}
.shadowButton29a,.shadowButton29b{
    font-size: 38px;
}
@media only screen and (max-width: 768px) {
    .shadowButton1a,.shadowButton1b{
        font-size: 4px;
    }
    .shadowButton2a,.shadowButton2b{
        font-size: 5px;
    }
    .shadowButton3a,.shadowButton3b{
        font-size: 6px;
    }
    .shadowButton4a,.shadowButton4b{
        font-size: 7px;
    }
    .shadowButton5a,.shadowButton5b{
        font-size: 8px;
    }
    .shadowButton6a,.shadowButton6b{
        font-size: 9px;
    }
    .shadowButton7a,.shadowButton7b{
        font-size: 10px;
    }
    .shadowButton8a,.shadowButton8b{
        font-size: 11px;
    }
    .shadowButton9a,.shadowButton9b{
        font-size: 12px;
    }
    .shadowButton10a,.shadowButton10b{
        font-size: 13px;
    }
    .shadowButton11a,.shadowButton11b{
        font-size: 14px;
    }
    .shadowButton12a,.shadowButton12b{
        font-size: 15px;
    }
    .shadowButton13a,.shadowButton13b{
        font-size: 16px;
    }
    .shadowButton14a,.shadowButton14b{
        font-size: 17px;
    }
    .shadowButton15a,.shadowButton15b{
        font-size: 18px;
    }
    .shadowButton16a,.shadowButton16b{
        font-size: 19px;
    }
    .shadowButton17a,.shadowButton17b{
        font-size: 20px;
    }
    .shadowButton18a,.shadowButton18b{
        font-size: 21px;
    }
    .shadowButton19a,.shadowButton19b{
        font-size: 22px;
    }
    .shadowButton20a,.shadowButton20b{
        font-size: 23px;
    }
    .shadowButton21a,.shadowButton21b{
        font-size: 24px;
    }
    .shadowButton22a,.shadowButton22b{
        font-size: 25px;
    }
    .shadowButton23a,.shadowButton23b{
        font-size: 26px;
    }
    .shadowButton24a,.shadowButton24b{
        font-size: 27px;
    }
    .shadowButton25a,.shadowButton25b{
        font-size: 24px;
    }
    .shadowButton26a,.shadowButton26b{
        font-size: 29px;
    }
    .shadowButton27a,.shadowButton27b{
        font-size: 30px;
    }
    .shadowButton28a,.shadowButton28b{
        font-size: 31px;
    }
    .shadowButton29a,.shadowButton29b{
        font-size: 26px;
    }
}
.button1a,.button2a,.button3a,.button4a,.button5a,.button6a,.button7a,.button8a,.button9a,.button10a,
.button11a,.button12a,.button13a,.button14a,.button15a,.button16a,.button17a,.button18a,.button19a,.button20a,


.button1b,.button2b,.button3b,.button4b,.button5b,.button6b,.button7b,.button8b,.button9b,.button10b,
.button11b,.button12b,.button13b,.button14b,.button15b,.button16b,.button17b,.button18b,.button19b,.button20b{

    font-size: 10px;
    font-weight: 400;
    color:#1EF2DB;
    background-color: #061219;
    border: 1px solid #12303F;
    border-radius: 50px;
    padding:6px;
    padding-right: 12px;
    padding-left: 12px;
    border-radius: 10px;
    margin:6px;
}

.button1a,.button2a,.button3a,.button4a,.button5a,.button6a,.button7a,.button8a,.button9a,.button10a,
.button11a,.button12a,.button13a,.button14a,.button15a,.button16a,.button17a,.button18a,.button19a,.button20a{

    font-family: 'Orbitron', 'sans-serif';

}
.button1b,.button2b,.button3b,.button4b,.button5b,.button6b,.button7b,.button8b,.button9b,.button10b,
.button11b,.button12b,.button13b,.button14b,.button15b,.button16b,.button17b,.button18b,.button19b,.button20b{
    font-family: 'Roboto', 'sans-serif';
}
.button1a,.button1b{
    font-size: 11px;
}
.button2a,.button2b{
    font-size: 12px;
}
.button3a,.button3b{
    font-size: 13px;
}
.button4a,.button4b{
    font-size: 14px;
}
.button5a,.button5b{
    font-size: 15px;
}
.button6a,.button6b{
    font-size: 16px;
}
.button7a,.button7b{
    font-size: 17px;
}
.button8a,.button8b{
    font-size: 18px;
}
.button9a,.button9b{
    font-size: 19px;

}.button10a,.button10b{
    font-size: 20px;

}.button11a,.button11b{
    font-size: 21px;

}.button12a,.button12b{
    font-size: 22px;

}.button13a,.button13b{
    font-size: 23px;

}.button14a,.button14b{
    font-size: 24px;

}.button15a,.button15b{
    font-size: 25px;

}.button16a,.button16b{
    font-size: 26px;

}.button17a,.button17b{
    font-size: 27px;

}.button18a,.button18b{
    font-size: 28px;

}.button19a,.button19{
    font-size: 29px;

}.button20a,.button20b{
    font-size: 30px;
}



/**
* F I E L D
*
*/
.textField1a,.textField2a,.textField3a,.textField4a,.textField5a,
.textField6a,.textField7a,.textField8a,.textField9a,.textField10a,
.textField1b,.textField2b,.textField3b,.textField4b,.textField5b,
.textField6b,.textField7b,.textField8b,.textField9b,.textField10b
{
    font-weight: 400;
    font-size: 10px;
    color:#1EF2DB;
    margin:6px;
    margin-left:2px;
    margin-right: 8px;
    padding:8px;
    padding-left:6px;
    padding-right:10px;
    background-color: #061219;
    border: 1px solid #12303F;
    border-radius: 10px;
}
.textField1a,.textField2a,.textField3a,.textField4a,.textField5a,
.textField6a,.textField7a,.textField8a,.textField9a,.textField10a{
    font-family: 'Oribitron', 'sans-serif';
}
.textField1b,.textField2b,.textField3b,.textField4b,.textField5b,
.textField6b,.textField7b,.textField8b,.textField9b,.textField10b{
    font-family: 'Roboto', 'sans-serif';
}
.textField1a,.textField1b{
    font-size: 10px;
}
.textField2a,.textField2b{
    font-size: 11px;
}
.textField3a,.textField3b{
    font-size: 12px;
}
.textField4a,.textField4b{
    font-size: 13px;
}
.textField5a,.textField5b{
    font-size: 14px;
}
.textField6a,.textField6b{
    font-size: 15px;
}
.textField7a,.textField7b{
    font-size: 16px;
}
.textField8a,.textField8b{
    font-size: 17px;
}
.textField9a,.textField9b{
    font-size: 18px;
}
.textField10a,.textField10b{
    font-size: 19px;
}

/**
* C O M B O B O X
*
*/
.comboBox1a,.comboBox2a,.comboBox3a,.comboBox4a,.comboBox5a,.comboBox6a,.comboBox7a,
.comboBox8a,.comboBox9a,.comboBox10a,.comboBox11a,.comboBox12a,.comboBox13a,
.comboBox14a,.comboBox15a,.comboBox16a,.comboBox17a,.comboBox18a,.comboBox19a,
.comboBox20a,.comboBox21a,.comboBox22a,.comboBox23a,.comboBox24a,.comboBox24a,.comboBox25a,
.comboBox1b,.comboBox2b,.comboBox3b,.comboBox4b,.comboBox5b,.comboBox6b,.comboBox7b,
.comboBox8b,.comboBox9b,.comboBox10b,.comboBox11b,.comboBox12b,.comboBox13b,
.comboBox14b,.comboBox15b,.comboBox16b,.comboBox17b,.comboBox18b,.comboBox19b,
.comboBox20b,.comboBox21b,.comboBox22b,.comboBox23b,.comboBox24b,.comboBox25b
{
    text-shadow:2px 2px 20px #1EF2DB;
    font-size: 10px;
    font-weight: 400;
    color:#1EF2DB;
    background-color: #061219;
    border: 1px solid #12303F;
    padding:7px;
}

.comboBox1a:hover,.comboBox2a:hover,.comboBox3a:hover,.comboBox4a:hover,
.comboBox5a:hover,.comboBox6a:hover,.comboBox7a:hover,.comboBox8a:hover,
.comboBox9a:hover,.comboBox10a:hover,.comboBox11a:hover,.comboBox12a:hover,
.comboBox13a:hover,.comboBox14a:hover,.comboBox15a:hover,.comboBox16a:hover,
.comboBox17a:hover,.comboBox18a:hover,.comboBox19a:hover,.comboBox20a:hover,
.comboBox21a:hover,.comboBox22a:hover,.comboBox23a:hover,.comboBox24a:hover,
.comboBox25a:hover,
.comboBox1b:hover,.comboBox2b:hover,.comboBox3b:hover,.comboBox4b:hover,
.comboBox5b:hover,.comboBox6b:hover,.comboBox7b:hover,.comboBox8b:hover,
.comboBox9b:hover,.comboBox10b:hover,.comboBox11b:hover,.comboBox12b:hover,
.comboBox13b:hover,.comboBox14b:hover,.comboBox15b:hover,.comboBox16b:hover,
.comboBox17b:hover,.comboBox18b:hover,.comboBox19b:hover,.comboBox20b:hover,
.comboBox21b:hover,.comboBox22b:hover,.comboBox23b:hover,.comboBox24b:hover,
.comboBox25b:hover{
    /*border-color:#1EF2DB;*/
    border-color:#DBF4A4;
}
.comboBox1a,.comboBox2a,.comboBox3a,.comboBox4a,.comboBox5a,.comboBox6a,.comboBox7a,
.comboBox8a,.comboBox9a,.comboBox10a,.comboBox11a,.comboBox12a,.comboBox13a,.comboBox14a,
.comboBox15a,.comboBox16a,.comboBox17a,.comboBox18a,.comboBox19a,.comboBox20a,.comboBox21a,
.comboBox22a,.comboBox23a,.comboBox24a,.comboBox25a{
    font-family: 'Orbitron', 'sans-serif';
}
.comboBox1b,.comboBox2b,.comboBox3b,.comboBox4b,.comboBox5b,.comboBox6b,.comboBox7b,
.comboBox8b,.comboBox9b,.comboBox10b,.comboBox11b,.comboBox12b,.comboBox13b,.comboBox14b,
.comboBox15b,.comboBox16b,.comboBox17b,.comboBox18b,.comboBox19b,.comboBox20b,.comboBox21b,
.comboBox22b,.comboBox23b,.comboBox24b,.comboBox25b{
    font-family: 'Roboto', 'sans-serif';
}
.comboBox1a,.comboBox1b{
    font-size: 11px;
}
.comboBox2a,.comboBox2b{
    font-size: 12px;
}
.comboBox3a,.comboBox3b{
    font-size: 13px;
}
.comboBox4a,.comboBox4b{
    font-size: 14px;
}
.comboBox5a,.comboBox5b{
    font-size: 15px;
}
.comboBox6a,.comboBox6b{
    font-size: 16px;
}
.comboBox7a,.comboBox7b{
    font-size: 17px;
}
.comboBox8a,.comboBox8b{
    font-size: 18px;
}
.comboBox9a,.comboBox9b{
    font-size: 19px;
}
.comboBox10a,.comboBox10b{
    font-size: 20px;
}
.comboBox11a,.comboBox11b{
    font-size: 21px;
}
.comboBox12a,.comboBox12b{
    font-size: 22px;
}
.comboBox13a,.comboBox13b{
    font-size: 23px;
}
.comboBox14a,.comboBox14b{
    font-size: 24px;
}
.comboBox15a,.comboBox15b{
    font-size: 25px;
}
.comboBox16a,.comboBox16b{
    font-size: 26px;
}
.comboBox17a,.comboBox17b{
    font-size: 27px;
}
.comboBox18a,.comboBox18b{
    font-size: 28px;
}
.comboBox19a,.comboBox19b{
    font-size: 29px;
}
.comboBox20a,.comboBox20b{
    font-size: 30px;
}
.comboBox21a,.comboBox21b{
    font-size: 31px;
}
.comboBox22a,.comboBox22b{
    font-size: 32px;
}
.comboBox23a,.comboBox23b{
    font-size: 33px;
}
.comboBox24a,.comboBox24b{
    font-size: 34px;
}
.comboBox25a,.comboBox25b{
    font-size: 35px;
}
@media only screen and (max-width: 768px) {
    .comboBox1a,.comboBox1b{
        font-size: 1px;
    }
    .comboBox2a,.comboBox2b{
        font-size: 2px;
    }
    .comboBox3a,.comboBox3b{
        font-size: 3px;
    }
    .comboBox4a,.comboBox4b{
        font-size: 4px;
    }
    .comboBox5a,.comboBox5b{
        font-size: 5px;
    }
    .comboBox6a,.comboBox6b{
        font-size: 6px;
    }
    .comboBox7a,.comboBox7b{
        font-size: 7px;
    }
    .comboBox8a,.comboBox8b{
        font-size: 8px;
    }
    .comboBox9a,.comboBox9b{
        font-size: 9px;
    }
    .comboBox10a,.comboBox10b{
        font-size: 10px;
    }
    .comboBox11a,.comboBox11b{
        font-size: 11px;
    }
    .comboBox12a,.comboBox12b{
        font-size: 18px;
    }
    .comboBox13a,.comboBox13b{
        font-size: 13px;
    }
    .comboBox14a,.comboBox14b{
        font-size: 14px;
    }
    .comboBox15a,.comboBox15b{
        font-size: 15px;
    }
    .comboBox16a,.comboBox16b{
        font-size: 16px;
    }
    .comboBox17a,.comboBox17b{
        font-size: 17px;
    }
    .comboBox18a,.comboBox18b{
        font-size: 18px;
    }
    .comboBox19a,.comboBox19b{
        font-size: 19px;
    }
    .comboBox20a,.comboBox20b{
        font-size: 20px;
    }
    .comboBox21a,.comboBox21b{
        font-size: 21px;
    }
    .comboBox22a,.comboBox22b{
        font-size: 22px;
    }
    .comboBox23a,.comboBox23b{
        font-size: 23px;
    }
    .comboBox24a,.comboBox24b{
        font-size: 24px;
    }
    .comboBox25a,.comboBox25b{
        font-size: 25px;
    }
}
/**
* T I T L E
*
*/
.title,.title1,.title2,.title3,.title4,.title5{
    text-shadow:2px 2px 18px #1EF2DB;
    font-family: 'Orbitron', 'sans-serif';
    font-size: 40px;
    font-weight: 400;
    color:#1EF2DB;
    width:100%;
    text-align: center;
    padding-right: 4px;
    padding-left: 4px;
} 
.title1,.title2,.title3,.title4{
    font-family: 'Roboto', 'sans-serif';
} 

.title2,.title3,.title4,.title5{
    margin-top: 20px;
    margin-bottom: 20px;
} 
.title3{
    font-size: 30px;
}
.title4{
    font-size: 25px;
}
.title5{
    font-size: 30px;
}
@media only screen and (max-width: 768px) {
    .title2{
        font-size: 26px;
    }
    .title5{
        font-size: 20px;
    }
}

/**
* T E X T
*
*/

.text,.text1,.text4,.text5{
    font-family: 'Orbitron', 'sans-serif';
    font-size: 20px;
    font-weight: 400;
    color:#1EF2DB;
    padding:8px;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 24px;
}
.text1{
    font-family: 'Roboto', 'sans-serif';
}
.text4{
    font-family: 'Roboto', 'sans-serif';
    font-size: 21px;
    text-align: center;
}
.text5{
    font-family: 'Roboto', 'sans-serif';
    font-size: 20px;
    text-align: center;
}

.textHighlight{
    margin-left: 10px;
    font-family: 'Orbitron','sans-serif';
    font-size: 13px;
    font-weight:600;
    color:#1EF2DB;
    letter-spacing: 2px;
}
.shadowText1,.shadowText2,.shadowText3,.shadowText4,.shadowText5,
.shadowText6,.shadowText7,.shadowText8,.shadowText9,.shadowText10,.shadowText11,.shadowText12{
    text-shadow:2px 2px 18px #1EF2DB;
    font-family: 'Orbitron', 'sans-serif';
    font-size: 10px;
    font-weight: 400;
    color:#1EF2DB;

}
.shadowText2{
    font-size: 12px;
}
.shadowText3{
    font-size: 14px;
}
.shadowText4{
    font-size: 16px;
}
.shadowText5{
    font-size: 18px;
}
.shadowText6{
    font-size: 20px;
}
.shadowText7{
    font-size: 22px;
}
.shadowText8{
    font-size: 24px;
}
.shadowText9{
    font-size: 26px;
}
.shadowText10{
    font-size: 28px;
}
.shadowText11{
    font-size: 30px;
}
.shadowText12{
    font-size: 32px;
}
.shadowText1a,.shadowText2a,.shadowText3a,.shadowText4a,.shadowText5a,
.shadowText6a,.shadowText7a,.shadowText8a,.shadowText9a,.shadowText10a,
.shadowText11a,.shadowText12a,.shadowText13a,.shadowText14a,.shadowText15a,
.shadowText16a,.shadowText17a,.shadowText18a,.shadowText19a,.shadowText20a,
.shadowText21a,.shadowText22a,.shadowText23a,.shadowText24a,.shadowText25a,
.shadowText26a,.shadowText27a,.shadowText28a,.shadowText29a,.shadowText30a,
.shadowText35a,.shadowText40a,.shadowText45a,.shadowText50a,.shadowText55a,

.shadowText1b,.shadowText2b,.shadowText3b,.shadowText4b,.shadowText5b,.shadowText6b,
.shadowText7b,.shadowText8b,.shadowText9b,.shadowText10b,.shadowText11b,.shadowText12b,
.shadowText13b,.shadowText14b,.shadowText15b,.shadowText16b,.shadowText17b,.shadowText18b,
.shadowText19b,.shadowText20b,.shadowText21b,.shadowText22b,.shadowText23b,.shadowText24b,
.shadowText21b,.shadowText22b,.shadowText23b,.shadowText24b,.shadowText25b,.shadowText26b,
.shadowText27b.shadowText28b.shadowText21b.shadowText29b,.shadowText30b,.shadowText35b,
.shadowText40b.shadowText45b.shadowText50b,.shadowText55b{

    text-shadow:2px 2px 18px #1EF2DB;
    font-size: 10px;
    font-weight: 400;
    color:#1EF2DB;
}
.shadowText1a,.shadowText2a,.shadowText3a,.shadowText4a,.shadowText5a,
.shadowText6a,.shadowText7a,.shadowText8a,.shadowText9a,.shadowText10a,
.shadowText11a,.shadowText12a,.shadowText13a,.shadowText14a,.shadowText15a,
.shadowText16a,.shadowText17a,.shadowText18a,.shadowText19a,.shadowText20a,
.shadowText21a,.shadowText22a,.shadowText23a,.shadowText24a,.shadowText25a,
.shadowText26a,.shadowText27a,.shadowText28a,.shadowText29a,.shadowText30a,
.shadowText35a,.shadowText40a,.shadowText45a,.shadowText50a,.shadowText55a{
    font-family: 'Orbitron', 'sans-serif';
}
.shadowText1b,.shadowText2b,.shadowText3b,.shadowText4b,.shadowText5b,.shadowText6b,
.shadowText7b,.shadowText8b,.shadowText9b,.shadowText10b,.shadowText11b,.shadowText12b,
.shadowText13b,.shadowText14b,.shadowText15b,.shadowText16b,.shadowText17b,.shadowText18b,
.shadowText19b,.shadowText20b,.shadowText21b,.shadowText22b,.shadowText23b,.shadowText24b,
.shadowText21b,.shadowText22b,.shadowText23b,.shadowText24b,.shadowText25b,.shadowText26b,
.shadowText27b.shadowText28b.shadowText21b.shadowText29b,.shadowText30b,.shadowText35b,
.shadowText40b.shadowText45b.shadowText50b,.shadowText55b{
    font-family: 'Roboto', 'sans-serif';
}

.shadowText1a,.shadowText1b{
    font-size: 11px;
}
.shadowText2a,.shadowText2b{
    font-size: 12px;
}
.shadowText3a,.shadowText3b{
    font-size: 13px;
}
.shadowText4a,.shadowText4b{
    font-size: 14px;
}
.shadowText5a,.shadowText5b{
    font-size: 15px;
}
.shadowText6a,.shadowText6b{
    font-size: 16px;
}
.shadowText7a,.shadowText7b{
    font-size: 17px;
}
.shadowText8a,.shadowText8b{
    font-size: 18px;
}
.shadowText9a,.shadowText9b{
    font-size: 19px;
}
.shadowText10a,.shadowText10b{
    font-size: 20px;
}
.shadowText11a,.shadowText11b{
    font-size: 21px;
}
.shadowText12a,.shadowText12b{
    font-size: 22px;
}
.shadowText13a,.shadowText13b{
    font-size: 23px;
}
.shadowText14a,.shadowText14b{
    font-size: 24px;
}
.shadowText15a,.shadowText15b{
    font-size: 25px;
}
.shadowText16a,.shadowText16b{
    font-size: 26px;
}
.shadowText17a,.shadowText17b{
    font-size: 27px;
}
.shadowText18a,.shadowText18b{
    font-size: 28px;
}
.shadowText19a,.shadowText19b{
    font-size: 29px;
}
.shadowText20a,.shadowText20b{
    font-size: 30px;

}.shadowText21a,.shadowText21b{
    font-size: 31px;

}.shadowText22a,.shadowText22b{
    font-size: 32px;

}.shadowText23a,.shadowText24b{
    font-size: 33px;

}.shadowText24a,.shadowText24b{
    font-size: 34px;

}.shadowText25a,.shadowText25b{
    font-size: 35px;

}.shadowText26a,.shadowText26b{
    font-size: 36px;

}.shadowText27a,.shadowText27b{
    font-size: 37px;

}.shadowText28a,.shadowText28b{
    font-size: 38px;

}.shadowText29a,.shadowText29b{
    font-size: 39px;
}
.shadowText30a,.shadowText30b{
    font-size: 40px;
}
.shadowText35a,.shadowText35b{
    font-size: 45px;
}
.shadowText40a,.shadowText40b{
    font-size: 50px;
}
.shadowText45a,.shadowText45b{
    font-size: 55px;
}
.shadowText50a,.shadowText50b{
    font-size: 60px;
}
.shadowText55a,.shadowText55b{
    font-size: 65px;
}

@media only screen and (max-width: 768px) {
    .shadowText1a,.shadowText1b{
        font-size: 5px;
    }
    .shadowText2a,.shadowText2b{
        font-size: 6px;
    }
    .shadowText3a,.shadowText3b{
        font-size: 10px;
    }
    .shadowText4a,.shadowText4b{
        font-size: 11px;
    }
    .shadowText5a,.shadowText5b{
        font-size: 9px;
    }
    .shadowText6a,.shadowText6b{
        font-size: 10px;
    }
    .shadowText7a,.shadowText7b{
        font-size: 11px;
    }
    .shadowText8a,.shadowText8b{
        font-size: 12px;
    }
    .shadowText9a,.shadowText9b{
        font-size: 13px;
    }
    .shadowText10a,.shadowText10b{
        font-size: 14px;
    }
    .shadowText11a,.shadowText11b{
        font-size: 15px;
    }
    .shadowText12a,.shadowText12b{
        font-size: 16px;
    }
    .shadowText13a,.shadowText13b{
        font-size: 17px;
    }
    .shadowText14a,.shadowText14b{
        font-size: 14px;
    }
    .shadowText15a,.shadowText15b{
        font-size: 19px;
    }
    .shadowText16a,.shadowText16b{
        font-size: 20px;
    }
    .shadowText17a,.shadowText17b{
        font-size: 21px;
    }
    .shadowText18a,.shadowText18b{
        font-size: 14px;
    }
    .shadowText19a,.shadowText19b{
        font-size: 23px;
    }
    .shadowText20a,.shadowText20b{
        font-size: 24px;

    }.shadowText21a,.shadowText21b{
        font-size: 25px;

    }.shadowText22a,.shadowText22b{
        font-size: 18px;

    }.shadowText23a,.shadowText24b{
        font-size: 27px;

    }.shadowText24a,.shadowText24b{
        font-size: 28px;

    }.shadowText25a,.shadowText25b{
        font-size: 29px;

    }.shadowText26a,.shadowText26b{
        font-size: 30px;

    }.shadowText27a,.shadowText27b{
        font-size: 31px;

    }.shadowText28a,.shadowText28b{
        font-size: 32px;

    }.shadowText29a,.shadowText29b{
        font-size: 33px;
    }
    .shadowText30a,.shadowText30b{
        font-size: 24px;
    }
    .shadowText35a,.shadowText35b{
        font-size: 20px;
    }
    .shadowText40a,.shadowText40b{
        font-size: 44px;
    }
    .shadowText45a,.shadowText45b{
        font-size: 49px;
    }
    .shadowText50a,.shadowText50b{
        font-size: 54px;
    }
    .shadowText55a,.shadowText55b{
        font-size: 59px;
    }

}

.text1a,.text2a,.text3a,.text4a,.text5a,.text6a,.text7a,.text8a,.text9a,.text10a,.text11a,
.text12a,.text13a,.text14a,.text15a,.text16a,.text17a,.text18a,.text19a,.text20a,
.text21a,.text22a,.text23a,.text24a,.text25a,.text26a,.text27a,.text28a,.text29a,.text30a,

.text1b,.text2b,.text3b,.text4b,.text5b,.text6b,.text7b,.text8b,.text9b,.text10b,
.text11b,.text12b,.text13b,.text14b,.text15b,.text16b,.text17b,.text18b,.text19b,.text20b,
.text21b ,.text22b, .text23b,.text24b,.text25b,.text26b,.text27b,.text28b,.text29b,.text30b{

    font-size: 10px;
    font-weight: 400;
    color:#1EF2DB;

}

.text1a,.text2a,.text3a,.text4a,.text5a,.text6a,.text7a,.text8a,.text9a,.text10a,.text11a,
.text12a,.text13a,.text14a,.text15a,.text16a,.text17a,.text18a,.text19a,.text20a,
.text21a,.text22a ,.text23a,.text24a,.text25a,.text26a,.text27a,.text28a ,.text29a,.text30a{
    font-family: 'Orbitron', 'sans-serif';
}

.text1b,.text2b,.text3b,.text4b,.text5b,.text6b,.text7b,.text8b,.text9b,.text10b,
.text11b,.text12b,.text13b,.text14b,.text15b,.text16b,.text17b,.text18b,.text19b,.text20b,
.text21b .text22b,.text23b,.text24b,.text25b,.text26b,.text27b,.text28b,.text29b,.text30b{
    font-family: 'Roboto', 'sans-serif';
}
.text1a,.text1b{
    font-size: 11px; 
}
.text2a,.text2b{
    font-size: 12px;
}  
.text3a,.text3b{
    font-size: 13px;
}  
.text4a,.text4b{
    font-size: 14px; 
}  
.text5a,.text5b{
    font-size: 15px; 
}
.text6a,.text6b{
    font-size: 16px; 
}
.text7a,.text7b{
    font-size: 17px; 
}
.text8a,.text8b{
    font-size: 18px; 

}
.text9a,.text9b{
    font-size: 19px; 

}
.text10a,.text10b{
    font-size: 20px; 

}
.text11a,.text11b{
    font-size: 21px; 

}
.text12a,.text12b{
    font-size: 22px; 

}
.text13a,.text13b{
    font-size: 23px; 

}
.text14a,.text14b{
    font-size: 24px; 

}
.text15a,.text15b{
    font-size: 25px; 

}
.text16a,.text16b{
    font-size: 26px;

}
.text17a,.text17b{
    font-size: 27px; 

}
.text18a,.text18b{
    font-size: 28px; 

}
.text19ia,.text19{
    font-size: 29px; 

}
.text20a,.text20b{
    font-size: 30px; 

}
.text21a,.text21b{
    font-size: 31px; 
}
.text22a,.text22b{
    font-size: 32px; 
}
.text23a,.text23b{
    font-size: 33px; 
}
.text24a,.text24b{
    font-size: 34px; 
}
.text25a,.text25b{
    font-size: 35px; 
}
.text26a,.text26b{
    font-size: 36px; 
}
.text27a,.text27b{
    font-size: 37px; 
}
.text28a,.text28b{
    font-size: 38px; 
}
.text29a,.text29b{
    font-size: 39px; 
}
.text30a,.text30b{
    font-size: 40px; 
}
@media only screen and (max-width: 768px) {
    .text20b{
        font-size: 20px;
    }
    .text5a,.text5b{
        font-size: 12px; 
    }
    .text2a,.text2b{
        font-size: 10px;
    } 
    .text3a,.text3b{
        font-size: 11px;
    } 
    .text10a,.text10b{
    font-size: 20px; 

}
}
/**
* C O N T A I N E R
*
**/
.basicContainer1{
    /*background-image: linear-gradient(#314546, #040E0F);*/
    background-color:#09161D;
    text-shadow:2px 2px 18px #1EF2DB;
    border-style:solid;
    border-width:1px;
    border-radius:8px;
    border-color:#304A59;
    padding:4px;
}

.vertical_line{
    border-left-style: solid;
    border-left-width:2px; 
    border-left-color: #12303F;
}
.horizontal_line{
    border-bottom-style: solid;
    border-bottom-width:2px; 
    border-bottom-color: #12303F;
}
.headerPanel{
    /*background-image: linear-gradient(#314546, #040E0F);*/
    background-color:#09161D;
    text-shadow:2px 2px 18px #1EF2DB;
    font-family: 'Orbitron' ,'sans-serif';
    font-size: 50px;
    font-weight: 400;
    color: #1EF2DB;
    border-style:solid;
    border-width:1px;
    border-radius:8px;
    border-color:#152731;
    margin:0px;
    margin-bottom: 10px;
    padding:16px;
    height:86px;
    text-align: center;
}
@media only screen and (max-width: 768px) {
    .headerPanel{
        font-size: 30px;
    }
}


.loginarea{
    width: 50%;
    align-content: center;
}             
.signUparea{
    align-content: center;
    width: 50%;
    font-family: 'Roboto', 'sans-serif';

}


.option{
    padding: 8px;
    vertical-align: top;
}

.checkbox{
    padding: 8px; 
    align-content: center; 
    color:#1EF2DB; 
    font-size: 20px; 
    font-weight:400; 
    font-family: 'Roboto','sans-serif';
    text-align: center;
}

.profilePicture{
    border-style:solid;
    height:80px;
    max-width: 120px;
    padding:2px;
    border-radius:50px;
    border-color: #12303F;
    border-width: 1px;
}
@media only screen and (max-width: 768px) {
    .profilePicture{
        height:40px;
        max-width: 60px;
    }
}

/**
* T A B L E   C S S
*
**/

/*
*
* TABLE COLUMN
*
*/
.table{
    background-color:#09161D;
    border:1px solid darkgray;
}
.tableHeading{
    background-color: #1EF2DB;
    color:#09161D;
    font-family: 'Roboto', 'sans-serif';
    font-size: 16px;
}
.tableHeading th{
    padding:8px;
    font-weight: normal;
    text-align: left;
}
.tableRow,.tableRowSelected{
    font-family: 'Roboto', 'sans-serif';
    font-size: 18px;
    color:#1EF2DB;
}
.tableRowSelected{
    background-color: darkolivegreen;
}

.tableRow:nth-child(even){
    background-color: #12303F;
}
.tableRow:nth-child(even):hover{
    background-color: #09161D;
}
.tableRow:nth-child(odd){
    background-color:#09161D;
}
.tableRow:nth-child(odd):hover{
    background-color:darkslategray;
}
.tableRow:nth-child(even):hover{
    background-color:darkslategray;
}
.tableRow td{
    padding:6px;
}
.tableRowSelected td{
    padding:6px;
}

/**
* F O R M CONTROLS
*
**/
.checkbox{

}

/**
* T E X T AREA
*
**/


.textArea1,.textArea2{
    font-family: 'Roboto', 'sans-serif';
    font-size: 16px;
    font-weight: 400;
    color:#1EF2DB;
    background-color: #12303F;

    border: 0.5px solid #12303F;
    border-radius: 6px;
    padding:10px;

}

.textArea1a,.textArea2a,.textArea3a,.textArea4a,.textArea5a,
.textArea1b,.textArea2b,.textArea3b,.textArea4b,.textArea5b,
.textArea6a,.textArea7a,.textArea8a,.textArea9a,.textArea10a,
.textArea6b,.textArea7b,.textArea8b,.textArea9b,.textArea10b{
    font-weight: 300;
    font-size: 10px;
    color:#1EF2DB;
    margin:6px;
    margin-left:8px;
    margin-right: 8px;
    padding:8px;
    padding-left:10px;
    padding-right:10px;
    background-color: #061219;
    border: 1px solid #12303F;
    border-radius: 10px;
    letter-spacing: 2px;
    line-height: 20px;
}

.textArea1a,.textArea2a,.textArea3a,.textArea4a,.textArea5a,
.textArea6a,.textArea7a,.textArea8a,.textArea9a,.textArea10a{
    font-family: 'Oribitron', 'sans-serif';
}

.textArea1b,.textArea2b,.textArea3b,.textArea4b,.textArea5b,
.textArea6b,.textArea7b,.textArea8b,.textArea9b,.textArea10b{
    font-family: 'Roboto', 'sans-serif';
}

.textArea1a,.textArea1b{
    font-size: 10px;
}
.textArea2a,.textArea2b{
    font-size: 11px;
}
.textArea3a,.textArea3b{
    font-size: 12px;
}
.textArea4a,.textArea4b{
    font-size: 13px;
}
.textArea5a,.textArea5b{
    font-size: 14px;
}
.textArea6a,.textArea6b{
    font-size: 15px;
}
.textArea7a,.textArea7b{
    font-size: 16px;
}
.textArea8a,.textArea8b{
    font-size: 17px;
}
.textArea9a,.textArea9b{
    font-size: 18px;
}
.textArea10a,.textArea10b{
    font-size: 19px;
}
@media only screen and (max-width: 768px) {
    .textArea6a,.textArea6b{
        font-size: 12px;
        color:#1EF2DB;
        font-weight: 300;
        margin:4px;
        margin-left:6px;
        margin-right: 6px;
        padding:6px;
        padding-left:8px;
        padding-right:8px;
        background-color: #061219;
        letter-spacing: 2px;
        line-height: 5px;
    }
}
/**
*Vertical Line
**/
.verticalDoubleLine{
    border: 1px solid white;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-width:0px;
    border-bottom-width: 0px;
}

/**
*Form Border
**/
.formBorder{
    border: 1px solid white;
    border-radius: 10px;
    padding:10px;
    margin: 5px;
}

/**
* MENU
*
**/
.menu{

}
.menuItem{
    font-family: 'Roboto','sans-serif';
    font-size: 16px;
    font-weight:400;
    color:#1EF2DB;
    letter-spacing: 2px;
    text-decoration: none;
    padding: 8px;
}
.menuItem:hover{
    cursor: grab;
    background-color: #0F2936;
    border-radius: 10px;
}
@media only screen and (max-width: 768px) {
    .menuItem{
        font-size: 12px;
        font-weight:400;
    }
}
/**
* ALERT MESSAGE
*
**/
.alertMessage{
    text-shadow:2px 2px 14px #1EF2DB;
    font-family: 'Orbitron', 'sans-serif';
    font-size: 14px;
    font-weight: 400;
    color:#1EF2DB;
}
.textWrap5, .textWrap6 ,.textWrap8,.textWrap11,.textWrap12,.textWrap13,.textWrap14,
.textWrap15,.textWrap16,.textWrap17,.textWrap18,.textWrap19,.textWrap20,
.textWrap21,.textWrap22,.textWrap23,.textWrap24,.textWrap25,.textWrap26,
.textWrap27,.textWrap28,.textWrap29,.textWrap30
{
    display:block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.textWrap11{
    width:11ch;
}
.textWrap8{
    width:8ch;
}
.textWrap5{
    width:5ch;
}
.textWrap6{
    width:6ch;
}
.textWrap12{
    width:12ch;
}
.textWrap13{
    width:13ch;
}
.textWrap14{
    width:14ch;
}
.textWrap15{
    width:15ch;
}
.textWrap16{
    width:16ch;
}
.textWrap17{
    width:17ch;
}
.textWrap18{
    width:18ch;
}
.textWrap19{
    width:19ch;
}
.textWrap20{
    width:20ch;
}
.textWrap21{
    width:21ch;
}
.textWrap22{
    width:22ch;
}
.textWrap23{
    width:23ch;
}
.textWrap24{
    width:24ch;
}
.textWrap25{
    width:25ch;
}
.textWrap26{
    width:26ch;
}
.textWrap27{
    width:27ch;
}
.textWrap28{
    width:28ch;
}
.textWrap29{
    width:29ch;
}
.textWrap30{
    width:30ch;
}