@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;500&family=Roboto:wght@300;400;500&family=Quicksand:wght@300;400&display=swap');	
body {font-family: 'Roboto', sans-serif; font-weight:400; background-color:#f9f9f9;}	
b {font-weight:500}
th {font-weight:500 !important;}
.note {border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.noUnderline {text-decoration:none !important;}
.floatLeft ul, .floatLeft li {margin:0; padding:0; list-style:none;}
.floatLeft ul, .left-ul ul  {float:none; display:table; clear:both;}
.left-ul li {padding-right:5px; padding-bottom:5px; float:left;}
.ul-gx2 ul {width:100%}
.ul-gx2 ul li {width:48%;}
.transaction-detail .ul-gx2 ul li:first-child {font-weight:500; width:220px; padding-left:8px;}
.transaction-detail table tr td:first-child {text-align:right;}
.transaction-detail table tr td:last-child {font-weight:500; }
@media (min-width:576px) {
	.floatLeft li {float:left; display:inline-block;}
}
@media (min-width:996px) {
	.left-ul ul {float:left; display:inline; clear:initial;}
	.ul-gx2 ul  {width:50%}
	.transaction-detail .ul-gx2 ul li:first-child {}
	.transaction-detail .remark {float:none; display:table; clear:both; width:100%;}
	.transaction-detail .remark li:last-child {padding-left:8px; width:100%;}
	
}

.sectionTitle {color:#000; font-size:2.2rem; font-weight:300; line-height:1.5}
.pageTitle	{color:#000; font-size:1.6rem; font-weight:500;}
.title 		{
	color:#000;
	background-color: #f3f6fe;
    font-size: 1.3rem;
    font-weight: 400;
    padding-left: 10px;
    margin-left: -10px;
}
.subTitle 	{color:#000; font-size:1.2rem; font-weight:500;}

.link-primary {color:#0571e6; text-decoration:none;}
.link-primary:hover {color:#0571e6; text-decoration:underline;}


/* Header ----------------------------------------------------------------- */	
.navbar-brand 	{color:#fff !important;}	
.navbar 		{background-color:#193282; border-bottom:1px solid #d2d2d2;}	
.navbar-toggler {background-color:#fff; border-color:#fff;}	
.fixed-top  {height:70px; background-color:#fff;}	
header .btn-primary {background-color:#193282;outline:none; border:0; border-radius:20px !important; font-size:11pt; position:relative; left:-69px; z-index:9999 !important;}	
header .form-control {border-radius:20px !important; font-size:11pt;  position:relative;  z-index:99 !important; width:300px !important}	
.loginInfo {background-color:#fcfcfc; color:#777; font-size:10pt;  line-height:0.5; text-align:left; border-left:6px solid #faa61a; margin-left:15px; padding-left:8px;	
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */	
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */	
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */	
}	
.loginInfo b {color:#555; font-weight:500;}	
.loginInfo li {padding-right:15px; line-height:1.5}	
@media (min-width:576px) {
	.loginInfo li {float:left;  line-height:2}
}
/* Form/Search Criteria ----------------------------------------------------------------- */
.search .dropdown-menu {padding-left:10px; padding-right:10px; white-space:nowrap;}
.darkblue {background-color:#193282; border-color:#000;}
.grey {background-color:#666; border-color:#333;}
.yellow {background-color:#faa61a;}
.btn-orange {background-color:#faa61a; color: #fff;}
.btn-orange:hover {background-color: #f7b341; color: #fff;}
.btn-orange:focus { outline: 0; box-shadow: none;}
.BorderWhite {border-color:#fff !important}
.submitBtn button {min-width:100px;}
.BorderGrey {border-color:#d2d2d2 !important}
.form-check-label {line-height: 1.7 !important;}
.fs-9 {font-size:0.9rem!important}
.fs-95  {font-size:0.95rem!important; opacity:1 !important; color:#000; line-height:1.2;}
.fs-8 {font-size:0.8rem !important}
.fs-85 {font-size:0.85rem !important}
.formLabel {color:#848484 !important; font-family: 'Roboto', sans-serif !important; font-weight:400 !important; opacity:1 !important;}

/* Top dropdown menu extend to full width ----------------------------------------------------------------- */	
.navbar .megamenu{ padding: 1rem; }	
/* desktop view */	
@media all and (min-width: 992px) {	
	header .portalTitle {font-family: 'Quicksand', sans-serif; font-size:16pt; font-weight:400; background-color:#193282; color:#fff; line-height:2.6}	
	header .portalTitle span {padding-left:15px;}	
	header .navbar  {background-color:#fff; font-size:11pt;  height:50px;}	
	header .nav-link {color:#193282 !important; font-weight:500;  height:50px; line-height:3.5; padding:0 15px !important; position:relative; z-index:9999; height:50px; margin-top:0px}	
	header .nav-link:hover {background-color:#f5f5f5; border-bottom:4px solid #b4b4b4; color:#333 !important;}	
	header .profileicon:hover {background-color:transparent; border-bottom:0px solid #b4b4b4; color:#333 !important;}	
	header .dropdown_arrow:hover {background-image:url(../../../images/merchant/mis_index/arrow_down_hover.png); background-repeat:no-repeat; background-position:center bottom;}	
	header  .dropdown_arrow:focus {	
		background-color:#faa61a; color:#fff !important;  border-bottom:4px solid #193282;	
		background-image:url(../../../images/merchant/mis_index/arrow_down_white.png); background-repeat:no-repeat; background-position:center bottom; font-weight:400;}	
		
	header .dropdown-menu {color:#333; font-size:10pt;}	
	header .dropdown-menu a {color: #0571e6; font-size:13pt; font-weight:500; text-decoration:none;}	
	header .dropdown-menu ul {margin-top:25px; margin-bottom:25px;}	
	header .dropdown-menu ul li {padding-bottom:12px; line-height:16px;}	
	
	header .circle {background-color:#193282; color:#fff !important; height:30px; width:30px; border-radius:25px; padding:0 !important; line-height:2.2; margin:10px 0 0 0; text-align:center;}	
	.navbar .has-megamenu{position:static! important;}	
	.navbar .megamenu{ left:0; right:0; width:100%; margin-top:0;}	
	.vL-Line {border-left:1px solid #d2d2d2;}	
	header .d-flex .nav-link, header .dropdown-menu li.dropbox .nav-link{z-index:10;}	
	header .d-flex .nav-link:hover, header .dropdown-menu li.dropbox .nav-link:hover {background-color:transparent; border:0;}	
	header .circle:hover  {background-color:#193282 !important; color:#fff !important; border:0;}	
	header .dropdown-menu li.dropbox { border-bottom:1px solid #d2d2d2; color:#000;}	
	header .d-flex .dropdown-menu li a, header .dropdown-menu li.dropbox a {color: #0571e6; font-size:11pt;font-weight:500;}	
	header .d-flex .dropdown-menu li a:active, header .dropdown-menu li.dropbox a:active {background: transparent;}
	header .d-flex .dropdown-menu li:last-child, header .dropdown-menu li.dropbox:last-child {border:0;}	
	header .d-flex .dropdown-menu  {text-align:center; min-width:160px;}	
	header .d-flex .dropdown-menu {position:relative; top:0; z-index:9999;}	
	header .lang {left:-40px;}	
	header .current {font-size:20pt; text-align:center; width:60px; height:60px; border-radius:60px; padding:0 !important; margin-top:0; margin-left:35px; line-height:2.3;}	
		
	.menuTitle		{color:#000; font-size:2.2rem; font-weight:300;}
	.menuSubTitle	{color:#000; font-size:1.4rem; font-weight:400;}
	header .floatLeft li {width:350px; padding-right:10px; height:60px;}
	header .oldVersion {font-size:0.9rem; z-index:9999; position:absolute; top:0;}
	header .oldVersion a {text-decoration:none; display:inline-block; outline:0; border:0; font-size:0.9rem; color:#c6def8; background-color:#0571e6; line-height:2; padding-left:15px;  padding-right:15px; border-radius:0 0 8px 8px}
}		
/*  mobile view  */	
@media(max-width: 991px){	
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{	
		overflow-y: auto;	
	    max-height: 90vh;	
	    margin-top:10px;	
	}	
}	
/* Common  ----------------------------------------------------------------- */	


/*.content	{margin-top:95px;}*/
.box {box-shadow: 0px 1px 1.0px 0.4px rgba(0,0,0,0.2); border:1px solid #eee; border-radius:10px; background-color:#fff;}	
.btnLink {	
		color:#629fe3; outline:none !important; background:none !important; border:0; font-size:10pt; line-height:9pt; font-weight:500 !important; text-decoration:none !important; text-transform:Uppercase;	
	}	
.btnLink span:nth-child(2){font-size:22pt !important; vertical-align:text-top; display:inline;}		
tbody, td, tfoot, th, thead, tr {	
    border-color: #dee2e6 !important;
	/*white-space: nowrap;
	vertical-align: middle;*/	
    }	
.dataTables_wrapper.no-footer .dataTables_scrollBody {	
    border-bottom: transparent;	
}	
.dataTables_scrollBody thead tr[role="row"]{
    visibility: collapse !important;
}
table.dataTable thead th, table.dataTable thead td {	
    padding: 10px 18px 10px 10px;	
 	
}	
.dataTables_paginate {	
	display:none;	
}	
/* loader ------------------------------------------------------------------*/	
.loaderContainer {	
        height: 100%;	
        position: absolute !important; 	
        width: 100%;	
		z-index: 2;	
}	

.ph-item{direction:ltr;position:relative;display:flex;flex-wrap:wrap;padding:30px 15px 15px;overflow:hidden;margin-bottom:30px;background-color:#fff;border:1px solid #e6e6e6;border-radius:2px}.ph-item,.ph-item *,.ph-item :after,.ph-item :before{box-sizing:border-box}.ph-item:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:50%;z-index:1;width:500%;margin-left:-250%;-webkit-animation:phAnimation .8s linear infinite;animation:phAnimation .8s linear infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0) 46%,hsla(0,0%,100%,.35) 50%,hsla(0,0%,100%,0) 54%) 50% 50%}.ph-item>*{flex:1 1 auto;display:flex;flex-flow:column;padding-right:15px;padding-left:15px}.ph-row{display:flex;flex-wrap:wrap;margin-bottom:7.5px}.ph-row div{height:10px;margin-bottom:7.5px;background-color:#ced4da}.ph-row .big,.ph-row.big div{height:20px;margin-bottom:15px}.ph-row .empty{background-color:hsla(0,0%,100%,0)}.ph-col-2{flex:0 0 16.66667%}.ph-col-4{flex:0 0 33.33333%}.ph-col-6{flex:0 0 50%}.ph-col-8{flex:0 0 66.66667%}.ph-col-10{flex:0 0 83.33333%}.ph-col-12{flex:0 0 100%}.ph-avatar{position:relative;width:100%;min-width:60px;background-color:#ced4da;margin-bottom:15px;border-radius:50%;overflow:hidden}.ph-avatar:before{content:" ";display:block;padding-top:100%}.ph-picture{width:100%;height:120px;background-color:#ced4da;margin-bottom:15px}@-webkit-keyframes phAnimation{0%{transform:translate3d(-30%,0,0)}to{transform:translate3d(30%,0,0)}}@keyframes phAnimation{0%{transform:translate3d(-30%,0,0)}to{transform:translate3d(30%,0,0)}}	
     	
/*mmmenu ----------------------------------------------------------------- */
	  	
.zeynep ul > li > a {
    font-size: 12pt;
    font-weight: 500;
    padding: 0 20px;
    text-align: left;
	line-height:45px;
	color: #0571e6;
}		
	
.zeynep ul {
padding: 0;
}

.zeynep .submenu-header > a {
    color: #ccc;
    font-size: 12pt;
    font-weight: 400;
    padding: 0;
}
#profileDesc li {
	line-height:45px;
	border-bottom:1px solid #efefef;
}
#profileDesc li:first-child {
	line-height:inherit;
	border-bottom:1px solid #efefef;
}
#profileDesc li:last-child {
	line-height:45px;
	border-bottom:0px solid #efefef;
}

#profileDesc li a {
color:#0571e6;
font-weight:500;
text-decoration:none;	
}
	
/* Sales Summary ----------------------------------------------------------------- */	
#myTab li:first-child .nav-link {border-left:0;}	
#myTab .nav-link		{color:#999; font-size:105%;}	
#myTab .nav-link:hover 	{color:#000;}	
#myTab .nav-link.active, #myTab .nav-link:focus  {border-top:4px solid #193282; border-bottom:1px solid #fff; color:#000; margin-top:-3px;}	
.Land-SS .tab-pane .row {color:#787878; font-size:10pt;}	
.Land-SS .tab-pane .row div:first-child {color:#193282;  border-radius:10px; background-color: #f3fbfd;}	
.Land-SS .tab-pane .date {font-size:11pt; font-weight:500;} 	
.Land-SS .tab-pane h1 {margin:0 0 25px 0; padding:0; font-size:30pt; line-height:0.7; font-weight:normal;}	
.boxMinHeight {	
	min-height:660px;	
}	
.Land-SS .compare {	
    position: absolute;	
    bottom: 44%;	
    z-index: 1;	
}	
.Land-SS .rate {background-color:#faa61a !important; color:#fff !important; border-radius:100px !important; font-size:12pt !important; vertical-align:middle; line-height:18px !important; width:60px; height:60px; text-align:center; padding-top:10px; font-weight:500; text-align:center; margin: 0 auto;}	
.padding_bottom {padding-bottom:0.5rem}	
.padding-top {padding-top:0rem}	
.Land-SS .tab-pane .table { font-size:11pt; margin-left:auto; margin-right:auto; width:95%;}	
.Land-SS .tab-pane .table th {color:#999; font-weight:500; text-align:right;}	
.Land-SS .tab-pane .table td {text-align:right;}	
.Land-SS .tab-pane .table th:first-child, .tab-pane .table td:first-child {text-align:left;}	
/* Quick Links ----------------------------------------------------------------- */	
.quickLink {margin-left:0px; margin-right:4px;}	
.quickLink .btnLink > span {font-size:12pt; font-weight:400 !important; text-transform:none;}	
.quickLink ul, .quickLink ul li {border:0; padding-bottom:0}	
.quickLink li {width:50%;}	
.quickLinkHeight { min-height: 110px;}
/* Banners ----------------------------------------------------------------- */	
.banner img {width:100% !important; border:1px solid #d2d2d2; height: auto;}	
.bannerHeight {min-height: 128px; margin-top: 20px;}
/* Bulletin Board ----------------------------------------------------------------- */	
.bulletin {height:331px; overflow-y: auto; margin:0 !important; padding:0 !important; }	
.bulletin h4, .bulletin h3, .bulletin {font-size:11pt; font-weight:400; line-height:1.4; margin:0; padding:0;}	
.bulletin h3 {font-weight:500;}
.bulletin .item {margin-top:15px;}	
.bulletinTitle {font-size:13pt; font-weight:500;}
.bulletinDate {font-weight:500;}

/* iframe  ----------------------------------- */
.mainFrameContent {
 position: relative;
 height: calc(100% - 40px);
 width: 100%;
 /* padding-top: 121px; */
 z-index: 0;
}

/* Footer ----------------------------------------------------------------- */	
.footer {text-align:center; width:100%; font-size:80%; color:#999; border-top:1px solid #d2d2d2; line-height:3;}	
/* Desktop ----------------------------------------------------------------- */	
@media (min-width: 992px) {	
	.portalTitle {height:70px;}	
	.fixed-top  {height:120px;}
	footer {position:absolute; bottom:0;}	
}	
@media screen and (max-width: 600px) {	
 #myTab .nav-link {	
    font-size: 14px;	
	width:100%;	
  }	
  li.nav-item {	
    width: 50%;	
    display: inline;	
}	
.compare {	
    position: absolute;    	
    top: 42%;	
    z-index: 1;	
}
	
.boxMinHeight {	
	min-height:660px;	
}
	
.quickLink li {	
	width:100%;	
}

.mainFrameContent {
 position: relative; height: calc(100% - 0px); width: 100%;  padding-top: 5px; z-index: 0;
}	

.navbar-brand {
 font-size: 1rem;	
}
.mm-slideout {
z-index:1 !important;	
}
.loginInfo {
	margin-left:0;
}
.banner img {
    width: 100% !important;
    border: 1px solid #d2d2d2;
    height: auto;
}
.bannerHeight {min-height:auto; margin-top: 20px; margin-bottom: 25px;}
.quickLinkHeight { min-height: auto;}
.mainFrameContent {
	position: relative; height: calc(100% - 40px); width: 100%;  padding-top: 5px; z-index: 0;
   }	
.result .total {
width:100% !important;	
}
}	

/* Support ----------------------------------------------------------------- */
.support-contact .floatLeft ul li:first-child {width:110px;}
.support-logo img {width:100px; height:auto;}
@media (min-width: 992px){
	.support-logo img {width:auto; height:auto;}
	.mainFrameContent {
		position: relative; height: calc(100% - 40px); width: 100%;  padding-top: 121px; z-index: 0;
	}	
}
@media (min-width:576px) {
	.support-developer table {width:50%;}
	
}

/* Login ----------------------------------------------------------------- */
.loginBox {background-color:#fff; padding:40px 20px;  width:100%; border-radius:0px;}
.loginBox table {width:100%;}
.loginBox .form-floating, .loginBox .table-verification, .loginBox div {width:100%; margin:0 auto; }
.loginBox .form-control {outline:0; border:0; border-bottom:1px solid #ced4da; border-radius:0}
.loginBox .btn-dark {border-color:#fff;}
.loginBox .form-select {width:150px;}
@media (min-width: 768px) {
	.loginBox {
		padding:40px;
		border-radius:10px; margin:0 auto; width:600px; 
		-webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.55); 
		box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.55);
	}
	.mainFrameContent {
		position: relative; height: calc(100% - 40px); width: 100%; z-index: 0;
	}	
	.loginBox .form-floating, .loginBox .table-verification, .loginBox div { 
		width:75%; margin:0 auto; 
	}
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}