@charset "utf-8";
/* CSS Document */

html, body { color: black; font-size: 12px; }
#mainportalpage { width: 95%; margin: 20px auto 0; max-width: 1900px; min-height: 500px;  }
#mainportalpage table[width="900"] { width: 100%; }
#mainportalpage table { border-collapse: collapse; padding: 0px; }
#mainportalpage td { width: inherit !important; border-right: 0px none !important; vertical-align: middle; }
#mainportalpage td#table1 { border: 1px solid #999 !important; background: #F6F6F6; padding: 0px 15px 10px; }
#mainportalpage .cus-details { width: 96%; }
#mainportalpage > td > td { padding: 5px; }
#mainportalpage td[width="180"] { padding: 0px; vertical-align: top; padding-top: 20px; }
#mainportalpage .cus-details td { padding: 5px 0px; }

#mainportalpage form[name="customerform"] { padding: 0px; border-radius: 0px; border: 0px none; background: transparent; width: inherit; margin: 0px 0px; border: 0px none !important; }
#mainportalpage form[name="customerform"] input { border: 0px none; }
#mainportalpage form[name="customerform"] input:hover { cursor: pointer; }
#mainportalpage input[name="Submit11"] { padding: 5px 10px; border: 0px solid #CCC !important; background: #222; color: #FFF; font-weight: 700; margin-right: 8px; }
#mainportalpage input[name="Submit1"] { padding: 4px 8px; border: 0px solid #CCC !important; background: #222; color: #FFF; font-weight: 700; display: inline; }
p[align="center"], div[align="center"] { text-align: inherit; }
td[align="left"], td[align="right"] { text-align: center; }
#mainportalpage form[name="customerform"] > p { margin-top: 5px; }
#xx { padding: 5px 10px !important; border: 0px solid #CCC !important; background: #222 !important; font-weight: 700; }

#mainportalpage tr[role="row"] td { vertical-align: middle !important; }
#mainportalpage .sorting_1 img { width: auto; height: 15px; }

* html #mainportalpage { height:500px; }

#mainportalpage h1 { margin: 10px 0 10px 0; padding: 0; }
a { color: #06C; text-decoration: none; }
a:hover { color: #111; }

#title-icon, #login-icon, #title-right, #t2-l { display: none; }
#contract-icon { background: url(images/contract-icon.jpg) no-repeat; width: 42px; height: 42px; }
#feedback-icon { background: url(images/feedback-icon.jpg) no-repeat; width: 42px; height: 42px; }
#calloff-icon { background: url(images/calloff-icon.jpg) no-repeat; width: 42px; height: 42px; }
#title { background: #222; padding: 0px; font-size: 20px; font-weight: bold; vertical-align: middle; }
#title h1 { font-size: 16px; font-weight: bold; color:#FFF; padding: 8px 15px; margin: 0; }
#table1 { background: #FCFCFC; padding: 8px; border-top-left-radius: 0px; border: 1px solid #999; font-size: 12px; }
#table1 td { padding: 5px; }
#table1 input { border: 1px solid #CCC; }
.cus-details td { font-size: 12px; line-height: 24px; border-bottom: dotted 1px #999; }
.cus-details { font-size: 12px; line-height: 24px; border-bottom: dotted 1px #999; }
.cus-details-no-dots { font-size: 12px; line-height: 24px; border-bottom: dotted 0px #999; }
.cus-details td.noborder { padding: 0px !important; border-bottom: none; }
.amount-bg { background: #222; line-height: 29px; font-size: 16px; width: 179px; font-weight: bold; color: #FFF; display: block; margin-bottom: 5px; text-align: left; padding-left: 10px !important; }
.amount-title { font-size: 12px; font-weight: bold; display: block; margin: 0px 0px 6px; padding: 0px !important; }
.droplist { background-color: #FFF; border: solid 1px #999; padding: 0px; color: #111; width: 140px; height: 25px; }
#hints { padding: 10px; font-size: 12px; line-height: 20px; }
#table2 { background: #FCFCFC; border: 1px solid #999; padding: 5px 6px; font-size: 12px; }
.table-header td { font-size: 13px; font-weight: bold; line-height: 36px; }
.grid th.noborder-left { border: none; }
.grid th { font-size: 13px; font-weight: bold; line-height: 34px; border-left: solid 1px #ABBFDA; }
.grid td { border-left: solid 1px #CCC; border-bottom: dotted 1px #999; line-height: 30px; font-size: 12px; background: #f4f7fa; }
.grid td.noborder-left { border-left: none; }
#sectnav { width: 100%; height: 20px; color: #000; font-size: 16px; }
.hovcomm { color: green; cursor: help; }
.hovcomm .dashes { display: none; }
.hovcomm .inner { position: absolute; display: none; background-color: #bbddbb; border: 1px solid #668866; padding: 5px; width: 300px; color: #224422; cursor: text; }
.hovcomm .show { display: block; }
.hovcomm a { position: relative; padding-right: 18px; }
.hovcomm a img { position: absolute; top: 0px; right: 0px; }
div#footer { font-size: 12px; font-weight: normal; color: #013B6F; width: 850px; }
div#footer a { color: #013B6F; font-size: 12px; text-decoration: none; }
div#footer table, div#footer tr, div#footer td, div#footer p { color: #013B6F; font-size: 12px; text-decoration: none; }
.sectnav { font-size: 12px; }
.sectnav a:link { color: #000; text-decoration: none; }
.sectnav a:visited { color: #000; text-decoration: none; }
.sectnav a:active { color: #000; text-decoration: none; }
.sectnav a:hover { color: #ff3300; text-decoration: none; }
 
.dataTables_wrapper { border: 1px solid #999; background: #DDD !important; overflow: hidden; }
table.dataTable thead .sorting { background: #DDD !important; }
table.dataTable thead .sorting_asc { background: #DDD; }
.grid th { border-left: 1px solid #CCC; }
.grid td { background: #FCFCFC; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; }
table.dataTable.no-footer { border-bottom: 0px none !important; }

.portalnav-wrap { position: relative; width: 100%; padding: 10px 0px 50px; }
.portalnav { position: relative; width: 80%; margin: 0px auto; }
.portalnav > div { margin: 30px 0px 0px !important; }
.portalnav > div > form > table { }

#sectnav { position: relative; display: block; height: inherit; }
#sectnav ul { position: relative; }
#sectnav ul li { position: relative; float: left; display: block; vertical-align: middle; margin-right: 5px; }
#sectnav ul li:last-child { margin-right: 0px; }
#sectnav ul li a { display: block; line-height: 40px; padding: 0px 20px; background: #E6E6E6; color: #111; text-decoration: none; }
#sectnav ul li a i { padding-right: 3px; }
#sectnav ul li a:hover { background: #DDD; }
#sectnav ul li:first-child a::after { display: none; position: absolute; right: 0; font-family: "Font Awesome 5 Free"; content: "\f107"; }

input#LOGIN { border: 0px none; }
#map_canvas { width: 100% !important; height: 550px !important; }
.hovcomm { color: black; cursor: pointer; }
.hovcomm .inner { display: none; }
.grid th { border-bottom: 1px solid #FFF !important; }
.grid td { border: 1px solid #FFF; border-right: 0px none; border-top: 0px none; background: #E6E6E6;}

#example th { background: #333 !important; color: white; font-weight: 700; }

.AccountSummaryContractsBlock, .AccountSummaryOthersBlock { display: inline-block; margin: 0px 30px 0px 0px; }

.AccountSummaryStatementsBlock { margin-top: 25px; }
.AccountSummaryContractsBlock h2, .AccountSummaryOthersBlock h2, .AccountSummaryStatementsBlock h2 { font-size: 20px; }

.AccountSummaryContracts { clear: both; position: relative;  font-size: 14px; line-height: 1.3; margin: 10px 0px 0px 0px; width: 300px; border: 1px solid #999; padding: 0; }
.AccountSummaryContracts li { display: block; background: #F9F9F9; padding: 8px 10px 5px; border-bottom: 1px solid #999; }
.AccountSummaryContracts li:last-child { border-bottom-width: 0px; }
.AccountSummaryContracts li:nth-child(even) { background: #F0F0F0; }

.AccountSummaryStatementsSelection { clear: both; position: relative; margin: 10px 0px 0px 0px; }
.AccountSummaryStatementsSelection td { float: left; padding: 5px; }

input[type="submit"] { padding: 5px 10px; background: #222; color: #FFF; font-weight: 700; margin-top: 19px; }
td[width="120"] { width: inherit !important; }

@media screen and (max-width : 1100px) {
  .portalnav { width: 90%; }
}


@media screen and (max-width : 900px) {
}

@media screen and (max-width : 800px) {
}