.modal-xl {
    min-width: 75% !important; /* Adjust width to fit your needs */
    max-width: 85% !important;
}
.modal-header{
    display:flex;
}
.modal-title {
    margin: 0; /* Removes extra margin for precise alignment */
    flex:auto;
}

.close {
    font-size: 24px; /* Ensures large button text */
}
.large-close-button {
    font-size: 2em; /* Adjust size as needed */
   color:black;
}

.table-hover tbody tr {
    cursor: pointer;
}



#eyeicon, #eyeicon:hover{
    color:black;
    background-color:#f7f7f7;
    border:none;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #mainNav.navbar-default .navbar-nav li {
        display: inline-block;
        float: none;
        font-size: 16px;
        font-size: 16px;
    }

    #mainNav.navbar-default .navbar-nav a {
        font-size: 16px;
    }
}
/*Move he original checkbox out of the way */
[type="checkbox"].fancy-check {
    position: absolute;
    left: -9999px;
}

/*Validation Message CSS*/
.k-form-error,
.k-form-field-error .k-label,
.k-text-error {
    color: #f43c1a;
    font-size: 18px;
    font-weight:bold;
    font-style:normal;
}

/*Align the icon and the label text to same height using tabl-cell display*/
/*If you change the font-size of the text, you may also want to do som padding or alignhment changes here*/
.fancy-check ~ label > span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
}
/*The label will contain the icon and the text, will grab the focus*/
[type="checkbox"].fancy-check + label {
    cursor: pointer;
    display: table;
}
    /*The icon container, set it to fixed size and font size, the padding is to align the border*/
    /*If you change the font-size of this icon, be sure to adjust the min-width as well*/
    [type="checkbox"].fancy-check + label:before {
        font-family: 'FontAwesome';
        display: inline-block;
        box-sizing: border-box;
        border: 1px solid transparent;
        font-size: 22px;
        min-width: 28px;
        padding: 2px 0 0 3px;
        font-weight: 900;
    }
/* toggle font awsome icon*/
[type="checkbox"].fancy-check:checked + label:before {
    content: "\f046";
}

[type="checkbox"].fancy-check:not(:checked) + label:before {
    content: "\f096";
}
/*Do something on focus, in this case show dashed border*/
[type="checkbox"].fancy-check:focus + label:before {
    border: 1px dashed #777;
}
/*Do something on hover, in this case change the image color*/
[type="checkbox"].fancy-check:hover + label:before {
    color: #67afe5;
}

/* bootstrap and telerik issue */

.form-control.k-widget {
    padding: 0;
    width: 100%;
    height: auto;
}

    .form-control.k-widget:not(.k-autocomplete) {
        border-width: 1;
    }

/*bunch of background css for buttons and navigation stuff*/
.insuredinformationbtn {
    background-color: white !important;
    border: 2px solid #16D44A !important;
}


    .insuredinformationbtn:hover {
        border: 6px solid #16D44A !important;
        font-weight: bolder;
        /*background-color: #F7EF0B !important;*/
    }

.createformpage, .commentssection, .otherliability, .workerscompensation, .excessliability, .automobileliability, .generalliability, .typeofendorsement, .insuranceprovider, .insuredinformation {
    border: #16D44A !important;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    background: linear-gradient(to bottom, #fff, #e4e4e4) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
    border-radius: 1em !important;
    box-shadow: 0 2px 2px 2px #e4e4e4;
    color: darkgray;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
}

.createformpageerror, .commentssectionerror, .otherliabilityerror, .workerscompensationerror, .excessliabilityerror, .automobileliabilityerror, .generalliabilityerror, .typeofendorsementerror, .insuranceprovidererror, .insuredinformationerror {
    border: 1px solid #f43c1a !important;
    background: linear-gradient(to bottom, #fff, #e4e4e4) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
    border-radius: 1em !important;
    box-shadow: 0 2px 2px 2px #e4e4e4;
    color: #f43c1a;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
}

    .createformpageerror:hover, .commentssectionerror:hover, .otherliabilityerror:hover, .workerscompensationerror:hover, .excessliabilityerror:hover, .automobileliabilityerror:hover, .generalliabilityerror:hover, .typeofendorsementerror:hover, .insuranceprovidererror:hover, .insuredinformationerror:hover {
        border: 2px solid #f43c1a !important;
        background: linear-gradient(to bottom, #fff, #e4e4e4) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
        border-radius: 1em !important;
        box-shadow: 0 2px 2px 2px #e4e4e4;
        color: #f43c1a;
        padding: 0;
        box-sizing: content-box;
        width: 85%;
        margin: 0 3% 20px 3%;
        position: relative;
    }

.createformpage:hover, .commentssection:hover, .otherliability:hover, .workerscompensation:hover, .excessliability:hover, .generalliability:hover, .typeofendorsement:hover, .insuranceprovider:hover, .insuredinformation:hover {
    border: #16D44A !important;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    background: linear-gradient(to bottom, #fff, #e4e4e4) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
    border-radius: 1em !important;
    box-shadow: 0 2px 2px 2px #e4e4e4;
    color: darkgray;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
}

/*
    .insuredinformation {
    border: #16D44A !important;
    border-right: 2px solid black;
    border-bottom: 2px solid black;    
    background: linear-gradient(to bottom, #fff, #e4e4e4) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;    
    border-radius: 1em !important;
    box-shadow: 0 2px 2px 2px #16D44A;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
    }
    .insuredinformation:hover {
        border: #16D44A !important;
        border-right: 2px solid black;
        border-bottom: 2px solid black;     
        background: linear-gradient(to bottom, #fff, #25d7567f) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
        color: black;
        font-weight: bolder;     
        border-radius: 0px;
        box-shadow: 0 3px 3px 3px #16D44A;
        padding: 0;
        box-sizing: content-box;
        width: 85%;
        margin: 0 3% 20px 3%;
        position: relative;
    }
*/

.insuredinformation:hover, .insuredinformationsel {
    border: #5ee18231 !important;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    /* border-radius: 2px; */
    background-color: #17d44b31;
    /* border: 0 none; */
    color:black;
    font-weight:800;
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px #16D44A;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
}

.insuranceproviderbtn {
    background-color: white !important;
    border: 2px solid #BC41BE !important;
}

    .insuranceproviderbtn:hover {
        border: 6px solid #BC41BE !important;
        font-weight: bolder;
        /*background-color: #F7EF0B !important;*/
    }

/*
.insuranceprovider {
    background: linear-gradient(to bottom, #fff, #e4e4e4) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;    
    border-radius: 1em !important;    
    box-shadow: 0 2px 2px 2px #BC41BE !important;
    padding: 0;
    box-sizing: content-box;
    font-weight: bold;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;    
}

    .insuranceprovider:hover {
        background: linear-gradient(to bottom, #fff, #c761c945) content-box, linear-gradient(to right, #fff, #c761c945 ) padding-box, linear-gradient(to right, #fff, #c761c945) border-box !important;
        border: #16D44A !important;
        border-right: 2px solid black;
        border-bottom: 2px solid black;
        
        color: black;
        font-weight: bolder;
        
        border-radius: 1em !important;
        box-shadow: 0px 3px 3px 3px #BC41BE !important;
        padding: 0;
        box-sizing: content-box;
        width: 85%;
        margin: 0 3% 20px 3%;
        position: relative;
    }*/

.insuranceprovider:hover,.insuranceprovidersel {
    border: #16D44A !important;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    /* border-radius: 2px; */
    background-color: #c04ec225;
    color: black;
    font-weight: bolder;
    /* border: 0 none; */
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px #BC41BE;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
}

.insuranceproviderselectbtn {
    background-color: white !important;
    border: 2px solid #BC41BE !important;
}

    .insuranceproviderselectbtn:hover {
        border: 6px solid #BC41BE !important;
        font-weight: bolder;
        /*background-color: #F7EF0B !important;*/
    }

.insuranceproviderselect {
    background: linear-gradient(to bottom, #fff, #e4e4e4) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
    /* border: 0 none; */
    border-radius: 1em !important;
    /* border: 0 none; */
    box-shadow: 0 2px 2px 2px #BC41BE;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
    /*background-color: #BC41BE !important;*/
}

    .insuranceproviderselect:hover {
        border: #16D44A !important;
        border-right: 2px solid black;
        border-bottom: 2px solid black;
        /* border-radius: 2px; */
        background: linear-gradient(to bottom, #fff, #16D44A) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
        color: black;
        font-weight: bolder;
        /* border: 0 none; */
        border-radius: 0px;
        box-shadow: 0 3px 3px 3px #BC41BE;
        padding: 0;
        box-sizing: content-box;
        width: 85%;
        margin: 0 3% 20px 3%;
        position: relative;
    }

.insuranceproviderselectsel {
    border: #16D44A !important;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    /* border-radius: 2px; */
    background-color: #39761e30;
    color: black;
    font-weight: bolder;
    /* border: 0 none; */
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px #BC41BE;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
}

.typeofendorsementbtn {
    background-color: white !important;
    border: 2px solid #38761D !important;
}

    .typeofendorsementbtn:hover {
        border: 6px solid #38761D !important;
        font-weight: bolder;
        /*background-color: #F7EF0B !important;*/
    }
/*
.typeofendorsement {
    background: linear-gradient(to bottom, #fff, #e4e4e4) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
    
    border-radius: 1em !important;
    box-shadow: 0 2px 2px 2px #38761D !important;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
    
}

    .typeofendorsement:hover {
        border: #38761D !important;
        border-right: 2px solid black;
        border-bottom: 2px solid black;
        
        background: linear-gradient(to bottom, #fff, #39761ea6) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
        color: black;
        font-weight: bolder;
        
        border-radius: 0px;
        box-shadow: 0 3px 3px 3px #38761D;
        padding: 0;
        box-sizing: content-box;
        width: 85%;
        margin: 0 3% 20px 3%;
        position: relative;
    }
*/
.typeofendorsement:hover, .typeofendorsementsel {
    border: #38761D !important;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    /* border-radius: 2px; */
    background-color: #39761e25;
    color: black;
    font-weight: bolder;
    /* border: 0 none; */
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px #38761D;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
}


.generalliabilitybtn {
    background-color: white !important;
    border: 2px solid #F7EF0B !important;
}

    .generalliabilitybtn:hover {
        border: 6px solid #F7EF0B !important;
        font-weight: bolder;
        /*background-color: #F7EF0B !important;*/
    }

/*.generalliability {
    background: linear-gradient(to bottom, #fff, #e4e4e4) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
    
    border-radius: 1em !important;
    box-shadow: 0 2px 2px 2px #F7EF0B !important;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
    
}

    .generalliability:hover {
        border: #F7EF0B !important;
        border-right: 2px solid black;
        border-bottom: 2px solid black;
        
        background: linear-gradient(to bottom, #fff, #f7f01bb2) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
        color: black;
        font-weight: bolder;
        
        border-radius: 0px;
        box-shadow: 0 3px 3px 3px #F7EF0B;
        padding: 0;
        box-sizing: content-box;
        width: 85%;
        margin: 0 3% 20px 3%;
        position: relative;
    }*/

.generalliability:hover, .generalliabilitysel {
    border: #F7EF0B !important;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    /* border-radius: 2px; */
    background-color: #f7f01b26;
    color: black;
    font-weight: bolder;
    /* border: 0 none; */
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px #F7EF0B;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
}

.automobileliabilitybtn {
    background-color: white !important;
    border: 2px solid #0BA9EE !important;
}

    .automobileliabilitybtn:hover {
        border: 6px solid #0BA9EE !important;
        font-weight: bolder;
        /*background-color: #F7EF0B !important;*/
    }
/*
.automobileliability {
    background: linear-gradient(to bottom, #fff, #e4e4e4) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
    
    border-radius: 1em !important;
    box-shadow: 0 2px 2px 2px #0BA9EE !important;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
    
}

    .automobileliability:hover {
        border: #0BA9EE !important;
        border-right: 2px solid black;
        border-bottom: 2px solid black;
        
        background: linear-gradient(to bottom, #fff, #57c4f399) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
        color: black;
        font-weight: bolder;
        
        border-radius: 0px;
        box-shadow: 0 3px 3px 3px #0BA9EE;
        padding: 0;
        box-sizing: content-box;
        width: 85%;
        margin: 0 3% 20px 3%;
        position: relative;
    }*/

.automobileliability:hover, .automobileliabilitysel{
    border: #0BA9EE !important;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    /* border-radius: 2px; */
    background-color: #1bafef2b;
    color: black;
    font-weight: bolder;
    /* border: 0 none; */
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px #0BA9EE;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
}

.excessliabilitybtn {
    background-color: white !important;
    border: 2px solid #F1ACC6 !important;
}

    .excessliabilitybtn:hover {
        border: 6px solid #F1ACC6 !important;
        font-weight: bolder;
    }
/*
.excessliability {
    background: linear-gradient(to bottom, #fff, #e4e4e4) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
    
    border-radius: 1em !important;
    box-shadow: 0 2px 2px 2px #F1ACC6 !important;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
    
}

    .excessliability:hover {
        border: #F1ACC6 !important;
        border-right: 2px solid black;
        border-bottom: 2px solid black;
    
        background: linear-gradient(to bottom, #fff, #f2b1ca99) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
        color: black;
        font-weight: bolder;
    
        border-radius: 0px;
        box-shadow: 0 3px 3px 3px #F1ACC6;
        padding: 0;
        box-sizing: content-box;
        width: 85%;
        margin: 0 3% 20px 3%;
        position: relative;
    }
*/
.excessliability:hover, .excessliabilitysel {
    border: #F1ACC6 !important;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    background-color: #f1acc62b;
    color: black;
    font-weight: bolder;
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px #F1ACC6;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
}

.cancelinsuredinformationbtn {
    background-color: white !important;
    border: 2px solid #091a44 !important;
}

    .cancelinsuredinformationbtn:hover {
        border: 6px solid #091a44 !important;
        font-weight: bolder;
    }

.workerscompensationbtn {
    background-color: white !important;
    border: 2px solid #091a44 !important;
    /*background-color: #F7EF0B !important;*/
}

    .workerscompensationbtn:hover {
        border: 6px solid #091a44 !important;
        font-weight: bolder;
        /*background-color: #F7EF0B !important;*/
    }
/*
.workerscompensation {
    background: linear-gradient(to bottom, #fff, #e4e4e4) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
    
    border-radius: 1em !important;
    box-shadow: 0 2px 2px 2px #091a44 !important;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
    
}

    .workerscompensation:hover {
        border: #091a44 !important;
        border-right: 2px solid black;
        border-bottom: 2px solid black;
        
        background: linear-gradient(to bottom, #fff, #cccffa) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
        color: black;
        font-weight: bolder;
        
        border-radius: 0px;
        box-shadow: 0 3px 3px 3px #091a44;
        padding: 0;
        box-sizing: content-box;
        width: 85%;
        margin: 0 3% 20px 3%;
        position: relative;
    }
*/
.workerscompensation:hover, .workerscompensationsel {
    border: #091a44 !important;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    /* border-radius: 2px; */
    background-color: #e4e9ff;
    color: black;
    font-weight: bolder;
    /* border: 0 none; */
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px #091a44;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
}

.otherliabilitybtn {
    background-color: white !important;
    border: 2px solid #91F8F6 !important;
}

    .otherliabilitybtn:hover {
        border: 6px solid #91F8F6 !important;
        font-weight: bolder;
        /*background-color: #F7EF0B !important;*/
    }
/*
.otherliability {
    background: linear-gradient(to bottom, #fff, #e4e4e4) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
    
    border-radius: 1em !important;
    box-shadow: 0 2px 2px 2px #91F8F6 !important;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
    
}

    .otherliability:hover {
        border: #91F8F6 !important;
        border-right: 2px solid black;
        border-bottom: 2px solid black;
        
        background: linear-gradient(to bottom, #fff, #91f8f673) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
        color: black;
        font-weight: bolder;
        
        border-radius: 0px;
        box-shadow: 0 3px 3px 3px #91F8F6;
        padding: 0;
        box-sizing: content-box;
        width: 85%;
        margin: 0 3% 20px 3%;
        position: relative;
    }*/

.otherliability:hover, .otherliabilitysel {
    border: #91F8F6 !important;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    /* border-radius: 2px; */
    background-color: #91f8f62e;
    color: black;
    font-weight: bolder;
    /* border: 0 none; */
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px #91F8F6;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
}

.commentssectionbtn {
    background-color: white !important;
    border: 2px solid #F5CA19 !important;
    /*background-color: #F7EF0B !important;*/
}

    .commentssectionbtn:hover {
        border: 6px solid #F5CA19 !important;
        font-weight: bolder;
        /*background-color: #F7EF0B !important;*/
    }
/*
.commentssection {
    background: linear-gradient(to bottom, #fff, #e4e4e4) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
    
    border-radius: 1em !important;
    box-shadow: 0 2px 2px 2px #F5CA19 !important;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
    
}

    .commentssection:hover {
        border: #F5CA19 !important;
        border-right: 2px solid black;
        border-bottom: 2px solid black;
        
        background: linear-gradient(to bottom, #fff, #f6ce287f) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
        color: black;
        font-weight: bolder;
        
        border-radius: 0px;
        box-shadow: 0 3px 3px 3px #F5CA19;
        padding: 0;
        box-sizing: content-box;
        width: 85%;
        margin: 0 3% 20px 3%;
        position: relative;
    }*/

.commentssection:hover, .commentssectionsel {
    border: #F5CA19 !important;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    /* border-radius: 2px; */
    background-color: #f5ca192b;
    color: black;
    font-weight: bolder;
    /* border: 0 none; */
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px #F5CA19;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
}

.createformpagebtn {
    background-color: white !important;
    border: 2px solid #BCF10E !important;
    /*background-color: #F7EF0B !important;*/
}

    .createformpagebtn:hover {
        border: 6px solid #BCF10E !important;
        font-weight: bolder;
        /*background-color: #F7EF0B !important;*/
    }
/*
.createformpage {
    background: linear-gradient(to bottom, #fff, #e4e4e4) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
    
    border-radius: 1em !important;
    box-shadow: 0 2px 2px 2px #BCF10E !important;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
    
}

    .createformpage:hover {
        border: #16D44A !important;
        border-right: 2px solid black;
        border-bottom: 2px solid black;
        
        background: linear-gradient(to bottom, #fff, #d1f5597f) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
        color: black;
        font-weight: bolder;
        
        border-radius: 0px;
        box-shadow: 0 3px 3px 3px #BCF10E;
        padding: 0;
        box-sizing: content-box;
        width: 85%;
        margin: 0 3% 20px 3%;
        position: relative;
    }*/

.createformpage:hover, .createformpagesel {
    border: #16D44A !important;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    /* border-radius: 2px; */
    background-color: #d1f55928;
    color: black;
    font-weight: bolder;
    /* border: 0 none; */
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px #BCF10E;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
}

.createuploadbtn {
    background-color: white !important;
    border: 4px solid #38761D !important;
}

    .createuploadbtn:hover {
        border: 6px solid #38761D !important;
        font-weight: bolder;
        /*background-color: #F7EF0B !important;*/
    }

.createupload {
    background: linear-gradient(to bottom, #fff, #e4e4e4) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
    /* border: 0 none; */
    border-radius: 1em !important;
    box-shadow: 0 2px 2px 2px #38761D !important;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
    /*background-color: #BCF10E !important;*/
}

    .createupload:hover {
        border: #16D44A !important;
        border-right: 2px solid black;
        border-bottom: 2px solid black;
        /* border-radius: 2px; */
        background: linear-gradient(to bottom, #fff, #457f2c73) content-box, linear-gradient(to right, #fff, #fff) padding-box, linear-gradient(to right, #fff, #fff) border-box !important;
        color: black;
        font-weight: bolder;
        /* border: 0 none; */
        border-radius: 0px;
        box-shadow: 0 3px 3px 3px #38761D;
        padding: 0;
        box-sizing: content-box;
        width: 85%;
        margin: 0 3% 20px 3%;
        position: relative;
    }

.createuploadsel {
    border: #16D44A !important;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    /* border-radius: 2px; */
    background-color: #457f2c31;
    color: black;
    font-weight: bolder;
    /* border: 0 none; */
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px #38761D;
    padding: 0;
    box-sizing: content-box;
    width: 85%;
    margin: 0 3% 20px 3%;
    position: relative;
}

/*Menu on Top CSS*/
.menuonTop {
    background-color: #faecec;
    background-image: linear-gradient(white,#f0f0f0);
    margin-bottom: 40px;
}

.menuonTopReverse {
    background-color: #faecec;
    background-image: linear-gradient(#f0f0f0,white);
    margin-bottom: 0px;
}

.menuonbottom {
    background-color: #faecec;
    background-image: linear-gradient(#f0f0f0,white,#f0f0f0);
    opacity: 100;
    margin-bottom: 0px;
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 1000 !important;
}

    .menuonbottom ul,
    .menuonbottom li,
    .menuonbottom a {
        z-index: 1 !important;
        margin-top: 2px !important;
    }

.dropup ul {
    background-color: transparent;
}

    .dropup ul li {
    }

    .dropup ul > li {
        list-style: none;
    }

        .dropup ul > li:after {
            content: "\A";
            white-space: pre;
        }