.select2-search__field {
    color: black;
}

input::-webkit-calendar-picker-indicator {
    display: none;
}

th {
    color: black !important;
}

.select2-container--default .select2-results__option--highlighted {

    color: black !important;
}

.select2-container--default .select2-results > .select2-results__options {
    color: black !important;
}

span {
    /*width:396px!important;*/
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {

    color: black !important;
}


.rightF {
    padding-top: 10px;
}

label {
    padding-top: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 16px !important;

}

.select2-container--default .select2-selection--single {

    height: 35px !important;
}

.select2-selection__rendered {
    width: 400px !important;
    height: 70px;
}

.select2-container--default {
    height: auto;
    /*width:  400px!important;*/
}

.others {
    color: black
}


@media only screen and (max-width: 319px) {

    #menu {
        margin-left: 10px;
    }

    [class*="span"].centred {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .form-control {
        border: 0px solid #ccc !important;
    }

    body {
        color: white !important;
    }

    label {
        color: white;
    }

    .active {

        background: linear-gradient(to right, #2ebfd6, #4fcac4);
        border: 0px !important;

    }


    /*li{*/
    /*    justify-content: center;*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*}*/
    #buttons li {

        color: white;
        float: left;
        list-style: none;
        text-align: center;
        background-color: #181c34;
        margin-right: 10px;

        width: 150px;
        line-height: 40px;
        border-radius: 30px;
        border: solid 1px white;

    }

    #buttons li a {
        text-decoration: none;
        color: #FFFFFF;
        display: block;
    }

    /*#buttons li a:hover {*/
    /*    text-decoration: none;*/
    /*    color: #000000;*/
    /*    background-color: #33B5E5;*/
    /*}*/
    hr {
        height: 1px;
        color: #16384d;
        background-color: #16384d;
        border: none;
    }

    .myabc {
        background-color: #072b44;
        background-image: url('/images/bg.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center top;
    }

    .form-control {
        border: none;
    }

    .input {
        background-color: transparent !important;
        color: white !important;

        border-bottom: 1px solid #16384d !important;
    }


    #submitSendingProblem {
        width: 100%;
    }


}


@media only screen and (min-width: 320px) and (max-width: 359px) {

    #menu {
        margin-left: 35px;
    }

    [class*="span"].centred {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .form-control {
        border: 0px solid #ccc !important;
    }

    body {
        color: white !important;
    }

    label {
        color: white;
    }

    .active {

        background: linear-gradient(to right, #2ebfd6, #4fcac4);
        border: 0px !important;

    }


    /*li{*/
    /*    justify-content: center;*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*}*/
    #buttons li {

        color: white;
        float: left;
        list-style: none;
        text-align: center;
        background-color: #181c34;
        margin-right: 10px;

        width: 150px;
        line-height: 40px;
        border-radius: 30px;
        border: solid 1px white;

    }

    #buttons li a {
        text-decoration: none;
        color: #FFFFFF;
        display: block;
    }

    /*#buttons li a:hover {*/
    /*    text-decoration: none;*/
    /*    color: #000000;*/
    /*    background-color: #33B5E5;*/
    /*}*/
    hr {
        height: 1px;
        color: #16384d;
        background-color: #16384d;
        border: none;
    }

    .myabc {
        background-color: #072b44;
        background-image: url('/images/bg.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center top;
    }

    .form-control {
        border: none;
    }

    .input {
        background-color: transparent !important;
        color: white !important;

        border-bottom: 1px solid #16384d !important;
    }


    #submitSendingProblem {
        width: 100%;
    }
}


@media only screen and (min-width: 360px) and (max-width: 400px) {

    #menu {
        margin-left: 55px;
    }

    [class*="span"].centred {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .form-control {
        border: 0px solid #ccc !important;
    }

    body {
        color: white !important;
    }

    label {
        color: white;
    }

    .active {

        background: linear-gradient(to right, #2ebfd6, #4fcac4);
        border: 0px !important;

    }


    /*li{*/
    /*    justify-content: center;*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*}*/
    #buttons li {

        color: white;
        float: left;
        list-style: none;
        text-align: center;
        background-color: #181c34;
        margin-right: 10px;

        width: 150px;
        line-height: 40px;
        border-radius: 30px;
        border: solid 1px white;

    }

    #buttons li a {
        text-decoration: none;
        color: #FFFFFF;
        display: block;
    }

    /*#buttons li a:hover {*/
    /*    text-decoration: none;*/
    /*    color: #000000;*/
    /*    background-color: #33B5E5;*/
    /*}*/
    hr {
        height: 1px;
        color: #16384d;
        background-color: #16384d;
        border: none;
    }

    .myabc {
        background-color: #072b44;
        background-image: url('/images/bg.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center top;
    }

    .form-control {
        border: none;
    }

    .input {
        background-color: transparent !important;
        color: white !important;

        border-bottom: 1px solid #16384d !important;
    }


    #submitSendingProblem {
        width: 100%;
    }
}

@media only screen and (min-width: 401px) and (max-width: 978px) {
    #submitSendingProblem {
        width: 45%;
    }

    [class*="span"].centred {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .form-control {
        border: 0px solid #ccc !important;
    }

    body {
        color: white !important;
    }

    label {
        color: white;
    }

    .active {

        background: linear-gradient(to right, #2ebfd6, #4fcac4);
        border: 0px !important;

    }


    /*li{*/
    /*    justify-content: center;*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*}*/
    #buttons li {

        color: white;
        float: left;
        list-style: none;
        text-align: center;
        background-color: #181c34;
        margin-right: 10px;

        width: 150px;
        line-height: 40px;
        border-radius: 30px;
        border: solid 1px white;

    }

    #buttons li a {
        text-decoration: none;
        color: #FFFFFF;
        display: block;
    }

    /*#buttons li a:hover {*/
    /*    text-decoration: none;*/
    /*    color: #000000;*/
    /*    background-color: #33B5E5;*/
    /*}*/
    hr {
        height: 1px;
        color: #16384d;
        background-color: #16384d;
        border: none;
    }

    .myabc {
        background-color: #072b44;
        background-image: url('/images/bg.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center top;
    }

    .form-control {
        border: none;
    }

    .input {
        background-color: transparent !important;
        color: white !important;

        border-bottom: 1px solid #16384d !important;
    }


}
@media only screen and (min-width: 404px) and (max-width:565px) {



    [class*="span"].centred {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .form-control{
        border: 0px solid #ccc!important;
    }

    body{
        color: white!important;
    }
    label{
        color:white;
    }

    .active{

        background: linear-gradient(to right, #2ebfd6,  #4fcac4 );
        border: 0px!important;

    }


    li{
        justify-content: center;
        display: flex;
        align-items: center;
    }
    #buttons li {

        color:white;
        float: left;
        list-style: none;
        text-align: center;
        background-color:#181c34;
        margin-right: 10px;

        width: 90px;
        line-height: 40px;
        border-radius: 30px;
        border: solid 1px white;

    }

    #buttons li a {
        text-decoration: none;
        color: #FFFFFF;
        display: block;
    }

    /*#buttons li a:hover {*/
    /*    text-decoration: none;*/
    /*    color: #000000;*/
    /*    background-color: #33B5E5;*/
    /*}*/
    hr{
        height: 1px;
        color: #16384d;
        background-color: #16384d;
        border: none;
    }

    .myabc{
        background-color: #072b44;
        background-image: url('/images/bg.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center top;
    }

    .form-control{
        border: none;
    }

    .input {
        background-color: transparent!important;
        color: white!important;

        border-bottom: 1px solid #16384d!important;
    }






}

@media only screen and (min-width: 979px) and (max-width: 1201px) {

    #submitSendingProblem {
        width: 35%;
    }

    [class*="span"].centred {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .form-control {
        border: 0px solid #ccc !important;
    }

    body {
        color: white !important;
    }

    label {
        color: white;
    }

    .select2-container--default {
        height: auto;
        width: 400px !important;
    }

    .active {

        background: linear-gradient(to right, #2ebfd6, #4fcac4);
        border: 0px !important;

    }


    /*li{*/
    /*    justify-content: center;*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*}*/
    #buttons li {

        color: white;
        float: left;
        list-style: none;
        text-align: center;
        background-color: #181c34;
        margin-right: 10px;

        width: 110px;
        line-height: 40px;
        border-radius: 30px;
        border: solid 1px white;

    }

    #buttons li a {
        text-decoration: none;
        color: #FFFFFF;
        display: block;
    }

    /*#buttons li a:hover {*/
    /*    text-decoration: none;*/
    /*    color: #000000;*/
    /*    background-color: #33B5E5;*/
    /*}*/
    hr {
        height: 1px;
        color: #16384d;
        background-color: #16384d;
        border: none;
    }

    .myabc {
        background-color: #072b44;
        background-image: url('/images/bg.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center top;
    }

    .form-control {
        border: none;
    }

    .input {
        background-color: transparent !important;

        color: white !important;
        border-bottom: 1px solid #16384d !important;
    }


}


::placeholder { /* Firefox, Chrome, Opera */
    color: white;
}

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

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


@media only screen and (min-width: 1201px) {
    #submitSendingProblem {
        width: 25%;
    }

    .select2-container--default {
        height: auto;
        width: 400px !important;
    }

    [class*="span"].centred {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .form-control {
        border: 0px solid #ccc !important;
    }

    body {
        color: white !important;
    }

    label {
        color: white;
    }

    .active {

        background: linear-gradient(to right, #2ebfd6, #4fcac4);
        border: 0px !important;

    }


    /*li{*/
    /*    justify-content: center;*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*}*/
    #buttons li {

        color: white;
        float: left;
        list-style: none;
        text-align: center;
        background-color: #181c34;
        margin-right: 10px;

        width: 150px;
        line-height: 40px;
        border-radius: 30px;
        border: solid 1px white;

    }

    #buttons li a {
        text-decoration: none;
        color: #FFFFFF;
        display: block;
    }

    /*#buttons li a:hover {*/
    /*    text-decoration: none;*/
    /*    color: #000000;*/
    /*    background-color: #33B5E5;*/
    /*}*/
    hr {
        height: 1px;
        color: #16384d;
        background-color: #16384d;
        border: none;
    }

    .myabc {
        background-color: #072b44;
        background-image: url('/images/bg.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center top;
    }

    .form-control {
        border: none;
    }

    .input {
        background-color: transparent !important;

        color: white !important;
        border-bottom: 1px solid #16384d !important;
    }


}

li:hover {
    cursor: pointer;
}

.labelNormal{
    font-weight: normal;
    padding-top: 0px;
}