.hed
{
    font-family: Times New Roman;
    font-size: 15px;
    font-weight: bold;
    color: Black;
    border: none;
}
.logo
{
    margin-left: 2%;
}

.headder
{
    width: 900px;
}
.headder tr td h1
{
    margin-left: 8%;
    font-size: 28px;
}

.result
{
    margin-top: 50px;
}
.result1
{
    margin-left: 90%;
    color: Blue;
    font-size: medium;
}
.grade
{
    margin-left: 0%;
    color: #000;
}
.gradet
{
    margin-left: 5%;
    font-size: smaller;
    color: #000;
}
.office
{
    margin-top: 15%;
    margin-left: 2%;
    color: #000;
    margin-bottom: 2%;
}
.wh
{
    border: 2px;
    border-color: Silver;
}
.headder table tr td p
{
    color: Red;
    margin-left: 24%;
    font-size: 20px;
}
.year p
{
    margin-left: 46%;
    font-weight: bold;
    font-size: 20px;
    color: Red;
}
.Promot
{
    margin-top: 1%;
    margin-left: 0%;
    color: #000;
    padding: 20px:;
}
#print
{
    margin-left: 100%;
}
.hed
{
    /*font-family: Times New Roman;     font-size: 15px; */
    font-size: 11px;
    font-weight: bold;
    color: #000;
    border: none;
}
.logo
{
    margin-left: 2%;
}

.headder
{
    width: 900px;
}
.headder tr td h1
{
    margin-left: 8%;
    font-size: 28px;
}

.result
{
    margin-top: 20px;
}
.result1
{
    margin-left: 90%;
    color: Blue;
    font-size: medium;
}
.grade
{
    margin-left: 0%;
    color: #000;
}
.gradet
{
    margin-left: 5%;
    font-size: smaller;
    color: #000;
}
.office
{
    margin-top: 15%;
    margin-left: 2%;
    color: #000;
    margin-bottom: 2%;
}
.wh
{
    border: 2px;
    border-color: Silver;
}
.headder table tr td p
{
    color: Red;
    margin-left: 24%;
    font-size: 20px;
}
.year p
{
    margin-left: 46%;
    font-weight: bold;
    font-size: 20px;
    color: Red;
}
.Promot
{
    margin-top: 1%;
    margin-left: 0%;
    color: #000;
    padding: 20px 20px 20px 0px;
    font-size: medium;
    font-weight: bolder;
}
#print
{
    margin-left: 100%;
}
.error_msg
{
    font-weight: bold;
    font-size: 20px;
    color: Red;
}
.content
{
    width: 800px;
    margin: auto;
}


/*new style By Karthik*/


.result
{
    border: 0px solid #000;
}

.content
{
    width: 900px;
    margin: auto;
}
.result tr td
{
    border: 1px solid #000;
    padding: 5px;
}
.gradet table tr td
{
    padding: 10px;
    border: 1px solid #000;
    color: #000;
}
.gradet table
{
    float: left;
    margin-left: -5%;
}
.formprofile table tr td
{
    padding: 10px;
}
.profile tr td:nth-child(2)::before
{
    /*content: ":";*/
    color: #000;
    padding-right: 10px;
}
.formprofile tr td:nth-child(2)
{
    color: #022f74;
}
.inhead
{
}
.bargraph
{
    list-style: none;
    padding-top: 20px; /*width: 560px;*/
}
ul.bargraph li
{
    height: 35px;
    color: white;
    text-align: left;
    font-style: italic;
    font-weight: bolder;
    font-size: 14px;
    line-height: 35px;
    padding: 0px 20px;
    margin-bottom: 5px;
}
ul.bargraph li.reddeep
{
    background: #ED1C24;
    width: 93%;
}

ul.bargraph li.redpink
{
    background: #EF465B;
    width: 85%;
}

ul.bargraph li.pink
{
    background: #E55A6B;
    width: 75%;
}

ul.bargraph li.orangered
{
    background: #E28159;
    width: 65%;
}

ul.bargraph li.orange
{
    background: #F99C1C;
    width: 55%;
}

ul.bargraph li.yellow
{
    background: #F4D41E;
    width: 454%;
}

ul.bargraph li.green
{
    background: #97B546;
    width: 35%;
}

ul.bargraph li.greenbright
{
    background: #36B669;
    width: 20%;
}

ul.bargraph li.greenblue
{
    background: #42BDA5;
    width: 10%;
}

ul.bargraph li.blue
{
    background: #00AEEF;
    width: 20%;
}

ul.bargraph li.xaxis
{
    background: url(../images/x-axis.jpg);
    height: 49px;
}
ul.bargraph li.xaxis
{
    background: url(../images/x-axis.png) no-repeat;
    height: 49px;
    background-size: 100%;
}


.formprofile
{
    color: #000;
    background-color: white;
    border-width: 0px;
    font-family: Times New Roman;
    font-size: Small;
    font-weight: bold;
    padding: 10px;
    font-size: 12px;
}

.formprofile table
{
    float: left;
    width: 100%;
}


.formprofile .sgrade
{
    float: left;
    width: 95%;
}

.formacademic
{
    color: #000;
    background-color: white;
    border-width: 0px;
    font-family: Verdana;
    font-weight: bold;
    padding: 10px;
    width: 100%;
    font-size: 11px;
}
h1
{
    font-family: Verdana;
}

table tr th, table tr td
{
    font-size: 11px;
}
.marks
{
    border-bottom: none;
    border-right: none;
    font-size: 12px;
}
.formprofile table tr td, .formprofile table tr th
{
    border: 1px solid #000000;
    padding: 6px;
    color: #022f74;
    font-weight: normal;
    font-size: 12px;
}
.formprofile table tr th
{
    color: #000;
    font-weight: bold;
}
.formprofile table tr td.head
{
    font-weight: bold;
    color: #022f74 !important;
}

table.top_tab tr td
{
    border: none;
}
.head
{
    font-size: 11px;
    font-weight: bold;
    color: Black;
}
.headLable
{
    color: Black;
    font-weight: bold;
}

.Scholistic
{
    font-family: Times New Roman;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    border: none;
    background-color: White;
}

.Scholistic tr td, .formprofile tr th
{
    border: 1px solid #cbd3c4;
    padding: 0px 0px;
    color: #000;
    font-weight: normal;
    font-size: 15px;
}
.Scholistic tr th
{
    color: #000;
    font-weight: bold;
    font-size: 15px;
}
.Scholistic tr td.head
{
    font-weight: bold;
    color: #000;
}

.Scholistic1
{
    font-family: Times New Roman;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    background-color: White;
    border: solid #000 !important;
    border-width: 1px 0 0 1px !important;
}

.Scholistic1 tr td
{
    border: solid #000 !important;
    border-width: 0 1px 1px 0 !important;
    padding: 4px 2px 4px 1px;
    color: #000;
    font-weight: normal;
}
.Scholistic1 tr th
{
    color: #000;
    font-weight: bold;
    font-size: 13px;
    border: solid #000 !important;
    border-width: 0 1px 1px 0 !important;
}
.Scholistic1 tr td.head
{
    font-weight: bold;
    color: #000;
}

.ScholisticAll
{
    font-family: Times New Roman;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    border: none;
    background-color: White;
}

/* Suresh */
.left
{
    text-align: left !important;
}
.font_profile, .font_profile td
{
    font-size: 12px !important;
    font-family: Arial, Serif;
}
.head
{
    font-weight: 600 !important;
}
.WorkHabits .result
{
    margin-top: 10px !important;
}