.login .login-with-google-btn {
    transition: background-color .3s, box-shadow .3s;
    padding: 12px 16px 12px 42px;
    border: none;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
    color: #757575;
    font-size: 14px;
    font-weight: 500;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
    background-color: white;
    background-repeat: no-repeat;
    background-position: 12px 11px;
    margin: 12px 0px 0px;
}

.login  .login-background {
    background-color: #D5EEF6;
    height: 100vh;
}

.login  .login-background .left-background-div {
    position: relative;
}

.login  .login-background .login-left-background-img {
    width: 100%;
    margin-left: -8px;
    margin-top: -7px;
}

.login  .login-background .login-img-logo {
    height: 30px;
    width: 30px
}

.login  .login-background .welcome-to-netscribes {
    color: #FFFFFF;
    font-size: 22px;
    font-weight: bold;
    margin-left: 10px;
}

.login  .login-background .bottomleft {
    position: absolute;
    bottom: 20px;
    left: 16px;
    font-size: 18px;
    display: flex;
}

.login  .login-background .login-logo {
    width: 185px;
}

.login  .login-background .email-label {
    color: #333333;
    font-size: 14px;
    margin-top: 50px;
}

.login  .login-background .password-label {
    color: #333333;
    font-size: 14px;
}

.login  .login-background .email-password-input {
    color: #333333;
    font-size: 15px;
}

.login  .login-background .margin-top12 {
    margin-top: 12px;
}

.login  .login-background .margin-top45 {
    margin-top: 45px;
}

.login  .login-background .margin-top30 {
    margin-top: 30px;
}

.login  .login-background .forgot-password {
    color: #035b88;
    font-size: 14px;
    margin-top: 12px;
    text-decoration: none;
}

.login  .login-background .login-button {
    width: 325px;
    height: 39px;
    background-color: #e59d23;
    color: #ffffff;
    border: none;
    border-radius: 25px;
}

.login  .login-background .dont-have-an-account {
    color: #666666;
    font-size: 14px;
}

.login  .login-background .sign-up {
    color: #035b88;
    font-size: 14px;
}

@media (min-width: 768px) {
    .login  .login-background .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 0rem !important;
    }
}

@media (max-width: 768px) {
    .login  .login-background {
        background-color: #D5EEF6;
        height: 135vh;
    }

    .login  .login-background .login-button {
        width: 300px;
        height: 39px;
        background-color: #e59d23;
        color: #ffffff;
        border: none;
        border-radius: 25px;
    }
}


.login  .login-background .ongoing-contract-tab{
    background-color: #fff;
    padding: 10px;
}


.login  .login-background  select {
    background-color: white;
    border: thin solid blue;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.login  .login-background select.minimal {
    background-image:
        linear-gradient(45deg, transparent 50%, gray 50%),
        linear-gradient(135deg, gray 50%, transparent 50%),
        linear-gradient(to right, #ccc, #ccc);
    background-position:
        calc(100% - 20px) calc(1em + 2px),
        calc(100% - 15px) calc(1em + 2px),
        calc(100% - 2.5em) 0.5em;
    background-size:
        5px 5px,
        5px 5px,
        1px 1.5em;
    background-repeat: no-repeat;
}

.login  .login-background select.minimal:focus {
    background-image:
        linear-gradient(45deg, green 50%, transparent 50%),
        linear-gradient(135deg, transparent 50%, green 50%),
        linear-gradient(to right, #ccc, #ccc);
    background-position:
        calc(100% - 15px) 1em,
        calc(100% - 20px) 1em,
        calc(100% - 2.5em) 0.5em;
    background-size:
        5px 5px,
        5px 5px,
        1px 1.5em;
    background-repeat: no-repeat;
    border-color: green;
    outline: 0;
}


.login  .login-background  .input-section {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 10px;
}

.login  .login-background .input-label {
    color: #333333;
    font-size: 14px;
}

.login  .login-background .input-value {
    color: #333333;
    font-size: 15px;
    background-color: #fff;
}

.login  .login-background .select-dropdown {
    background-color: #fff;
    width: 100%;
    height: 35px;
    margin-top: 2px;
    border-color: #d1d1d1;
    border-radius: 5px;
    font-size: 15px;
}

.login  .login-background .submit-button {
    height: 40px;
    width: 110px;
    background-color: #e59d23;
    margin: 5px;
    border: none;
    border-radius: 25px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin-top: 30px;
}

.login  .login-background .right-section {
    display: flex;
    justify-content: end;
    height: 50px;
}

.login  .login-background .right-sub-section {
    display: flex;
    position: absolute;
    top: 18px;
    right: 60px;
}

.login  .login-background .document-background{
    height: 40px;
    width: 210px;
    margin: 5px;
    position: relative;
    cursor: pointer;
}

.login  .login-background .input-section {
    padding-left: 0px;
 }
 .login  .login-background .submit-button {
    margin-left: 45px;
 }

.login  .login-background .document-icon {
    height: 15px;
    width: 15px;
    margin-top: 5px;
    cursor: pointer;
}

.login  .login-background .input-section {
    padding-left: 0px;
 }
 .login  .login-background .submit-button {
    margin-left: 45px;
 }

.login  .login-background .import-contrcts {
    color: #055c88;
    font-size: 15px;
    margin-left: 10px;
    cursor: pointer;
}

.login  .login-background .export-button {
    height: 40px;
    width: 150px;
    background-color: #d5eef6;
    margin: 5px;
    border: none;
    border-radius: 25px;
    color: #055c88;
    font-size: 14px;
    font-weight: bold;
    margin-top: 30px;
}