.btnBase {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 40px;
    border: none;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    margin-right: 6px;
    margin-bottom: 2px;
    margin-top: 2px;
    transition: background-color 0.3s ease; /* Smooth transition for hover */
    background-repeat: no-repeat;
    background-position: 10px center;
}


.LoginButton {
    font-family: 'Open Sans';
    /*height: 30px;
    
    text-align: center;*/


    vertical-align: central;
    padding: 0px;
    margin: 0px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 40px;
    border: none;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    margin-right: 6px;

    /*    margin-bottom: 4px;*/
    /*margin-top: 2px;*/
    transition: background-color 0.3s ease; /* Smooth transition for hover */
    background-repeat: no-repeat;
    background-position: 10px center;
}

.LoginButton a:link {
    font-family: 'Open Sans';
    color: white;
    height: 30px;
    
}

.LoginButton a:visited {
    font-family: 'Open Sans';
    color: white;
    height: 30px;
}

.loginLightBlue {
    background-color: #2196F3;
    color: white;
}

.loginDarkBlue {
    background-color: #00638e;
    color: white;
}

/*processing actions*/
.btnGreen { 
    background-color: #4CAF50; /* Green */ 
    color: white;
}

/*default color*/
.btnBlue {
    background-color: #2196F3; /* Blue */
    color: white;
}

/*deleting or exporting etc - very serious options*/
.btnRed {
    background-color: #F44336; /* Red */
    color: white;
}


/*refresh actions*/
.btnPurple {
    background-color: #b750b9; /* Purple */
    color: white;
}


/*minor actions*/
.btnLightBlue {
    
}

/*filter actions*/
.btnOrange {
    background-color: #f46925; /* Gold */
    color: white;
}


 /*Hover effect for Green buttons */
/*.btnGreen:hover {
    background-color: #307033;
    background-size: 32px 32px;*/ /* Slightly enlarge the image on hover */
    /*font-size: 20px;
}*/
.btnBase:hover {
        background-size: 28px 28px; /* Slightly enlarge the image on hover */
    font-size: 17px;
}
.btnGreen:hover {
    background-color: #367c39;
}
.btnRed:hover {    background-color: #c6180b;}
.btnBlue:hover {    background-color: #0a6bb7;}
.btnPurple:hover {    background-color: #702d72;}
.btnLightBlue:hover {    background-color: #035d7d; color: white;}
.btnOrange:hover {    background-color: #aa3d09;     color: white;
}

.widebutton200 {
    width: 200px;
}

.widebutton220 {
    width: 220px;
}

.verywidebutton250 {
    width: 250px;
}



/* Style for the ASPxUploadControl upload button */
.icoUpload {
    background-image: url('/Content/svgicons/image-upload-32.svg'); /* Path to your upload icon */
    background-repeat: no-repeat;
    background-position: center center; /* Center the image */
    background-size: 24px 24px; /* Adjust the size of the image */
    width: 40px; /* Adjust the width of the button */
    height: 40px; /* Adjust the height of the button */
    border: solid; /* Remove border */
    cursor: pointer; /* Pointer cursor on hover */
    background-color: #2196F3;
    color: white;
    border-radius: 6px;
    
}

    /* Hover effect for the upload button */
    .icoUpload:hover {
        
        background-color: #2196F3; /* Light gray background on hover */
        background-size: 32px 32px; /* Slightly enlarge the image on hover */
    }