/* DEFAULT Style */

html, form {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    height: 100%;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    min-width:500px;
}

.header_grid 
{
    border:1px solid PowderBlue;
    width:100%;             
}
.header_grid td
{
    border:1px solid PowderBlue;
    padding:5px;
}

.page_global {background: #ffffff;height:100%;}
.page_global table {font: 12px Calibri; color: #000000;}
.page_global input {font: 12px Calibri; color: #000000;}
.page_global select {font: 12px Calibri; color: #000000;}
.page_global button {font: 12px Calibri; color: #000000;}
.page_global textarea {font: 12px Calibri; color: #000000;}
.page_global fieldset {border: solid 1px #dbdbdb; padding: 10px;}
.page_global img {border: none;}
.page_global_background {background: #000000;}

.page_table {width: 1003px; background: #ffffff; border-left: solid 1px #ffffff; border-right: solid 1px #ffffff;height:100%;}
.hdr_link {vertical-align:top;text-align:right;font-family:Calibri;font-size:12px;color:#dcdcdc;text-decoration:none;}
.home_bg {background:url(../img/home_bg.jpg); padding: 50px 0px 0px 50px; background-position:bottom; background-repeat:repeat-x;}
.home_desc {color: #a1a1a1; vertical-align: middle; padding: 60px;}
/*.login_table {border: solid 1px #b0e0e6; padding: 8px 10px 8px 10px; background: #fcfffc;}
.login_form td {line-height: 24px;}
.login_button {height: 30px; background: #e9f9e9; text-align: center; vertical-align: bottom; border-top: solid 1px #b0e0e6;}
.login_button input {font: 12px; height: 22px;} */
.login_table {border: solid 1px #b0e0e6; background: #fcfffc;}
.login_form { padding: 10px 10px 10px 10px; }
.login_form td {line-height: 24px; }
.login_button {height: 35px; background: #f0f8ff; text-align: center; vertical-align: middle; border-top: solid 1px #d2ecc2;}
.login_button input {font: 15px; height: 22px;}

/* After add Finance Page */
.tbl{background-color:#b0e0e6;}
.hdr{font:bold 14px Calibri;color:#000099;background-color:#f0f8ff;text-align:center;}
.hdr_l{font:bold 14px Calibri;color:#000099;background-color:#f0f8ff;text-align:left;}
.hdr_r{font:bold 14px Calibri;color:#000099;background-color:#f0f8ff;text-align:right;}
.dtl{font:12px Calibri;color:#000000;background-color:#FCFFFC;height:15px;text-align:left;padding: 1.5px 1.5px 1.5px 1.5px;}
.dtl_c{font:12px Calibri;color:#000000;background-color:#FCFFFC;height:15px;text-align:center;padding: 1.5px 1.5px 1.5px 1.5px;}
.dtl_r{font:12px Calibri;color:#000000;background-color:#FCFFFC;height:15px;text-align:right;padding: 1.5px 1.5px 1.5px 1.5px;}
.dtl_b{font:bold 12px Calibri;color:#000000;background-color:#FCFFFC;height:15px;padding: 1.5px 1.5px 1.5px 1.5px;}
.txtbox{font:12px Calibri;}

/* Form css */
.fborder{border: solid 1px #000000;}
.pborder{padding:2px;}
.ftbl{border-collapse:collapse;border:solid 4px black;}
.ftblbg{border-collapse:collapse;background-image:url('../img/bgblue.png');border:solid 4px black;}
.ftbl tr td{border-style:none;}
.ftblbg tr td{border-style:none;}
.fhdr{font:bold 20px Calibri;color:#000000;text-align:center; border-bottom:solid 2px black;}
.fhdr_l{font:bold 20px Calibri;color:#000000;text-align:left; border-bottom:solid 2px black;}
.fhdr_r{font:bold 20px Calibri;color:#000000;text-align:right; border-bottom:solid 2px black;}
.fdtl{font:12px Calibri;color:#000000;height:15px;text-align:left;padding: 1.5px 1.5px 1.5px 1.5px;}
.fdtl_c{font:12px Calibri;color:#000000;height:15px;text-align:center;padding: 1.5px 1.5px 1.5px 1.5px;}
.fdtl_r{font:12px Calibri;color:#000000;height:15px;text-align:right;padding: 1.5px 1.5px 1.5px 1.5px;}
.fdtl_b{font:bold 12px Calibri;color:#000000;height:15px;padding: 1.5px 1.5px 1.5px 1.5px;}
.fftr{font:bold 20px Calibri;color:#000000;text-align:center;}
.fftr_l{font:bold 20px Calibri;color:#000000;text-align:left;}
.fftr_r{font:bold 20px Calibri;color:#000000;text-align:right;}

/* Form table grid css */
.ftable_grid {padding: 10px 0px 0px 0px; border: solid 1px #C0C0C0; border-collapse: collapse;}
.ftable_grid tr td {padding: 3px 5px 3px 5px;}
.ftable_grid tr.ftable_hdr td {background: #336699;line-height: 14px; padding: 5px 9px 5px 9px; text-align: center; font: bold 12px; vertical-align: middle; color: #ffffff; font-weight: bold;border: solid 1px #C0C0C0;}
.ftable_grid tr.ftable_hdr td a {text-decoration: underline; color: #ffffff;padding-right:12px; padding-left:0px; padding-bottom:0px;padding-top:0px;border: solid 1px #C0C0C0;}
.ftable_grid tr.ftable_hdr td a:hover {text-decoration: none; color: #ffffaa;border: solid 1px #C0C0C0;}
.ftable_grid tr.ftable_hdr_nowrap td {line-height: 14px; padding: 5px; text-align: center; font: bold; vertical-align: middle; background: #336699; color: #ffffff; white-space: nowrap;font-weight: bold;border: solid 1px #C0C0C0;}
.ftable_grid tr.ftable_itm {border: solid 1px #C0C0C0;}
.ftable_grid tr.ftable_itm td {border: solid 1px #C0C0C0;}
.ftable_grid tr.ftable_itm td a {text-decoration: underline; color: #71682b;border: solid 0px #C0C0C0;}
.ftable_grid tr.ftable_itm td a:hover {text-decoration: none; color: #ff0000;border: solid 1px #C0C0C0;}
.ftable_grid tr.ftable_itm_dark td {border-width: 3px; border-style:groove;border: solid 1px #C0C0C0;}
.ftable_grid tr.ftable_itm_dark td a {text-decoration: underline; color: #71682b;border: solid 1px #C0C0C0;}
.ftable_grid tr.ftable_itm_dark td a:hover {text-decoration: none; color: #ff0000;border: solid 1px #C0C0C0;}
.ftable_grid tr.ftable_alt {border: solid 1px #C0C0C0;}
.ftable_grid tr.ftable_alt td {border: solid 1px #C0C0C0;}
.ftable_grid tr.ftable_alt td a {text-decoration: underline; color: #71682b;border: solid 1px #C0C0C0;}
.ftable_grid tr.ftable_alt td a:hover {text-decoration: none; color: #ff0000;border: solid 1px #C0C0C0;}
.ftable_grid tr.ftable_ftr td {color: #000000; font-weight: bold;border: solid 1px #C0C0C0;}
.ftable_grid tr.ftable_page td {color: #bbbbbb;padding: 0px 9px 5px 9px;text-align:left;border: solid 1px #C0C0C0;}
.ftable_grid tr.ftable_page td a {text-decoration: none; color: #000000;border: solid 1px #C0C0C0;}
.ftable_grid tr.ftable_page td a:hover {text-decoration: underline; color: #ff0000;border: solid 1px #C0C0C0;}

/* Form Watermark Background */
.bgWmark
{
    position:absolute;
    z-index:0;
    background:transparent;
    display:block;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -75%);
}

.bg-wtext
{
    color:rgba(216, 208, 208,0.3);
    font-size:180px;
    transform:rotate(310deg);
    -webkit-transform:rotate(310deg);
                
}
/* JS CSS */
/* COLOUR PROFILE BLUE */
/* Darkest Blue: #000099 -- For ERP Header Gradient */
/* Darker Blue: #0066ff -- For ERP Header Gradient */
/* Lighter Blue: #b0e0e6 -- For ERP Left Menu Background */
/* Lightest Blue: #f0f8ff -- For Panel Title */

/* COLOUR PROFILE GREEN */
/* Darkest Green: #005500 -- For ERP Header Gradient */
/* Darker Blue: ??????? -- For ERP Header Gradient */
/* Lighter Blue: ??????? -- For ERP Left Menu Background */
/* Lightest Blue: #E9F9E9 -- For Panel Title */

.ddown {font-size:12px;font-family:Calibri;border-top:solid 3px #ffffff;background:#f0f0f0;color:#000000;height:20px;width:140px;float:right;text-decoration:none;}
.ddown a:hover {background-color:#a9a9a9;}
.erpmenu tr td {vertical-align:top;font-family:Calibri;font-size:12px;text-decoration:none;}
.erphdr1 {
    filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#000099',startColorstr='#0066ff',gradientType='1');
    /*background: -ms-linear-gradient(left,#0066ff, #000099);   
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0066ff), color-stop(1, #000099));*/
}
.erphdr2 
{
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#0066ff',startColorstr='#000099',gradientType='1');
    /*background: -ms-linear-gradient(right,#0066ff, #000099);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0066ff), color-stop(1, #000099));*/
}
.erphdr 
{
    filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#000099',startColorstr='#0066ff',gradientType='1');
    vertical-align:top;text-align:right;font-family:Britannic Bold;font-size:22px;font-weight:bold;color:#3399cc;text-decoration:none;
    /*background: -ms-linear-gradient(left,#0066ff, #000099);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0066ff), color-stop(1, #000099));  */  
}

/* .leftmenu {background-color:#b0e0e6;}*/
.leftmenu {background-color:#b0e0e6;position:absolute;}
.leftmenu a {color:blue;}
.leftmenu a:hover {color:Gray;}
.leftmenu div.mC {width:250px;margin:5px;float:left;font-size:11px;font-family:Calibri}
.leftmenu div.mH {font-size:15px;cursor:pointer;font-weight:bold;}
.leftmenu div.mH a {text-decoration:none;color:#000099;}
.leftmenu div.mH a:hover {color:Gray;}
.leftmenu div.mSH {font-size:13px;cursor:pointer;font-weight:bold;}
.leftmenu div.mSH a {text-decoration:none;color:#660099;}
.leftmenu div.mSH a:hover {color:Gray;}
.leftmenu div.mL {display:none;margin-bottom:5px;margin-left:10px;}
.leftmenu a.mO {margin-bottom:2px;display:block;}
.leftmenu div.mHExCol {font-size:15px;cursor:pointer;font-weight:bold;}
.leftmenu div.mHExCol a {text-decoration:none;color:#000099;}
.leftmenu div.mHExCol a:hover {color:Gray;}

.panel_table {width: 100%; padding: 0px 5px 0px 5px; }
.panel_form {padding-top: 20px; text-align: left;}
.panel_title {font: bold 20px; color: #336699; text-align: left; border-bottom: solid 10px #ffffff;background-color:#f0f8ff;}
.panel_form td {line-height: 24px;}
.panel_form td a {color: #71682b; text-decoration: underline;}
.panel_form td a:hover {color: #cc0000; text-decoration: none;}
.panel_button {padding-top: 15px; text-align: center;}
.panel_1line_row {height: 20px; border-bottom: solid 2px #e3e3e3;}
.panel_table_grid {padding-top: 20px;}
.panel_table_grid td {line-height: 22px;}
.panel_table_grid td a {color: #71682b; text-decoration: underline;}
.panel_table_grid td a:hover {color: #cc0000; text-decoration: none;}

.colon {font: 10px Arial; text-align: center; width: 20px;}
.copyright {
    font: 10px Arial;
    color: #999999;
    vertical-align: bottom;
    text-align: right;
    right: 20px;
    bottom: 20px;
}

.table_grid {padding: 10px 0px 0px 0px; border-width: 0px; border-collapse: collapse;}
.table_grid tr td {padding: 3px 5px 3px 5px; line-height: 18px;}
.table_grid tr.table_hdr td {line-height: 14px; padding: 5px 9px 5px 9px; text-align: center; font: bold 12px; vertical-align: middle; background: #336699; color: #ffffff; border: solid 1px #f5f5f5;font-weight: bold}
.table_grid tr.table_hdr td a {text-decoration: underline; color: #ffffff;padding-right:12px; padding-left:0px; padding-bottom:0px;padding-top:0px;}
.table_grid tr.table_hdr td a:hover {text-decoration: none; color: #ffffaa;}
.table_grid tr.table_hdr_nowrap td {line-height: 14px; padding: 5px; text-align: center; font: bold; vertical-align: middle; background: #336699; color: #ffffff; border: solid 1px #88aa88; white-space: nowrap;font-weight: bold}
.table_grid tr.table_itm {background: #ffffff;}
.table_grid tr.table_itm td {border-bottom: solid 1px #e6e6e6; border-left: solid 1px #f5f5f5; border-right: solid 1px #f5f5f5;}
.table_grid tr.table_itm td a {text-decoration: underline; color: #71682b;}
.table_grid tr.table_itm td a:hover {text-decoration: none; color: #ff0000;}
.table_grid tr.table_itm_dark td {border-bottom: solid 1px #E4E6EA; border-left: solid 1px #E4E6EA; border-right: solid 1px #E4E6EA;}
.table_grid tr.table_itm_dark td a {text-decoration: underline; color: #71682b;}
.table_grid tr.table_itm_dark td a:hover {text-decoration: none; color: #ff0000;}
.table_grid tr.table_alt {background: #fbfefb;}
.table_grid tr.table_alt td {border-bottom: solid 1px #e6e6e6; border-left: solid 1px #f0f7f0; border-right: solid 1px #f0f7f0;}
.table_grid tr.table_alt td a {text-decoration: underline; color: #71682b;}
.table_grid tr.table_alt td a:hover {text-decoration: none; color: #ff0000;}
.table_grid tr.table_ftr td {background: #ffffe9; color: #000000; border: solid 1px #f1f1f1; font-weight: bold}
.table_grid tr.table_page td {background: #f0f0f0; color: #bbbbbb; padding: 0px 9px 5px 9px; border: 0px; border-top: solid 2px #999999; text-align:left}
.table_grid tr.table_page td a {text-decoration: none; color: #000000;}
.table_grid tr.table_page td a:hover {text-decoration: underline; color: #ff0000;}

.gridHeaderSortASC A 
  {background: transparent url(../img/arrow_up.png) no-repeat center right; }
.gridHeaderSortDESC A 
  {background: transparent url(../img/arrow_down.png) no-repeat center right; }
 
 .Pager span
{
    text-align: center;
    color: #999;
    display: inline-block;
    width: 20px;
    background-color: #A1DCF2;
    margin-right: 3px;
    line-height: 150%;
    border: 1px solid #3AC0F2;
}
.Pager a
{
    text-align: center;
    display: inline-block;
    width: 20px;
    background-color: #3AC0F2;
    color: #fff;
    border: 1px solid #3AC0F2;
    margin-right: 3px;
    line-height: 150%;
    text-decoration: none;
}


/*loading animation*/
#loading
    {
        display:none;
        position:fixed;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background:rgba(255,255,255,0.8);
        z-index:1000;
    }  
#loadingcontent
    {
        display:table;
        position:fixed;
        left:0;
        top:0;
        width:100%;
        height:100%;
    }  
#loadingspinner
    {
        display: table-cell;
        vertical-align:middle;
        width: 100%;
        text-align: center;
        font-size:larger;
        padding-top:80px;
    }
/*End loading animation*/

.sm1
{

    margin-left:20px;
}

.sm2
{
    margin-left:40px;
}

.main
{
    margin-left:60px;
    position:relative;
}

/* MENU */

.sidenav {
    width: 60px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color:aliceblue;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: 0.5s;
    padding-top: 45px;
    border-right: 1px #ded7d7 solid;
    height:100%;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 10.5px;
    color : #0084B6;
    display: block;
    transition: 0.3s; 
}

.sidenav a:hover {
    color: Gray;
    font-weight:700;
}

.sidenav .btnmenu {
    position: absolute;
    top: 0;
    right: 8px;
    font-size: 28px;
    z-index:100;
    color : #0084B6;
    background-color:Transparent;
}

@media screen and (max-height: 450px) {
  .sidenav a {font-size: 14px;}
}

.menuTop
{
    height:60px;
    background-color:#0084B6;
    width:100%;



    padding-top:5px;
}


.navbar-right
{



    padding-right:20px;
    margin-right:0px;
    float:right!important;
}

.dropdown-menu
{
    right:0;
    left:auto;
}

.profile-left
{
    border-bottom: 1px solid #eee;
}

.sidenav .logo {
    position: absolute;
    top: 0;


    font-size: 14px;
    z-index:100;
    color : #0084B6;
    padding: 1px 1px 1px 5px;
    font-weight : bold;
}


.nav>li>a:focus, .nav>li>a:hover
{






    font-weight:700;
    background-color:Transparent;
}


.nav .open>a, .nav .open>a:focus, .nav .open>a:hover 
{
	font-weight:700;
    background-color:Transparent;
}

.pull-right
{
	margin-top: 10px;
	margin-right:15px;
}

.header-right .btn-group > .btn
{
	border-radius:50px;
	font-size:15px;
}

.header-right div.dropdown-menu h5
{
	padding:13px 0;
	background-color: aliceblue;
	margin:0;
	font-size:13px;
	border-bottom: 1px solid #ccc
}

.header-right .btn-group-list .dropdown-menu
{
	padding:0;
	min-width:380px;
}

.header-right .btn-group .dropdown-menu
{
	box-shadow:3px 3px 2px rgba(0,0,0,0.05);
	margin-top: 13px;
	border-top :0;
	border-radius: 0 0 3px 3px;
	border-color:#ccc
}
.header-right .dropdown-footer
{
	background-color: #f7f7f7;
	border-top:1px solid #ddd;
	padding:10px;
	font-size : 12px;
}
.dropdown-list li
{
	padding-left:10px;
	padding-right:10px;
}

.submenu1
{
	font-size:11px !important;
	font-weight:bold;
}
.submenu2
{
	font-size:10.5px !important;
	font-weight:bold;
}

.displayed_profile h5, .displayed_profile h6
{
	color:#0084B6;
	font-weight:bold;
}
.dropdown-menu>li>a
{
	text-decoration:none;
}

textarea{
	font-family: Calibri;
	font-size:12px;
}

select
{
	font:12px Calibri;
}

/* END MENU */