/*
    New Gridview background color: #FCC603


*/

.mainframe {
    display: block;
    width: 100%;     
    border: 0;
    animation: fadeIn .1s forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}   


.mbrpic {
    height: 30px;
}


textarea {
    background-color: white;
    border: 1px solid darkorange;
    font-size:16pt;
}

.showdatagrid {
    
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

    .showdatagrid th {
        background: -webkit-linear-gradient(top, white, lightgray);
        
        
    }

    .showdatagrid tr:nth-child(even) {
        background: #FAFAFA
    }

    .showdatagrid tr:nth-child(odd) {
        background: #FFFFFFF;
    }
.showdatagrid a {
    text-decoration: none;
}

hr {
    color: black;
}

input {
    /* background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); */
    background-color: white;
    border: 1px solid darkorange;
}

 
input[type="checkbox"] :active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
    border: 1px solid darkorange;
}


input[type="button"] {
    background: -webkit-linear-gradient(top, Orange, #f9f9f9);
    border: 1px solid darkorange;
}



input[type=checkbox]:checked {
    box-shadow: 1px 1px 1px darkorange;
    color: darkorange !important;
    background-color: darkorange !important;
    text-transform: uppercase;
    font: bold 14px Arial;
    text-decoration: none;
    background-color: white;
    height: 15px;
    width: 15px;
    padding: 6px 6px 6px 6px;
    text-align: left;
    text-justify: distribute;
    /* margin: 1px 1px bottom left; */
    /* margin: 1px 1px 1px 1px; */
    border-top: 16px solid #D57A19;
    border-right: 16px solid #D57A19;
    border-bottom: 16px solid #D57A19;
    border-left: 16px solid #D57A19;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}

input[type=checkbox] {
    box-shadow: 1px 1px 1px #D57A19;
    color: #000000 !important;
    text-transform: uppercase;
    font: bold 14px Arial;
    text-decoration: none;
    background-color: white;
    color: darkorange;
    height: 15px;
    width: 15px;
    padding: 6px 6px 6px 6px;
    text-align: left;
    text-justify: distribute;
    /* margin: 1px 1px bottom left; */
    /* margin: 1px 1px 1px 1px; */
    border-top: 6px solid #D57A19;
    border-right: 6px solid #D57A19;
    border-bottom: 6px solid #D57A19;
    border-left: 6px solid #D57A19;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}

input[type=text] {
    box-shadow: 1px 1px 1px #D57A19;
    color: #000000 !important;
        font: bold 14px Arial;
    text-decoration: none;
    background-color: white;
    color: darkorange;
    height: 20px;
    padding: 1px 3px 3px 1px;
    text-align: left;
    text-justify: distribute;
    /* margin: 1px 1px bottom left; */
    /* margin: 1px 1px 1px 1px; */
    border-top: 1px solid #D57A19;
    border-right: 1px solid #D57A19;
    border-bottom: 1px solid #D57A19;
    border-left: 1px solid #D57A19;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}



    .logincreds {
        box-shadow: 1px 1px 1px #D57A19;
        color: #000000 !important;
        text-transform: uppercase;
        font: bold 14px Arial;
        text-decoration: none;
        background-color: white;
        color: darkorange;
        height: 20px;
        padding: 1px 3px 3px 1px;
        text-align: left;
        text-justify: distribute;
        /* margin: 1px 1px bottom left; */
        /* margin: 1px 1px 1px 1px; */
        border-top: 1px solid #D57A19;
        border-right: 1px solid #D57A19;
        border-bottom: 1px solid #D57A19;
        border-left: 1px solid #D57A19;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

select {
    box-shadow: 1px 1px 1px #D57A19;
    color: #000000 !important;
    text-transform: uppercase;
    font: bold 14px Arial !important;
    text-decoration: none;
    background-color: white;
    color: darkorange;
    padding: 2px 4px 4px 2px;
    text-align: left;
    text-justify: distribute;
    /* margin: 1px 1px bottom left; */
    /* margin: 1px 1px 1px 1px; */
    border-top: 2px solid #D57A19;
    border-right: 2px solid #D57A19;
    border-bottom: 2px solid #D57A19;
    border-left: 2px solid #D57A19;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.adminlinks {
    color: black !important; 
    text-decoration: none;
    margin-right: 5px;
}

    .adminlinks:visited {
        color: black !important;
        text-decoration: none;
        margin-right: 5px;
    }
    .adminlinks:active {
        color: red !important;
        text-decoration: none;
        margin-right: 5px;
    }

.menuBoxUpper {
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
}
.menubutton {
    width: 175px;
    min-width: 100px;
    max-width: 200px;
    box-shadow: 1px 1px 1px #D57A19;
    color: black !important;
    text-transform: uppercase;
    font: bold 14px Arial;
    text-decoration: none;
    background-color: white;
    padding: 8px 8px 8px 8px;
    text-align: center;
    text-justify: distribute;
    /* margin: 1px 1px bottom left; */
    /* margin: 1px 1px 1px 1px; */
    border-top: 1px solid #D57A19;
    border-right: 1px solid #D57A19;
    border-bottom: 1px solid #D57A19;
    border-left: 1px solid #D57A19;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    white-space: nowrap;
    background: -webkit-linear-gradient(bottom, orange, white);

}



.angled-gradient {
    background: linear-gradient(to bottom right, black, white);
    /* #D57A19 */
}

 

.newrounded {
    
    background-color: white;
}





.iconpack {
    height: 25px;
    position: relative;
    top: 5px;
}


.left {
    text-align: left;
}

.right {
    text-align: right;
}


.LargeText {
    width: 500px;
    height: 500px;
}

link {
    text-decoration: underline;
}



* {
    font-family: Arial;
    color: black;
}

        input {
            font-size: 16pt;
        }

        select {
            font-size: 16pt;
        }
 

a {
    color: #000000;
    text-decoration: underline;
}


.normallinks a {
    color: #000000;
    text-decoration: underline;
}


body {
    xbackground-color: #404040;
    xxbackground-color: #4a4a4a;
    background-color: white;    
}

        .centered {
            margin: auto;
        }

.headerlogo {
    border-bottom: solid 1px #D57A19;
}

.sideheader {
    color: #000000;
    border-bottom: 1px solid black;
    padding: 2px;
    background-color: White;
    text-transform: capitalize;
    text-align: left;
}

    .sideheader:visited {
        color: #000000;
        border-bottom: 1px solid #D57A19;
        padding: 2px;
        background-color: White;
        text-transform: capitalize;
        text-align: left;
    }

.rounded {
    border: 1px solid black;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #eaeaea;
}




        .sidecontainer {
            list-style-type: none;
            margin: 0;
            padding: 0;
            width: 200px;
            text-align: left;
            
        }




.sidemenu {
    display: block;
    color: #000000 !important;
    padding: 2px 4px;
    text-decoration: none;
    font-size: 16pt;
}

            .sidemenu:hover {
                background-color: #555;
                color: white;
            }

    .sidemenu:visited {
        text-decoration: none;
        color: #000000;
    }


        .menubar {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

        .menuitem {
            display: block;
            color: white;
            text-align: center;
            text-decoration: none;
            padding-left: 5px;
            padding-right: 5px;
            float: right;
            text-transform: uppercase;
            position: relative;
            top: 1px;
        }

        a.menuitem {
            color: white;
            border-top: 1px solid #555555;
            border-left: 1px solid #555555;
            border-right: 1px solid #AAAAAA;
            border-bottom: 0px solid #AAAAAA;
            background-color: Black;
        }

        /* Change the link color to #111 (black) on hover */
        .menuitem:hover {
            background-color: #888888;
        }

        .activemenu {
            background-color: white !important;
            color: black !important;
        }

        .rssnewsitem {
            min-width: 400px;
        }

        @media print {
            body * {
                visibility: hidden;
            }

            #section-to-print, #section-to-print * {
                visibility: visible;
            }

            #section-to-print {
                position: absolute;
                left: 0;
                top: 0;
                font-size: small;
            }
        }

.xbutton {
    color: #284775;
    background-color: #FFFBFF;
    border-color: #CCCCCC;
    border-width: 1px;
    border-style: Solid;
    font-family: Verdana;
    font-size: 1em;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
    -webkit-writing-mode: horizontal-tb !important;
}

.largebutton {
    text-transform: uppercase;
    font: bold 24px Arial;
    text-decoration: none;
    background-color: white;
    color: #000000;
    padding: 3px 3px 3px 3px;
    text-align: center;
    text-justify: auto;
    /* margin: 1px 1px bottom left; */
    /* margin: 1px 1px 1px 1px; */
    border-top: 1px solid #D57A19;
    border-right: 1px solid #D57A19;
    border-bottom: 1px solid #D57A19;
    border-left: 1px solid #D57A19;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}



.hugebutton {
    margin: 8px;
    padding: 8px;    
    font: bold 22px Arial;
    color: #000000;
}
.infodiv {
    min-height: 50px;
    width: 100%;
    border: solid 1px black;
    padding: 4px 4px 4px 4px;
    border-top: 1px solid #D57A19;
    border-right: 1px solid #D57A19;
    border-bottom: 1px solid #D57A19;
    border-left: 1px solid #D57A19;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.button {
    min-width: 100px;
    max-width: 200px;
    box-shadow: 1px 1px 1px #D57A19;
    color: #000000 !important;
    text-transform: uppercase;
    font: bold 14px Arial;
    text-decoration: none;
    background-color: white;
    padding: 4px 4px 4px 4px;
    text-align: Center;
    text-justify: distribute;
    /* margin: 1px 1px bottom left; */
    /* margin: 1px 1px 1px 1px; */
    border-top: 1px solid #D57A19;
    border-right: 1px solid #D57A19;
    border-bottom: 1px solid #D57A19;
    border-left: 1px solid #D57A19;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    white-space: nowrap;
    background: -webkit-linear-gradient(top, Orange, #f9f9f9);
}


.smallbutton {
    min-width: 50px;
    max-width: 200px;
    height: 22px;
    box-shadow: 1px 1px 1px #D57A19;
    color: #000000 !important;
    text-transform: uppercase;
    font: bold 14px Arial;
    text-decoration: none;
    background-color: white;
    padding: 2px 8px 8px 2px;
    text-align: center;
    text-justify: distribute;
    /* margin: 1px 1px bottom left; */
    /* margin: 1px 1px 1px 1px; */
    border-top: 1px solid #D57A19;
    border-right: 1px solid #D57A19;
    border-bottom: 1px solid #D57A19;
    border-left: 1px solid #D57A19;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    white-space: nowrap;
}



.deletebutton {
    min-width: 100px;
    max-width: 200px;
    box-shadow: 1px 1px 1px #D57A19;
    color: red !important;
    text-transform: uppercase;
    font: bold 14px Arial;
    text-decoration: none;
    background-color: white;
    padding: 4px 4px 4px 4px;
    text-align: Center;
    text-justify: distribute;
    /* margin: 1px 1px bottom left; */
    /* margin: 1px 1px 1px 1px; */
    border-top: 1px solid #D57A19;
    border-right: 1px solid #D57A19;
    border-bottom: 1px solid #D57A19;
    border-left: 1px solid #D57A19;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    white-space: nowrap;
    background: -webkit-linear-gradient(top, Orange, #f9f9f9);
}



    .button:hover {
        color: #D57A19;
        border-top: 1px solid navy;
        border-right: 1px solid navy;
        border-bottom: 1px solid black;
        border-left: 1px solid black;
    }


    .button:disabled {
        color: gray;
        border-top: 1px solid gray;
        border-right: 1px solid gray;
        border-bottom: 1px solid gray;
        border-left: 1px solid gray;
    }

.button:visited {
    color: black;

}

.truncate {
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


h1 {
    color: #D57A19;
    font-color: #D57A19;
    font-size: 14pt;
    
}

h2 {
    color: black;
    font-color: black;
    border-bottom: 1px solid #D57A19;
    /* box-shadow: 0px 0px 0px 2px rgba(119,119,119,0.7); 
    width: 100%;
    background-color: white;
    border: 1px solid black;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
       */
}



h3 {
    color: orange;
    font-color: orange;
    width: 100%;
    background-color: white;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-left: 15px;
    position: relative;
    left: -20px;
    background: -webkit-linear-gradient(left, black, white);
}

 
 




.subitem {
    color: black;
}
 

/*
    #D57A19 

*/

.helpmessage {
    width: 10px;
    height: 10px;
    background-color: darkorange;
    border-radius: 50%;
    display: inline-block;
    text-transform: uppercase;
    font: bold 16px Arial;
    text-decoration: none;
    color: #D57A19;
    padding: 4px 4px 4px 4px;
    text-align: Center;
    text-justify: distribute;    
    border-top: 1px solid #D57A19;
    border-right: 1px solid #D57A19;
    border-bottom: 1px solid #D57A19;
    border-left: 1px solid #D57A19;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    white-space: nowrap;
    background: -webkit-linear-gradient(top, Orange, #f9f9f9);
}



.faketextbox {
    font: bold 16px Arial;
    text-decoration: none;
    background-color: white;
    color: navy;
    padding: 3px 3px 3px 3px;
    text-align: center;
    text-justify: auto;
    /* margin: 1px 1px bottom left; */
    /* margin: 1px 1px 1px 1px; */
    border-top: 1px solid navy;
    border-right: 1px solid navy;
    border-bottom: 1px solid navy;
    border-left: 1px solid navy;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    min-height: 22px;
    text-align: left;
}