@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

*{margin:0; padding:0; text-decoration:none;}
body{font-family: 'Roboto', sans-serif !important;}

h2 {color:#114b5f !important; font-family:'Roboto', sans-serif !important; }
h1, h3, h4, h5, h6{color:#fff !important; font-family:'Roboto', sans-serif !important; }
h1{font-weight:600 !important;}
h2{font-weight:500 !important;}
h3{font-weight:400 !important;}

.topheader img{width: 75px;margin-left: 30px;}

.d-flex{display:flex;}
.align-items-center{align-items:center;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:end;}

.ul{list-style-type:none;margin: 0 0 10px 15px;list-style-position:inside;text-indent:-1.6em;line-height:150%;padding-left:0;}
.ul li{padding-left:20px!important;margin-bottom:12px!important;text-align:left}
.ul li ul{margin-left:15px}
.ul li li{background:0 0;list-style:circle;padding-left:5px!important}
.ul li:before{content:"\f00c";font-family:FontAwesome;padding-right:7px;color:#36dd6a}

.headerwrapper{box-shadow: 0px 5px 21px -5px #8d9e8d96;background-color: #!important;}
.GOMlogo{margin:0;}
.topheader{padding: 15px 0 15px 0px;}
.topheader h2{padding: 15px 0 0 0;margin: -6px 40px 4px !important;font-size: 22px;float: right;}
.topheader .fa-bars {font-size: 20px;vertical-align: middle;margin-top: 10PX;margin-right: 8px;cursor:pointer;}
.mh-logo{background: #ffffff;box-shadow: 0px 5px 21px -5px #0000004d;}

.sidebar {display: block;background: #232323;top: 0;width: 20%;padding: 15px 0;overflow: visible;}
.sidebar-nav{padding:0;}



.mainwrapper {background: #acc0ac !important;padding: 0;position: relative;z-index: 0;}
.mainwrapper.active .inpage-design {margin-left: 5%;}
.mainwrapper.active .sidebar{width:5%;}
.mainwrapper.active .sidebar li{width:auto;}
.mainwrapper.active .sidebar li a span{display:none;}
.mainwrapper.active .sidebar li:hover a{padding:10px 15px;transform: scale(1.1);}
.mainwrapper.active .nav > li > a{text-align:center;}
.mainwrapper.active .user > h4{display:none;pointer-events: none;}
.mainwrapper.active .user{
    display: block;
    margin: 0 auto;
}
.mainwrapper.active .userlogout{pointer-events:none; display:none;}
.mainwrapper.active .sidebar li:hover .tooltip{opacity:1;z-index:9;}

.footer, .page-wrap::after { min-height: 0;}
.copyright {line-height: 3.5em;}
.login-footer .mol-logo {width: 50px;}
.login-footer {background: #787878 !important;}
.inpage-design{margin:0;position: relative;margin-left: 20%;padding: 0;background: #F5F7FF;margin-top: -20px;/* width: 100%; */}
.view-frm.table-responsive {margin-top: 0;padding: 20px;}

.nav > li {position:relative; transition:0.3s ease-in-out}
.nav > li:hover a{color:#fff !important;}
.nav > li:active, .nav > li:visited li{background: #49ac7a;}
.nav > li > a{color: #fff;}
.nav > li:hover, .nav > li:focus{background-color:#49ac7a;color:#fff;border-radius: 4px;transition: 0.4s ease-in-out; cursor:pointer;}
.nav > li > a:hover, .nav > li > a:focus{background:none !important;}



.content-body {padding: 40px 30px;background: #fff;border: 1px solid #ddd;}

.grid-header {vertical-align: middle !important;font-weight: 600 !important;background-color: #114b5f!important;}
.grid-wrap{overflow:scroll !important; height:75vh !important;}
.grid-wrap th{position:sticky; top:0;z-index:2;}


.tooltip{position:absolute;width:122px;height:35px;background: #49ac7a;box-shadow: 0 5px 10px rgb(0 0 0 / 28%);border-radius:4px;top: 5px;left: 81px;text-align:center;line-height:35px;opacity: 0;color: #fff;pointer-events:none;}
.tooltip:before{content:''; width:20px; height:20px; border-left:transparent;}
.tooltip:before {content: " ";border: solid;border-width: 8px;border-right-color: #49ac7a;border-left-color: transparent;border-top-color: transparent;border-bottom-color: transparent;height: 0;width: 0;position: absolute;left: -15px;top: 10px;}
/*.mainwrapper .sidebar li:hover .tooltip{display:none;}*/

.user{color:#fff;padding: 0px 15px;margin: 15px 0px;width: 100%!important;justify-content: space-between;}
.user > .fa-user  {font-size: 20px;border: 1px solid #fff;border-radius: 50%;padding: 10px;line-height: 0.9em;}
.user > span{line-height: 36px;margin-left: 10px;}
.userlogout > .dropdown .fa-caret-down{color:#fff; font-size:20px;}
.userlogout > .dropdown {margin-left: 35px;}
.userlogout .dropdown-menu {padding: 5px 8px;}
.userlogout .dropdown-menu > a{display:block;text-decoration: none;color: #000;}
.userlogout .dropdown-menu:hover {background: #49ac7a;}
.userlogout .dropdown-menu:hover a{color:#fff;}

hr{border-top: 1px solid #5a5a5a;}

i.fa.fa-power-off.icon-user {font-size: 15px;}
.sidetop .btn-default {color: #fff;background-color: #d9534f;border-color: #ff0909;}
.lang {margin-right: 8px;}
.lang a { text-decoration: none;font-weight: bold;color: #114b5f;}
.grid-header-title a:hover{color: #9debb8;}

ul.nav.nav-tabs.newTabs li a{margin-right:0 !important;}
ul.nav.nav-tabs.newTabs{justify-content:center;margin-top: 14px;}
ul.nav.nav-tabs.newTabs li{width:30% !important;}
.nav-tabs > li.active > a:focus{background: #ec971f !important;color: #fff;}

.paymentGateway .table tr td:nth-child(1){font-weight:500}
.newTabs-content{background:#fff;}

.sidetop{margin-top:6px;}

.d-inline{display:inline !important;}