﻿.Textbox {
    height: 8px;
    width: 350px;
    padding: 10px 2px;
    margin: 12px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: Verdana, Arial, Sans-serif;
    text-align: left;
    color: #284775;
}

.LgnTextbox {
    height: 15px;
    width: 400px;
    padding: 14px 2px;
    margin: 12px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: Verdana, Arial, Sans-serif;
    text-align: left;
    color: #284775;
}

.Dropdownlist {
    width: 360px;
    padding: 10px 2px;
    margin: 12px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: Verdana, Arial, Sans-serif;
}

.DropdownlistGV {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: Verdana, Arial, Sans-serif;
}

.Multiline {
    height: 50px;
    width: 400px;
    border-width: thin;
    font-family: Verdana, Arial, Sans-serif;
    font-weight: lighter;
    font-size: small;
}

.Button {
    /* background-color: #4CAF50;*/ /* Green */
    background-color: #007833;
    border: none;
    color: white;
    padding: 10px 30px;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-family: Verdana, Arial, Sans-serif;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

    .Button:hover {
        background-color: white;
        color: black;
        border: 2px solid #4CAF50;
    }

.ButtonDashboard {
    /* background-color: #4CAF50;*/ /* Green */
    background-color: white;
    border: none;
    color: black;
    padding: 20px;
    width: 180px;
    height: 180px;
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-family: Verdana, Arial, Sans-serif;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 15px 50px;
}

    .ButtonDashboard:hover {
        background-color: whitesmoke;
        color: black;
        border: 2px solid whitesmoke;
    }

.button1 {
    background-color: #007833; /* Green */
    border: none;
    color: white;
    padding: 10px 40px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: Verdana, Arial, Sans-serif;
}

.button2 {
    background-color: white; /* Green */
    border: none;
    color: darkblue;
    padding: 10px 40px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: Verdana, Arial, Sans-serif;
}

/*button1:hover {
     background-color: white; 
    color: black; 
    border: 2px solid #4CAF50;
}*/

.Label {
    height: 30px;
    width: 100px;
    font-family: Verdana, Arial, Sans-serif;
    font-size: medium;
    border-width: thin;
    text-align: right;
}

.Labeldashboard {
    height: 40px;
    width: 100px;
    font-size: 30px;
    color: white;
    font-family: Verdana, Arial, Sans-serif;
    font-size: large;
    font-weight: bold;
    border-width: thin;
    text-align: right;
}

.GridView {
    font-family: Verdana, Arial, Sans-serif;
    text-align: left;
    font-weight: lighter;
}

.Menu {
    height: 30px;
    width: 100px;
    font-family: Verdana, Arial, Sans-serif;
    font-size: medium;
    font-weight: bold;
    border-width: thin;
}

.mydatagrid {
    background-color: #f8fbfc;
    /* background-color: #4CAF50;*/ /* Green */
    color: black;
    width: 100%;
    font-family: Verdana, Arial, Sans-serif;
    font-weight: lighter;
    min-width: 100%;
}

.mydatagridchild {
    width: 50%;
    border: solid 2px black;
    min-width: 50%;
    font-weight: lighter;
}

.mydatagrid-header {
    background-color: #f2f2f2;
    /* background-color: #4CAF50;*/ /* Green */
    border-bottom-width: thick;
    color: black;
    font-family: Verdana, Arial, Sans-serif;
    height: 25px;
    text-align: center;
    font-size: small;
    font-weight: lighter;
    position: relative;
    top: expression(this.offsetParent.scrollTop);
    z-index: 10;
}

.mydatagrid-footer {
    background-color: #f2f2f2;
    /*background-color: #4CAF50;*/ /* Green */
    color: black;
    font-family: Verdana, Arial, Sans-serif;
    height: 25px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
}


.mydatagrid-rows {
    font-family: Verdana, Arial, Sans-serif;
    background-color: #f8fbfc;
    color: black;
    font-weight: lighter;
    font-size: smaller;
    min-height: 25px;
    text-align: center;
    width: 100%;
}

.dropbtn {
    background-color: #ffffff;
    color: black;
    padding: 10px 200px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    height: 28px;
    width: 353px;
}

.selectbox {
    height: 28px;
    width: 353px;
    background-color: #FFF;
    font-family: Verdana, Arial, Sans-serif;
    color: black;
    font-weight: normal;
    border: 1px solid #ccc;
    margin: 5px 0 0 0;
    padding: 10px 200px;
}

.textarea {
    width: 378px;
    height: 100px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    resize: none;
}

.table {
    height: 30px;
    width: 175px;
    font-family: Verdana, Arial, Sans-serif;
    font-size: medium;
    border-width: thin;
    text-align: right;
}

.tdleft {
    text-align: left;
}

.HeadingText {
    font-family: Verdana, Arial, Sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    text-decoration: underline;
    color: black;
    background-color: lightgray;
    /*background-color:;*/
}

.fileupload {
    height: 25px;
    width: 350px;
    padding: 10px 2px;
    margin: 12px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: Verdana, Arial, Sans-serif;
    text-align: left;
    color: #284775;
}

.HeaderFreez {
    position: relative;
    top: expression(this.offsetParent.scrollTop);
    z-index: 10;
}

.lgnbtn {
    background-color: #019EE1;
    border: none;
    color: black;
    height: 45px;
    width: 400px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    font-family: Verdana, Arial, Sans-serif;
}

.bodyimg {
    background-image: url("~\Images\Capturenew.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    margin-right: 200px;
}

.grad1 {
    height: 200px;
    background: red; /* For browsers that do not support gradients */
    background: linear-gradient(red, yellow); /* Standard syntax (must be last) */
}

.pageheading {
    text-align: center;
    font-family: Verdana, Arial, Sans-serif;
    font-size: large;
}

.buttonrow {
    text-align: right;
    background-color: #363e43;
}

.buttonrow123 {
    text-align: right;
    background-color: white;
}
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

    .active, .accordion:hover {
        background-color: #ccc;
    }

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}

.pager span {
    color: #009900;
    font-weight: bold;
    font-size: 16pt;
}