.MainApp {

        width: 100%
    }

    .MainApp .box {
        width: 100%;
    }

    .MainApp .boxTitle {

        width: fit-content;
        display: inline-block;
        text-align: left;
        vertical-align: top;

    }

    .MainApp .SettingsIcon {

        width: 15px
    }

    .MainApp .FormInputsDiv {

        width: 100%;
        position: relative;
        padding-top: 40px
    }

    .MainApp .inputGroup {

        width: 100%;
        margin: 25px 10px;
    }

    .MainApp .inputGroup .inp {


        width: calc(100% - 60px);

        display: inline-block;
        max-width: unset;

    }

    .MainApp .inputGroup .inp .input {
        height: 35px;
        font-size: 0.9vw;
        overflow: hidden;
        resize: none;

    }

    .MainApp .inputGroup .inp input {
        height: 35px;
        font-size: 0.7vw;
        overflow: hidden;
        resize: none;

    }

    .MainApp .SettingsBox .inp .label {
        font-size: 0.7vw;
        white-space: nowrap;
        padding: 0px;
        text-align: center
    }

    .MainApp .SettingsBox .inp input {
        font-size: 0.7vw;
        text-align: center
    }

    .MainApp .inputGroup .inp .label {
        font-size: 0.7vw;
        white-space: nowrap;


    }

    .MainApp .inputGroup .inp .input:not(:placeholder-shown)+span,
    .MainApp .inputGroup .inp .input:not(:placeholder-shown)+span+span {
        transform: translateY(-10px) scale(0.75);
        color: #5a9ee7;
    }

    .MainApp .inputGroup .inp .input:not(:placeholder-shown)+span,
    .MainApp .inputGroup .inp .input:not(:placeholder-shown)+span+span {
        transform: translateY(-10px) scale(0.75);
        color: #5a9ee7;
    }


    .MainApp .inputGroup .inp input {
        height: 35px;
        font-size: 0.9vw;
        overflow: hidden;
        resize: none;

        text-align: center
    }

    .MainApp .inputGroup .inp label {
        font-size: 0.7vw;

    }

    .MainApp .SettingsBox .inputGroup .inp input:not(:placeholder-shown)+span {
        transform: translateY(-17px) scale(0);
        color: #5a9ee7;
    }

    .MainApp .inputGroup .inp {
        width: 80%;
        font-size: 0.7vw;
    }
    .MainApp .InputTitle {

        width: 100%;
        display: block;
        text-align: left;
        font-weight: 700
    }


    .MainApp .InputIcon {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-left: 5px;

        cursor: pointer;
    }

    .MainApp .fa-trash-alt:hover {
        color: #d9625e;
    }

    .MainApp .fa-copy:hover {
        color: #5a9ee7;
    }



    .MainApp .UseSearchTerm:hover {
        border: 1px solid rgb(63, 159, 235) !important;
        background-color: white !important;
        color: #8f8f8f !important;
        padding-top: 0px !important;
    }

    .MainApp #loginbtn:hover {

        background-color: #5a9ee7 !important;
        color: #ffffff !important;
    }

    .MainApp .SettingsBox {
        overflow: visible;
        position: absolute;
        left: 20%;
        display: none;
        top: -30px;
        vertical-align: top;

        background: white;
        z-index: 999999;
        width: 17%;
    }

    .MainApp .SettingsBox .inputWrapper {
        text-align: center;
        padding-left: 0px;
        margin-right: 0px;
    }

    .MainApp .SettingsBox .inp .label {
        left: 0;
        right: 0;
        
        font-size: 0.5vw;
        top: 10.5px;
    }
    .MainApp .SettingsBox .inp input:not(:placeholder-shown) + span {
        color: #5a667f;
        transform: translateY(-17px) scale(0.75);
    }

    .MainApp .inputWrapper {
        height: 50px;
        width: 100%;
        margin-right: 10%;
        border-radius: 5px;
        overflow: visible;
        box-shadow: 1px 0px 10px -3px #666;
        padding-top: 10px;
        padding-left: 4px;
        z-index: 1;
    }

    .MainApp .TitleSittings {
        width: 100%;
        text-align: left;
        position: relative;
        height: 10px;
    }



    .MainApp .exestingFullKeyword {
        text-decoration: line-through;
        text-decoration-color: #eb7573;
        color: #80bb5b;
        font-weight: bold
    }

    .MainApp .exestingPartKeyword {
        color: #80bb5b;
        font-weight: bold
    }

    .MainApp .limitExeeded{
        color:#eb7573;
    }