@charset "utf-8";
@import url('//fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;900&display=swap');
*,*::before,*::after {box-sizing: border-box;-webkit-box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%;}
body {font-family: 'Roboto', sans-serif;font-weight:400;color: #000; margin:0; padding:0; font-size:12px; background-color:#fff;}
ul,ol,li {list-style: none;}
a {text-decoration: none; color:#000;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
img {  max-width: 100%;}
.clearfix:after {content: "";display: block;clear: both;visibility: hidden;height: 0;}

.flex-main {width: 100%;display: flex;}
.flex-col {box-sizing: border-box;}
.fca { width: 230px; position:fixed; left:0; z-index:9999; }
.fcb { width: calc(100% - 230px); position:absolute; left:230px; z-index:99; }
.fcb_full { width: calc(100% - 50px);  left:50px; }
/* Margins & Padding */
.m-0 {margin: 0 !important;}
.mt-0{margin-top: 0 !important;}.mr-0{margin-right: 0 !important;}.mb-0{margin-bottom: 0 !important;}.ml-0{margin-left: 0 !important;}
.m-1 {margin: 0.25rem !important;}.mt-1{margin-top: 0.25rem !important;}.mr-1{margin-right: 0.25rem !important;}
.mb-1{margin-bottom: 0.25rem !important;}.ml-1{margin-left: 0.25rem !important;}
.m-2 {margin: 0.5rem !important;}.mt-2{margin-top: 0.5rem !important;}.mr-2{margin-right: 0.5rem !important;}
.mb-2{margin-bottom: 0.5rem !important;}.ml-2{margin-left: 0.5rem !important;}
.m-3 {margin: 1rem !important;}.mt-3{margin-top: 1rem !important;}.mr-3{margin-right: 1rem !important;}.mb-3{margin-bottom: 1rem !important;}.ml-3{margin-left: 1rem !important;}
.m-4 {margin: 1.5rem !important;}
.mt-4{margin-top: 1.5rem !important;}.mr-4{margin-right: 1.5rem !important;}.mb-4{margin-bottom: 1.5rem !important;}.ml-4{margin-left: 1.5rem !important;}
.m-5 {margin: 3rem !important;}
.mt-5{margin-top: 3rem !important;}.mr-5{margin-right: 3rem !important;}.mb-5{margin-bottom: 3rem !important;}.ml-5{margin-left: 3rem !important;}
.p-0 {padding: 0 !important;}
.pt-0{padding-top: 0 !important;}.pr-0{padding-right: 0 !important;}.pb-0{padding-bottom: 0 !important;}.pl-0{padding-left: 0 !important;}
.p-1 {padding: 0.25rem !important;}
.pt-1{padding-top: 0.25rem !important;}.pr-1{padding-right: 0.25rem !important;}.pb-1{padding-bottom: 0.25rem !important;}.pl-1{padding-left: 0.25rem !important;}
.p-2 {padding: 0.5rem !important;}
.pt-2{padding-top: 0.5rem !important;}.pr-2{padding-right: 0.5rem !important;}.pb-2{padding-bottom: 0.5rem !important;}.pl-2{padding-left: 0.5rem !important;}
.p-3 {padding: 1rem !important;}
.pt-3{padding-top: 1rem !important;}.pr-3{padding-right: 1rem !important;}.pb-3{padding-bottom: 1rem !important;}.pl-3{padding-left: 1rem !important;}
.p-4 {padding: 1.5rem !important;}
.pt-4{padding-top: 1.5rem !important;}.pr-4{padding-right: 1.5rem !important;}.pb-4{padding-bottom: 1.5rem !important;}.pl-4{padding-left: 1.5rem !important;}
.p-5 {padding: 3rem !important;}
.pt-5{padding-top: 3rem !important;}.pr-5{padding-right: 3rem !important;}.pb-5{padding-bottom: 3rem !important;}.pl-5{padding-left: 3rem !important;}
.m-auto {margin: auto !important;}.mt-auto{margin-top: auto !important;}.mr-auto{margin-right: auto !important;}.mb-auto{margin-bottom: auto !important;}
.ml-auto{margin-left: auto !important;}
.text-justify {text-align: justify !important;}.text-wrap {white-space: normal !important;}.text-nowrap {white-space: nowrap !important;}
.text-left {text-align: left !important;}.text-right {text-align: right !important;}.text-center {text-align: center !important;}
.fleft{ float:left!important;} .fright{ float:right!important}
/* FONT SIZE */
.f11{ font-size:11px !important;}.f12{ font-size:12px !important;}.f13{ font-size:13px !important;}.f14{ font-size:14px !important;}.f16{ font-size:16px !important;}.f18{ font-size:18px !important;}.f20{ font-size:20px !important;}.f22{ font-size:22px !important;}.f24{ font-size:24px !important;}.f26{ font-size:26px !important;}.f28{ font-size:28px !important;}.f30{ font-size:30px !important;}.f32{ font-size:32px !important;} .f34{ font-size:34px !important;} .f36{ font-size:36px !important;}.f40{ font-size:40px !important;}
.f42{ font-size:42px !important;} .f48{ font-size:48px !important;} .f50{ font-size:50px !important;} .f64{ font-size:64px !important;}

/*GRID COLUMNS*/
.row::after {content: "";clear: both;display: table;}
[class*="col-"] {float:left;position: relative;width: 100%;padding-right: 20px;padding-left: 20px; }
.card{ background-color:#f4f4f4; padding:10px;}
.card h2{color:#000;}
.element {padding: 15px;background-color:#fff;}
.flexbox {display: -webkit-box;display: flex;}
.flexbox .element {height: 100%; background-color:#f8f9fa;}
.flexbox.col-3 {flex-wrap: wrap;}
.flexbox.col-3 .column {margin: 0.5rem;max-width: calc((100% / 3) - 1rem);}

/*HEADER*/
#header {height: 50px;width: 100%; position: fixed; top: 0; z-index:999; border:0; background-color: #fff;  filter: drop-shadow(2px 5px 5px #e3e3e3);}
#header .nav-head {display: inline-block; float:left;}
#header .nav-head .nav-title {display: inline-block;font-size: 20px;padding: 0 2px; line-height:50px}
#header .nav-head .logo {height:50px;  width:230px;  background-size: auto 30px; background-repeat:no-repeat;background-image:url(../images/logo.png);background-position:left+10px center;}
#header .nav-head .mlogo{ width:50px;background:none!important}/* background-image:url(../images/logo.png);background-position:left+14px center;*/
#header .nav-head .mlogo:after{  content:'SMS' !important;}
#header  #nav-check {display: block;}
#header .nav-links {display: inline-block;float: right;padding:0 25px; line-height:50px; width:250px}
#header .nav-links .name{ color:#000; font-size:13px; padding:0 0 0 10px; position:relative; text-align:right;}
#footer {clear:both; font-size:11px; text-align:center; color:#666666; padding:10px 0; }

.w-100{ width:100%!important;}
#viewpass{left:89%; cursor:pointer;}
sl{color: #666!important;}
.gateway_edit {display:none;}
.pedit,.gateway_edit a{border-radius:50%}
[class*="editopt_"] { display:none;}

#profile{ padding:0; display: none; position:absolute; right:10px; width:215px;z-index: 99 !important;background-color:#f8f9fa;}
#profile ul {padding: 0;list-style-type: none; margin:0;}
#profile ul li {position: relative;text-align: left; z-index: 100;color: #000; line-height:30px; padding:0 10px;}
#profile ul li a { text-decoration: none; border:0; outline:none;padding: 0;display:block; line-height:35px; font-size:13px;}
#profile ul li a .icon-16 {background-position:left center;margin:8px 5px 0 0; float:left}
#profile ul li:hover {background-color: #f4f4f4;}
#profile ul li.separator {padding-top: 0px;padding-bottom: 0px;border: 1px solid #f4f4f4;}
#profile ul:hover {display: block;}

#nav-buttons {display: inline-block; float:left; padding:0 25px; height:50px; cursor:pointer; background-image:url(../images/icons/menubar.svg); width:60px; background-repeat:no-repeat; background-size:14px auto; background-position:center center;} 
#nav-buttons label {display: inline-block;width: 20px;height: 20px;padding:10px 0 0 0;}
#nav-buttons label span {background-color: #000;display: block;height: 1px;margin: 5px auto 0 auto;width: 12px;}
#nav-buttons#mview{ display:none} 

/* Sidebar  Navigation Menu */
#sidebar{max-height:100%; min-height:100vh; height:100%; width:100%; color:#000; margin-top:50px; background-color: #fff; filter: drop-shadow(2px 15px 8px #e3e3e3); border:0;}
#sidebar a {color: #000;text-decoration: none; border:0; outline:none; width:100%; display:block;}
#sidebar ul,.sidebar ul li,#sidebar ul ul { list-style: none; margin:0; padding:0;}
#sidebar ul {position: relative;z-index: 500; width:100%;}
#sidebar ul li {float: none; position: relative;}
#sidebar li.active { color:#000; background-color:#fff; _cursor:pointer; cursor:pointer; }
#sidebar li >  ul { background-color:#fff;}
#sidebar ul ul li { float: none;}
.sidebarfixed ul ul li {}
#sidebar ul ul li a {padding:15px 15px; width:100%; }
#sidebar ul ul ul { top: 0; right: 0;}
#sidebar:before {content: '';display: block;}
#sidebar:after {content: ''; display: table;clear: both;}
#sidebar > ul > li > a:hover { color: #000; }
#sidebar ul ul { width: 100%;  display: none; }
#sidebar ul > ul { width: 100%; }
#sidebar ul li.has-sub > a span {
height:10px; width:20px;  float:right; -webkit-mask:  url(../images/right-arrow.svg) no-repeat 50% 50%;mask: url(../images/right-arrow.svg) no-repeat 50% 50%;  background-size: cover!important; background-color:#c7c7be; margin-top:14px;
}
#sidebar ul li.has-sub.active > a span{transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg); }
#sidebar ul ul a { color: #000; padding-left:65px; }
#sidebar li.subhead {display: none;}
#sidebar ul ul li:hover a { background-color: #f5f5f4 !important;  color:#bb0101; font-weight:500;}
.sidebarfixed { width:50px!important;}
#sidebar.sidebarfixed ul ul { width: 180px;  display: none; position: absolute;top: 100%;left: 0px; z-index: 9999;left: 99%;top:0}
#sidebar.sidebarfixed ul li:hover > ul { display: block; z-index:9999}
#sidebar.sidebarfixed li a.icon-24 { font-size: 0; color: transparent;  }
#sidebar.sidebarfixed a.icon-24 { background-position:18px center; line-height:40px; }
#sidebar > ul > li > a.head { padding-left:50px!important; position: relative;  line-height:40px;padding:0; }
#sidebar > ul > li > a { color: #000;text-decoration: none; border:0; outline:none;padding:10px 0; font-size:14px;}
#sidebar.sidebarfixed li a.head{ overflow:hidden; position: relative; padding-left:50px;}
#sidebar li a i { line-height:40px; position: absolute; left:15px; top:7px; background-color:#000;}
#sidebar > ul > li a:hover {  background-color:#CC0000; color:#fff; }
#sidebar > ul > li a:hover i{ background-color:#fff; }
#sidebar > ul > li a:hover i + span{ background-color:#fff}
#sidebar.sidebarfixed li.subhead {display: block;color: #fff; border:0; outline:none; background-color:#bb0101; height:40px; line-height:40px; padding-left:15px; font-weight:600; text-transform:uppercase; letter-spacing:1px;border-radius:0 7px 0 0;}
#sidebar.sidebarfixed ul ul li {line-height:35px; }
#sidebar.sidebarfixed ul ul li a {padding:0 15px; width:100%; display:inline-block; line-height:35px; }
#sidebar.sidebarfixed ul li.has-sub > a span { display:none}
#sidebar li.level2 ,#sidebar li.level2 > li{ background-color:#fafafa}

/* SLIDE BAR */
#mslide{ cursor:pointer; height:50px; padding:0 15px;}
.slidenav{box-shadow: 0px 4px 5px 0px #e2e2e2; top:50px; background-color:#fff;overflow-x: hidden;height: 100%;width:230px; color:#000;position:fixed; right:-230px; display:block; z-index:99999;}
.slidenav .closebtn {position:absolute;top: 0;right: 20px;font-size: 26px; z-index:99;  _cursor:pointer; cursor:pointer}
.slidenav ul {position:relative; padding:0; margin:0;}
.slidenav ul li { width:100%; border-bottom:1px solid #fafafa; font-size:13px;}
.slidenav ul li a { color:#000;  padding: 15px 15px 15px 55px;  display: inline-block;}

/*PAGE CONTENT*/
.pagecontent{ width:96%;display:block; max-height:100%; min-height:100vh; padding-bottom:30px; margin:65px auto 0 auto;  }
.titlebar {color:#000;}
.bb1{ border-bottom:1px solid #eee;}
.titlebar .pagetitle { font-size:20px; font-weight:400; text-transform:uppercase; padding:15px 0 10px 0;}
.titlebar .subtitle { font-size:14px; font-weight:400; color:#888;}
.dbtitle {clear: both; font-size: 16px; font-weight: 400;}
.sectiontitle{clear: both; font-size: 18px; font-weight: 400;}
span.title{ padding:10px 0; display:block;}
t { font-size:12px; color:#000 }
v { font-size:24px; }
v.btitle { font-size:20px !important; }
v.aname { font-size:16px !important; }
sv { font-size:16px; }
t#loadseckey{ cursor:pointer;}
.profilecard { padding:10px;}
.profilecard .title{clear: both; font-size: 18px; font-weight: 400; line-height:35px; padding:5px 0;}
.profilecard t{ padding:5px 0; display:inline-block; width:100%;}
.profilecard sv{clear: both; border-bottom:1px solid #eee; padding:5px 0; display:inline-block; width:100%;}

/* TABLE*/
.table_container { width:100%; display:inline-block; padding:0;}
.table_container h2 {font-size:1.5em;line-height:1.5em;margin:0; color:#000; font-weight:400;}
.table_container h3 {font-size:1.1em;font-weight:normal;line-height:1.5em;margin:0;color:#000;}

.table { border-collapse: collapse;width: 100%;}
.table th { background: #f8f9fa; font-size: 13px; font-weight:400;}
.table th .subhead {color:#000!important;font-size: 13px!important;}
.table td, .table th { padding: 10px; border-bottom: 1px solid #f4f4f4; text-align: left; color:#000; }
.table td{ font-size:13px;}
.table td .subhead {color:#000!important;font-size: 13px!important;}
.table td span {color:#888;}
.table th.status, .table td.status{width:80px;}
.table td[data-pgmode='Live']{ color:blue; text-transform:uppercase;}
.table td[data-pgmode='Test']{ color:red;text-transform:uppercase;}
.table td.sno{width:50px;}
.table td.status{width:70px;}
.table td.tblaction{width:80px;}
.table td.date{width:100px;}
.table td.gstin{width:150px;}
.table td.contact{width:200px;}
.table th.amount,.table td.amount{width:100px; text-align:right}

/*Pagination*/
ul.pagination {margin: 10px 0 5px 0; padding: 0;height: 100%;overflow: hidden;list-style-type: none;display: inline-block; }
ul.pagination li.details {padding: 7px 10px;font-size: 12px;color: #5b4189;}
ul.pagination li a {color: #5b4189; background: none;border: 1px solid #5b4189;border-radius: 3px;-moz-border-radius: 0px;-webkit-border-radius: 0px;display: block;text-decoration: none;padding: 7px 10px;font-size: 13px;padding: 6px 9px;}
ul.pagination li a:hover {color: #fff;text-decoration:none;}
ul.pagination li:first-child {margin-left: 0;}
ul.pagination li {padding-bottom: 1px; float: left;margin: 0 0 0 5px;padding: 0;}
ul.pagination li a.current, ul.pagination li a:hover {color: #FFF; border-color: #5b4189 ;background: #5b4189;}
.tcounter{ text-align:right;}

/* Action Menu */
.actionmenu{ position:absolute; right:30px; top:50px; background-color:#fafafa; padding:0; margin:0; z-index:99;}
.actionmenu li{ padding:10px 40px 10px 10px;}
.actionmenu li a{ color:#fff; font-size:13px; font-weight:400;}
.actionmenu li:hover { background-color:#ddd; cursor:pointer}
.actionmenu li:hover a{ color:#000;}

/*TOGGLE SWITCH*/
.switch-style {position: relative;display: block;vertical-align: top;width: 55px;height: 20px;padding: 2px;background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);border-radius: 18px;box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);cursor: pointer; z-index:0;}
.switch-style .switch-input {position: absolute;top: 0;left: 0;opacity: 0;}
.switch-style .switch-label {position: relative;display: block;height: inherit;font-size: 10px;text-transform: uppercase;background: #dedede;border-radius: inherit;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);}
.switch-style .switch-label:before, .switch-style .switch-label:after {position: absolute;top: 50%;margin-top: -.5em;line-height: 1;-webkit-transition: inherit;-moz-transition: inherit;-o-transition: inherit;transition: inherit;}
.switch-style .switch-label:before {content: attr(data-off);right: 11px;color: #000;text-shadow: 0 1px rgba(255, 255, 255, 0.5);}
.switch-style .switch-label:after {content: attr(data-on);left: 11px;color: #FFFFFF;text-shadow: 0 1px rgba(0, 0, 0, 0.2);opacity: 0; }
.switch-style .switch-input:checked ~ .switch-label {background: #28a745;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);}
.switch-style .switch-input:checked ~ .switch-label:before {opacity: 0;}
.switch-style .switch-input:checked ~ .switch-label:after {opacity: 1;}
.switch-style .switch-handle {position: absolute;top: 3px;left: 4px;width: 18px;height: 18px;background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);border-radius: 100%;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}
.switch-style .switch-handle:before {content: "";position: absolute;top: 50%;left: 50%;margin: -6px 0 0 -6px;width: 12px;height: 12px;background: linear-gradient(to bottom, #eeeeee, #FFFFFF);background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);border-radius: 6px;box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);}
.switch-style .switch-input:checked ~ .switch-handle {left: 38px;box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);}
.switch-style.stat{margin-top:-4px!important;}
/* Transition
========================== */
.switch-style .switch-label, .switch-style .switch-handle {transition: All 0.3s ease;-webkit-transition: All 0.3s ease;-moz-transition: All 0.3s ease;-o-transition: All 0.3s ease;}
.search{width:100%;position:relative;display:flex; font-weight:Roboto;font-weight:600;}
.searchButton{width:35px; height:35px; border:0px solid #ccc; background:none;text-align:center;color:#fff;cursor:pointer;font-size:20px; margin-left:-35px}
#frmerr{ display:none;}

/* Floating Button*/
.zoom {position:fixed;bottom: 30px;right: 24px;height: 70px; z-index:99}
.zoom-fab {display: inline-block;width: 50px;height: 50px;line-height: 50px;background-color: #ddd;vertical-align: middle;text-decoration: none;text-align: center;transition: 0.2s ease-out;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);cursor: pointer;color: #FFF; border-radius: 50%;}
.zoom-btn-small {width: 25px!important;height: 25px!important;line-height: 25px!important;position:relative;}
.zoom-option {position:absolute; margin-top:-12px;}
.iceditBtn {width: 25px!important;height: 25px!important;line-height: 25px!important;}
.zoom-btn-large {width: 50px;height: 50px;line-height: 50px;}
.zoom-menu {position: absolute;right: 50px;left: auto;top: 50%;transform: translateY(-50%);height: 100%;width: 500px;list-style: none;text-align: right; margin:0;}
.zoom-menu li {display: inline-block;margin-right: 5px;}
.zoom-card {position: absolute;right: 150px;bottom: 70px;transition: box-shadow 0.25s;padding: 24px;border-radius: 2px;background-color: #009688;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);color: #FFF;}
.zoom-card ul {-webkit-padding-start: 0;list-style: none;text-align: left;}
.zoom-btn-person { background-color: #F44336; }
.zoom-btn-person:hover { background-color: #e57373; }
.zoom-btn-doc { background-color: #ffeb3b; }
.zoom-btn-doc:hover { background-color: #fff176; }
.zoom-btn-tangram { background-color: #4CAF50; }
.zoom-btn-tangram:hover { background-color: #81c784; }
.zoom-btn-report { background-color: #2196F3; }
.zoom-btn-report:hover { background-color: #64b5f6; }
.zoom-btn-feedback { background-color: #9c27b0; }
.zoom-btn-feedback:hover { background-color: #ba68c8; }
.scale-transition { transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; }
.scale-transition.scale-out {transform: scale(0);transition: transform 0.2s !important;}
.scale-transition.scale-in { transform: scale(1); }
.zoom-fab i,a.zoom-fab i{margin-top: 1rem !important;}

/* Date Picker*/
.ui-datepicker{ width:250px!important;}
.ui-datepicker .ui-datepicker-title select {font-size:12px!important;}
.ui-datepicker th,.ui-datepicker td span, .ui-datepicker td a{ font-size:12px!important;}
.ui-datepicker td {padding:1px!important;}

/* LIST BOX */
.subject-info-box-1,.subject-info-box-2 {float: left; font-size:16px;}
.subject-info-box-1 select,.subject-info-box-2 select {min-height: 200px; max-height:100%; padding: 0; font-weight:400;}
.subject-info-box-1 select option,.subject-info-box-2 select option {padding: 4px 10px 4px 10px;}
.subject-info-box-1 select option:hover,.subject-info-box-2 select option:hover {background: #EEEEEE;}
.subject-info-arrows {float: left;width: 3%;}
.subject-info-arrows input {width: 70%;margin-bottom: 5px;}

/*alertsection*/
.mfailure{ background-color:#eb6b6b; border:2px solid #eb6b6b}
.msuccess{ background-color:#E1F7D1;border:2px solid #99C77C;}
.mnotify{ background-color:#FFFBCB;border:2px solid #F5D37A}
.mfailureimg{ background-image:url(../images/danger.png); background-repeat:no-repeat;}
.msuccessimg{background-image:url(../images/done-tick.png); background-repeat:no-repeat; }
.mnotifyimg{background-image:url(../images/warning.png); background-repeat:no-repeat;display: inline-block; background-position: left 25px top 9px; }

/*alertsection*/
#alertsection { clear:both; color:#000; line-height:35px; height:35px;  font-weight:500; text-align:center; font-size:15px; position:fixed;top:50px; left:33%;}
#alertsection .failure{ background-color:#FFFBCB; border:2px solid #F5D37A}
#alertsection .success{ background-color:#E1F7D1;border:2px solid #99C77C;}
#alertsection .nofify{ background-color:#D2EFFF;border:2px solid #A6DCFE}
#alertsection .failureimg{ background-image:url(../images/danger.png); background-repeat:no-repeat; background-size: auto 18px;}
#alertsection .successimg{background-image:url(../images/done-tick.png); background-repeat:no-repeat; }
#alertsection .nofifyimg{background-image:url(../images/warning.png); background-repeat:no-repeat; }

/* Password Policy*/
#password-policy{ margin:5px 0 0 0;}
.passwordpolicy{ margin:0; padding:0;}
.passwordpolicy li { line-height:25px;}
.passwordpolicy li.invalid { color: #F00!important;}
.passwordpolicy li.valid { color:#00C131!important;}

/* Overlay Spinner */
#overlay {background: #000;color: #fff;position: fixed;height: 100%;width: 100%;z-index: 99999;top: 0;left: 0;float: left;text-align: center;padding-top: 23%;opacity: .80;}
.spinner {margin: 0 auto;height: 64px;width: 64px;animation: rotate 0.8s infinite linear;border: 5px solid #007bff;border-right-color: transparent;border-radius: 50%;}
@keyframes rotate {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

.popwindow{width:100%; height:100vh; position:fixed; z-index:999999; background:rgba(0,0,0,0.8);top:0; left:0;right:0; bottom:0; display:none;}
.popupcontent{position:fixed;top: 0;z-index: 999999; background-color:#fff; padding:20px; left:0; right:0; bottom:0; margin:auto; width:520px; height:460px;}

/*viewmoneytransfer*/
.viewmoneytransfer {width:calc(100% - 30px); margin: 0 auto;font-family:'Roboto';font-weight:500;font-size:13px;color:#000; background-color:#fff; padding:15px;}
.viewmoneytransfer .left {float:left; font-size:14px; font-weight:400; color:#000}
.viewmoneytransfer .right{float:right; font-size:14px; font-weight:400; color:#000}
.viewmoneytransfer .subtitle{ font-size:22px; color:#000000 }
.viewreceipt{color:#FFFFFF;display:inline-block;background-color:#FF8E14;  border:0; padding:5px 10px; margin:10px 0; font-weight:600; font-family:'Roboto'; font-size:14px; text-transform:uppercase;}
.logcompl {background-color:#edc951;color:#403c3a; padding:5px 10px; clear:both; font-weight:500; cursor:pointer; float:left; margin-right:10px;}
#refund {background-color:#01ad01; color:#fff; padding:5px 10px; font-weight:500; cursor:pointer; float:right}
#logbox { font-size:13px; }
#logbox .row .leftpanel, #commentbox .row .leftpanel {width:200px; text-align:right; padding:10px;  display:inline-block;}
#logbox .row .rightpanel, #commentbox .row .rightpanel {width:calc(100% - 240px); padding:10px; }

.viewmoneytransfer > .table {clear:both; width:100% ; margin:0 auto; font-size:13px; display: table;width: 100%;border-collapse: separate;font-weight: 400;}
.viewmoneytransfer > .table_row:hover {background: #fafafa; cursor:pointer;}
.viewmoneytransfer > .table .row { border-bottom:1px #f2f2f2 solid; display:inline-block;width:100%;}	
.viewmoneytransfer > .table .headrow { font-weight:500;  background-color:#f4f4f4; color:#000; }
.viewmoneytransfer > .table .row::before {clear: both;content: "";}
.viewmoneytransfer > .table .row::after {content: "";clear: both; }
.viewmoneytransfer > .table .row:not(:first-child):hover { background-color:#fafafa; display:inline-block; cursor:pointer; _curson:pointer; } /*cursor:pointer; _curson:pointer;*/
.viewmoneytransfer > .table .row .col { float:left; padding:0 5px 0 5px; width:150px; display:block; margin:5px 0;}
.viewmoneytransfer > .table .row .sno { width:50px; text-align:center;}
.viewmoneytransfer > .table .row .mtsno { width:80px; text-align:left;}
.viewmoneytransfer > .table .row .name { width:calc(100% - 990px); }
.viewmoneytransfer > .table .row .type { width:70px; text-align:center}
.viewmoneytransfer > .table .row .date{width:80px;}
.viewmoneytransfer > .table .row .amount { width:100px; text-align:right;  }
.viewmoneytransfer > .table .row .rest{ width:160px; }
.viewmoneytransfer > .table .row .refno{ width:250px; }
.viewmoneytransfer > .pagebar{ width:100%; display:inline-block;}
.viewmoneytransfer > .pagetitle{ font-size:20px; padding:10px 0; font-weight:400; width:30%; float:left;}
.viewmoneytransfer > .pagesubtitle{ font-size:16px; font-weight:400; color:#999;}
.viewmoneytransfer > .logobox{ width:290px; height:100px; background-color:#fafafa; border:1px solid #ddd;background-image:url(../images/nologo.png); background-repeat:no-repeat; background-position: center center; background-size:100% auto;}
.viewmoneytransfer > .fieldrow{clear:both; width:100%; margin:5px 0;}
.viewmoneytransfer > .labelname{  font-size:11px; margin-bottom:10px; font-weight:400; color:#666}
.viewmoneytransfer > .labelvalue{ font-size:14px; clear:both; font-weight:500; border-bottom:1px dotted #CCCCCC; margin-bottom:10px; padding-bottom:10px; color:#000000;}

/* Notifications */
.notify {position: relative;display: block;padding: .5rem;color: rgba(0, 0, 0, 0.5);}
.notify.notify--pinned {position: absolute;top: -90px;left: 0;right: 0;margin-top: 0;border-top: none;border-radius: 0 0 2px 2px;}
.notify.notify--danger {background: #F57E7D;}
.notify.notify--warning {background: #FFAC69;}
.notify.notify--success {background: #82CF85;}
.notify.notify--info {background: #7db8f5;}
.notify.notify--dismissible {padding-right: 2.5rem;}
.notify .notify-close {position: absolute;right: 0;top: 0;bottom: 0;display: block;text-align: center;padding: 1rem;border: none;background: none;color: rgba(0, 0, 0, 0.2);}
.notify .notify-close:hover {cursor: pointer;color: rgba(0, 0, 0, 0.6);}
.notify .notify-undo {position: absolute;right: .5rem;top: .7rem;display: block;text-align: center;padding: .4rem 1rem;border: none;border-radius: 3px;background: rgba(0, 0, 0, 0.05);color: rgba(0, 0, 0, 0.5);font-size: .9rem;}
.notify .notify-undo:hover {cursor: pointer;background: rgba(0, 0, 0, 0.1);color: rgba(0, 0, 0, 0.55);}

/* Status Notifications */
.penalty, .info,.bounced {color: #31a2eb;display:block;}
.warning,.initiated {color: #ebad30;}
.danger,.dropped {color: #eb6b6b;}
.primary {color: #7a71eb;}
.secondary {color: #b2b6c0;}
.enroll{ color:#00FFD4 !important} 
.auth{ color:#FF7FFF!important} 
.valid{ color:#AAFF7F!important} 
.reversal { color:#0000FF!important;} 
.failure, .declined, .failed { color:#FF0000!important} 
.success, .accepted, .delivered { color:#028402!important;} 
.refund { color:#e15a00!important;} 
.awaiting { color:#FF6600!important;} 
.pending { color:#000000!important;} 
.credited { color:#ec008c!important;} 
.debited { color:#c200ec!important;} 
.sent{ color:#00FF00!important}
/* COLORS */
.bg,.bg-sm {display: inline-block; text-align: center; vertical-align: middle; font-family:Roboto; letter-spacing:0px; cursor:_pointer; cursor:pointer; }
.bg {padding: 12px 30px; font-size:14px; border:0; font-weight:500; border-radius:3px;}
.bg-sm {padding: 4px 10px!important;font-size:11px;}
.bg-large {padding: 10px 10px!important;width: 35px;height: 35px;line-height: 35px;}
.bg-blue {background-color: #007bff !important;}
.bg-indigo {background-color: #6610f2 !important;}
.bg-purple {background-color: #6f42c1 !important;}
.bg-pink {background-color: #e83e8c !important;}
.bg-pink-dark{background-color: #CC0000 !important;}
.bg-red {background-color: #dc3545 !important;}
.bg-orange {background-color: #fd7e14 !important;}
.bg-yellow {background-color: #ffc107 !important;}
.bg-green {background-color: #28a745 !important;}
.bg-teal {background-color: #20c997 !important;}
.bg-cyan {background-color: #17a2b8 !important;}
.bg-white {background-color: #fff !important;}
.bg-gray {background-color: #6c757d !important;}
.bg-gray-dark {background-color: #343a40 !important;}
.bg-green {background-color: #28a745 !important;}
.bg-primary {background-color: #007bff !important;}
.bg-secondary {background-color: #6c757d !important;}
.bg-success {background-color: #28a745 !important;}
.bg-info {background-color: #17a2b8 !important;}
.bg-warning {background-color: #ffc107 !important;}
.bg-danger {background-color: #dc3545 !important;}
.bg-light {background-color: #f8f9fa !important;}
.bg-dark {background-color: #343a40 !important;}
.text-blue {color: #007bff !important;}
.text-indigo {color: #6610f2 !important;}
.text-purple {color: #6f42c1 !important;}
.text-pink {color: #e83e8c !important;}
.text-red {color: #dc3545 !important;}
.text-orange {color: #fd7e14 !important;}
.text-yellow {color: #ffc107 !important;}
.text-green {color: #28a745 !important;}
.text-teal {color: #20c997 !important;}
.text-cyan {color: #17a2b8 !important;}
.text-white {color: #fff !important;}
.text-gray {color: #6c757d !important;}
.text-gray-dark {color: #343a40 !important;}
.text-green {color: #28a745 !important;}
.text-primary {color: #007bff !important;}
.text-secondary {color: #6c757d !important;}
.text-success {color: #28a745 !important;}
.text-info {color: #17a2b8 !important;}
.text-warning {color: #ffc107 !important;}
.text-danger {color: #dc3545 !important;}
.text-light {color: #f8f9fa !important;}
.text-dark {color: #343a40 !important;}

.shape {background:#fff; border:1px solid #ddd; height:60px; cursor:pointer;cursor:_pointer}
.quick-btn {margin:0 auto; display:block; text-align:center; height:100%;}
.quick-btn .label {top: -10px; left:0; right:0; bottom:0; position:absolute; margin:0 auto; height:18px; width:80% }
.label {display: inline;padding: .3em .6em .3em;font-size: 11px;font-weight: bold;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;}
a.label:hover,a.label:focus {color: #fff;text-decoration: none;cursor: pointer;}
.label:empty {display: none;}
.btn .label {position: relative;top: -1px;}
.label-default {background-color: #777;}
.label-default[href]:hover,.label-default[href]:focus {background-color: #5e5e5e;}
.label-primary {background-color: #337ab7;}
.label-primary[href]:hover,.label-primary[href]:focus {background-color: #286090;}
.label-success {background-color: #5cb85c;}
.label-success[href]:hover,.label-success[href]:focus {background-color: #449d44;}
.label-info {background-color: #5bc0de;}
.label-info[href]:hover,.label-info[href]:focus {background-color: #31b0d5;}
.label-warning {background-color: #f0ad4e;}
.label-warning[href]:hover,.label-warning[href]:focus {background-color: #ec971f;}
.label-danger {background-color: #d9534f;}
.label-danger[href]:hover,.label-danger[href]:focus {background-color: #c9302c;}

/* The Modal (background) */
.modal {display: block;position: fixed;z-index: 99999;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.modal-content {position: relative;background-color: #fefefe;margin: auto;padding: 0;border: 1px solid #888;;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s}
.modal .close {color: #333;float: right;font-size: 28px;font-weight: 500; margin-top:-7px;}
.modal .close:hover,.modal .close:focus {color: #000;text-decoration: none;cursor: pointer;}
.modal-header {padding: 12px 16px;background-color: #efefef;color: #666;font-weight: 500;}
.modal-header h2{ font-size:16px; color:#fafafa}
.modal-header h4{ font-size:13px;}

.modal-header.green{background-color: #28a745;color: #fafafa;}
.modal-header.red{background-color: #dc3545;color: #fafafa;}
.modal-header.blue{background-color: #2874f0;color: #fafafa;}
.modal-body {padding:15px;}
.modal-footer {padding: 12px 16px;background-color: #fafafa;color: #666;}

/* API Page */
.navmenu, .apicontent { float: none;  vertical-align: top;}
.apicontainer { display: table; width:100%;}
.apititle{font-size:18px; font-weight:500; margin-bottom:10px;}
.apisubtitle { font-size:16px; font-weight:500; margin:5px 0;}
.navmenu {  width: 230px; border-right: 1px solid #ccc;  display: table-cell; background-color:#f7f7f7; padding-left:10px;}
.apicontent { width: calc(100% - 250px); padding-left:20px;  display: table-cell; padding-bottom:20px;}
.apicontainer .navmenu ul {padding-left:22px; }
.apicontainer .navmenu li { line-height:25px; cursor:pointer }
.apicontainer .navmenu li.category > ul { display:none;}

.plusimageapply{list-style-image:url('../images/nav-plus.gif');}
.minusimageapply{	list-style-image:url('../images/nav-minus.gif');}
.selectedimage{	list-style-image:url('../images/page-article.gif');}

.parametercol table, .responsecodes table{border-collapse: collapse; width:100%;}
.responsecodes table, .responsecodes th, .responsecodes td, .parametercol table, .parametercol th, .parametercol td { padding:5px; text-align:left; border:1px solid #CCCCCC}
.responsecodes td:first-child, .responsecodes th:first-child { text-align:center; width:100px;}
.parametercol{clear:both; float:left; margin-bottom:20px;}