.container
{
    width: 1000px;
    min-height: 600px;
    margin: 0 auto;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 4px #ddd;
}
/** table **/

.APEtableLogin
{
    width: 50%; /*border-collapse: collapse;*/
    font-family: mangal, verdana !important;
    font-size: 12px;
    border-spacing: 0px;
}
.APEtableLogin th
{
    padding: 8px;
    border: #ddd 1px solid;
    color: #fff;
    margin: 0 0 0 0;
    font-weight: normal;
    text-align: left;
    background-color: #25acd7;
    font-size: 15px;
}
.APEtableLogin td
{
    width: auto;
    padding: 6px;
    border: #ddd 1px solid;
    text-align: left;
}
.APEtableLogin tr
{
    background: #fafafa;
}
.APEtableLogin tr:nth-child(odd)
{
    background: #FBFBFB;
}
.APEtableLogin tr:nth-child(even)
{
    background: #f7f7f7;
}
/** fields **/






/* Table Css */

.APEtable, .APEtable4, .APEtable5, .APEtable8, .APEtable12
{
    width: 100%;
    border-collapse: collapse;
    font-family: mangal, verdana !important;
    font-size: 12px;
    border-spacing: 0px;
}
.APEtable th, .APEtable4 th, .APEtable5 th, .APEtable8 th, .APEtable12 th
{
    padding: 8px;
    border: #ddd 1px solid;
    color: #fff;
    margin: 0 0 0 0;
    font-weight: normal;
    text-align: left;
    background-color: #25acd7;
    font-size: 15px;
}
.APEtable tr, .APEtable4 tr, .APEtable5 tr, .APEtable8 tr, .APEtable12 tr
{
    background: #fafafa;
}
.APEtable td, .APEtable4 td, .APEtable5 td, .APEtable8 td, .APEtable12 td
{
    padding: 6px;
    border: #ddd 1px solid;
    text-align: left;
}
.APEtable tr:nth-child(odd), .APEtable4 tr:nth-child(odd), .APEtable5 tr:nth-child(odd), .APEtable8 tr:nth-child(odd), .APEtable12 tr:nth-child(odd)
{
    background: #FBFBFB;
}
.APEtable tr:nth-child(even), .APEtable4 tr:nth-child(even), .APEtable5 tr:nth-child(even), .APEtable8 tr:nth-child(even), .APEtable12 tr:nth-child(even)
{
    background: #f7f7f7;
}

.APEtable4 td
{
    width: 25%;
}
.APEtable5 td
{
   width:20%; 
}
.APEtable8 td
{
   width:12.5%; 
}
.APEtable12 td
{
   width:1.33%; 
}
/*+++++ End of Table Css +++++*/
/* Login Design Css */

.card {
    position: relative;
    background: #ffffff;
    height:100%;
    width:80%;
    margin:-1px auto;
    border-radius: 5px;
    padding:20px 10px 20px 10px;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.card-top {
   background: #faf9f9;
    height: 20px;
    border-radius: 5px 5px 0 0;
    margin: 0 10px;
    padding: 0;
       box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: .3s ease;
   transition: .3s ease;
    line-height: 20px;
    width: 73%;
}

/* ++++ Login css End ++++*/


input[type="text"], input[type="password"], textarea
{
    width: 87%;
    padding: 7px;
    border-radius: 4px;
    background-color: #fff;
    border: #ddd 1px solid;
}
input:focus
{
    outline: none;
    box-shadow: 0px 0px 5px #ddd;
    border: #ddd 1px solid;
}
input:hover
{
    border-radius: 5px;
}
.select
{
    width: 95%;
    padding: 7px;
    border-radius: 4px;
    background-color: #fff;
    border: #ddd 1px solid;
}
.select:focus
{
    outline: none;
    box-shadow: 0px 0px 5px #61C5FA;
    border: #ddd 1px solid;
}
.select:hover
{
    border: #ddd 1px solid;
    border-radius: 5px;
}
textarea:focus
{
    outline: none;
    box-shadow: 0px 0px 5px #ffd0b4;
    border-color: #ffd0b4;
}
textarea:hover
{
    border: 1px solid #ffd0b4;
    border-radius: 5px;
}
.btn
{
    background-color: #25acd7;
    border: none;
    padding: 8px 8px;
    color: #fff;
    font-size: 14px;
    border-radius: 5px 5px;
    width: 150px;
}
.btn:hover, .btn:active
{
    background-color: #1884A7;
}
/** alignment **/

.txt-cntr
{
    text-align: center !important;
}

.notetext
{
    font-weight: normal;
    font-size: 7.5pt;
    color: #be3140;
    font-family: Tahoma;
    text-decoration: none;
}


.TDSetColor td
{
    padding: 6px;
    border: red 1px solid !important;
    text-align: left;
}

.TDResetColor td
{
    padding: 6px;
    border: #ddd 1px solid !important;
    text-align: left;
}