/* ====== RESET CSS :: Start */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

body, ul, ol {
  padding: 0;
}

li, dl, dt, dd {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
}

hgroup {
  margin: 0;
}

hgroup, p {
  padding: 0;
}

blockquote, figure, form, fieldset, input, legend, pre, abbr {
  margin: 0;
  padding: 0;
}

pre, code, address, caption, th, figcaption {
  font-size: 1em;
  font-weight: 400;
  font-style: normal;
}

fieldset, iframe, img {
  border: 0;
}

caption, th {
  text-align: left;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

article, aside, footer, header, nav, main, section, summary, details, hgroup, figure, figcaption {
  display: block;
}

audio, canvas, video, progress {
  display: inline-block;
  vertical-align: baseline;
}

/* ====== RESET CSS :: End   */
/* ====== Import Fonts :: Start */
/*@import url(https://fonts.googleapis.com/css?family=Varela+Round);*/
/* ====== Import Fonts :: End   */
/* ====== Brand Specific Variables :: Start */
/* sc=0473ab */
/* sc=20aa46 */
/* sc=474f5b */
/* //Success Green */
/* //Alert Red */
/* //Warning Yellow */
/* //F9A825 - 800 */
/* //Info Blue-Lighter */
/* //F9A825 - 800 */
/* //resources - path */
/* ====== Brand Specific Variables :: End */
/* ====== Branding Themes :: Start */
/* //Standard Charted Theme */
/* //Basic Theme */
/* //Theme 3 */
/* ====== Branding Themes :: End   */
/* ====== COMMON MIXINS :: Start */
/* ====== COMMON MIXINS :: End */
/* Fix: start*/
ol, ul {
  margin-top: 0;
  margin-bottom: 0;
}

/* Fix: end */
/* COMMON */
.btn-add-grid {
  color: white;
  background-color: #015a99;
  border: none;
  margin-left: 10px;
  width: auto;
  padding: 5px 15px;
  margin-top: 13px;
  font-size: 12px !important;
}

.btn-pending-grid {
  color: white;
  background-color: #015a99;
  border: none;
  margin-left: 10px;
  width: auto;
  padding: 5px 15px;
  margin-top: 13px;
  font-size: 12px !important;
}

.btn-delete-grid {
  color: white;
  background-color: #C62828;
  border: none;
  margin-left: 10px;
  width: auto;
  border: none;
  padding: 5px 15px;
  margin-top: 4px;
  font-size: 12px !important;
}

.btn-export-grid, .btn-view-grid, .btn-verify-grid, .btn-reinstate-grid {
  color: #303030;
  background-color: white;
  border: 1px solid #015a99;
  margin-left: 10px;
  width: auto;
  padding: 5px 15px;
  margin-top: 4px;
}

.btn-submit {
  color: #fff !important;
  background-color: #c1272d !important;
  border-radius: 0;
  border-color: transparent;
  margin-left: 15px !important;
  display: inline-block;
  padding: 5px 12px !important;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
}

.btn-back {
  color: #303030 !important;
  background-color: white !important;
  border: 1px solid #015a99 !important;
  border-radius: 0;
  margin-left: 15px !important;
  display: inline-block;
  padding: 6px 12px !important;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
}

.btn-submit:active, .btn-back:active {
  transform: scale(0.94);
  outline: none;
}

/* ====== Essentials :: Start */
body {
  font-family: "Segoe UI", Arial, san-serif;
}

a:hover, a:active, a:focus {
  text-decoration: none;
}

em {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

/* ====== Essentials :: End   */
/* ====== Common Essentials :: Start */
.vspacer5 {
  clear: both;
  width: 100%;
  height: 5px;
  display: block;
  zoom: 1;
}

.vspacer {
  clear: both;
  width: 100%;
  height: 10px;
  display: block;
  zoom: 1;
}

.vspacer15 {
  clear: both;
  width: 100%;
  height: 15px;
  display: block;
  zoom: 1;
}

.vspacer20 {
  clear: both;
  width: 100%;
  height: 20px;
  display: block;
  zoom: 1;
}

.vspacer25 {
  clear: both;
  width: 100%;
  height: 25px;
  display: block;
  zoom: 1;
}

.vspacer30 {
  clear: both;
  width: 100%;
  height: 30px;
  display: block;
  zoom: 1;
}

.vspacer40 {
  clear: both;
  width: 100%;
  height: 40px;
  display: block;
  zoom: 1;
}

.vspacer50 {
  clear: both;
  width: 100%;
  height: 50px;
  display: block;
  zoom: 1;
}

.vspacer60 {
  clear: both;
  width: 100%;
  height: 60px;
  display: block;
  zoom: 1;
}

.vspacer80 {
  clear: both;
  width: 100%;
  height: 80px;
  display: block;
  zoom: 1;
}

.vspacer100 {
  clear: both;
  width: 100%;
  height: 100px;
  display: block;
  zoom: 1;
}

.vspacer150 {
  clear: both;
  width: 100%;
  height: 150px;
  display: block;
  zoom: 1;
}

.vspacer200 {
  clear: both;
  width: 100%;
  height: 200px;
  display: block;
  zoom: 1;
}

.nopadding {
  padding: 0;
  margin: 0;
} /* //.nopadding */
/* ====== Common Essentials :: End   */
.ux-selectionbox {
  display: inline-block;
  position: relative;
  padding: 0;
  /* //em */
  /* //input */
  /* //input[type="radio"] */
  /* //input[type="radio"] */
}
.ux-selectionbox em {
  display: block;
  padding: 0 0 0 35px;
  font-size: 1em;
  font-weight: normal;
  text-align: left;
}
.ux-selectionbox input {
  position: absolute;
  right: 5px;
  left: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 22px;
  height: 22px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid rgba(0, 0, 0, 0.2) !important;
  outline: none;
  margin: 0;
  z-index: 2;
  zoom: 1;
  filter: alpha(opacity=90);
  opacity: 0.9;
  border-radius: 22px;
  /* //&:focus */
}
.ux-selectionbox input:focus {
  outline: none;
}
.ux-selectionbox input[type=radio] {
  /* //&:checked */
}
.ux-selectionbox input[type=radio]:checked {
  /*background-color: $action-success-color;
  border-color: $action-success-color !important;
  background-image: url('../images/icon/ic-radio.png');
  background-size: 12px;*/
  /* //&:after */
  /*border: none !important;*/
}
.ux-selectionbox input[type=radio]:checked:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 4px;
  left: 4px;
  background-color: #015a99;
  border-radius: 10px;
}
.ux-selectionbox input[type=checkbox] {
  /* //&:checked */
}
.ux-selectionbox input[type=checkbox]:checked {
  background-color: #015a99;
  border-color: #015a99 !important;
  background-image: url("../images/icon/ic-checkbox.png");
  background-size: 12px;
  /*border: none !important;*/
}

/* //.ux-selectionbox */
.expiry-section {
  background: rgba(0, 0, 0, 0.06);
  padding: 15px 15px 0;
} /* //.expiry-section */
/* ====== MAIN LAYOUT :: Start */
.page-wrapper {
  /* //.global-nav */
  /* //.global-container */
}
.page-wrapper .global-nav {
  /*	background: $brand-tertiary-color;*/
  position: fixed;
  top: 0;
  left: -280px;
  bottom: 0;
  width: 280px;
  overflow: hidden;
  color: white;
  background: #015a99;
  background-image: none !important;
  transition: all 0.5s ease-in;
  /* //.globalnav-items */
  /* //&.nav-showing */
}
.page-wrapper .global-nav .globalnav-items {
  background-color: black;
  /* //.globalnav-header */
  /* //.globalnav-content */
  /* //.globalnav-footer */
}
.page-wrapper .global-nav .globalnav-items .globalnav-header {
  height: 65px;
  text-align: center;
  /* //img */
}
.page-wrapper .global-nav .globalnav-items .globalnav-header img {
  width: auto;
  height: 46px;
  margin: 7px auto 0;
}
.page-wrapper .global-nav .globalnav-items .globalnav-content {
  /*position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  bottom: 86px; */
  /* //section.navigation-items */
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items {
  overflow-y: scroll;
  height: 600px;
  /* //h3 */
  /* //.lst-navigation-items */
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items h3 {
  padding: 10px 15px;
  text-transform: uppercase;
  font-size: 11px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items .lst-navigation-items {
  /* //li */
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items .lst-navigation-items li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  /* //a */
  /* //.subnav-items */
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items .lst-navigation-items li a {
  display: flex;
  padding: 12px;
  color: #fff;
  position: relative;
  /* //img */
  /* //em */
  /* //&:hover */
  /* //.menudrop-caret */
  /* //&.navitem-drop */
  /* &.nav-selected */
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items .lst-navigation-items li a img {
  width: 28px;
  height: 28px;
  display: inline-block;
  margin-top: -4px;
  zoom: 1;
  filter: alpha(opacity=86);
  opacity: 0.86;
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items .lst-navigation-items li a em {
  display: inline-block;
  padding: 4px 0 0 10px;
  font-size: 16px;
  text-transform: uppercase;
  zoom: 1;
  filter: alpha(opacity=86);
  opacity: 0.86;
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items .lst-navigation-items li a:hover {
  background-color: #053659;
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items .lst-navigation-items li a .menudrop-caret {
  background: url("../images/icon/arrow-down-white-64.png") no-repeat 86% center;
  background-size: 16px 16px;
  /*padding-right: 40px;*/
  position: absolute;
  right: 30px;
  top: 40%;
  width: 16px;
  height: 16px;
  transform: rotate(0deg);
  transition: all 0.3s ease-in;
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items .lst-navigation-items li a.navitem-drop {
  /*background: url('../images/icon/arrow-down-white-64.png') no-repeat 86% center;
  background-size: 16px 16px;
  padding-right: 40px;*/
  /* //.menudrop-caret */
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items .lst-navigation-items li a.navitem-drop.navitem-drop-active span.menudrop-caret {
  transform: rotate(180deg);
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items .lst-navigation-items li a.nav-selected {
  background-color: #013c66;
  /* //&:before */
  /* //&:after */
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items .lst-navigation-items li a.nav-selected:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: rgba(193, 39, 45, 0.9);
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items .lst-navigation-items li a.nav-selected:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0px;
  height: 100%;
  border-right: 29px solid #fff;
  border-top: 29px solid transparent;
  border-left: 0px solid transparent;
  border-bottom: 29px solid transparent;
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items .lst-navigation-items li .subnav-items {
  padding-left: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: none;
  /*max-height: 220px;
  overflow: hidden;
  overflow-y: auto;*/
  /* //.lst-subnav-items */
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items .lst-navigation-items li .subnav-items .lst-subnav-items {
  list-style: none;
  /* //li */
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items .lst-navigation-items li .subnav-items .lst-subnav-items li {
  /* //a */
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items .lst-navigation-items li .subnav-items .lst-subnav-items li a {
  padding: 5px 10px;
  /* //&.subnav-item-selected */
}
.page-wrapper .global-nav .globalnav-items .globalnav-content section.navigation-items .lst-navigation-items li .subnav-items .lst-subnav-items li a.subnav-item-selected {
  background-color: rgba(193, 39, 45, 0.8);
}
.page-wrapper .global-nav .globalnav-items .globalnav-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  /* //.nav-poweredby */
}
.page-wrapper .global-nav .globalnav-items .globalnav-footer .nav-poweredby {
  padding: 20px;
  text-align: center;
  /* //p */
  /* //img */
}
.page-wrapper .global-nav .globalnav-items .globalnav-footer .nav-poweredby p {
  margin: 0 0 5px;
  font-size: 10px;
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.page-wrapper .global-nav .globalnav-items .globalnav-footer .nav-poweredby img {
  width: 140px;
  height: 25px;
}
.page-wrapper .global-nav.nav-showing {
  /*widt: 360px;*/
  left: 0px;
}
.page-wrapper .global-container {
  transition: all 0.5s ease-in;
  /* //.global-header */
  /* //.global-content */
  /* //.global-footer */
  /* //&.shift-content */
}
.page-wrapper .global-container.shift-content {
  padding-left: 280px;
}

/* //.page-wrapper */
/* ====== MAIN LAYOUT :: End   */
/* ====== Global Header :: Start */
.global-header {
  background: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  height: 65px;
  /* //.header-elements */
  /* //&.sticky-header */
}
.global-header .header-elements {
  display: block;
  overflow: hidden;
  /* //.header-element-item */
}
.global-header .header-elements .header-element-item {
  /* //a */
  /* //div.global-logo */
  /* //.header-quick-elements */
}
.global-header .header-elements .header-element-item a {
  height: 65px;
  /* //&.btn-toggleglobalnav2 */
  /* //&.btn-toggleglobalnav */
}
.global-header .header-elements .header-element-item a.btn-toggleglobalnav2 {
  display: block;
  margin: 0;
  text-align: center;
  float: left;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  /*width: 28px;*/
  /*width: 60px;*/
  padding: 20px;
  transition: margin-left 0.5s ease-in;
  /* //img */
  /* //.nav-showing */
}
.global-header .header-elements .header-element-item a.btn-toggleglobalnav2 img {
  width: 28px;
  height: 28px;
}
.global-header .header-elements .header-element-item a.btn-toggleglobalnav2.nav-showing {
  background: #015a99;
}
.global-header .header-elements .header-element-item a.btn-toggleglobalnav {
  display: block;
  margin: 0px auto;
  text-align: center;
  float: left;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  /*width: 28px;*/
  /*width: 60px;*/
  padding: 20px;
  /*@include transition(all .4s ease);*/
  /* //&>div */
  /* //.nav-showing */
}
.global-header .header-elements .header-element-item a.btn-toggleglobalnav > div {
  height: 2px;
  width: 28px;
  margin: 0px auto 6px;
  /*margin-bottom: 6px;*/
  background: #015a99;
  transform: translate3d(0, 0, 0);
  transition: all 0.4s ease;
  /*@include transform-origin(0 0);*/
}
.global-header .header-elements .header-element-item a.btn-toggleglobalnav.nav-showing {
  background: #015a99;
  /* //div */
}
.global-header .header-elements .header-element-item a.btn-toggleglobalnav.nav-showing > div {
  background: #fff;
  /* //div:nth-child(1) */
  /* //div:nth-child(2) */
  /* //div:nth-child(3) */
}
.global-header .header-elements .header-element-item a.btn-toggleglobalnav.nav-showing > div:nth-child(1) {
  transform: rotate(45deg) translate3d(3px, 8px, 0);
}
.global-header .header-elements .header-element-item a.btn-toggleglobalnav.nav-showing > div:nth-child(2) {
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
}
.global-header .header-elements .header-element-item a.btn-toggleglobalnav.nav-showing > div:nth-child(3) {
  transform: rotate(-45deg) translate3d(3px, -8px, 0);
}
.global-header .header-elements .header-element-item div.global-logo {
  text-align: center;
  /* //.company-logo */
}
.global-header .header-elements .header-element-item div.global-logo .company-logo {
  display: inline-block;
  padding: 5px 0 0;
  /* //img */
}
.global-header .header-elements .header-element-item div.global-logo .company-logo img {
  width: 120px;
  margin-top: 3px;
}
.global-header .header-elements .header-element-item .header-quick-elements {
  float: right;
  /* //.lst-header-quick-elements */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements {
  list-style: none inside;
  margin: 0;
  padding: 0;
  /* //li */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li {
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  /*position: relative;*/
  /* //a */
  /* //.user-info-pop */
  /* //.settings-pop */
  /* //.notifications-pop */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li a {
  display: block;
  padding: 15px;
  /* //&.btn-guserinfo */
  /* //&.btn-gsettings */
  /* //&.btn-gnotifications */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li a.btn-guserinfo {
  position: relative;
  background: url("../images/icon/arrow-down-64.png") no-repeat 95% center;
  background-size: 16px 16px;
  padding-right: 40px;
  /* //img */
  /* //.userinfo-content */
  /* //&:hover */
  /* //&.userpop-active */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li a.btn-guserinfo img {
  position: absolute;
  left: 15px;
  top: 12px;
  width: 42px;
  height: 42px;
  zoom: 1;
  filter: alpha(opacity=60);
  opacity: 0.6;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li a.btn-guserinfo .userinfo-content {
  padding-left: 57px;
  /* //em */
  /* //span */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li a.btn-guserinfo .userinfo-content em {
  display: block;
  font-style: normal;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8);
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li a.btn-guserinfo .userinfo-content span {
  display: block;
  font-weight: normal;
  font-size: 90%;
  color: rgba(0, 0, 0, 0.5);
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li a.btn-guserinfo:hover, .global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li a.btn-guserinfo:active {
  text-decoration: none;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li a.btn-guserinfo.userpop-active {
  background-color: #015a99;
  /* //.userinfo-content */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li a.btn-guserinfo.userpop-active .userinfo-content em {
  color: rgba(255, 255, 255, 0.8);
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li a.btn-guserinfo.userpop-active .userinfo-content span {
  color: rgba(255, 255, 255, 0.5);
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li a.btn-gsettings {
  padding: 15px 20px;
  /* //&.settingspop-active */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li a.btn-gsettings img {
  height: 26px;
  width: 26px;
  margin-top: 5px;
  zoom: 1;
  filter: alpha(opacity=60);
  opacity: 0.6;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li a.btn-gsettings.settingspop-active {
  background-color: #015a99;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li a.btn-gnotifications {
  /*padding-right: 1px;
  padding-left: 21px;*/
  position: relative;
  padding: 15px 20px;
  /* //img */
  /* //em */
  /* //&.notificationspop-active */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li a.btn-gnotifications img {
  height: 26px;
  width: 26px;
  margin-top: 5px;
  zoom: 1;
  filter: alpha(opacity=60);
  opacity: 0.6;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li a.btn-gnotifications span {
  position: absolute;
  color: #fff;
  font-size: 11px;
  top: 10px;
  right: 10px;
  background: #015a99;
  border: 2px solid #fff;
  border-radius: 20px;
  padding: 1px 3px;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li a.btn-gnotifications.notificationspop-active {
  background-color: #015a99;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .user-info-pop {
  display: none;
  position: absolute;
  top: 65px;
  z-index: 1100;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.1);
  /*border-top: none;*/
  margin-left: -1px;
  transition: all 0.5s ease-out;
  /* //.lst-user-info-pop */
  /* //&.userpop-showing */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .user-info-pop .lst-user-info-pop {
  list-style: none inside;
  /* //li */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .user-info-pop .lst-user-info-pop li {
  display: list-item;
  float: none;
  width: 100%;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  /* //a */
  /* //&:last-child */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .user-info-pop .lst-user-info-pop li a {
  padding: 8px;
  height: auto;
  background: rgba(0, 0, 0, 0.05);
  /* //img */
  /* //em */
  /* //&.btn-glogout */
  /* //&:hover */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .user-info-pop .lst-user-info-pop li a img {
  margin-right: 5px;
  height: 24px;
  width: 24px;
  opacity: 0.5;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .user-info-pop .lst-user-info-pop li a.btn-glogout {
  color: #C62828;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .user-info-pop .lst-user-info-pop li a:hover {
  background: #015a99;
  color: #fff;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .user-info-pop .lst-user-info-pop li:last-child {
  border-bottom: none;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .user-info-pop.userpop-showing {
  display: block;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop {
  display: none;
  position: absolute;
  top: 65px;
  right: 0;
  z-index: 1100;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.1);
  /*border-top: none;*/
  margin-left: 1px;
  transition: all 0.5s ease-out;
  /* ====== Theme selector :: Start */
  /* //.theme-selector */
  /* ====== Theme selector :: Start   */
  /* //&.settingspop-showing */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector {
  /*padding: 20px;*/
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  /*background: rgba($black, .02);*/
  background: rgba(0, 0, 0, 0.06);
  /* //h5 */
  /* //.lst-theme-selector */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector h5 {
  padding: 10px 0px;
  margin: 0px;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector {
  list-style: none inside;
  text-align: inherit;
  width: 80%;
  margin: 0 auto;
  padding: 0px 0px 5px;
  /* //li */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li {
  border: none;
  padding: 5px;
  display: inline-block;
  float: none;
  border: none;
  /* //a */
  /* //li:after */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a {
  /*display: inline-block;
  float: left;
  width: 25px;
  height: 25px;
  background: $brand-primary-color;
  */
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  transition: transform 0.3s ease-in-out;
  border-radius: 50%;
  /* //div */
  /* //a:hover */
  /* //.theme-default */
  /* //.theme-default */
  /* //.theme-default */
  /* //.theme-blue */
  /* //.theme-green */
  /* //.theme-red */
  /* //.theme-yellow */
  /* //.theme-teal */
  /* //.theme-purple */
  /* //.theme-darkpink */
  /* //.theme-orange */
  /* //.theme-pink */
  /* //.theme-not-available */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a > div {
  height: 9px;
  width: 27px;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a:hover {
  text-decoration: none;
  transform: scale(1.2);
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-1 > div { /* //&:first-child */
  /* //&:nth-child(2) */
  /* //&:last-child */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-1 > div:first-child {
  background: #015a99;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-1 > div:nth-child(2) {
  background: #c1272d;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-1 > div:last-child {
  background: #474f5b;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-2 > div { /* //&:first-child */
  /* //&:nth-child(2) */
  /* //&:last-child */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-2 > div:first-child {
  background: #33cccc;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-2 > div:nth-child(2) {
  background: #ff6666;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-2 > div:last-child {
  background: #ffdf92;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-3 > div { /* //&:first-child */
  /* //&:nth-child(2) */
  /* //&:last-child */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-3 > div:first-child {
  background: #864aa1;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-3 > div:nth-child(2) {
  background: #ab78bd;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-3 > div:last-child {
  background: #dabbe5;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-blue {
  background: #2672EC;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-green {
  background: #015a99;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-red {
  background: #C62828;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-yellow {
  background: #FBC02D;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-teal {
  background: #00838F;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-purple {
  background: #4A148C;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-darkpink {
  background: #a40074;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-orange {
  background: #FF9800;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-pink {
  background: #EC778A;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-not-available {
  cursor: not-allowed;
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
  /* //:hover */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li a.theme-not-available:hover {
  /*background: rgba($black, 0.1);*/
  transform: scale(1);
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop .theme-selector ul.lst-theme-selector li:after {
  content: none;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .settings-pop.settingspop-showing {
  display: block;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .notifications-pop {
  display: none;
  background-color: rgba(1, 90, 153, 0.9);
  /*padding: 20px;*/
  position: absolute;
  right: 0;
  top: 65px;
  bottom: 0;
  z-index: 1100;
  /* //.in-notifications */
  /* //&.notificationspop-showing */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .notifications-pop .in-notifications {
  height: 100%;
  padding: 20px;
  /* //.notifications-content */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .notifications-pop .in-notifications .notifications-content {
  background-color: rgba(255, 255, 255, 0.9);
  height: 100%;
  overflow: auto;
  text-align: left;
  /* //h5 */
  /* //ul.lst-notifications */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .notifications-pop .in-notifications .notifications-content h5 {
  text-align: center;
  font-weight: 400;
  font-size: 22px;
  margin: 0;
  padding: 15px 0;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .notifications-pop .in-notifications .notifications-content ul.lst-notifications {
  text-align: left;
  overflow: hidden;
  /* //li */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .notifications-pop .in-notifications .notifications-content ul.lst-notifications li {
  padding: 0 15px 0 18px;
  /* //a */
  /* //&:first-child */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .notifications-pop .in-notifications .notifications-content ul.lst-notifications li a {
  height: auto;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  /* //h5 */
  /* //p */
  /* //&.noty-unread */
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .notifications-pop .in-notifications .notifications-content ul.lst-notifications li a h5 {
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  padding: 0 0 5px;
  color: rgba(0, 0, 0, 0.8);
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .notifications-pop .in-notifications .notifications-content ul.lst-notifications li a p {
  margin: 0;
  padding: 0;
  color: rgba(1, 90, 153, 0.8);
  font-size: 13px;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .notifications-pop .in-notifications .notifications-content ul.lst-notifications li a.noty-unread {
  position: relative;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .notifications-pop .in-notifications .notifications-content ul.lst-notifications li a.noty-unread h5 {
  font-weight: 500;
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .notifications-pop .in-notifications .notifications-content ul.lst-notifications li a.noty-unread:before {
  content: "";
  position: absolute;
  left: -14px;
  top: 45%;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: rgba(193, 39, 45, 0.9);
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .notifications-pop .in-notifications .notifications-content ul.lst-notifications li:first-child a {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.global-header .header-elements .header-element-item .header-quick-elements .lst-header-quick-elements li .notifications-pop.notificationspop-showing {
  display: block;
}
.global-header.sticky-header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
}

/* //.global-header */
/* ====== Global Header :: End   */
/* ====== Page Container :: Start */
.page-content {
  /* //.page-header */
  /* //.page-container */
}
.page-content .page-header {
  margin: 0;
  border-bottom: none;
  padding: 5px 10px;
  /* //.add-anything */
  /* //.page-heading */
}
.page-content .page-header .add-anything {
  float: right;
}
.page-content .page-header p {
  color: #908a8a;
}
.page-content .page-header .page-heading {
  margin: 10px 0px;
  /* //h6 */
  /* //p */
}
.page-content .page-header .page-heading h6 {
  font-size: 24px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.page-content .page-header .page-heading p {
  margin: 0;
  padding: 0;
}
.page-content .page-container {
  /* //.page-data */
}
.page-content .page-container .page-data {
  /* //.data-table-filters */
  /* //.data-table-main */
}
.page-content .page-container .page-data .data-table-filters {
  /* //.search-header */
}
.page-content .page-container .page-data .data-table-filters .search-header {
  background: #f0f0f0;
  margin: 0 auto;
  padding: 14px 16px;
}
.page-content .page-container .page-data .data-table-filters .search-header img {
  height: 16px;
  width: 16px;
  margin: 0 7px;
}
.page-content .page-container .page-data .data-table-main {
  /* //.scrollable-content */
}
.page-content .page-container .page-data .data-table-main .scrollable-content {
  /*height: 500px;*/
  /*overflow: auto;*/
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.page-content .page-container .page-data .data-table-main .scrollable-content h1 {
  text-align: left;
  padding: 0 0 10px 0;
  font-weight: 100;
}

/* //.page-content */
.page-content-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.52);
  left: 250px;
  right: 0;
  top: 65px;
  bottom: 0;
  z-index: 1000;
  display: none;
} /* //.page-content-overlay */
/* ====== Page Container :: End   */
/* ====== Tablular Data :: Start */
table.table-data-status > tbody > tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
table.table-data-status > thead > tr > th, table.table-data-status > tbody > tr > th {
  background: rgba(0, 0, 0, 0.1);
}
table.table-data-status > thead > tr > th > em, table.table-data-status > tbody > tr > th > em {
  display: block;
  text-align: center;
}
table.table-data-status > tbody > tr > td > h2 {
  font-weight: 400;
  font-size: 2em;
  text-align: center;
  display: block;
  padding: 10px;
  /* //&.text-success */
  /* //&.text-error */
}
table.table-data-status > tbody > tr > td > h2.text-success {
  color: #015a99;
}
table.table-data-status > tbody > tr > td > h2.text-error {
  color: #C62828;
}

/* //.table-data-status */
/* ====== Tablular Data :: End   */
.add-accounts-rows {
  /* //.add-account-row */
  /* //.add-account-section */
}
.add-accounts-rows .add-account-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.06);
}
.add-accounts-rows .add-account-section {
  text-align: center;
  padding: 15px;
  /*border-top: 1px solid rgba($black, 0.1);*/
  /* //.ux-imagelinkbutton */
}
.add-accounts-rows .add-account-section .ux-imagelinkbutton {
  margin-top: 0;
}

/* //.add-accounts-rows */
.note-point-2 {
  font-weight: 400;
  margin-top: 39px;
} /* //.note-point-2 */
.account-activation {
  padding: 25px;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.1);
} /* //.account-activation */
/* ====== Modal Sandbox :: Start */
.modal-footer {
  text-align: right;
  /* //.ux-button */
  /* //.fbutton-left */
}
.modal-footer .ux-button, .modal-footer .ux-square-button {
  float: right;
  /* //&+.ux-button */
}
.modal-footer .ux-button + .ux-button, .modal-footer .ux-button + .ux-square-button, .modal-footer .ux-square-button + .ux-button, .modal-footer .ux-square-button + .ux-square-button {
  margin-right: 15px;
}
.modal-footer .fbutton-left {
  float: left;
}

/* //.modal-footer */
/* ====== Modal Sandbox :: End   */
/* ====== Global Footer :: Start */
.global-footer {
  /* //.copyrights */
}
.global-footer .copyrights {
  text-align: center;
  padding: 20px 0;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.4);
}

/* //.global-footer */
/* ====== Global Footer :: End   */
/***********++++++++++++++++++++++++++++++++ ANJANA SCSS :: STARTS HERE ++++++++++++++++++++++++**********************/
nav.sidebar.navbar {
  border-radius: 0px;
  margin-left: 0px;
  color: #fff;
}
nav.sidebar .navbar-nav .open .dropdown-menu > li > a:hover, nav.sidebar .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #CCC;
  background-color: #474f5b;
}
nav:hover .forAnimate {
  opacity: 1;
}
nav.sidebar .forAnimate {
  opacity: 1;
}
nav.sidebar.navbar.sidebar > .container .navbar-brand {
  margin-left: 0px;
}

.navbar > .container-fluid .navbar-brand {
  margin-left: 0px;
}

/*Center Brand*/
nav.sidebar .navbar-brand, nav.sidebar .navbar-header {
  text-align: center;
  width: 100%;
  margin-left: 0px;
  margin-bottom: 7px;
}
nav.sidebar a {
  padding-right: 13px;
}
nav.sidebar .navbar-nav > li {
  border-bottom: 1px #757575 solid;
}
nav.sidebar .navbar-nav .open .dropdown-menu {
  position: static;
  float: none;
  width: auto;
  margin-top: 0;
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
nav.sidebar .navbar-nav .open .dropdown-menu li {
  /* //&:last-child */
}
nav.sidebar .navbar-nav .open .dropdown-menu li:last-child {
  border-bottom: none;
}
nav.sidebar .navbar-collapse, nav.sidebar .container-fluid {
  padding: 0 0px 0 0px;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  border-color: #22aa4c;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  color: #777;
}

nav.sidebar {
  width: 100%;
  height: 100%;
  margin-left: -160px;
  float: left;
  z-index: 8000;
  margin-bottom: 0px;
}
nav.sidebar li {
  width: 100%;
}
nav.sidebar:hover {
  margin-left: 0px;
}

.forAnimate {
  opacity: 0;
}

.navbar-nav li a {
  color: #fff;
}
.navbar-nav li a .spacer-right {
  margin: 0 12px;
}

.nav > li > a:hover {
  background: #2c3139;
}

.nav > li > a:focus {
  background: #2c3139;
  border-left: 3px #c1272d solid;
}
.nav > li > a:focus:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(194, 225, 245, 0);
  border-width: 36px;
  margin-top: -36px;
}
.nav > li > a:focus:after {
  right: 100%;
  left: 79%;
  top: 52px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #ffffff;
  border-width: 27px;
  margin-top: -52px;
}

.navbar-brand {
  color: #fff;
}
.navbar-brand:hover {
  color: #fff;
}

/* //.navbar-brand */
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background: #2c3139;
}

.navbar-nav li {
  border-bottom: 1px #757575 solid;
}

.light-border {
  border: none !important;
} /* //.light-border */
.selection-options {
  display: block;
  clear: both;
  padding: 3px 0px;
  /* //ul.lst-selection-options */
}
.selection-options ul.lst-selection-options {
  list-style: none inside;
  /* //li */
}
.selection-options ul.lst-selection-options li {
  display: inline-block;
  padding-right: 0px;
  /* //a */
}
.selection-options ul.lst-selection-options li a {
  display: block;
  padding: 2px 10px 2px 28px;
  background: url("../images/icon/sprite-checkbox-18.png") no-repeat 5px -51px;
  /*background-size: 20px;*/
  color: #595959;
  /* //a:hover */
  /* //.option-selected */
}
.selection-options ul.lst-selection-options li a:hover {
  text-decoration: none;
  background-color: #015a99;
  background-color: rgba(1, 90, 153, 0.1);
}
.selection-options ul.lst-selection-options li a.option-selected {
  background-position: 5px 3px;
  /*color: $action-success-color;*/
}

/* //.selection-options */
.form-controller {
  /*padding: 10px 0px;*/
  padding: 8px 10px;
  margin-bottom: 10px;
  /*input[type='text'], input[type='password'] {
  	@include border-radius(0px);
  }*/
  /* //.controller-mandate */
  /* //.controller-valid */
  /* //.controller-invalid */
  /* //.controller-loading */
}
.form-controller.controller-mandate {
  /*background-color: darken(#F3EADD, 1%);*/
  /* //darker = F5E7D3 */
  /*style="background: #F3EADD;padding: 10px;">*/
}
.form-controller.controller-mandate input, .form-controller.controller-mandate select {
  border-bottom: 2px solid #44a0ff;
}
.form-controller.controller-valid {
  background-color: #e1f1e1;
  background-image: url("../images/icon/icon-correct.png");
  background-repeat: no-repeat;
  background-position: 98% 7px;
  background-size: 16px;
}
.form-controller.controller-invalid {
  background-color: #ffe8ea;
  background-image: url("../images/icon/icon-error.png");
  background-repeat: no-repeat;
  background-position: 98% 7px;
  background-size: 16px;
  -webkit-animation: shake-control 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; /* Safari 4+ */ /* Fx 5+ */ /* Fx 5+ */ /* Opera 12+ */
  animation: shake-control 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; /* IE 10+, Fx 29+ */
  transform: translate3d(0, 0, 0); /* Chrome 12+, Safari 4+ */
  -ms-perspective: 1000px; /* IE 10 */
  -o-perspective: 1000px;
  perspective: 1000px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /*animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;*/
}
.form-controller.controller-loading {
  background-image: url("../images/loader/ring-brand.gif");
  background-repeat: no-repeat;
  background-position: 98% 7px;
  /*for bigger gifs set size*/
  background-size: 23px;
}

/* //.form-controller */
.readonly-controller {
  padding: 8px 10px;
  margin-bottom: 10px;
}
.readonly-controller input, .readonly-controller select {
  border-bottom: 1px solid rgba(1, 90, 153, 0.2);
  border-bottom-color: #FBC02D;
}

/* //.readonly-controller */
/* // BUTTONS -- */
button {
  outline: none;
}

button:focus {
  outline: none;
}

.ux-button {
  /*width: 90%;*/
  margin: 10px auto;
  display: block;
  text-align: center;
  /*background-color: rgba($black, 0.06);*/
  background-color: #fff;
  border: none;
  padding: 10px 25px;
  border-radius: 25px;
  transform: scale(1);
  transition: all 0.1s ease-in;
  border: 1px solid rgba(0, 0, 0, 0.3);
  /* //.ux-primary */
  /* //.ux-secondary */
  /* //.ux-tertiary */
  /* //.ux-success */
  /* //.ux-alert */
  /* //.ux-warning */
  /* //.ux-info */
  /* //.ux-white */
  /* //.ux-black */
  /* //.ux-button:active */
  /* //.ux-button-sm */
  /* //.ux-button-up */
  /* //.ux-button-text */
  /* //.ux-button-back */
  /* //.ux-button-back */
  /* //.ux-button-clear */
  /* //.ux-button-xs */
  /* //&.ux-button-material */
  /* //&.ux-button-proccessing */
}
.ux-button.ux-primary {
  color: #fff;
  background-color: #015a99;
  border-color: transparent;
}
.ux-button.ux-secondary {
  color: #fff;
  background-color: #c1272d;
  border-color: transparent;
}
.ux-button.ux-tertiary {
  color: #fff;
  background-color: #474f5b;
  border-color: transparent;
}
.ux-button.ux-success {
  color: #fff;
  background-color: #015a99;
  border-color: transparent;
}
.ux-button.ux-alert {
  color: #fff;
  background-color: #C62828;
  border-color: transparent;
}
.ux-button.ux-warning {
  color: #fff;
  background-color: #FBC02D;
  border-color: transparent;
}
.ux-button.ux-info {
  color: #fff;
  background-color: #00838F;
  border-color: transparent;
}
.ux-button.ux-white {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.4);
}
.ux-button.ux-black {
  background-color: #000;
  border-color: rgba(255, 255, 255, 0.4);
  color: #fff;
}
.ux-button:active {
  transform: scale(0.94);
  outline: none;
}
.ux-button.ux-button-sm {
  font-size: 75%;
  padding: 5px 12px;
}
.ux-button.ux-button-up {
  text-transform: uppercase;
}
.ux-button.ux-button-back {
  background: transparent;
  border: none;
  padding: 0;
  margin: 3px 0 0;
  /* //img */
}
.ux-button.ux-button-back img {
  width: 24px;
  height: 24px;
}
.ux-button.ux-button-cross {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  /* //img */
}
.ux-button.ux-button-cross img {
  width: 22px;
  height: 22px;
}
.ux-button.ux-button-clear {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  background: transparent;
}
.ux-button.ux-button-xs {
  padding: 3px 10px 4px;
  width: auto;
  display: inline-block;
}
.ux-button.ux-button-material {
  position: fixed;
  right: 50px;
  bottom: 50px;
  left: auto;
  top: auto;
  width: 50px;
  height: 50px;
  z-index: 10;
  box-shadow: 0 0 10px rgba(1, 90, 153, 0.6);
  /* //img */
}
.ux-button.ux-button-material img {
  width: 22px;
  height: 22px;
}
.ux-button.ux-button-proccessing {
  border: 1px solid #015a99;
  background: transparent url("../images/loader/loading.gif") no-repeat 10px center;
  color: #015a99;
}

/* //.ux-button */
/* // BUTTONS -- */
.ux-linkbutton {
  color: rgba(0, 0, 0, 0.4);
  background: none;
  border: none;
  display: inline-block;
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 18px;
  /* //.ux-primary */
  /* //.ux-success */
  /* //.ux-alert */
  /* //.ux-warning */
  /* //.ux-info */
  /* //.ux-button:active */
  /* //.ux-button-sm */
  /* //.ux-button-up */
  /* //&.ux-linksm */
}
.ux-linkbutton.ux-primary {
  color: #015a99;
}
.ux-linkbutton.ux-success {
  color: #015a99;
}
.ux-linkbutton.ux-alert {
  color: #C62828;
}
.ux-linkbutton.ux-warning {
  color: #FBC02D;
}
.ux-linkbutton.ux-info {
  color: #00838F;
}
.ux-linkbutton:active {
  transform: scale(0.96);
  outline: none;
}
.ux-linkbutton.ux-button-sm {
  font-size: 80%;
}
.ux-linkbutton.ux-button-up {
  text-transform: uppercase;
}
.ux-linkbutton + .ux-linkbutton {
  margin-left: 5px;
}
.ux-linkbutton.ux-linksm {
  text-decoration: underline;
  font-size: 80%;
}

/* //.ux-linkbutton */
.ux-imagebutton {
  margin: 10px auto;
  display: block;
  text-align: center;
  background-color: #fff;
  border: none;
  padding: 10px 25px;
  border-radius: 25px;
  transform: scale(1);
  transition: all 0.1s ease-in;
  border: 1px solid rgba(0, 0, 0, 0.3);
  /* //img */
  /* //em */
  /* //.ux-button:active */
  /* //.ux-primary */
  /* //.ux-secondary */
  /* //.ux-tertiary */
  /* //.ux-success */
  /* //.ux-alert */
  /* //.ux-warning */
  /* //.ux-info */
  /* //&.ux-button-sm */
  /* //&.ux-button-up */
}
.ux-imagebutton img {
  float: left;
  width: 22px;
  height: 22px;
  margin-right: 10px;
}
.ux-imagebutton em {
  display: inline-block;
  /*text-transform: uppercase;*/
}
.ux-imagebutton:active {
  transform: scale(0.94);
  outline: none;
}
.ux-imagebutton.ux-primary {
  color: #fff;
  background-color: #015a99;
  border-color: transparent;
}
.ux-imagebutton.ux-secondary {
  color: #fff;
  background-color: #c1272d;
  border-color: transparent;
}
.ux-imagebutton.ux-tertiary {
  color: #fff;
  background-color: #474f5b;
  border-color: transparent;
}
.ux-imagebutton.ux-success {
  color: #fff;
  background-color: #015a99;
  border-color: transparent;
}
.ux-imagebutton.ux-alert {
  color: #fff;
  background-color: #C62828;
  border-color: transparent;
}
.ux-imagebutton.ux-warning {
  color: #fff;
  background-color: #FBC02D;
  border-color: transparent;
}
.ux-imagebutton.ux-info {
  color: #fff;
  background-color: #00838F;
  border-color: transparent;
}
.ux-imagebutton.ux-button-sm img {
  width: 18px;
  height: 18px;
}
.ux-imagebutton.ux-button-up {
  text-transform: uppercase;
}

/* //.ux-imagebutton */
.ux-imagelinkbutton {
  color: rgba(0, 0, 0, 0.4);
  background: none;
  border: none;
  display: inline-block;
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 18px;
  transform: scale(1);
  transition: all 0.1s ease-in;
  /* //img */
  /* //em */
  /* //.ux-button:active */
  /* //.ux-primary */
  /* //.ux-secondary */
  /* //.ux-tertiary */
  /* //.ux-success */
  /* //.ux-alert */
  /* //.ux-warning */
  /* //.ux-info */
  /* //&.ux-button-sm */
  /* //&.ux-button-up */
}
.ux-imagelinkbutton img {
  float: left;
  width: 22px;
  height: 22px;
  margin-right: 10px;
}
.ux-imagelinkbutton em {
  display: inline-block;
  /*text-transform: uppercase;*/
}
.ux-imagelinkbutton:active {
  transform: scale(0.94);
  outline: none;
}
.ux-imagelinkbutton.ux-primary {
  color: #015a99;
}
.ux-imagelinkbutton.ux-secondary {
  color: #c1272d;
}
.ux-imagelinkbutton.ux-tertiary {
  color: #474f5b;
}
.ux-imagelinkbutton.ux-success {
  color: #015a99;
}
.ux-imagelinkbutton.ux-alert {
  color: #C62828;
}
.ux-imagelinkbutton.ux-warning {
  color: #FBC02D;
}
.ux-imagelinkbutton.ux-info {
  color: #00838F;
}
.ux-imagelinkbutton.ux-button-sm img {
  width: 18px;
  height: 18px;
}
.ux-imagelinkbutton.ux-button-up {
  text-transform: uppercase;
}

/* //.ux-imagelinkbutton */
/* // Circle Button -- */
.ux-circlebutton {
  background: transparent;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
  border-radius: 100%;
  width: 56px;
  height: 56px;
  text-align: center;
  /*padding-left: 8px;*/
  display: inline-block;
  transform: scale(1);
  transition: all 0.2s ease-in;
  outline: none;
  background-color: rgba(0, 0, 0, 0);
  /* //img */
  /* //.ux-button:active */
}
.ux-circlebutton img {
  width: 22px;
  height: 22px;
  margin: 0 auto;
}
.ux-circlebutton:active {
  transform: scale(0.93);
  outline: none;
  background-color: rgba(0, 0, 0, 0.1);
}

.ux-square-button {
  width: 100% !important;
  margin: 10px auto;
  display: block;
  text-align: center;
  /*background-color: rgba($black, 0.06);*/
  background-color: #fff;
  border: none;
  padding: 10px 10px;
  transform: scale(1);
  transition: all 0.1s ease-in;
  border: 1px solid rgba(0, 0, 0, 0.3);
  /* //.ux-primary */
  /* //.ux-success */
  /* //.ux-alert */
  /* //.ux-warning */
  /* //.ux-info */
  /* //.ux-white */
  /* //.ux-black */
  /* //.ux-button:active */
  /* //.ux-button-sm */
  /* //.ux-button-up */
  /* //.ux-button-text */
  /* //.ux-button-back */
  /* //.ux-button-back */
  /* //.ux-button-clear */
  /* //.ux-button-xs */
  /* //&.ux-button-material */
  /* //&.ux-button-proccessing */
}
.ux-square-button.ux-primary {
  color: #fff;
  background-color: #015a99;
  border-color: transparent;
}
.ux-square-button.ux-success {
  color: #fff;
  background-color: #015a99;
  border-color: transparent;
}
.ux-square-button.ux-alert {
  color: #fff;
  background-color: #C62828;
  border-color: transparent;
}
.ux-square-button.ux-warning {
  color: #fff;
  background-color: #FBC02D;
  border-color: transparent;
}
.ux-square-button.ux-info {
  color: #fff;
  background-color: #00838F;
  border-color: transparent;
}
.ux-square-button.ux-white {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.4);
}
.ux-square-button.ux-black {
  background-color: #000;
  border-color: rgba(255, 255, 255, 0.4);
  color: #fff;
}
.ux-square-button:active {
  transform: scale(0.94);
  outline: none;
}
.ux-square-button.ux-button-sm {
  font-size: 75%;
}
.ux-square-button.ux-button-up {
  text-transform: uppercase;
}
.ux-square-button.ux-button-back {
  background: transparent;
  border: none;
  padding: 0;
  margin: 3px 0 0;
  /* //img */
}
.ux-square-button.ux-button-back img {
  width: 24px;
  height: 24px;
}
.ux-square-button.ux-button-cross {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  /* //img */
}
.ux-square-button.ux-button-cross img {
  width: 22px;
  height: 22px;
}
.ux-square-button.ux-button-clear {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  background: transparent;
}
.ux-square-button.ux-button-xs {
  padding: 3px 10px 4px;
  width: auto;
  display: inline-block;
}
.ux-square-button.ux-button-material {
  position: fixed;
  right: 50px;
  bottom: 50px;
  left: auto;
  top: auto;
  width: 50px;
  height: 50px;
  z-index: 10;
  box-shadow: 0 0 10px rgba(1, 90, 153, 0.6);
  /* //img */
}
.ux-square-button.ux-button-material img {
  width: 22px;
  height: 22px;
}
.ux-square-button.ux-button-proccessing {
  border: 1px solid #015a99;
  background: transparent url("../images/loader/loading.gif") no-repeat 10px center;
  color: #015a99;
}

/* //.ux-button */
/* // TABS -- */
.ux-tabview {
  /* //.ux-switch-tabs */
  /* //.ux-switch-tabscontent */
}
.ux-tabview .ux-switch-tabs {
  text-align: center;
  padding: 15px 0px;
  clear: both;
  display: block;
  width: 100%;
  /* //h6 */
  /* //.lst-ux-switch-tabs */
}
.ux-tabview .ux-switch-tabs h6 {
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: normal;
  margin: 0;
  padding: 0 10px 0 0;
}
.ux-tabview .ux-switch-tabs .lst-ux-switch-tabs {
  list-style: none inside;
  font-size: 0px;
  margin: 0px;
  padding: 0;
  display: inline-block;
  /* //li */
}
.ux-tabview .ux-switch-tabs .lst-ux-switch-tabs li {
  display: inline;
  /* //a */
  /* //li:first-child */
  /* //li:last-child */
}
.ux-tabview .ux-switch-tabs .lst-ux-switch-tabs li a {
  color: #015a99;
  background-color: transparent;
  display: inline-block;
  border: 1px solid #015a99;
  border-right: 0px;
  font-size: 14px;
  /*text-transform: uppercase;*/
  font-weight: normal;
  padding: 3px 25px;
  /* //span */
  /* //a:hover */
  /* //a:active */
  /* //a.tab-selected */
}
.ux-tabview .ux-switch-tabs .lst-ux-switch-tabs li a span {
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}
.ux-tabview .ux-switch-tabs .lst-ux-switch-tabs li a:hover {
  /*background-color: $lighter-blue;*/
  background-color: #015a99;
  background-color: rgba(1, 90, 153, 0.1);
}
.ux-tabview .ux-switch-tabs .lst-ux-switch-tabs li a:active {
  box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.4);
}
.ux-tabview .ux-switch-tabs .lst-ux-switch-tabs li a.tab-selected {
  cursor: default;
  color: #fff;
  background-color: #015a99;
  /* //a:active */
}
.ux-tabview .ux-switch-tabs .lst-ux-switch-tabs li a.tab-selected span {
  color: rgba(255, 255, 255, 0.8);
}
.ux-tabview .ux-switch-tabs .lst-ux-switch-tabs li a.tab-selected:active {
  box-shadow: none;
}
.ux-tabview .ux-switch-tabs .lst-ux-switch-tabs li:first-child a {
  border-radius: 25px 0px 0px 25px;
}
.ux-tabview .ux-switch-tabs .lst-ux-switch-tabs li:last-child a {
  border-radius: 0px 25px 25px 0px;
  border-right: 1px solid #015a99;
}
.ux-tabview .ux-switch-tabscontent {
  padding: 15px;
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  /* //.ux-tab-content */
}
.ux-tabview .ux-switch-tabscontent .ux-tab-content {
  display: none;
  /* //&.tab-content-active */
}
.ux-tabview .ux-switch-tabscontent .ux-tab-content.tab-content-active {
  display: block;
}
.ux-tabview .ux-switch-tabscontent .ux-tab-content.tab-content-active > h1 {
  font-weight: 100;
  padding: 20px 20px 10px;
}
.ux-tabview .ux-switch-tabscontent .ux-tab-content.tab-content-active > p {
  font-size: 16px;
  padding: 0 20px;
}

/* //.ux-tabview */
.form-control-sc {
  display: inline-block;
  width: auto;
} /* //.form-control-sc */
.label-sc {
  margin-right: 8px;
} /* //.label-sc */
.blue-bg {
  background: #fff;
  margin: 11px 0;
} /* //.blue-bg */
.top-spacer-sc {
  margin-top: 18px;
} /* //.spacer-top-sc */
.page-heading {
  margin: 23px 5px;
  line-height: 0.3;
  font-weight: 400;
} /* //.page-heading */
.sc-bg {
  background: #fff;
  margin-right: 0;
  margin-left: 0;
  border: 1px solid #eee;
  padding: 12px 0px;
} /* //.sc-bg */
.vgap20 {
  height: 20px;
} /* //.vgap */
/***********++++++++++++++++++++++++++++++++ ANJANA SCSS :: ENDS HERE ++++++++++++++++++++++++**********************/
/****************************************** Soumya CSS ::starts here************************************************/
.vgap5 {
  height: 10px;
} /* //.vgap */
.vgap15 {
  height: 15px;
} /* //.vgap */
.vgap40 {
  height: 40px;
} /* //.vgap */
.vgap50 {
  height: 50px;
} /* //.vgap */
.logo {
  text-align: center;
  margin-top: 24px;
  margin-bottom: 12px;
}
.logo img {
  width: 106px;
}

.login-bg-graphic {
  position: fixed;
  bottom: 0;
  z-index: -10;
  width: 85%;
  transform: translate(-50%);
  left: 50%;
}

.align-center {
  text-align: center;
  font-size: 25px;
  line-height: 2.6;
}

.web-portal {
  color: #015a99;
  font-size: 21px;
  line-height: 1.6em !important;
}

.loginscreen-logo {
  margin-top: 10px;
}

.login-bg-wrapper {
  /*background-color: rgba(12,77,162,0.8);*/
  /*background-color: #254f87cc;*/
  /*background-image: url(/Admin/resources/images/background/bg-login-white.png);*/
  background-repeat: no-repeat;
  background-size: cover;
}

.login-bg {
  background-color: #37474f;
  border-top: 4px solid #015a99;
}
.login-bg .login-form {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 31px;
  color: #fff;
}
.login-bg .login-form input {
  background-color: #4b5a61;
  color: white;
}
.login-bg .login-form input:-webkit-autofill {
  background-color: #504d4b !important;
}
.login-bg .login-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.3);
}
.login-bg .login-form input::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.3);
}
.login-bg .login-form input:-ms-input-placeholder { /* IE 10+ */
  color: rgba(255, 255, 255, 0.3);
}
.login-bg .login-form input:-moz-placeholder { /* Firefox 18- */
  color: rgba(255, 255, 255, 0.3);
}
.login-bg .login-form label {
  font-weight: normal;
}
.login-bg .form-footer {
  background-color: none !important;
}

.ux-login-button {
  width: 100%;
  display: block;
  border: none;
  padding: 10px 15px;
  text-transform: uppercase;
  background: #c1272d url("../images/icon/next.png") no-repeat 95% center;
  transform: scale(1);
  transition: all 0.1s ease-in;
  /* //.ux-login-button:active */
}
.ux-login-button:active {
  transform: scale(0.94);
  outline: none;
}

/* //.ux-login-button */
.message-box {
  position: absolute;
  width: 360px;
  z-index: 1100;
  left: 50%;
  top: 10%;
  margin-left: -180px;
  background: #fff;
  display: none;
  /* //.message-close */
  /* //.msg-showing */
  /* //.message-content */
}
.message-box .message-close {
  position: absolute;
  right: 10px;
  top: 10px;
  /* //img */
}
.message-box .message-close img {
  width: 28px;
  height: 28px;
}
.message-box.msg-showing {
  display: block;
}
.message-box .message-content {
  padding: 30px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  font-size: 15px;
  /* //&.msg-error */
  /* //&.msg-success */
  /* //&.msg-warning */
  /* //&.msg-info */
}
.message-box .message-content.msg-error {
  color: #C62828;
}
.message-box .message-content.msg-success {
  color: #015a99;
}
.message-box .message-content.msg-warning {
  color: #FBC02D;
}
.message-box .message-content.msg-info {
  color: #00838F;
}

/* //.message-box */
.form-group {
  margin-bottom: 0;
} /* //.form-group */
.report-charts .report-chart-content canvas {
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
}

canvas {
  max-width: 500px;
  max-height: 250px;
}

.report-chart-header {
  padding: 8px 0px;
  /* //h4 */
  /* //.report-chart-filter */
}
.report-chart-header h4 {
  margin: 0;
  padding: 0;
  text-align: center;
  /* //b */
}
.report-chart-header h4 b {
  display: block;
  zoom: 1;
  filter: alpha(opacity=80);
  opacity: 0.8;
  font-size: 80%;
  font-weight: normal;
  padding: 3px 0 0;
}
/* //.report-chart-header */
.report-chart-content {
  position: relative;
  padding: 0px 15px;
  /* //.chart-donut-heading */
  /* //canvas */
  /* //.chart-content-donut */
}
.report-chart-content .chart-donut-heading {
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  text-align: center;
  /* //h5 */
  /* //em */
}
.report-chart-content .chart-donut-heading h5 {
  font-weight: 100;
  font-size: 32px;
  margin: 0px;
  padding: 0px;
  color: #4A148C;
}
.report-chart-content .chart-donut-heading em {
  font-weight: 100;
  font-style: normal;
  font-size: 15px;
  text-transform: uppercase;
}
.report-chart-content .chart-donut-heading.heading-success h5 {
  color: #009b46;
}
.report-chart-content canvas {
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
}
.report-chart-content.chart-content-donut {
  padding: 20px 0px 10px;
}

/* //.report-chart-content */
.report-chart-footer {
  text-align: center;
  padding: 8px 0;
  /*border-top: 1px solid lighten($brand-primary-color, 50%);*/
  /* //.view-details */
}
.report-chart-footer .view-details {
  font-size: 15px;
}

/* //.report-chart-footer */
.form-control-edit {
  width: 100%;
  height: 30px;
  color: #222;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #c7c0c0;
  border-radius: 0;
  -ms-box-shadow: none;
  box-shadow: none;
  color: #fff;
  font-weight: 400;
  padding-left: 10px;
  /* //&:focus, &:active */
}
.form-control-edit:focus, .form-control-edit:active {
  outline: none;
}

.chart-legend {
  display: block;
}
.chart-legend .pie-legend, .chart-legend .doughnut-legend, .chart-legend .bar-legend {
  list-style-type: none;
  text-align: center;
  margin-left: 30px;
}
.chart-legend .pie-legend li, .chart-legend .doughnut-legend li, .chart-legend .bar-legend li {
  font-size: 12px;
  display: inline-block;
  margin-right: 20px;
}
.chart-legend .pie-legend li span, .chart-legend .doughnut-legend li span, .chart-legend .bar-legend li span {
  width: 12px;
  height: 12px;
  margin-right: 5px;
  display: inline-block;
}

.usr-pwd {
  font-size: 11px;
  color: #99aeb7;
  font-weight: bold;
}

.login-button {
  background-color: #c1272d;
  margin-left: -10px;
  z-index: 99;
  padding-left: 0;
  padding-right: 0 !important;
}

.btn-login {
  background-color: #c1272d;
  border-radius: 0px;
  border-color: #c1272d;
}

.space {
  padding-left: 10px;
}

.forgot-password:link,
.forgot-password:visited,
.forgot-password:hover,
.forgot-password:active {
  text-decoration: none;
  margin-top: 5px;
  color: #ffffff !important;
}

.page-content {
  margin-top: 5px;
}

.footer-login {
  bottom: 10px;
  position: fixed;
  text-align: center;
  width: 100%;
}

.copyrights {
  font-size: 12px;
  color: #000000;
}

.copyright-patch {
  background-color: white;
}

.form-sc {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 74px;
} /* //.form-sc */
.big-btn {
  margin: 0;
  margin-left: 23px;
} /* //.btn-block */
.footer-login .infra-logo {
  height: 30px;
  width: 159px;
  position: absolute;
  right: 15px;
  bottom: 0;
} /* //.infra-logo */
/****************************************** Soumya CSS ::ends here************************************************/
/****************************************** Bulk Upload ::start here************************************************/
.jqgrid-wrapwer {
  margin: 0 25px;
}

.panel-holder {
  background-color: #ffffff;
  padding: 0 10px 12px;
  margin: 0;
}

.main-subheading {
  font-size: 1.2em;
  display: inline-block;
  margin-right: 20px;
  color: #697378;
  vertical-align: top;
  padding-top: 20px;
}

.pannel-white {
  background-color: white;
  padding: 11px 40px;
  margin: 11px 0;
  display: inline-block;
  border-radius: 8px;
  text-align: center;
  width: 45%;
}

.pannel-blank {
  display: inline-block;
  width: 50px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  bottom: 3px;
  vertical-align: top;
  padding-top: 28px;
}

.btn-panel {
  background-color: #43a047;
  padding: 4px;
  width: 100px;
  border: none;
  border-radius: 2px;
  margin-bottom: 2px;
  color: white;
  text-align: center;
  display: block;
  margin: 0 auto;
}

.btn-green {
  background-color: #43a047;
}

.btn-red {
  background-color: #ef5350;
}

.hide-file {
  display: none !important;
}

/****************************************** Bulk Upload ::end here************************************************/
/* ====== Overwrite CSS - jQuery UI :: Start */
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
  z-index: 1070;
  z-index: 1070 !important;
}

.ui-widget-overlay {
  z-index: 1060;
  z-index: 1060 !important;
}

.page-content {
  min-height: 400px;
}

/* ====== Overwrite CSS - jQuery UI :: End   */
/* ====== Tabular Data - Table Data :: Start */
.data-tabular {
  /* //.datatable-header */
  /* //.datatable-content */
  /* //.datatable-footer */
}
.data-tabular .datatable-content {
  /* //.table */
}
.data-tabular .datatable-content .table {
  /* //tr */
}
.data-tabular .datatable-content .table tr {
  /* //th */
  /* //td */
  /* //&:hover */
  /* //&:active */
  /* //&.jqtr-active */
  /* //&.tr-inherited-data */
}
.data-tabular .datatable-content .table tr th {
  border-bottom: none;
  padding: 3px 2px 10px 2px;
  /* //em */
}
.data-tabular .datatable-content .table tr th em {
  font-size: 11px;
  text-align: center;
  display: block;
}
.data-tabular .datatable-content .table tr td {
  padding: 3px 2px 10px 2px;
  vertical-align: middle;
  /* //em */
}
.data-tabular .datatable-content .table tr td em {
  font-size: 11px;
}
.data-tabular .datatable-content .table tr:hover th, .data-tabular .datatable-content .table tr:hover td {
  background: #f5f5f5;
}
.data-tabular .datatable-content .table tr:active {
  /*th, td {background: #dff0d8;}*/
}
.data-tabular .datatable-content .table tr.jqtr-active th, .data-tabular .datatable-content .table tr.jqtr-active td {
  background: #dff0d8;
}
.data-tabular .datatable-content .table tr.tr-inherited-data {
  display: none;
  /* //td */
}
.data-tabular .datatable-content .table tr.tr-inherited-data td {
  margin: 0;
  padding: 0;
  /* //.form-data */
}
.data-tabular .datatable-content .table tr.tr-inherited-data td .form-data {
  padding: 20px 50px;
  background: #FFFDE7;
  /* //.table */
  /* //.ux-button */
  /* //.form-data-action */
}
.data-tabular .datatable-content .table tr.tr-inherited-data td .form-data .table {
  /* //tr */
}
.data-tabular .datatable-content .table tr.tr-inherited-data td .form-data .table tr {
  /* //th, td */
  /*&>td:first-child {text-align: right;}*/
  /* //&:hover */
}
.data-tabular .datatable-content .table tr.tr-inherited-data td .form-data .table tr th, .data-tabular .datatable-content .table tr.tr-inherited-data td .form-data .table tr td {
  padding: 5px 8px;
  vertical-align: middle;
  /* //em */
  /* //b */
  /* //h4 */
}
.data-tabular .datatable-content .table tr.tr-inherited-data td .form-data .table tr th em, .data-tabular .datatable-content .table tr.tr-inherited-data td .form-data .table tr td em {
  text-align: left;
  text-transform: uppercase;
  font-size: 12px;
}
.data-tabular .datatable-content .table tr.tr-inherited-data td .form-data .table tr th b, .data-tabular .datatable-content .table tr.tr-inherited-data td .form-data .table tr td b {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
}
.data-tabular .datatable-content .table tr.tr-inherited-data td .form-data .table tr th h4, .data-tabular .datatable-content .table tr.tr-inherited-data td .form-data .table tr td h4 {
  margin: 0;
  padding: 0;
  color: #015a99;
  font-size: 15px;
  font-weight: bold;
}
.data-tabular .datatable-content .table tr.tr-inherited-data td .form-data .table tr:hover td {
  background: #dff0d8;
}
.data-tabular .datatable-content .table tr.tr-inherited-data td .form-data .ux-button {
  margin: 0;
  display: inline-block;
  /* //&+.ux-button */
}
.data-tabular .datatable-content .table tr.tr-inherited-data td .form-data .ux-button + .ux-button {
  margin-left: 10px;
}
.data-tabular .datatable-content .table tr.tr-inherited-data td .form-data .form-data-action {
  text-align: center;
}
/* //.data-tabular */
.bt-switchtoggle {
  background: rgba(0, 0, 0, 0.1) url("../images/icon/ic-plus.png") no-repeat center;
  background-size: 12px;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  display: block;
  margin: 4px auto 0;
  /* //&.switchtoggle-active */
}
.bt-switchtoggle.switchtoggle-active {
  background: #43A047 url("../images/icon/ic-minus-white.png") no-repeat center;
  background-size: 12px;
}

/* //.bt-switchtoggle */
/* ====== Tabular Data - Table Data :: End   */
/* ====== Fix :: Start   */
a.forgot-link, a.forgot-link:hover, a.forgot-link:visited, a.forgot-link:active {
  color: #31a9ff !important;
}

.navbar-fixed-bottom, .navbar-fixed-top {
  position: relative;
  right: 0;
  left: 0;
  z-index: 1030;
}

/* ====== Fix :: End   */
/* Bulk upload collect and send fixes Aug3 */
.collect-container, .send-container {
  display: inline-block;
  width: 26%;
  text-align: center;
  padding: 10px 40px 4px 40px;
  border-radius: 2px;
  background-color: #eeeeee;
  padding: 10px 0px 6px 0px;
}

.collect-container span, .send-container span {
  color: #909090;
}

.modal .modal-body .form-group .input-group {
  margin-top: 20px;
}

.input-group .input-lg {
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
}

.modal-footer .btn-green {
  background-color: #43a047;
  border: none;
  color: #fff;
}

.modal-footer .btn-green:hover,
.modal-footer .btn-green:active:focus,
.modal-footer .btn-green:active:hover {
  background-color: #357338;
  border: none;
  color: #fff;
}

.modal-footer .btn-red {
  background-color: #ef5350;
  border: none;
  color: #fff;
}

.modal-footer .btn-red:hover,
.modal-footer .btn-red:active:focus,
.modal-footer .btn-red:active:hover {
  background-color: #c73c39;
  border: none;
  color: #fff;
}

/* Bulk upload collect and send fixes Aug3 end */
/* jqgrid fixes starts here Aug3 */
.ui-jqgrid-title {
  position: absolute;
  padding-top: 7px;
  padding-left: 10px;
  color: #015a99;
  font-weight: bold;
}

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
  text-align: left;
  padding-left: 10px;
}

.ui-jqgrid tr.ui-row-ltr td {
  text-align: left !important;
  padding-left: 10px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  color: #000 !important;
  font-weight: 500 !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background: #bccfdc !important;
  color: #000000 !important;
}

.ui-search-table .ui-search-input {
  padding-left: 7px;
}

/* jqgrid fixes ends here Aug3 */
/* jqgrid fixes starts here Aug4 */
.ui-widget {
  font-family: "Segoe UI", Arial, san-serif;
}

.ui-jqgrid .ui-jqgrid-view {
  font-size: 12px;
}

.ui-jqgrid tr.jqgrow td {
  height: 32px !important;
}

.ui-jqgrid .ui-jqgrid-bdiv {
  height: 321px !important;
} /* check whether given inline */
.ui-jqgrid .ui-jqgrid-sortable {
  height: 18px;
} /* this is for heading text */
.ui-widget-content {
  color: #606060 !important;
} /* color of all td text */
/* jqgrid fixes ends here Aug4 */
/* Aug7 changes start */
.bulk-upload-file h1, .bulk-upload-file .merchant-content {
  display: inline-block;
}

.merchant-content {
  border: 1px solid #dddddd;
  margin-bottom: 5px;
  padding: 5px 15px;
  border-radius: 4px;
}

.merchant-content div {
  display: inline-block;
  margin-right: 15px;
  padding: 5px 3px;
  color: #000;
}

.merchant-content div h4 {
  font-size: 16px;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
  background-color: #fff;
}

/* Aug7 changes end */
/* Aug9 changes start */
.ui-widget-header {
  background: #eeeeee !important;
}

.ui-jqgrid .ui-jqgrid-titlebar {
  border-bottom: 2px solid #015a99 !important;
}

.ui-jqgrid .ui-jqgrid-titlebar-close:hover {
  background: transparent;
  border: none;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  margin-bottom: 22px;
}

.ui-jqgrid .ui-pg-table {
  margin-top: 5px;
}

#ModalPayMoney .modal-sm, #ModalCollectMoney .modal-sm {
  width: 410px;
}

.merchant-container {
  margin: 0 25px;
}

/* Aug9 changes end */
/* Aug16 changes start */
#pagered_right .ui-paging-info, #pagered_center .ui-paging-pager {
  position: relative;
  top: 8px;
}

/* Aug16 changes end */
.p-0 {
  padding: 0 !important;
}

/* only devices with min-width 360px navpart  */
/* only devices with min-width 360px navpart  */
@media (min-width: 360px) {
  .global-nav {
    width: 250px !important;
    overflow: hidden !important;
  }
  .global-nav .globalnav-header {
    height: 5px !important;
    text-align: center !important;
    visibility: hidden !important;
  }
  .testclass img {
    width: 30px !important;
    height: 30px !important;
    position: relative !important;
    left: 208px !important;
  }
  .lst-navigation-items li a {
    padding: 12px !important;
  }
  .lst-navigation-items li a em {
    font-size: 14px !important;
  }
  .subnav-items .lst-subnav-items {
    font-size: 13px !important;
  }
}
/* only devices with min-width 360px header part */
@media (min-width: 360px) {
  .global-header {
    height: 87px;
  }
  .header-quick-elements {
    height: 85px;
  }
  .header-quick-elements li {
    width: 165px !important;
  }
  .btn-guserinfo {
    background-size: 11px 13px !important;
    /* padding-right:20px !important; */
    padding-left: 2px !important;
    padding-top: 21px !important;
    background-position: 137px 19px !important;
  }
  .btn-guserinfo img {
    left: 93px !important;
    top: 8px !important;
    width: 35px !important;
    height: 35px !important;
    zoom: 1 !important;
  }
  .btn-guserinfo a {
    height: 54px !important;
  }
  .userinfo-content {
    padding-left: 13px !important;
    margin-top: -10px;
  }
  .userinfo-content span {
    font-size: 61% !important;
    width: 142px !important;
  }
  .btn-toggleglobalnav2 {
    width: 53px;
    padding: 20px !important;
  }
  .btn-toggleglobalnav2 img {
    width: 21px !important;
    height: 24px !important;
  }
  .user-info-pop {
    width: 161px;
  }
  .company-logo {
    height: 59px !important;
    width: 138px !important;
  }
}
/* Only devices with min-width 375px navpart */
@media (min-width: 375px) {
  .global-nav {
    width: 250px !important;
    overflow: hidden !important;
  }
  .global-nav .globalnav-header {
    height: 18px !important;
    text-align: center !important;
    visibility: hidden !important;
  }
  .testclass img {
    width: 50px !important;
    height: 50px !important;
    position: relative !important;
    left: 180px !important;
  }
  .lst-navigation-items li a {
    padding: 12px !important;
  }
  .lst-navigation-items li a em {
    font-size: 12px !important;
  }
  .subnav-items .lst-subnav-items {
    font-size: 10px !important;
  }
}
/* Only devices with min-width 375px  nav part (landscape mode) */
@media (min-width: 375px) and (orientation: landscape) {
  .global-nav {
    width: 250px !important;
    overflow: hidden !important;
  }
  .global-nav .globalnav-header {
    height: 18px !important;
    text-align: center !important;
    visibility: hidden !important;
  }
  .testclass img {
    width: 37px !important;
    height: 37px !important;
    position: relative !important;
    left: 180px !important;
  }
  .lst-navigation-items li a {
    padding: 5px !important;
  }
  .lst-navigation-items li a em {
    font-size: 12px !important;
  }
  .subnav-items .lst-subnav-items {
    font-size: 14px !important;
  }
}
/* Only devices with min-width 375px  header part */
@media (min-width: 375px) {
  .global-header {
    height: 87px;
  }
  .header-quick-elements {
    height: 85px;
  }
  .header-quick-elements li {
    width: 165px !important;
  }
  .btn-guserinfo {
    background-size: 11px 13px !important;
    /* padding-right:20px !important; */
    padding-left: 2px !important;
    padding-top: 21px !important;
    background-position: 137px 19px !important;
  }
  .btn-guserinfo img {
    left: 93px !important;
    top: 8px !important;
    width: 35px !important;
    height: 35px !important;
    zoom: 1 !important;
  }
  .btn-guserinfo a {
    height: 54px !important;
  }
  .userinfo-content {
    padding-left: 13px !important;
    margin-top: -10px;
  }
  .userinfo-content span {
    font-size: 61% !important;
    width: 142px !important;
  }
  .btn-toggleglobalnav2 {
    width: 53px;
    padding: 20px !important;
  }
  .btn-toggleglobalnav2 img {
    width: 21px !important;
    height: 24px !important;
  }
  .user-info-pop {
    width: 161px;
  }
  .company-logo {
    height: 59px !important;
    width: 149px !important;
  }
}/*# sourceMappingURL=sc.main.min.css.map */