.listtopline {
    width : 90%;
    height : 2vh;
    min-height : 2vh;
    border-style:none;
    border-width:0;
    color:white;
    font-size:2vh;
    margin-left:2%;
    margin-right:2%;
    margin-top:1%;
    margin-bottom:1%;
    color:white;
}

.listline {
    width : 90%;
    height : 5vh;
    min-height : 5vh;
    border-style:solid;
    border-radius:6px;
    border-width:thin;
    color:white;
    font-size:2vh;
    margin-left:2%;
    margin-right:2%;
    margin-top:1%;
    margin-bottom:1%;
    color:white;
}

.AccountAnswerYes {
    background-color:green;
    color:white;
}

.AccountAnswerNo {
    background-color:red;
    color:white;
}

.documenttitle {
    width : 25%;
    height : 100%;
    background-color:red;
}

.documentdescription {
    width : 30%;
    height : 100%;
    background-color:red;
}

.documentlink {
    width : 20%;
    height : 100%;
    background-color:red;
}

.documentdate {
    width : 15%;
    height : 100%;
    background-color:red;
}






.accountform {
    width: 95%;
    background-color: #ffffff;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
    margin: 5px auto;
}

body {
    background-color: #435165;
}
.login h1 {
    text-align: center;
    color: #5b6574;
    font-size: 24px;
    padding: 5px 0 5px 0;
    border-bottom: 1px solid #dee0e4;
}
.login form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 5px;
}
.login form input[type="submit"]:hover {
    -webkit-appearance: none;
    background-color: firebrick;
}

.userprofile
{
    width:50%;
    height:100%;
    color:black;
    font-size:2vh;
}

.userprofile_button
{
    width:50%;
    height:100%;
    background-color:#3274d6;
    color:white;
    font-size:2vh;
}

.warningyes
{
    width:50%;
    height:100%;
    background-color:#8b0000;
    color:white;
    font-size:2vh;
}
.warningno
{
    width:50%;
    height:100%;
    background-color:#ffcccb;
    color:white;
    font-size:2vh;
}

.errortitlebar
{
    color:firebrick;
    text-align:center;
    font-size:3vh;
    vertical-align: middle;
}

.errorcenter
{
    width:100%;
    height:12vh;
    background-color:white;
    color:#3274d6;
    text-align:center;
    font-size:2.5vh;
    vertical-align: middle;
}

.inputdisabled {
    pointer-events:none;
    color:#AAA;
    background:#F5F5F5;
}


.crm_scroll
{
    width:100%;
    height:85vh;
    height:calc(var(--vh, 1vh) * 85);
}


.accountnoform_scroll
{
    width:100%;
    height:85vh;
    height:calc(var(--vh, 1vh) * 85);
}

.account_user_line
{
    width:100%;
    height:6vh;
}

.account_user_name
{
    width:15%;
    height:100%;
}

.account_user_email
{
    width:15%;
    height:100%;
}

.account_user_selection
{
    width:98%;
    height:6vh;
}

.account_user_profile
{
    width:20%;
    height:100%;
}

.account_user_x
{
    width:10%;
    height:100%;
}

.selecticon {
    width:100%;
    height:100%;
    margin-left: 1%;
    margin-right: 1%;
    display:flex;
    display:-webkit-flex;
    flex-flow:column;
    align-items:center;
    justify-content:center;
}

.userlinetag {
}

.companytypetabsmall
{
    width:30%;
    border-radius:1vh;
    height:100%;
    background-color:gray;
    color:white;
    font-size:2vh;
}

.companytypetab
{
    width:40%;
    border-radius:1vh;
    height:100%;
    background-color:gray;
    color:white;
    font-size:2vh;
}


.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
}

.switch input {display:none;}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .35s;
    transition: .35s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.question_switch
{    
}


.accountform form input[type="submit"] {
    -webkit-appearance: none;
    width: 100%;
    padding: 15px;
    margin-top: 20px;
    background-color: red;
    border: 0;
    cursor: pointer;
    font-weight: bold;
    color: #ffffff;
}
.accountform form input[type="submit"]:hover {
    background-color: firebrick;
}


.carfleet_scroll
{
    overflow-y:auto;
    width:100%;
    height:62vh;
    height:calc(var(--vh, 1vh) * 62);
    background-color:white;
    color:black;
}

.services_scroll
{
    overflow-y:auto;
    width:100%;
    height:71vh;
    height:calc(var(--vh, 1vh) * 71);
    background-color:white;
    color:black;
}

.crm_scroll_table
{
    overflow-y:auto;
    width:100%;
    height:50vh;
    height:calc(var(--vh, 1vh) * 50);
    background-color:white;
    color:black;
}

.admin_scroll
{
    overflow-y:auto;
    width:100%;
    height:67vh;
    height:calc(var(--vh, 1vh) * 67);
    background-color:white;
    color:black;
}

.accountform_scroll
{
    overflow-y:auto;
    width:100%;
    height:85vh;
    height:calc(var(--vh, 1vh) * 85);
}

.adminuser_scroll
{
    overflow-y:auto;
    height:85vh;
    height:calc(var(--vh, 1vh) * 85);
    background-color:white;
    color:black
}
@media (min-aspect-ratio: 4/3) {

    .productpopup {
        width: 50vw;
        background-color: #ffffff;
        box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
        margin: 100px auto;
    }
    .login_warning_bar {
        font-size: 1.5vh;
        height:4vh;
        cursor:pointer;
        width:100%;
        background-color:white;
        color:white;
    }
    .login_bar {
        font-size: 2.5vh;
        height:6vh;
        cursor:pointer;
        width:100%;
        background-color:red;
        margin-bottom:1%;
        color:white;
    }
    .login {
        width: 50vh;
        background-color: #ffffff;
        box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
        margin-top:15vh;
    }
    .login form input[type="text"] {
        -webkit-appearance: none;
        width: 70%;
        height: 6vh;
        border: 1px solid #dee0e4;
        margin-bottom: 1vh;
    }

    .login form input[type="password"]{
        -webkit-appearance: none;
        width: 70%;
        height: 6vh;
        border: 1px solid #dee0e4;
        margin-bottom: 1vh;
    }

    .login form label {
        font-size: 5vh;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 20%;
        height: 6.3vh;
        background-color: red;
        color: #ffffff;
    }

    .login form input[type="submit"] {
        -webkit-appearance: none;
        -webkit-appearance: none;
        font-size: 2.5vh;
        height:6vh;
        width: 100%;
        margin-top: 1vh;
        background-color: red;
        cursor: pointer;
        font-weight: bold;
        color: #ffffff;
        border:0;
        vertical-align: middle;
    }
    
    .headertop
    {
        width:100%;
        height:10vh;
        height:calc(var(--vh, 1vh) * 10);
        background-color:white;
    }

    .headermenu
    {
        position:absolute;
        top:10vh;
        top:calc(var(--vh, 1vh) * 10);
        width:100%;
        height:4vh;
        height:calc(var(--vh, 1vh) * 4);
    }

    .redline {
        position:absolute;
        background-color:red;
        top:4.6vh;
        top:calc(var(--vh, 1vh) * 4.6);
        width:100%;
        height:0.4vh;
    }
    .overalinput
    {
        font-size: 2.5vh;
        height: 4vh;
        width: 74.5vw;
    }
    .overalinputhalf
    {
        font-size: 2.5vh;
        height: 4vh;
        width: 35vw;
    }
    .setfontsize
    {
        font-size: 4vh;
        font-weight: bold;
    }
    .popuptitle
    {
        font-size: calc(2vw + 1vh);
        text-align: center;
    }

}

@media (max-aspect-ratio: 4/3) {

    .productpopup {
        width: 80vw;
        background-color: #ffffff;
        box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
        margin: 10vh auto;
    }

    .login_warning_bar {
        font-size: 1.5vh;
        height:4vh;
        cursor:pointer;
        width:100%;
        background-color:white;
        color:white;
    }
    .login_bar {
        font-size: 2.5vh;
        height:5vh;
        cursor:pointer;
        width:100%;
        background-color:red;
        margin-bottom:1%;
        color:white;
    }
    .login {
        width: 80vw;
        background-color: #ffffff;
        box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
    }
    .login form input[type="text"] {
        -webkit-appearance: none;
        width: 68%;
        height: 5vh;
        font-size: 2.5vh;
        border: 1px solid #dee0e4;
        margin-bottom: 1.5vh;
        margin-left:1%;
        margin-right:1%;
    }

    .login form input[type="password"]{
        -webkit-appearance: none;
        width: 68%;
        height: 5vh;
        font-size: 2.5vh;
        border: 1px solid #dee0e4;
        margin-bottom: 1.5vh;
        margin-left:1%;
        margin-right:1%;
    }
    .login form label {
        font-size: 2.5vh;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 20%;
        height: 5.4vh;
        background-color: red;
        color: #ffffff;
    }

    .login form input[type="submit"] {
        -webkit-appearance: none;
        font-size: 2.5vh;
        height:5vh;
        width: 100%;
        margin-top: 1vh;
        background-color: red;
        cursor: pointer;
        font-weight: bold;
        color: #ffffff;
        border:0;
        vertical-align: middle;
    }
    .headertop
    {
        width:100%;
        height:11vh;
        height:calc(var(--vh, 1vh) * 11);
        background-color:white;
    }

    .headermenu
    {
        position:absolute;
        top:11vh;
        top:calc(var(--vh, 1vh) * 11);
        width:100%;
        height:3vh;
        height:calc(var(--vh, 1vh) * 3);
    }
    
    .redline {
        position:absolute;
        background-color:red;
        top:3.6vh;
        top:calc(var(--vh, 1vh) * 3.6);
        width:100%;
        height:0.4vh;
    }
    .overalinput
    {
        font-size: 2.5vh;
        height: 4vh;
        width: 74vw;
    }
    .overalinputhalf
    {
        font-size: 2.5vh;
        height: 4vh;
        width: 35vw;
    }
    .setfontsize
    {
        font-size: 4vh;
        font-weight: bold;
    }

    .popuptitle
    {
        font-size: calc(3vw + 1vh);
        text-align: center;
    }

}


.iconmargin
{
    margin-right:1vw;
    margin-left:1vw;
}

.datesearchbutton
{
    cursor:pointer;
    color:white;
    background-color:red;
    border-radius:1vh;
    width:9%;
    height:90%;
    margin-top:5%;
    margin-bottom:5%;
    margin-left:0.5%;
    margin-right:0.5%;
}

.banklabel
{
    font-size: 2.0vh;
}

.overalinput13
{
    font-size: 1.5vh;
    width:16vw;
    height:100%;
    cursor:context-menu;
    min-width:9vw'
}

.overalinput23
{
    font-size: 2.5vh;
    height: 4vh;
    width: 9vw;
}
.overalinput33
{
    font-size: 2.5vh;
    height: 4vh;
    width: 23vw;
}

.eyelabel
{
    font-size: 3.5vh;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 6.3vh;
    background-color: white;
    color: red;
    cursor: pointer;
}

.popupdropdown
{
}

.savebutton
{
    position: fixed;
    width:100vw;
    height:5vh;
    bottom:0;
}

.gottonfilename
{
    
}