/*
 * **************************************************************************
 * Copyright (c) 2018 - 2019 by DH3 Solutions (pvt) ltd.
 * All Rights Reserved.
 *
 * THIS FILE CONTAINS PROPRIETARY AND CONFIDENTIAL INFORMATION
 * AND REMAINS THE UNPUBLISHED PROPERTY OF DH3 SOLUTIONS (PVT) LTD.
 * Use, disclosure, or reproduction is prohibited except as permitted
 * by express written license agreement with DH3 Solutions (pvt) ltd.
 * **************************************************************************
 */

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Regular.ttf');
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Bold.ttf');
    font-weight: bold;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

* {
    font-family: Roboto, Tahoma, 'Open Sans', sans-serif;
}

/*banner related styles*/
.banner {
    height: 50px;
    overflow: hidden;
    background: -moz-linear-gradient(top, rgba(179, 182, 224, 0.2) 0%, rgba(219, 219, 219, 0.55) 44%, rgba(209, 209, 209, 0.56) 45%, rgba(254, 254, 254, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(179, 182, 224, 0.2)), color-stop(44%, rgba(219, 219, 219, 0.55)), color-stop(45%, rgba(209, 209, 209, 0.56)), color-stop(100%, rgba(254, 254, 254, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(179, 182, 224, 0.2) 0%, rgba(219, 219, 219, 0.55) 44%, rgba(209, 209, 209, 0.56) 45%, rgba(254, 254, 254, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(179, 182, 224, 0.2) 0%, rgba(219, 219, 219, 0.55) 44%, rgba(209, 209, 209, 0.56) 45%, rgba(254, 254, 254, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(179, 182, 224, 0.2) 0%, rgba(219, 219, 219, 0.55) 44%, rgba(209, 209, 209, 0.56) 45%, rgba(254, 254, 254, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(179, 182, 224, 0.2) 0%, rgba(219, 219, 219, 0.55) 44%, rgba(209, 209, 209, 0.56) 45%, rgba(254, 254, 254, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33b3b6e0', endColorstr='#fefefe', GradientType=0); /* IE6-9 */

}

.banner > div {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    line-height: 47px;
    font-size: 0; /*to remove space between inline elements*/
}

.banner > div > * {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    font-size: 14px;
    padding: 0 10px;
}

.banner .active {
    background-color: #EBECED;
}

.banner a, .banner a:visited {
    text-decoration: none;
    color: #777777;
}

.banner a:hover {
    background-color: #d2e8ff;
}

a.icon-menu:visited {
    color: white;
}

.module.selected {
    background-color: #aad5ff;
}

a.icon-menu:hover {
    color: #aad5ff;
}

.module-icons-container {
    background-color: #f5f5f5;
    height: 100%;
    width: 45px;
    border-right: 3px solid #428BCA;
}

.module-icons-container a {
    height: 45px;
    width: 10px;
    display: inline-block;
}

.module-icons-container a:hover {
    background-color: #d2e8ff;
}

.btn-primary {
    background-color: #428BCA !important;
    color: white !important;
    background: unset;
}

/*
 *  STYLE 4
 */

.module-menu-sb::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    background-color: #F5F5F5;
}

.module-menu-sb::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.module-menu-sb::-webkit-scrollbar-thumb {
    background-color: #428BCA;
    border: none;
}

.icon-home {
    background: url("../img/glyphicons_020_home.png") no-repeat 10px 13px;
    background-size: 22px 20px;
    padding-left: 35px !important;
}

.icon-dagger {
    background: url("../../dagger/img/module-icon.png") no-repeat 10px 13px;
    background-size: 22px 20px;
    padding-left: 35px !important;
}

.icon-user {
    background: url("../../user/img/user.png") no-repeat 6px 13px;
    background-size: 24px auto;
    padding-left: 35px !important;
}

.icon-finance {
    background: url("../img/finance.png") no-repeat 6px 13px;
    background-size: 24px auto;
    padding-left: 35px !important;
}

.icon-afc {
    background: url("../../afc/img/module-icon.png") no-repeat 7px 12px;
    background-size: auto 23px;
    padding-left: 35px !important;
}

.icon-device {
    background: url("../../device/img/module-icon.png") no-repeat 10px 10px;
    background-size: auto 28px;
    padding-left: 35px !important;
}

.icon-topup {
    background: url("../../topup/img/module-icon.png") no-repeat 11px 13px;
    background-size: 22px 20px;
    padding-left: 35px !important;
}

.icon-sm {
    background: url("../../settlement/img/module-icon.png") no-repeat 9px 12px;
    background-size: auto 22px;
    padding-left: 35px !important;
}

.icon-loyalty {
    background: url("../../loyalty/img/module-icon.png") no-repeat 8px 9px;
    background-size: auto 27px;
    padding-left: 35px !important;
}

.icon-um {
    background: url("../../user/img/module-icon.png") no-repeat 7px 9px;
    background-size: auto 28px;
    padding-left: 35px !important;
}

.icon-biometrics {
    background: url("../../biometrics/img/module-icon.png") no-repeat 11px 13px;;
    background-size: auto 20px;
    padding-left: 30px !important;
}

.icon-subscriber {
    background: url("../../subscribe/img/module-icon.png") no-repeat 11px 11px;
    background-size: auto 23px;
    padding-left: 35px !important;
}

.icon-samurdhidisbursement {
    background: url("../../samurdhidisbursement/img/module-icon.png") no-repeat 11px 13px;
    background-size: auto 22px;
    padding-left: 34px !important;
}

.icon-mm {
    background: url("../img/subscriber.png") no-repeat 10px 13px;
    background-size: 22px 20px;
    padding-left: 35px !important;
}

.icon-merchant {
    background: url("../../merchant/img/module-icon.png") no-repeat 9px 11px;
    background-size: auto 26px;
    padding-left: 35px !important;
}

.icon-master {
    background: url(../../master/img/module-icon.png) no-repeat 9px 9px;
    background-size: auto 28px;
    padding-left: 35px !important;
}

.icon-tokenization {
    background: url(../../tokenization/img/module-icon.png) no-repeat 8px 12px;
    background-size: 24px 24px;
    padding-left: 35px !important;
}

.icon-datapost-pay {
    background: url("../../francisco/img/module-icon.png") no-repeat 8px 12px;
    background-size: 28px 23px;
    padding-left: 35px !important;
}

.icon-tokenization-api {
    background: url("../../tokenization-api/img/module-icon.png") no-repeat 8px 12px;
    background-size: 28px 23px;
    padding-left: 35px !important;
}

.icon-virtualcard {
    background: url("../../virtual-card/img/module-icon.png") no-repeat 8px 14px;
    background-size: 29px 20px;
    padding-left: 35px !important;
}

.icon-random {
    background: url("../../random-uid/img/module-icon.png") no-repeat 5px 15px;
    background-size: 32px 20px;
    padding-left: 35px !important;
}

.icon-wallet {
    background: url("../../wallet/img/module-icon.png") no-repeat 9px 10px;
    background-size: auto 27px;
    padding-left: 35px !important;
}

.icon-dagger {
    background: url("../../dagger/img/module-icon.png") no-repeat 10px 11px;
    background-size: auto 24px;
    padding-left: 35px !important;
}

.icon-mdm {
    background: url("../../mdm/img/module-icon.png") no-repeat 5px 12px;
    background-size: 32px 27px;
    padding-left: 35px !important;
}

.icon-personalization {
    background: url("../../personalization/img/module-icon.png") no-repeat 10px 13px;
    background-size: 22px 20px;
    padding-left: 35px !important;
}

.icon-biller {
    background: url("../../billpayment/img/module-icon.png") no-repeat 8px 9px;
    background-size: auto 27px;
    padding-left: 35px !important;
}

.icon-can {
    background: url("../../can/img/module-icon.png") no-repeat 10px 13px;
    background-size: 24px 18px;
    padding-left: 35px !important;
}

.icon-hnbsmartpay {
    background: url("../../hnbsmartpay/img/module-icon.png") no-repeat 7px 12px;
    background-size: 28px 22px;
    padding-left: 35px !important;
}

.icon-sms {
    background: url("../../sms/img/module-icon.png") no-repeat 9px 13px;
    background-size: 26px 24px;
    padding-left: 35px !important;
}

.icon-online-wallet {
    background: url("../../onlinewallet/img/module-icon.png") no-repeat 10px 10px;
    background-size: auto 25px;
    padding-left: 35px !important;
}

.icon-deductcard {
    background: url("../../deductcard/img/module-icon.png") no-repeat 10px 13px;
    background-size: 28px 22px;
    padding-left: 35px !important;
}

.icon-nwallet {
    background: url("../../nwallet/img/module-icon.png") no-repeat 10px 10px;
    background-size: auto 25px;
    padding-left: 35px !important;
}

.icon-zmwallet {
    background: url("../../zmwallet/img/module-icon.png") no-repeat 9px 10px;
    background-size: auto 29px;
    padding-left: 35px !important;
}

.icon-merchant-product {
    background: url("../../merchantproduct/img/module-icon.png") no-repeat 10px 10px;
    background-size: auto 25px;
    padding-left: 35px !important;
}

.icon-order-mgt {
    background: url("../../order/img/module-icon.png") no-repeat 10px 10px;
    background-size: auto 25px;
    padding-left: 35px !important;
}

.icon-lbwallet {
    background: url("../../lbwallet/img/module-icon.png") no-repeat 9px 10px;
    background-size: auto 29px;
    padding-left: 35px !important;
}

.icon-lbwalletiam {
    background: url("../../lbwalletiam/img/module-icon.png") no-repeat 9px 9px;
    background-size: 27px 27px;
    padding-left: 35px !important;
}

.icon-genediagnostics {
    background: url("../../genediagnostics/img/module-icon.png") no-repeat 10px 10px;
    background-size: auto 25px;
    padding-left: 35px !important;
}

.icon-promotion {
    background: url("../../promotion/img/module-icon.png") no-repeat 0px 5px;
    background-size: auto 35px;
    padding-left: 35px !important;
}

.icon-transaction-entity-rule {
    background: url("../../transactionentityrule/img/module-icon.png") no-repeat 9px 11px;
    background-size: auto 26px;
    padding-left: 35px !important;
}

.icon-entity-transaction {
    background: url("../../entity/transaction/img/module-icon.png") no-repeat 9px 8px;
    background-size: auto 28px;
    padding-left: 35px !important;
}

.icon-financial-service {
    background: url("../../financialservice/img/module-icon.png") no-repeat 9px 8px;
    background-size: auto 28px;
    padding-left: 35px !important;
}

.icon-peppol {
    background: url("../../peppol/img/module-icon.png") no-repeat 9px 11px;
    background-size: auto 26px;
    padding-left: 35px !important;
}
.icon-billing {
    background: url("../../peppol/img/billing-icon.png") no-repeat 9px 11px;
    background-size: auto 26px;
    padding-left: 35px !important;
}
/*home page styles*/
.iframe-container {
    background: none repeat scroll 0 0 #FFFFFF;
}

.page-heading {
    font-size: 24px;
    padding: 20px 0 0 10px;
    color: #428BCA;
}

/*layouting*/
.w20, .w30, .w40, .w50, .w60, .w70, .w80, .w90, .w100 {
    /*line-height: 20px;
    float: left;*/
    display: inline-block;
    width: 100%;
}

.w20 {
    width: 20%;
}

.w30 {
    width: 30%;
}

.w40 {
    width: 40%;
}

.w50 {
    width: 50%;
}

.w60 {
    width: 60%;
}

.w70 {
    width: 70%;
}

.w80 {
    width: 80%;
}

.w90 {
    width: 90%;
}

.w100 {
    width: 100%;
}

.pad-h-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.pad-v-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pad-v-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*form-styles*/

input, select, textarea {
    font-size: 12px;
}

.data-form {
    border-collapse: collapse;
    font-size: 12px;
}

.data-form .required {
    border-left: 2px solid #ff895b;
    padding-right: 5px;
}

table.data-form > tbody > tr > th {
    vertical-align: top;
    padding: 6px;
    min-width: 120px;
    /*background-color: #EBECED;*/
    text-align: left;
    /*border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;*/
    font-weight: normal;;
}

table.data-form > tbody > tr > td {
    vertical-align: top;
    padding-top: 3px;
    padding-bottom: 3px;
}

table.data-form > tbody > tr > td.text {
    vertical-align: top;
    padding: 6px 0 6px 6px;
}

.data-form input[type=text], input[type=password], .data-form select {
    padding: 2px 5px;
    border: 1px solid #CCCCCC;
    border-radius: 0;
}

.data-form span > input.textbox-text.validatebox-text {
    padding: 3px 5px;
    border: none;
    border-radius: 0;
}

.filebox input[type="text"] {
    border: none;
}

.button-container {
    padding: 10px 2px;
}

span.textbox.combo input.textbox-text {
    border: none;
}

.filebox {
    border-color: #CCCCCC;
}

.filebox .l-btn-text {
    font-weight: bold;
}

.combo {
    border-color: #cccccc;
}

.data-form input[type="button"], .data-form input[type="submit"] {
    padding: 5px 5px;
    min-width: 80px;
    font-weight: bold;
    border-radius: 2px;
}

.header-color {
    color: #428BCA;
}

.data-form input[type="submit"], .search, .data-form .submit {
    border: 1px solid #428BCA;
    background: linear-gradient(to bottom, #428BCA 0px, #428BCA 100%) repeat-x scroll 0 0 transparent;
}

.data-form input[type="submit"]:hover, .submit:hover {
    background: #cfe2ff;
    color: #404040;
}

.data-form .sub-head {
    padding-top: 15px;
    padding-bottom: 10px;
    /*font-weight: bold;*/
    font-size: 15px;
    color: #428BCA;
    border-right: none;
}

.data-form .separate td, .data-form .separate th {
    /*border-top: 2px solid #CCCCCC;*/
    padding-top: 10px;
}

.section-head {
    height: 28px;
    width: 100%;
    /*border-top: 1px solid #ABAFB8;
    border-bottom: 1px solid #ABAFB8;*/
    background-color: rgba(248, 248, 255, 0.37);
    overflow-y: hidden;
    margin: -2px 0;
}

.section-head .panel-title {
    color: #428BCA;
    font-size: 12px;
}

/*easyui customisation*/

.textbox {
    border: 1px solid #CCCCCC;
}

.datagrid-row-selected {
    background: none repeat scroll 0 0 #428BCA;
}

.numberbox .textbox-text {
    text-align: right;
}

.numberbox {
    border: 1px solid #cccccc;
}

.numberbox > input[type="text"] {
    border: none;
    padding-right: 5px;
}

.textbox-focused {
    box-shadow: none;
}

.panel-body {
    background-color: white;
}

.tabs li.tabs-selected a.tabs-inner {
    background-color: white;
    border-bottom: 1px solid white;
}

.tabs-header, .tabs-tool {
    background-color: white;
}

.dialog-button .l-btn-text {
    padding: 0 10px;
}

.datagrid-toolbar, .datagrid-pager {
    background: rgba(248, 248, 255, 0.37);
}

.l-btn, .l-btn-disabled:hover {
    /*color: #404040;*/
    border-radius: 2px;
}

.l-btn:hover {
    border-radius: 2px;
    border: 1px solid #84909c;
}
.help-text {
    font-size: 11px;
    background-image: url('../icons/info-small.png');
    background-position: 2px 2px;
    background-repeat: no-repeat;
    padding-left: 16px;
}

.icon-dash-users {
    background-size: 35px auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../../user/img/module-icon.png");
}

.icon-dash-routes {
    background-size: 35px 27px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../../afc/img/module-icon.png");
}

.icon-dash-devices {
    background-size: 30px auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../../device/img/module-icon.png");
}

.icon-dash-last-sett {
    background-size: 35px auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../../device/img/module-icon.png");
}

.icon-dash-bos {
    background-size: 35px 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../../user/img/module-icon.png");
}

.icon-dash-topup {
    background-size: 35px 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../../topup/img/module-icon.png");
}

.icon-dash-last-sett {
    background-size: 35px auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../../settlement/img/module-icon.png");
}

.icon-dash-last-biometrics {
    background-size: 35px 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../../biometrics/img/module-icon.png");
}

.icon-dash-subscriber {
    background-size: 35px 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../../subscribe/img/module-icon.png");
}

.icon-dash-loyalty {
    background-size: 35px 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../../loyalty/img/module-icon.png");
}

.icon-dash-datapost-pay-subscriber {
    background-size: 30px auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../../francisco/img/module-icon.png");
}

.icon-dash-dagger {
    background-size: 30px auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../../dagger/img/module-icon.png");
}

.messager-body .save-errors {
    min-width: 0px;
    display: table-cell;
    overflow-wrap: anywhere;
}

.messager-body .align {
    min-width: 0px;
    display: table-cell;
}

.messager-icon {
    display: table-cell
}

.hide-on-load {
    display: none;
}

.datagrid-empty {
    top: 40px;
}

.disable-panel {
    pointer-events: none;
    opacity: 0.4;
}

.detail-title {
    color: #428BCA;
    font-size: 14px;
    padding: 6px 0px 2px 4px;
}

.data-form .sub-action {
    border-left-style: dotted;
}

.save-errors > ul {
    -webkit-padding-start: 16px !important;
}

.save-errors > ul > ul {
    -webkit-padding-start: unset !important;
}

.custom-scroll {
    overflow: auto;
}

.custom-scroll::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: #cccccc;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #888;
}

.tooltip-content ul {
    padding: 0px 5px 0px 20px;
}

.banner div.banner-heading {
    font-size: 16pt;
    padding-left: 10px;
    border-left: 3px solid #428BCA;
}