td,
th {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 8px;
    word-wrap: break-word;
}
/* MARGINS */
.p-t-10{
    padding-top: 12%;
}
.p-t-2{
    padding-top: 2%;
}
.p-t-1{
    padding-top: 1%;
}
.m-2{
    margin: 2%;
}
.m-b-5 {
    margin-bottom: 5%;
}
.m-b-3 {
    margin-bottom: 3%;
}
.m-b-2 {
    margin-bottom: 2%;
}
.m-r-2{
    margin-right: 2%;
}
.m-l-5{
    margin-left: 5%;
}
.m-r-1{
    margin-right: 1%;
}
.m-r-5{
    margin-right: 5%;
}
.m-r-10{
    margin-right: 10%;
}
.m-t-1{
    margin-top: 1%;
}
.m-t-3{
    margin-top: 3%;
}
.m-t-5{
    margin-top: 5%;
}
.modal-border{
    border: 0.1em #BABABA solid;
    max-width: 450px !important;
}

/* END OF MARGINS */
.title {
    background: #ffffff;
    box-shadow: 4px 5px 19px rgba(94, 102, 131, 0.05);
    border-radius: 8px;
    width: 1110px;
    height: 70px;
}

/* headlines */
.title-header{
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    display: flex;
    align-items: center;
    color:#353535;
}
.headline-2{
    font-family: Poppins;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;

}
.headline-3 {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 35px;
    display: flex;
    align-items: center;
    color:#353535;
}
.headline-4 {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 35px;
    display: flex;
    align-items: center;
    color:#353535;
}
.headline-4-bold {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 35px;
    display: flex;
    align-items: center;
    color:#353535;
}
.headline-4-lb {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    color: #007BFF;
    font-size: 18px;
    line-height: 35px;
    display: flex;
    align-items: center;
    /* color:#353535; */
}
.headline-5 {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 35px;
    /* display: flex; */
    align-items: center;
    color:#353535;
}

/* links */

.link-s{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    text-decoration: none;
}

/* captions */
.caption {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* identical to box height */

    display: flex;
    align-items: center;

    /* Text / 4B4B4B */

    color: #4b4b4b;
}
.text-align-left{
    text-align:start;
}
.caption-10 {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 18px;
    /* identical to box height */

    display: flex;
    align-items: center;

    /* Text / 4B4B4B */

    color: #4b4b4b;
}
.caption-14px {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 150% */

    /* display: flex; */
    /* align-items: center;  */

    /* Text / 353535 */

    color: #353535;
}
.caption-14px-gray {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 150% */

    /* display: flex; */
    /* align-items: center;  */

    /* Text / 353535 */

    color: #8e8e8e;
}
.caption-14px-tertiary {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 150% */

    /* display: flex; */
    /* align-items: center;  */

    /* Text / 353535 */

    color: #007BFF;
}
.caption-16px-600 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */

    display: flex;
    align-items: center;

    /* Text / 353535 */

    color: #353535;
}
.caption-16px {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */

    display: flex;
    align-items: center;

    /* Text / 353535 */

    color: #353535;
}
.caption-16px-600 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */

    display: flex;
    align-items: center;

    /* Text / 353535 */

    color: #353535;
}
.dropdown{
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #353535;
}


.login-seperator{
    position: relative;
}
.login-seperator .seperator{
    position: relative;
    width: 100%;
    display: block;
    height: 1px;
    background-color: #dadada;
    top: 12px;
}
.login-seperator .or{
    padding: 10px;
    background-color: #fff;
    position: relative;
}
.login-with-google-btn{
    margin-bottom: 20px;
}


.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: 86px 14px;
    width: 100%;
    text-align: center;
}

.login-with-google-btn:hover {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
    text-decoration: none;
}

.login-with-google-btn:active {
    background-color: #eeeeee;
}

.login-with-google-btn:focus {
    outline: none;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25), 0 0 0 3px #c8dafc;
}