@import 'reset.css';
@import 'menu.css';
@import 'webpart.css';
@import 'grid.css';
@import 'tabs.css';

body {font-family:Arial,Helvetica,sans-serif;font-size:12px;}
input, select, textarea, button {font-family:Arial,Helvetica,sans-serif;font-size:12px;padding:2px}


/* common classes starts here */
.wrapper {width:1000px;margin:0 auto; position:relative;}
.left-float{float:left!important}
.center {text-align:center !important}
.left {text-align:left;}
.right-float{float:right!important}
.clr  {clear:both}
.error {font-size:12px;clear: both;float: left;}
.noerror {font-size:12px;}
.no-pad {padding:0!important}
.no-border {border:none!important}
a.button, li.button {display:block;float:left;padding-right:5px;font-size:11px;font-weight:bold;width:auto}
a.button span, li.button a {display:block;float:left;padding:5px 3px 5px 8px}
a.button:hover, li.button a:hover {text-decoration:none}

a.blue-button {font-weight:bold; font-size:11px; border:none; display:block;text-align:center; width:96px; height:19px;padding:3px 0 5px;cursor:pointer;}
input.blue-button {font-weight:bold; font-size:11px; border:none; width:96px; height:22px;cursor:pointer;}

.button {font-weight:bold; font-size:11px; border:none; width:65px; height:22px;padding-bottom:2px;cursor:pointer;text-shadow: none!important;}
.long-button {font-weight:bold; font-size:11px; border:none; width:120px; height:22px;padding-bottom:2px;cursor:pointer;text-shadow:none!important}
.disable-button {cursor:default;font-weight:bold; font-size:11px; border:none; width:65px; height:22px;padding-bottom:2px;}
.disable-button-approve {cursor:default;font-weight:bold; font-size:11px; border:none; padding-bottom:2px;}

.alert {float:left;width:97%;padding:1% 1.5%;}
.alert a {float:right;width:16px;}
.alert span {float:left}

.small {font-size:11px;font-weight:normal}
h2 {font-size:12px;}
/* common classes ends here */


#wrapper {float:left;width:100%}

/* head starts here */
#head, #content-wrapper, #footer {float:left;width:100%}
#head {height:130px;}
	/* logo starts here */
	.logo {display:inline;margin:2px 0 0 23px;padding-bottom:50px;float:left;font-family:Calibri,Arial;font-size:24px}
	.logo:hover {text-decoration:none}
	/*.logo strong {font-weight:normal;margin-left:10px;padding-left:10px}*/
	.logo strong {font-weight:normal}
	/* logo ends here */
/* head ends here */

/* content-wrapper starts here */
#content-wrapper {padding:0 0 10px;min-height:750px;}
	/* breadcrumbs starts here */
	.breadcrumbs {float:left;width:980px;padding:8px 10px;}
	.breadcrumbs span, #mid .breadcrumbs ul {float:left;margin:2px 5px 0 0}
	.breadcrumbs select {float:left;margin:0 15px 0 0;height:22px;font-size:11px;}
	.breadcrumbs li {padding:0 0 0 8px;float:left;margin:2px 10px 0 0}
	/* breadcrumbs starts here */
	
	/* content starts here */
	.content {float:left;width:100%;padding-bottom:10px;}
	
		/* DASHBOARD PAGE starts here */
		.webpart-column {float:left;display:inline;margin:0 10px;padding:0;width:536px;min-height:100px}
		.webpart-column-wide {float:left;display:inline;margin:0 10px;padding:0;width:980px;min-height:100px}
		/* DASHBOARD PAGE ends here */
		
		/* other pages css starts here */
		.page-heading {width:100%;float:left}
		.page-heading div {height:41px;width:100%;float:left}
		.page-heading div span {font-size:13px;font-weight:bold;text-transform:capitalize;margin:13px 0 0 15px;display:block;float:left;}
		.page-heading a.button {float:right;font-size:11px;margin:10px 12px 0 0}
		.page-heading a.button span {font-size:11px;margin:0;float:right;padding:5px 2px 5px 7px}
		.page-content-wrapper {float:left;padding:2px;width:994px;}
		.page-content-wrapper .page-content {float:left;width:974px;padding:10px;font-size:13px}
		/* other pages css ends here */
		
		/* search-form starts here */
		.page-content-wrapper .page-content .search-form {margin-top:10px;font-size:12px}
		.page-content-wrapper .page-content .search-form tr td {vertical-align:top;padding:7px 10px}
		.page-content-wrapper .page-content .search-form label {font-weight:normal; margin-right:20px}
		.page-content-wrapper .page-content .search-form .mandatory {font-weight:normal;font-size:11px;vertical-align:bottom}
		/* search-form ends here */
		
		/* search-result starts here */
		.button-list {margin:10px 0}
		.button-list li {float:left;display:inline;margin:0 6px 0 0}/*updated by PSI on 25/11/2014 - change margin 8px to 6px*/
		.button-list.right-float li {margin:0 0 0 8px}
		.search-result {float:left;width:100%;font-size:11px;font-weight:normal;margin:0 0 13px}
		.search-result tr th, .search-result tr td {padding:5px 3px;line-height:12px}
		.search-result tr th {background:#017ab1;font-weight:bold;text-align:left}
		.search-result tr th a {text-decoration:underline;} .search-result tr th a:hover {text-decoration:none} 
		
		.search-result-fixed {height:211px;overflow:auto;float:left;overflow-x:hidden;width:100%}
		.search-result-fixed>table {border-right:none}
		
		h2#stp-match-selection, h2#stp-invoices, h2#stp-purchase-order {clear:both;background-position:0 -36px;float:left;background-repeat:no-repeat;height:36px;width:148px;}
		
		/* invoice table classes starts here */
		.search-result caption {text-align:left;font-weight:normal;font-size:12px;padding:5px 0;color:#666666}
		.search-result tr .expand_collapse, .search-result tr .select_deselect {width:3%;font-size:1px;color:#017ab1;text-align:center}	
		.search-result tr .inv_number {width:6%} /*7.3.2.0 from 10% to 7%*/
		.search-result tr .po_number {width:6%} /*7.3.2.0 from 10% to 6%*/
		.search-result tr .inv_date {width:8%}
		.search-result tr .supplier {width:28%}
		.search-result tr .debtor_number {width:10%}
        .search-result tr .po_owner {width: 13% } /*7.3.2.0 from 10% to 6%*/
		.search-result tr .total {width:7%}
		.search-result tr .inv_status {width:9%}
        .search-result tr .ordered_by {width: 10% } /*7.3.18.3*/
		/* invoice table classes starts here */
		
		.records-count {float:left;font-size:12px;margin:13px 0 0;font-weight:normal}
		.paging, .pager {float:right;font-size:11px}
		.paging li, .pager .btn, .pager ul li {float:left;display:inline;margin:0 0 0 5px} .paging li a:hover {text-decoration:none;}
		.paging li a, .paging li input, .pager li a {display:block;float:left;padding:3px 5px;}	
		.paging li a:hover, .pager li a:hover {text-decoration:none}	
		.pager .btn {padding:3px 5px;}	
		.paging li.first a, .paging li.last a, .pager .btn { font-weight: bold!important;cursor:pointer}
        #page_navigation{float: right;font-size: 11px;}
        #page_navigation a{padding:3px 5px;margin:10px 5px 0 5px;float:left;display:block;text-decoration:none;}
		.paging li a.selected, .pager li a.active {padding:4px 6px;}
		
		.pager { margin: 10px 0 0!important;width:100%}
		.pager, .pager .btn, .pager ul, .pager ul li, .pager .short, .pager span, .pager .short input { float: left;}
		.pager .short { width: 180px;margin: 0 0 0 10px;}
		.pager .short .btn {padding:1px 5px}
		.pager span { margin: 5px 0 0 5px ;float: right;font-size:12px}
		.pager em {font-style: normal}
		
		/* search-result ends here */
		
		/* login page starts here */
		#login-wrapper {width:420px;margin:150px auto 0;font-size:15px;font-weight:bold;}
		#login-wrapper ul {margin:0 0 25px -150px;}
		#login-wrapper .error {width:688px!important}
		#login-wrapper .login-logo {float:left;width:100%;text-align:center;font-family:Calibri,Arial;font-size:24px;font-weight:normal}
		#login-wrapper .login-logo strong {padding-right:10px;font-weight:normal;}
		#login-wrapper .login-heading {float:left;width:100%;text-align:center;padding:15px 0 14px}
		#login-wrapper .login-content {float:left;width:100%;padding:25px 0}
		#login-wrapper .login-content table {width:350px;margin:auto}
		#login-wrapper .login-content table td {padding:5px 0}
		#login-wrapper .login-content table .login-input {font-size:12px;height:42px;width:182px;padding:0 10px;margin-right:10px;line-height:42px;}
		#login-wrapper .login-content table .login-submit {width:120px;height:30px;font-size:15px;font-weight:bold;cursor:pointer}
		/* login page ends here */
	
	/* content ends here */
	
/* content-wrapper ends here */

/* footer starts here */
#footer {padding:10px 0 15px;}
#footer .wrapper {text-align:center;font-size:11px;font-weight:bold}
/* footer ends here */

/* pop-up starts here */
.pop-up-wrapper {position:absolute;z-index:10000;top:0;left:0;width:100%;height:100%;}
.pop-up {width:540px;margin:200px auto 0;}
.pop-up .pop-up-top, .pop-up .pop-up-bottom {float:left;width:100%}
.pop-up .pop-up-top {height:37px;}
.pop-up .pop-up-bottom {height:42px;}
.pop-up .pop-up-content {width:480px;padding:20px 30px;float:left;text-align:center}
.pop-up .pop-up-content h2 {font-size:18px;font-weight:bold;float:left;width:100%}
/* pop-up ends here */

.chart-label {position:absolute;top:93px;right:29px;font-size:11px;font-weight:bold;color:#000;width:100px;z-index:100;margin-top:26px;}
.chart-image {position:static;top:0;left:0;z-index:99}


.popup-wrapper {margin:10px auto;width:95%}
.popup-wrapper .page-content-wrapper {width:99%;padding:.4%}
.popup-wrapper .page-content-wrapper .page-content {width:98%;padding:1%}
.popup-wrapper .page-content-wrapper .error {width:83%}

.zoom-popup-links {float:right}
.zoom-popup-links li {float:left;margin:0 0 0 10px;font-size:11px;}
.zoom-popup-links li a {float:left;padding:3px 5px;color:#333;text-decoration:none}
.zoom-popup-links li a:hover {background:#eee;color:#c00}

/*.receipt-image {float:right;clear:right;margin:10px 0 0;width:400px}
.receipt-image img {width:400px}*/

.receipt-image {text-align:right;clear:right;margin:10px 0 0}

/*.receipt-img-box {float:right;clear:right;margin:10px 0 0;width:400px}*/
.receipt-img-box .receipt-image-zoom { position:relative; width:400px; height:500px; overflow:hidden; background:#ffffff;z-index:9;border:solid 1px #ccc;margin:0 0 4px}
.receipt-img-box .receipt-image-zoom img { position:absolute; left:0; top:0; cursor:move; }
.receipt-img-box .zoom { position:relative; width:330px; margin:30px auto; z-index:9; height:18px; padding:0 2%; background:url(../img/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; }
.receipt-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; }
.receipt-img-box .zoom #track { position:relative; height:18px; }
.receipt-img-box .zoom #handle { position:absolute; left:0; top:-2px; width:33px; height:22px;}
.receipt-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; }
.receipt-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; }

.image-buttons {float:left;width:100%;text-align:center;font-size:11px; font-weight:bold}
.image-buttons * {display:inline;float:none}
.image-buttons input {width:15px;height:16px;border:none;cursor:pointer}


#invoicedetails, ul#nav_data_portal, #toggle_box, #toggle_1 {float:left;width:99%}
/*#invoicedetails {margin-top:15px}*/
#invoicedetails {margin-top:-1px}

.totalPrice {float:right;display:block;padding:1px 5px;margin-right:20px;font-weight:bold;}

.alert-yellow {float:left;width:96.5%;font-weight:bold;background:url(../img/alert-yellow.png) no-repeat 5px 4px #fcfeda;padding:5px 5px 5px 3%;border:dashed 1px #e5d37d;margin:3px 0}
.alert-red {float:left;width:96.5%;height:15px;overflow:hidden; white-space:nowrap; font-weight:bold;background:url(../img/alert-red.png) no-repeat 5px 4px #fddad1;padding:5px 5px 5px 3%;border:dashed 1px #e28679;margin:3px 0}

.popup-wrapper .page-content  .noerror, .popup-wrapper  .page-content .error{width:83%!important}

.chart-style-selection, .chart-display {padding:5px;width:800px;float:left;background:none;margin:0 0 5px}
.chart-style-selection {margin:0 5px 5px;width:790px!important;}
.chart-display div {float:left;width:100%}
.green-alert {color:#439e23;font-size:11px;font-weight:bold;border:dashed 1px #439e23;float:left;width:90%;padding:1% 1.5%;background:#e0f9d3}
 
/* search-area starts here */
.search-area {float:left;padding:1%;font-size:11px;margin:0 0 10px;font-weight:normal;width:98%}
.search-area input[type=text] {width:200px;margin:5px}
/* search-area ends here */

.processing-lnkbutton {font-weight:bold; font-size:11px; border:none!Important; width:75px!Important; padding-bottom:2px;color:#999999!important;background-image:none!Important;background-color:transparent!Important;}
.processing-button {font-weight:bold; font-size:11px; border:none!Important; color:#999999!important;background-image:none!Important;background-color:transparent!Important;}
.processing-lnkbutton-parent {background-image:none!Important;}
.processing-button-parent {background-image:none!Important;}

.grid-Table1 tr td {
    border-bottom: 1px none!Important;
}


/********** Search Page - Supplier/Allocate To Hide/Show Panel ***************/
#hint
{
    cursor: pointer;
}
.tooltip
{
    margin: 8px;
    padding: 8px;
    border: 1px solid black;
    background-color: #C9CED5;
    position: absolute;
    z-index: 2;
}
/*************************/

/* pop-up starts here */
.progress-wrapper {position:absolute;z-index:10000;top:0;left:0;width:100%;height:100%;}
.progress {width:50px;margin:200px auto 0; background-color:transparent;}
.progress .pop-up-content {width:480px;padding:20px 30px;float:left;text-align:center}
/* pop-up ends here */

.disabled{ color: #999999 !important;}
.rowspace
{
    padding-top:20px;
}

.STPItem-button {font-weight:bold; font-size:11px; border:none; width:120px; height:22px;padding-bottom:2px;cursor:pointer;text-shadow: none!important;}
.long-disable-button {cursor:default;font-weight:bold; font-size:11px; border:none; width:120px; height:22px;padding-bottom:2px;}

/*added for release 2.15 edit invoice*/
.customstring_txtpadding13px
{
    padding-left: 13px;
}

.width30per
{
    width: 30%;
}
.AgedReport-button {
    font-weight: bold;
    font-size: 11px;
    border: none;
    width: 200px;
    height: 22px;
    padding-bottom: 2px;
    cursor: pointer;
    text-shadow: none !important;
}

.imgdiv 
{
    float: left;
    width: 51.6%;
    border: solid 1px #be8649;
    background: #fff;
    position: relative;
    padding: 2px;
    margin-bottom: 5px;
    margin-left: .3%;
    margin-top: 1px;
}

.width100perfl
{
    float: left;
    width: 100%;
    margin: 20px;
}

.width100perML20px
{
    width: 86%;
    margin: 2px;
    float:left;        
}
.emailinvoiceimage
{
    width : 17%;
    float:right;
    margin-right:.1%;    
    margin-top:2px;    
}

.widthinvtab
{
    /*width: 56.5% !important;*/
    width: 47% !important;
    padding: 3px;
}

.mainblockdiv
{
    border: solid 1px #be8649;
    width: 100% !important;
    float: left;
}
.ahover:hover
{
    text-decoration: underline !important;
}

/*added class for multi allocation*/
.multi_totalamount
{
  background-color:   rgb(255, 255, 153);
}
/*Added by PSI on 24/08/2015 for release 4.2.0*/
.blue-disable-button {cursor:default;font-weight:bold; font-size:11px; border:none; width:104px; height:24px;padding-bottom:4px;}
.emailbtn
{
    width : 60%;
    float:left;
    margin-right:.1%;    
    margin-top:2px;    
}
.pdfbtn
{
    width : 39%;
    float:left;
    margin-right:.1%;    
    margin-top:2px;    
}

/*Added by PSI on 24/12/2015 for release 4.5.3.0*/

.mipopup-wrapper {width:99% !important;}
.mipage-content-wrapper {width:99.1% !important;}
.mipage-content {width:99% !important;padding:.4% !important;}
.miimage {
    width: 43.2% !important;
    margin-left: .1% !important;
    border: solid 1px #b1b6c0 !important;
}
.miimage-allocate {
    width: 35.2% !important;
    margin-left: .1% !important;
    border: solid 1px #b1b6c0 !important;
}
.iminvdetails
{
    width: 55.5% !important;
    padding: 3px;
}
/*End*/
/*Added by PSI on 23/12/2016 for release 4.9.0.0*/
.width100per {
    width:100%;
    float:left;
}
/*end*/
/*Added by PSI on 24/08/2017 for release 4.10.8.5.3*/
.width5per {
    width:5%;
}
.width25per {
    width:25%;
}
.width40per {
    width:40%;
}
/*end*/
/*Added by PSI on 04/09/2017 for release 4.10.9.0*/
.margintop40px {
    margin-top:40px;
}
.margintop10px {
    margin-top:10px;
}
.width99per {
    width: 99% !important;    
    border: solid 1px #be8649;
    float: left;
    font-weight: normal;
    font-size: 12px
}
.paddingtree {
   padding-top:1%; padding-bottom:1%;
}
.marginleft1per {
    margin-left: 1%; 
}
.width7per {
    width:7%;
}
.curhand {
    cursor:pointer;
}
/*end*/
/*Added by PSI on the 06/02/2018 for release 4.10.15.0*/
.width1100px {
    width:1160px !important;
}
.width1094px {
    width:1154px !important;
}
.width1074px {
    width:1134px !important;
}
.width1p5per {
    width: 1.5% !important;
}
.width19per {
    width: 19% !important;
}
.width7per {
    width: 7% !important;
}
.width13per {
    width: 13% !important;
}
.width9per {
    width: 9% !important;
}
.width12per {
    width: 12% !important;
}
.width8per {
    width: 8% !important;
}
.width3per {
    min-width: 35px !important;
    width: 3%;
}
.width10per {
    width:10% !important;
}
.width15per {
    width:14% !important;
}
.width11per {
    width:11% !important;
}
/*end*/
/*Added by PSI on the 11/04/2018 for release 4.10.18.1*/
.editinvoicebutton {
    width: 100%; 
    float: left; 
    border: solid 1px #be8649; 
    margin-top: 10px; 
    margin-bottom: 10px; 
    padding-top: 5px; 
    padding-bottom: 5px;
}
/*end*/
.width100perImp {
    width:100% !important;
}
.minheight {
    min-height:250px;
}
.paddingbottom20px {
    padding-bottom:20px;
}
.textaligncenter {
    text-align: center;
}
.width1150px {
    width:1150px !important;
}
.paddingright {
    padding-right:10px;
}
.minheight330px {
    min-height:330px !important;
}
.width90per {
    width: 90% !important;
}
.transdatepc {
    width: 98.4% !important; 
    padding: .4% !important;
}
.width60per {
    width:60%;
}
.paddingleft20px {
   padding-left:20px;
}
/*Added by PSI on th 21/12/2018 for release 5.0.0.0*/ 
.width12per {
    width:12%;
}
.width21per {
    width:21%;
}
.width34per {
    width:34%;
}
.width99p5perImp {
    width:99.5% !important;
}
.width98p3perImp {
    width:98.3% !important;
}
.width18per {
    width:18%;
}
.width14per {
    width:14%;
}
/*end*/
/*release 5.7.0.0*/
.paddingbottom10px {
    padding-bottom:10px;
}
.width20per {
    width:20%;
}
.authcolumncolor {
    color: #00719D;
}
.width40perImp {
    width: 40% !important;
}

/*release 5.8.0.0*/
.width95per {
    width: 95% !important;
}
.borderzero {    
    border:0;
}
.paddingleft40per {
    padding-left:45%;   
}
.width41per {
    width: 41%;
}
.width99perFloatLeft {
    width:99% !important;
    float:left;
}
.width98p57Imp {
    width: 98.57% !important;
    margin-left: 1%;
}
.width98p5Imp {
    width: 98.5% !important;
}
.width97per {
    width: 97% !important;
    float: left;
}
.textalignright {
    text-align: right;
}
.hidden {
    display: none;
}
.block {
    display:block;
}
.width1125px {/*release 5.19.1.3*/
    width: 1125px !important;
}
.width1101px { /*release 5.19.1.3*/
    width: 1100px !important;
}

/*release 6.7.3.0*/
.tcchkfont {
    font-weight: normal;
    font-size: 12px !important;
}