/* Minification failed. Returning unminified contents.
(538,1): run-time error CSS1019: Unexpected token, found '@import'
(538,9): run-time error CSS1019: Unexpected token, found '"normalize.css"'
(6918,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#display'
(6995,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8662,15): run-time error CSS1030: Expected identifier, found ' '
(8662,16): run-time error CSS1031: Expected selector, found '10px'
(8662,16): run-time error CSS1025: Expected comma or open brace, found '10px'
(10833,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#display'
(11535,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12008,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16193,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16460,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#display'
 */
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*//////////////

   BODY/HTML

///////////////////*/
html,
body {
 	-webkit-text-size-adjust: none; /* For iphone Landscape */
	-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-o-font-smoothing: antialiased;-ms-font-smoothing: antialiased; /* For font looks antialiased */
    -moz-osx-font-smoothing: grayscale; /* Moz antialiased */
    text-rendering: optimizeLegibility; /* optimezy fonts */
}

/*--- Fix border ---*/
a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: 0;outline : 0;}


/*---- Clear ----*/
.clear:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
.clear {display:inline-block;}
.clear {display:block;}
* html .clear {height:1px;}

/*---- Iframe fix ---*/
iframe::-webkit-scrollbar { width: 0 !important }
iframe { -ms-overflow-style: none; }
iframe { overflow: -moz-scrollbars-none; }

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
	font-family: 'Open Sans', Helvetica, sans-serif!important;
	border: none;
	outline: none;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}


/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin:0 0 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
	font-family: 'Open Sans', Helvetica, sans-serif!important;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}


/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ----------------------------------------------------------------------------------------------------

Super Form Reset

A couple of things to watch out for:

- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
- You can style the upload button in webkit using ::-webkit-file-upload-button
- ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
- IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
- By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs

----------------------------------------------------------------------------------------------------*/

input,
label,
select,
button,
textarea {
	margin: 0;
	border: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
	background: none;
	line-height: 1;
	/* Browsers have different default form fonts */
	font-size: 12px;
	font-family: 'Open Sans', Helvetica, sans-serif !important;
}
 
/* Remove the stupid outer glow in Webkit */
input:focus
{
	outline:0;
}
 
/* Box Sizing Reset
-----------------------------------------------*/
 
/* All of our custom controls should be what we expect them to be */
input,
textarea
{
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
 
/* These elements are usually rendered a certain way by the browser */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select
{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
 

/* Button Controls
-----------------------------------------------*/
 
input[type=checkbox],
input[type=radio]
{
	width:13px;
	height:13px;
}
 
/* File Uploads
-----------------------------------------------*/
 
input[type=file]
{
 
}
 
/* Search Input
-----------------------------------------------*/
 
/* Make webkit render the search input like a normal text field */
input[type=search]
{
	-webkit-appearance:textfield;
	/* -webkit-box-sizing:content-box; */
	width: 100%;
}
 
/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration
{
	display:none;
}
 
/* Buttons
-----------------------------------------------*/
 
button,
input[type="reset"],
input[type="button"],
input[type="submit"]
{
	/* Fix IE7 display bug */
	overflow:visible;
	width:auto;
}
 
/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button
{	
	padding:0;
	border:0;
	background:none;
}
 
/* Textarea
-----------------------------------------------*/
 
textarea 
{
	/* Move the label to the top */
	vertical-align:top;
	
	/* Turn off scroll bars in IE unless needed */
	overflow:auto;
}

 
/* Selects
-----------------------------------------------*/
 
select
{
 
}
 
select[multiple] 
{
	/* Move the label to the top */
	vertical-align:top;
}

textarea, input { outline: none; }
/* open-sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('/Features/Shared/css/fonts/open-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/Features/Shared/css/fonts/open-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/Features/Shared/css/fonts/open-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('/Features/Shared/css/fonts/open-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('/Features/Shared/css/fonts/open-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/Features/Shared/css/fonts/open-sans-v16-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* CSS Document */
@charset "UTF-8";
/* Reset */
@import "normalize.css";

/*-----------

	Body

------------*/
body {
    font-family: 'Open Sans', Helvetica, sans-serif !important;
    font-size: 12px;
    background: #e8e9eb;
    font-weight: 400;
    color: #545454;
}

/*-- titles --*/
h1 {
    font-size: 22px;
    color: #0039A1;
    font-family: 'Open Sans', Helvetica, sans-serif !important;
    font-weight: bold;
    margin-top: 10px;
    line-height: 26px;
}

    h1 img {
        margin-right: 10px;
        font-weight: 600;
        width: 20px;
    }

h2, h3 {
    font-size: 17px;
    font-weight: 600;
}

h4, h5, h6 {
    font-size: 15px;
    font-weight: normal;
}

/* color */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #545454;
    margin-bottom: 10px;
}

    h1.orange-title,
    h2.orange-title,
    h3.orange-title,
    h4.orange-title,
    h5.orange-title,
    h6.orange-title {
        color: #001133 !important;
    }

    h1.blue-title,
    h2.blue-title,
    h3.blue-title,
    h4.blue-title,
    h5.blue-title,
    h6.blue-title {
        color: #001133;
    }

    h4.normal {
        font-weight: normal;
    }

/*--- other ---*/
a {
    color: #0039A1;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

.link-disable {
    color: #cacaca;
    cursor: arrow;
}

.no-focus-removal {
    outline: none !important; /* Prevent removal of focus outline */
}

/*---- Table ----*/
table, table tbody, table thead, table tr {
    width: 100%;
    overflow: hidden;
}

    table a {
        font-weight: bold;
    }

        table a:hover {
            text-decoration: underline;
        }

    table tr:hover {
        background-color: #F1F6F7;
    }

    table.no-hover tr:hover {
        background-color: transparent;
    }

    table tr.no-hover:hover {
        background-color: transparent;
    }

    table.dark tr:hover {
        background-color: #ddd;
        color: #081b43;
    }

    table tr {
        border: 1px solid #ECECEC;
    }

    table th {
        text-align: left;
        background: #CACACA;
        line-height: 30px;
        padding: 0 3px;
        color: #081b43;
        font-weight: 400;
        vertical-align: baseline;
        white-space: nowrap;
    }

        table th + th {
            border-radius: 0;
        }

    table td {
        padding: 7px 4px;
        position: relative;
        width: auto;
        line-height: 20px;
        vertical-align: top;
    }

        table td.widget-module a {
            float: left;
            margin-right: 12px;
        }

            table td.widget-module a img {
                width: 16px;
                height: 16px;
            }

            table td.widget-module a + a + a + a {
                margin-right: 0;
            }
        /*table td:first-child a { color: #ff6100; font-weight: bold;}*/
        table td a {
            color: #0039A1;
        }

    table tr.feature-tr-1 {
        background: #f1f1f1;
    }

    table tr.feature-tr-2 {
        background: #f7e6e6;
    }

    table tr.feature-tr-3 {
        background: #ebf3f6;
    }

    table td.td-checkbox {
        background: #fafafa;
        text-align: center;
    }

        table td.td-checkbox input[type=checkbox] {
            margin-top: -4px;
        }

    table td.success {
        color: #14a600;
    }

    table td.success-bg {
        background: #dff3dc;
    }

    table td.error {
        color: #ee0000;
    }

    table td.error-bg {
        background: #f7e6e6;
    }

    table td.notice {
        color: #0039a1;
    }

    table td.neutral {
        color: #727272;
    }

    table td.feature-tr-2 {
        background: #f7e6e6;
    }

    table td.td-check {
        text-align: center;
        border: 1px solid #ececec;
    }

    table tr.error {
        color: #ee0000;
    }

    table.rounded {
        border-collapse: separate;
        border-radius: 6px;
    }

/*--- btn ----*/
.button {
    background: #545454;
    color: #fff;
    border: 0;
    width: 130px !important;
    height: 30px;
    cursor: pointer;
    font-weight: bold;
    padding: 0;
    text-align: center;
}
    /* color */
    .button.color1 {
        background: #ff6100;
    }

    .button.color2 {
        background: #0039A1;
    }

    .button:hover {
        background: #727272;
    }

div.bg-search-filter {
    background: #d5d5d5;
}

/*--- forms ---*/
label {
    width: 100%;
    text-align: left;
    margin-bottom: 3px;
    *line-height: 14px;
}

input, textarea, select {
    width: 90%;
    font-size: 12px !important;
    border: 1px solid #C6C6D9;
    padding: 0 10px;
    background: #fff;
    color: #545454;
}

input {
    height: 28px !important;
    border-radius: 3px;
    line-height: 28px !important;
}

    input::-ms-clear {
        display: none;
        height: 0;
        width: 0;
        margin-right: -20px;
        overflow: hidden;
    }

select {
    height: 30px;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    width: 100%;
    color: #000000;
}

.overflow-hidden-x {
    overflow-x: hidden !important;
}

input[type="checkbox"], input[type="radio"] {
    width: 13px !important;
    height: 13px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 0 !important;
    padding: 0;
    background: transparent;
}

/* since we can't pass in CSS class into material design datepicker, we're overriding it here' */
.required .md-datepicker-input {
    border: 1px solid #ff6100 !important;
}

.required .md-datepicker-focused {
    border-bottom: 0;
}

input[type=text].required, select.required, textarea.required, input.required {
    border-color: #ff6100 !important;
    background: #fce4d8;
}

select.custom-disabled {
    background: #e3e3e3;
}

input[type=text].error, select.error, input[type=text].invalid, select.invalid, input[type=text].nce-error, select.nce-error, input.nce-error, div.nce-error {
    border-color: #dd0909 !important;
    background: #fbe6e6 !important;
}

input[type=text].es-required, select.es-required, textarea.es-required {
    border-color: #ff6100;
}
/*.ng-pristine, */ .ng-invalid, .ng-invalid-required {
    border-color: #ff6100 !important;
}

input[type=text].ng-invalid-required, select.ng-invalid-required, textarea.ng-invalid-required {
    background: #fce4d8;
}

input[type="text"]:disabled {
    background: #e3e3e3 !important;
}

img.input-info {
    position: absolute;
    right: 2px;
    top: 23px;
}

.input-table {
    border: 1px solid #ececec;
}

    .input-table tr {
        border: 0;
    }

    .input-table td {
        padding: 7px 4px 0 4px;
    }

    .input-table tr.bottom-line {
        border-bottom: 1px solid #ececec;
    }

        .input-table tr.bottom-line td {
            padding-bottom: 9px;
        }

td.featured-col {
    background: #fafafa !important;
}

.input-table select {
    width: 97%;
}

.input-table .date-module img {
    right: 14px;
}

    /* IE 7 calendar fix submit deposit*/
    .input-table .date-module img.ui-datepicker-trigger {
        *margin: -2px;
    }

textarea {
    line-height: 14px !important;
    resize: none !important;
}

label.error, label.errorText, div.errorText {
    color: #dd0909;
    margin-top: 4px;
    white-space: normal !important;
}

label.error-bold {
    color: #dd0909;
    font-weight: 800;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
/*Fix angular flickering*/

/*--- Enable select ---*/
.enable-select {
    position: relative;
}

    .enable-select select {
        padding: 5px;
        border-radius: 3px;
    }

        .enable-select select.read-only {
            background: #e3e3e3;
        }

    .enable-select span {
        top: 0;
        width: 90.8%;
    }

    .enable-select.active span {
        width: 137px;
    }
/* dynamically created SPAN, placed below the SELECT: bottom: 0; */
span.select {
    display: none;
}
/*span.select{ position: absolute;  left: 0;  line-height: 30px;background: #fff url(../img/arrow-select-2.png) no-repeat  right; z-index: 1; margin: 0; padding: 0 0 0 8%; border: 1px solid #ff6100; overflow: hidden; text-align: left; width: 91.5%;} */

/*-----------

	Wrapper

-------------*/
#wrapper {
    margin: auto;
    padding: 0;
    width: 900px; /*overflow: hidden;*/
}

    #wrapper.wrapper-responsive {
        width: 1000px;
    }

    #wrapper.active {
        width: 745px;
        position: relative;
        top: 5%;
    }

    #wrapper.back-color {
        background: #fff;
    }

    #wrapper.customer {
        border: 1px solid #ff6100;
        border-top: 5px solid #ff6100;
        border-radius: 5px;
        width: 745px;
        position: relative; /*height: 538px;*/
        background: #FFFFFF;
    }

        #wrapper.customer.auto-height {
            height: auto;
        }

.wrapper1024 {
    width: 1000px !important;
}
/* remove some pixels to allow the scrollbar */
/* check who add wrapper2 */
.wrapper2 {
    margin: auto;
    padding: 0;
    border: 1px solid #ff6100;
    border-top: 5px solid #ff6100;
    border-radius: 5px;
    width: 745px;
    position: relative;
    background: #FFFFFF;
}

/*--- filter --*/
#filter, #filter form {
    display: inline-block;
    width: 100%;
}

#filter {
    margin-bottom: 10px;
}

/*---- Filter options -----*/
#filter_options {
    float: left;
    width: 230px;
    height: 60px;
    padding: 0;
    margin: 0;
    list-style: none;
}

    #filter_options li {
        display: inline;
        margin-right: 30px;
    }

    #filter_options a {
        color: #435559;
    }

        #filter_options a:hover, #filter_options a.active {
            color: #ff6100;
        }

#filter_drop {
    float: right;
    text-align: right;
    height: 60px;
    padding: 0;
    margin: 0;
    list-style: none;
}

    #filter_drop li {
        float: left;
    }

/*----- Field -----*/
.field {
    float: left;
    position: relative;
    text-align: center;
    margin: 0 0 30px 15px;
    width: 130px;
    height: 56px;
    font-size: 14px;
}

.contact-frm p.m-dir-phone {
    background: url('/Features/Shared/img/sprites/_sprite_special.png') no-repeat 3px -206px;
    padding: 0 0 0 22px;
}

.proof-payment-bg {
    background: url(/Features/Shared/img/icon/payment-proof-2.png) no-repeat left;
    min-height: 42px;
    line-height: 42px;
    padding-left: 38px;
    margin-left: 52px !important;
    color: #0039A1;
    font-size: 14px;
    background-size: 19px 30px;
}

table.small-padding td {
    padding: 4px !important;
}

.refund-payment-bg {
    background: url(/Features/Shared/img/icon/payment-refund-2.png) no-repeat left;
    min-height: 42px;
    line-height: 42px;
    padding-left: 38px;
    margin-left: 52px !important;
    color: #0039A1;
    font-size: 14px;
    background-size: 33px 34px;
}

.resend-order-bg {
    min-height: 42px;
    line-height: 42px;
    padding-left: 38px;
    margin-left: 52px !important;
    color: #0039A1;
    font-size: 14px;
}

/*---- Customer -----*/
.customer .pagination-module ul, .r-data .pagination-module ul {
    width: 118px;
    float: right;
    margin: 0;
}

.customer div.inner-block {
    border-radius: 5px;
}

/*--- Open ----*/
.open {
    width: 17px;
    height: 17px;
    display: block;
    background: url(/Features/Shared/img/icon/more.png) center center no-repeat;
}

    .open.active, .open:hover {
        background: url(/Features/Shared/img/icon/more-active.png) center center no-repeat;
    }

/*---- widget ---*/
.widget {
    width: 140px;
    height: auto;
    padding: 15px 13px 10px 13px;
    background: #fff;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 1;
    display: none;
    border: 2px solid #ebebeb;
}

    .widget ul {
        width: 100%;
        height: auto;
        list-style: none;
        padding: 0;
    }

        .widget ul li {
            width: 100%;
            height: auto;
            display: inline-block;
        }

            .widget ul li a {
                width: 100%;
                color: #ff6100;
                display: inline-block;
                line-height: 26px;
                margin-right: 0;
            }

    .widget img {
        margin-right: 10px;
        float: left;
        margin-top: 7px;
    }

    .widget p {
        float: left;
    }

.arrow {
    position: absolute;
    top: -18px;
    left: 50%;
    margin-left: -19px;
}

/*------ filter search -----*/
#filter_search, .filter_search {
    width: 100%;
    height: auto;
}

    #filter_search h2, .filter_search h2 {
        font-weight: bold;
    }

    #filter_search ul, .filter_search ul {
        width: 100%;
        height: auto;
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #filter_search ul li, .filter_search ul li {
            float: left;
            width: 195px;
            margin-right: 20px;
        }

            #filter_search ul li + li, .filter_search ul li + li {
                margin-right: 0;
            }

            #filter_search ul li div, .filter_search ul li div {
                margin: 0;
                padding: 0;
                width: 100%;
                position: relative;
            }

                #filter_search ul li div input, .filter_search ul li div input {
                    width: 89%;
                    text-align: left;
                    border: 1px solid #C6C6D9;
                    padding: 0 10px;
                    color: #727272;
                }

                #filter_search ul li div img, .filter_search ul li div img {
                    position: absolute;
                    right: 5px;
                    top: 24px;
                    background: transparent;
                }

                .filter_search ul li div span.icons-pay-orders {
                    position: absolute;
                    right: 5px;
                    top: 24px;
                }

                .filter_search ul li div span.img-action {
                    position: absolute;
                    right: 5px;
                    top: 20px;
                }

                .filter_search ul li div span.img-branch {
                    position: absolute;
                    right: 0;
                    top: 17px;
                }

                #filter_search ul li div input:focus, .filter_search ul li div input:focus {
                    border-color: #ff6100;
                }

                #filter_search ul li div label, .filter_search ul li div label {
                }

    #filter_search form {
        width: 100%;
        height: auto;
    }

#filter_left, #filter_right, .filter_left, .filter_right {
    float: left;
    width: 410px;
    background: #d5d5d5;
    padding: 10px;
}

#filter_left, .filter_left {
    margin-right: 20px;
}

#filter_extra {
    width: 860px;
    height: auto;
    background: #f1f1f1;
    padding: 10px;
    float: left;
    margin: 20px 0;
}

    #filter_extra ul {
        width: 100%;
        height: auto;
        list-style: none;
    }

        #filter_extra ul li {
            width: 100%;
            height: auto;
            display: inline-block;
            margin-right: 0;
            float: inherit;
        }

            #filter_extra ul li div {
                float: left;
                width: 195px;
                margin-right: 20px;
                text-align: left;
            }

            #filter_extra ul li span.select { /* width: 175px; */
            }

            #filter_extra ul li div + div + div + div {
                margin-right: 0;
            }

input.disable {
    background: #E3E3E3;
}

select.disable {
    background: #E3E3E3;
}

#filter_extra input.disable {
    width: 150px;
    text-align: left;
}

#filter_extra div button {
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: -8px;
    top: 18px;
    width: 32px;
    height: 34px;
    background: transparent;
}

    #filter_extra div button img {
        position: relative !important;
        right: 0 !important;
        top: 0 !important;
    }

.link-btn {
    color: #0039A1;
    border: 0;
}

    .link-btn:hover {
        text-decoration: underline;
    }

.clear-btn,
.submit-btn,
.third-btn,
.fourth-btn,
.white-btn,
.remove-btn-alt,
.navy-btn {
    color: #fff;
    cursor: pointer;
    padding: 6px 0px;
    float: left;
    margin: 0px;
    width: 130px !important;
    font-family: 'Open Sans', Helvetica, sans-serif !important;
    font-weight: 600;
    height: 30px !important;
    border-radius: 4px !important;
}

    .clear-btn:focus, .submit-btn:focus, .third-btn:focus, .fourth-btn:focus, .white-btn:focus, .navy-btn:focus, .remove-btn-alt:focus {
        border: 1px dotted #000 !important;
    }

.clear-btn {
    background: #7A7A7A !important;
}

    .clear-btn:hover {
        background: #a1a1a1 !important;
    }


.third-btn {
    background: #0039A1;
}

    .third-btn:hover {
        background: #4c74bd;
    }

.fourth-btn {
    background: #d5d5d5;
}

.navy-btn {
    background: #001133;
}

    .navy-btn:hover {
        background: #4c5870;
    }

.white-btn {
    background: #fff;
    color: #110033 !important;
    border: 1px solid #110033;
}

    .white-btn:hover {
        background: #fad2be;
        color: #fff;
    }

    .white-btn[disabled] {
        background-color: #f1f1f1 !important;
        color: #b7b7b7 !important;
        border: 1px solid #f1f1f1 !important;
    }

.remove-btn {
    background: darkred;
    color: #fff !important;
}

.submit-btn {
    background: #ff6100;
    margin-right: 0;
    border: 0 !important;
}

    .submit-btn:hover {
        background: #ff904c;
    }

.remove-btn-alt {
    background: #fff !important;
    color: #ee0000 !important;
    border: 1px solid #ee0000 !important;
}

    .remove-btn-alt:hover,
    #unusualOrderBtn:hover {
        background: #fad2be !important;
    }

    .remove-btn-alt[disabled] {
        background-color: #f1f1f1 !important;
        color: #b7b7b7 !important;
        border: 1px solid #f1f1f1 !important;
    }

.signature {
    padding: 10px 10px;
    font-size: 20px;
    height: auto !important;
    min-height: 50px !important;
}

/* Programs */

.programs .signature-small {
    padding: 2px;
    font-size: 12px;
    height: 30px !important;
    width: 123px !important;
}

.programs.no-dots .signature-small {
    padding: 2px;
    font-size: 12px;
    height: 30px !important;
    width: 133px !important;
}

/* Programs */

.signature-small {
    padding: 2px;
    font-size: 13px;
    height: 23px !important;
    width: 90px !important;
    min-height: auto !important;
}

    .signature-small.height-28 {
        height: 28px !important;
    }

    .signature-small.reduced-font-size {
        font-size: 10px;
    }

.signature-micro {
    padding: 2px;
    font-size: 11px;
    height: 22px !important;
    width: 58px !important;
    min-height: auto !important;
}

.signature-micro1 {
    padding: 2px;
    font-size: 11px;
    height: 22px !important;
    width: 125px !important;
    min-height: auto !important;
}

.signature-mini {
    padding: 2px;
    font-size: 11px;
    height: 22px !important;
    width: 70px !important;
    min-height: auto !important;
}

.signature-med {
    padding: 2px;
    font-size: 13px;
    height: 30px !important;
    width: 150px !important;
    min-height: auto !important;
}

button[disabled] {
    background-color: #f1f1f1 !important;
    color: #b7b7b7;
}

button.search-btn {
    background: url(/Features/Shared/img/icon/title-icon-2.png) no-repeat right;
    position: absolute;
    left: 296px;
    top: 130px;
    width: 50px !important;
}

div.line-bank button[disabled] {
    background-color: transparent !important;
    opacity: .3;
}

button.search-btn:disabled {
    background: url(/Features/Shared/img/icon/title-icon-2.png) no-repeat right !important;
}

button.search-btn:hover {
    background: url(/Features/Shared/img/icon/title-icon-2.png) no-repeat right !important;
}

/*---- Pagination -----*/
.pagination-module {
    width: 100%;
    height: auto;
}

    .pagination-module ul {
        width: 100%;
        height: auto;
        list-style: none;
        padding: 0;
        text-align: right;
        margin: 10px 0 0 0;
    }

        .pagination-module ul li {
            display: inline-block;
            margin: 0 5px;
        }

            .pagination-module ul li a {
                color: #5e5858;
                text-decoration: none;
                cursor: pointer;
            }

                .pagination-module ul li a:hover {
                    color: #ff6100;
                }

                .pagination-module ul li a.active, .pagination-module ul li.active a, .pagination-module ul li span.active {
                    font-weight: bold;
                    color: #ff6100;
                }

    .pagination-module p {
        float: left;
        margin-bottom: 0;
    }

    .pagination-module > a {
        float: left;
        text-decoration: underline;
        font-size: 12px;
    }

        .pagination-module > a:hover {
            text-decoration: none;
        }

        .pagination-module > a img {
            margin-right: 5px;
        }

    .pagination-module.active {
        display: inline-block;
        padding-top: 10px;
    }

        .pagination-module.active li {
            float: left;
        }

    .pagination-module ul.float-r {
        width: 118px;
        float: right;
        margin: 0;
    }

    .pagination-module ul.float-l {
        width: 118px;
        float: left;
        margin: 0 0 0 20px;
    }

/*---- Inner block ----*/
.inner-block {
    padding: 10px;
    background: #fff;
    overflow: hidden;
}

    .inner-block.active {
        padding: 10px 10px 0 10px;
    }


/*--- info form ----*/
.info-pass {
    float: left;
    width: 485px;
    margin-right: 10px;
}

.info-forgot {
    border: 1px solid #000;
    padding: 10px;
    width: 463px;
    height: 150px;
}

/* top info */
.top-info {
    width: 100%; /* padding: 10px 0; */
    border-bottom: 1px solid #121212;
    margin-bottom: 10px;
}


/* note */
.note {
    position: relative;
    width: 89%;
    padding: 10px 25px;
    border: 1px solid #bfc0c3;
    margin-top: 10px;
}

    .note h3 {
        font-weight: 600;
    }

    .note small {
        position: absolute;
        top: 11px;
        left: 5px;
        font-size: 40px;
        color: #bfc0c3;
    }

    .note p {
        font-style: italic;
    }


/*---- form pass ----*/
.form-pass {
    float: left;
    width: 375px;
    margin-left: 10px;
    background: #d5d5d5;
}

    .form-pass form {
        padding: 10px 15px 0 15px;
        width: 347px;
        display: inline-block;
        height: 233px;
    }

.from-pass label {
    font-weight: 600;
}

.form-pass input {
    border: 1px solid #c6c6c6;
    width: 326px;
}

    .form-pass input:focus {
        border-color: #ff6100;
    }

.form-pass button {
    clear: both;
    color: #fff;
    float: right;
    font-weight: 600;
    font-family: 'Open Sans', Helvetica, sans-serif !important;
    background: #ff6100;
    cursor: pointer;
    width: 130px;
    height: 30px;
    margin-top: 10px;
}
/*.form-pass button:hover {background:#d95f00;}*/

.form-forgot {
    height: 172px;
}

/* Yubikey */
.yubikeyImageAndMessage {
    float: right;
    width: 375px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

#yubikeyMessage {
    text-align: center;
    line-height: 16px;
    margin-top: 25px;
}

.yubikey-img {
    width: 92px;
    float: left;
}

.yubikeyResetButtonContainer {
    clear: both;
    float: right;
    padding: 10px; /*background-color: #d5d5d5;*/
    width: 355px;
}

    .yubikeyResetButtonContainer button {
        float: right;
    }

.white-back {
    background: #ffffff !important;
}

.margin-left-10 {
    margin-left: -10px !important;
}

.margin-left-30 {
    margin-left: -30px !important;
}

.margin-left-5 {
    margin-left: -5px !important;
}

.margin-left5 {
    margin-left: 5px !important;
}

.margin-left {
    margin-left: 10px !important;
}

.margin-left15 {
    margin-left: 15px !important;
}

.margin-left20 {
    margin-left: 20px !important;
}

.margin-left30 {
    margin-left: 30px !important;
}

.margin-left35 {
    margin-left: 35px !important;
}

.margin-left40 {
    margin-left: 40px !important;
}

.margin-left50 {
    margin-left: 50px !important;
}

.margin-left80 {
    margin-left: 80px !important;
}

.margin-left125 {
    margin-left: 125px !important;
}

.margin-left140 {
    margin-left: 140px !important;
}

.margin-left-40-percentage {
    margin-left: 40% !important;
}

.margin-left3 {
    margin-left: 3px !important;
}

.margin-right0 {
    margin-right: 0px !important;
}

.margin-left5 {
    margin-left: 5px !important;
}

.margin-right-5 {
    margin-right: -5px !important;
}

.margin-right {
    margin-right: 10px !important;
}

.margin-right5 {
    margin-right: 5px !important;
}

.margin-right10 {
    margin-right: 10px !important;
}

.margin-right15 {
    margin-right: 15px !important;
}

.margin-right20 {
    margin-right: 20px !important;
}

.margin-right25 {
    margin-right: 25px !important;
}

.margin-bottom-5 {
    margin-bottom: -5px !important;
}

.margin-bottom {
    margin-bottom: 10px !important;
}

.margin-bottom0 {
    margin-bottom: 0px !important;
}

.margin-bottom2 {
    margin-bottom: 2px !important;
}

.margin-bottom5 {
    margin-bottom: 5px !important;
}

.margin-bottom15 {
    margin-bottom: 15px !important;
}

.margin-bottom20 {
    margin-bottom: 20px !important;
}

.margin-bottom30 {
    margin-bottom: 30px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom40 {
    margin-bottom: 40px !important;
}

.margin-bottom50 {
    margin-bottom: 50px !important;
}

.margin-top {
    margin-top: 10px !important;
}

.margin-top2 {
    margin-top: 2px !important;
}

.margin-top5 {
    margin-top: 5px !important;
}

.margin-top8 {
    margin-top: 8px !important;
}

.margin-top10 {
    margin-top: 10px !important;
}

.margin-top15 {
    margin-top: 15px !important;
}

.margin-top20 {
    margin-top: 20px !important;
}

.margin-top-22-percentage {
    margin-top: 22% !important;
}

.margin-top25 {
    margin-top: 25px !important;
}

.margin-top30 {
    margin-top: 30px !important;
}

.margin-top40 {
    margin-top: 40px !important;
}

.margin-top50 {
    margin-top: 50px !important;
}

.margin-top60 {
    margin-top: 60px !important;
}

.margin-top130 {
    margin-top: 130px !important;
}

.margin-top-5 {
    margin-top: -5px !important;
}

.margin-top80 {
    margin-top: 80px !important;
}

.margin-top-10 {
    margin-top: -10px !important;
}

.margin-top-20 {
    margin-top: -20px !important;
}

.margin {
    margin: 10px !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.margin-auto {
    margin: auto !important;
}

.padding {
    padding: 10px !important;
}

.padding5 {
    padding: 5px;
}

.padding11 {
    padding: 11px !important;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0px !important;
}

.padding-top {
    padding-top: 10px !important;
}

.padding-top20 {
    padding-top: 20px !important;
}

.padding-left {
    padding-left: 10px !important;
}

.padding-left20 {
    padding-left: 20px !important;
}

.padding-left22 {
    padding-left: 22px !important;
}

.padding-left25 {
    padding-left: 25px !important;
}

.padding-left30 {
    padding-left: 30px !important;
}

.padding-left40 {
    padding-left: 40px !important;
}

.padding-left60 {
    padding-left: 60px !important;
}

.padding-right {
    padding-right: 10px !important;
}

.padding-y {
    padding: 0 10px !important;
}

.padding-right20 {
    padding-right: 20px !important;
}

.padding-right40 {
    padding-right: 40px !important;
}

.padding-bottom {
    padding-bottom: 10px !important;
}

.top {
    top: 10px !important;
}

.left40 {
    left: 40px !important;
}

.right {
    right: 10px !important;
}

.right15 {
    right: 15px !important;
}

.right310 {
    right: 310px !important;
}

.right460 {
    right: 460px !important;
}

.break-word {
    word-break: break-all
}

.font-size-40 {
    font-size: 40px !important;
}

.font-size-34 {
    font-size: 34px !important;
}

.font-size-32 {
    font-size: 32px !important;
}

.font-size-30 {
    font-size: 30px !important;
}

.font-size-28 {
    font-size: 28px !important;
}

.font-size-26 {
    font-size: 26px !important;
}

.font-size-24 {
    font-size: 24px !important;
}

.font-size-22 {
    font-size: 22px !important;
}

.font-size-20 {
    font-size: 20px !important;
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-15 {
    font-size: 15px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-13 {
    font-size: 13px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-11 {
    font-size: 11px !important;
}

.font-size-10 {
    font-size: 10px !important;
}

.font-weight-normal {
    font-weight: normal !important;
}

.font-weight-bold {
    font-weight: bold !important;
}

.vertical-align-middle {
    vertical-align: middle;
}

.margin-tooltip-mri {
    display: block !important;
    width: 200px !important;
    top: -50px !important;
    left: 150px;
}

.margin-tooltip-mri-div {
    display: block !important;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-end;
    position: relative;
}

.margin-tooltip-beneficiary-taxid {
    width: 200px !important;
    top: -60px !important;
    left: 180px !important;
}

.height-15 {
    height: 15px;
}

.margin-left-icon {
    margin-left: 110px;
}

.margin-left-icon-payout {
    margin-left: 138px;
}
/*----- Message title -----*/
.message-title {
    background: #ebebeb;
    width: 860px;
    padding: 10px;
    margin-bottom: 0;
    border-radius: 6px;
    border: 1px solid #545454;
}

    .message-title a {
        float: right;
        width: 130px;
    }


    /* alerts */
    .message-title.success {
        background: #dff3dc;
        border: 1px solid #14a600;
    }

        .message-title.success h1, .message-title.success h2, .message-title.success h3, .message-title.success h4 {
            color: #14a600;
        }

        .message-title.success h3, .message-title.error h3, .message-title.notice h3, .message-title.neutral h3 {
            font-size: 15px;
        }

        .message-title.success h4, .message-title.error h4, .message-title.notice h4, .message-title.neutral h4 {
            font-size: 15px;
        }

    .message-title.error {
        background: #f7e6e6;
        border: 1px solid #ee0000;
    }

        .message-title.error h1, .message-title.error h3, .message-title.error ul {
            color: #ee0000;
        }

    .message-title.fatal-error {
        background: #ee0000;
    }

        .message-title.fatal-error h1, .message-title.fatal-error h3, .message-title.fatal-error ul {
            color: #fff;
        }

    .message-title.notice h1, .message-title.notice h3 {
        color: #0039a1;
    }

    .message-title.notice {
        background: #ebf3f6;
        border: 1px solid #0039a1;
    }

    .message-title.neutral h1, .message-title.neutral h3 {
        color: #545454;
    }

    .message-title.neutral {
        background: #f6f6d9;
        border: 1px solid #545454;
    }

    .message-title.main h1, .message-title.main h3 {
        color: #F97D03;
    }

    .message-title.main {
        background: #FEF2E5;
        border: 1px solid #F97D03;
    }

    .message-title.neutral-dark {
        background: #EBEBEB;
        border: 1px solid #545454;
    }

    .message-title.error span {
        display: initial;
    }

    .message-title span.color-number-sec {
        display: inline !important;
        color: #081b43 !important;
        font-weight: bold;
    }
    /*.message-title.error .title-module {width: 90%;}*/
    .message-title.mess-lightbox {
        width: 705px !important;
    }

    .message-title.mess-lightbox-one {
        width: 840px !important;
    }

    .message-title.mess-lightbox-mid {
        width: 484px !important;
    }

    .message-title.mess-lightbox-small {
        width: 384px !important;
    }

/* title module */
.title-module {
    float: left;
    width: 100%;
}

    .title-module img {
        float: left;
        margin-right: 10px;
        width: 20px;
        margin-top: 2px;
    }

    .title-module div.img {
        float: left;
        margin-right: 10px;
        width: 20px;
        margin-top: 2px;
    }

    .title-module h1 {
        float: left;
        padding: 0;
    }

    .title-module span {
        display: block;
        width: 100%;
        font-weight: 700;
        font-family: 'Open Sans', Helvetica, sans-serif !important;
        font-size: 13px;
        color: #606266;
        line-height: 18px;
    }

        .title-module span.same-row {
            display: inline;
        }

/*------ middle resume ----*/
.middle-resume {
    width: 98%;
    padding: 20px 10px;
}

    .middle-resume ul {
        width: 100%;
        height: auto;
        list-style: none;
        padding: 0;
        margin: 20px 0;
    }

        .middle-resume ul li {
            float: left;
            width: 33%;
        }

            .middle-resume ul li a {
                display: block;
                margin: 20px 0;
            }

            .middle-resume ul li p {
                margin-bottom: 3px;
            }

            .middle-resume ul li h4 {
                font-size: 13px;
                text-transform: uppercase;
                margin-bottom: 5px;
                font-weight: 700;
            }

p.number {
    font-size: 18px;
    letter-spacing: -.6px;
    white-space: nowrap;
}


/* hide info */
.hide-info {
    display: none;
}

.hide-info-i {
    display: none !important;
}
/*This class is just for the iframe/modal problem don't use for other things*/

/*--- btn ----*/
/*.btn {color: #fff; font-size: 13px;font-weight: 600;font-family: 'Open Sans', Helvetica, sans-serif!important;background: #606266;margin-top: 9px;width: 130px;display: block;text-align: center;text-decoration: none;height: 30px;line-height: 30px;cursor: pointer;}
.btn:hover {background: #575757;}*/

/* colors */
.color1 {
    background: #ff6100;
}

.color2 {
    background: #0039A1;
}

/*--- bottom-resume ---*/
.bottom-resume {
    float: left;
    width: 880px;
    padding: 0;
    border-top: 1px solid #e1e1e1;
    background: #f7f7f7;
}

    .bottom-resume h4 { /*text-transform: uppercase;*/
        font-size: 13px;
        line-height: 14px;
        min-height: 30px;
        font-weight: 700;
    }

    .bottom-resume p.number {
        font-size: 18px;
        letter-spacing: -.6px;
        white-space: nowrap;
    }

    .bottom-resume p {
        line-height: 28px;
        margin-bottom: 0;
    }

        .bottom-resume p.number-rate {
            width: 152px;
            font-size: 17px;
            line-height: 20px;
        }

    .bottom-resume small {
        color: #ff6100;
        font-size: 12px;
    }

    .bottom-resume li {
        float: left;
        width: 57%;
        padding-right: 3%;
    }

    .bottom-resume ul {
        width: 40%;
        float: left;
        border-right: 1px solid #e1e1e1;
        padding: 20px 2% 0 2%;
        margin: 0;
        list-style: none;
        height: 85px;
    }

        .bottom-resume ul.no-right-border {
            border-right: 0px;
        }

        .bottom-resume ul + ul {
            border-right: 0;
            width: 51%;
        }

            .bottom-resume ul + ul li {
                width: 37%;
            }

                .bottom-resume ul + ul li + li + li + li {
                    width: 25%;
                    margin-right: 0;
                    padding-right: 0;
                }

    .bottom-resume li.small-li {
        width: 14%;
    }

    .bottom-resume li.medium-li {
        width: 37%;
    }

    .bottom-resume li.w-p-25 {
        width: 25%;
    }

    .bottom-resume li.w-p-20 {
        width: 20%;
    }

    .bottom-resume .surcharge-compact h4 {
        font-size: 11px;
    }

    .bottom-resume .surcharge-compact p.number {
        font-size: 16px;
    }

    .bottom-resume .surcharge-compact-align {
        text-align: right;
    }

.resume-customer {
    width: 200px;
    margin: 20px;
    padding-left: 10px;
    font-size: 17px;
    font-weight: bold;
    height: 106px;
}

.bottom-resume li.small-li {
    width: 14%;
}

.bottom-resume li.medium-li {
    width: 37%;
}



/*---- Print module ----*/
.print-module {
    float: left;
    width: 880px;
    padding: 10px 0 10px 0;
}

    .print-module img {
        float: left;
        margin-top: 7px;
        width: 16px;
    }

    .print-module div.os-form {
        float: left;
        width: 844px;
        margin-left: 20px;
    }

    .print-module div {
        float: left;
        width: 219px;
        margin-top: 3px;
    }

        .print-module div + div {
            width: 226px;
        }

        .print-module div p {
            float: left;
            margin-left: 10px;
            width: 164px;
            margin-bottom: 0;
            margin-top: 4px;
        }

        .print-module div span {
            float: left;
            width: 15px;
            position: relative;
            margin-top: 3px;
        }

    .print-module input {
        width: auto;
        float: left;
        margin-right: 11px;
        height: 10px;
        position: absolute;
        top: 0;
    }

    .print-module button {
        margin-top: 0;
        float: right;
        cursor: pointer;
    }

    .print-module div.center-sel {
        height: 26px;
    }

        .print-module div.center-sel select {
            margin-top: -4px;
        }

.flex-container-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.flex-container-center-h {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.flex-container-center-v {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Stat List */

ul.stat {
    list-style: none;
    padding: 0;
}

    ul.stat li {
        float: left;
        width: 160px;
        min-height: 150px;
        height: auto !important;
        border-radius: 6px;
        background: #ff6100;
        padding: 5px;
        margin-right: 20px;
    }

        ul.stat li.pending {
            background: #cde1e1;
        }

        ul.stat li.error {
            background: #f7e6e6
        }

        ul.stat li.success {
            background: #013;
        }

    ul.stat h2 {
        color: #fff !important;
        font-size: 14px;
        text-align: center;
        margin-bottom: 0;
    }

        ul.stat h2.stat-value {
            font-size: 26px;
        }

    ul.stat li.pending h2 {
        color: #013 !important;
    }

    ul.stat li.error h2 {
        color: #ee0000 !important;
    }

/* Stat Vertical */
ul.stat-vertical-sm {
    width: 90px;
}

    ul.stat-vertical-sm li {
        width: 80px;
        min-height: 80px;
        margin-bottom: 10px;
        margin-right: 0;
    }

        ul.stat-vertical-sm li:last-child {
            margin-bottom: 0px;
        }

    ul.stat-vertical-sm h2 {
        font-size: 12px;
    }

        ul.stat-vertical-sm h2.stat-value {
            font-size: 20px;
        }

/* End Stat List */

/*---- Customer ---*/
.customer form {
    width: 100%;
    height: auto;
}


/*--- Filter block ----*/
.filter-block {
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    margin-top: -35px;
}

    .filter-block label {
        float: left;
        font-weight: 400;
        width: auto;
        margin-top: 26px;
    }

        .filter-block label input {
            float: left;
            width: auto;
        }

        .filter-block label p {
            float: left;
            margin: 0 0 0 10px;
            padding: 0;
            line-height: 28px;
        }

/* filter module*/
.filter-module {
    float: right;
}

    .filter-module p {
        width: 100%;
        margin-bottom: 5px;
    }

    .filter-module ul {
        width: 100%;
        height: auto;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .filter-module ul li {
            float: left;
            width: 100px;
            margin-right: 1px !important;
            height: 30px;
            line-height: 16px;
        }

            .filter-module ul li a {
                display: block;
                width: 100%;
                text-align: center;
                color: #fff;
                border-radius: 5px 0 0 5px;
                background: #bcbcbc;
                padding: 7px 0;
                font-weight: 600;
                height: 16px;
                text-decoration: none;
            }

            .filter-module ul li + li a {
                border-radius: 0;
            }

            .filter-module ul li + li + li a {
                border-radius: 0 5px 5px 0;
            }

            .filter-module ul li a:hover, .filter-module ul li a.active {
                background: #ff6100 !important;
                box-shadow: inset 0 3px 17px #AC4E05 !important;
            }

    .filter-module.active {
        float: left;
    }

        .filter-module.active li {
            width: 120px;
        }

    .filter-module li.tab-small {
        width: 60px;
    }

    .filter-module.active li + li a {
        border-radius: 0 5px 5px 0;
    }

/*--- Table module ----*/
.table-module {
    border: 1px solid #ebebeb;
    padding: 20px 13px;
    width: 681px;
    background-color: #fff;
    margin-bottom: 20px;
}

    .table-module h2 {
        float: left;
    }


/* icon block */
.icon-block {
    float: right;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

    .icon-block li {
        float: left; /* position:relative; */
        margin-left: 5px;
    }

        .icon-block li a {
            display: block;
        }

            .icon-block li a img {
                width: 16px;
            }


/* info list */
.info-list {
    list-style: none;
    margin: 0;
    width: 100%;
    height: auto;
    padding: 0 0;
}

    .info-list li {
        float: left;
        width: auto;
        margin-right: 20px;
        color: #0039a6;
    }

        .info-list li p {
            float: left;
        }

        .info-list li img {
            float: left;
            margin-right: 10px;
            width: 16px;
            margin-top: -2px;
        }

        .info-list li + li {
            color: #545454;
        }

/* row */
.row {
    width: 100%;
    height: auto;
    position: relative;
}

/*---- Current table ----*/
.current-table {
    width: 100%;
    font-size: 12px;
    color: #7a7a7a;
}

    .current-table a {
        text-decoration: none;
    }

        .current-table a img {
            margin-right: 9px;
            width: 16px;
            float: left;
        }

    .current-table p {
        margin-bottom: 3px;
        line-height: 16px;
    }

    .current-table td.float {
        width: 258px;
    }

    .current-table td + td {
        width: 450px;
    }

        .current-table td + td + td {
            width: 340px;
        }

            .current-table td + td + td + td {
                width: 30px;
                text-align: center;
            }

                .current-table td + td + td + td + td {
                    width: 10px;
                }

    .current-table.bank-table tr {
        height: 26px;
    }

        .current-table.bank-table tr:last-child {
            border-bottom: 1px solid #ECECEC;
        }

    .current-table.bank-table td {
        cursor: pointer;
    }

    .current-table.govt-table tr {
        height: 26px;
    }

        .current-table.govt-table tr:last-child {
            border-bottom: 1px solid #ECECEC;
        }

    .current-table.govt-table td {
        cursor: pointer;
    }

    .current-table td.float img {
        float: left;
        margin-right: 10px;
        margin-bottom: 60px;
        width: 16px;
    }

    .current-table td.float p {
        float: left;
        width: 150px;
    }

    .current-table tr:last-child {
        border-bottom: 0;
    }

    .current-table strong {
        font-weight: 800;
    }

    .current-table a img.closeit {
        margin-right: 0;
    }

    .current-table td.loadMoreResults {
        font-weight: bold;
        text-align: center;
        color: #ff6100;
    }

.last-row-primary tr:last-child {
    border-bottom: 1px solid #ff6100 !important;
}

/*--- lightbox ----*/
.lightbox {
    width: 100%;
    position: fixed;
    background: #000;
    -moz-opacity: 0.70;
    opacity: 0.7;
    filter: alpha(opacity=70);
    height: 100%;
    padding-top: 3%;
}

/*--- lightbox Login ----*/
.lightbox-login {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* close */
.close {
    background: #4A4A4A;
    border-radius: 50%;
    position: absolute;
    right: -14px;
    top: -10px;
    width: 10px;
    height: 10px;
    display: block;
    padding: 7px;
    border: 1px solid #fff;
    box-shadow: 0 5px 5px rgba(0,0,0,.5);
}

    .close img {
        width: 100%;
    }

    .close:hover {
        background: #4A4A4A;
    }


/*--- Subtitle module ----*/
.subtitle-module {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

    .subtitle-module > p {
        float: left;
        font-weight: bold;
    }

    .subtitle-module ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }


/* xport */
.xport {
    float: right;
    margin-top: 8px;
}

    .xport p {
        float: left;
        font-weight: bold;
    }

    .xport ul {
        float: left;
    }

        .xport ul li {
            float: left;
            margin-left: 10px;
        }

            .xport ul li a img {
                width: 16px;
            }

/*---- Search module ----*/
.search-module {
    width: 860px;
    background: #d5d5d5;
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
}

    .search-module form {
        width: 100%;
        height: auto;
    }

    .search-module ul {
        float: left;
        width: 100%;
        margin: 0 0 10px 0;
        padding: 0;
        list-style: none;
    }

        .search-module ul + ul {
            margin: 0;
        }

        .search-module ul li {
            float: left;
            margin-right: 25px;
            width: 190px;
            position: relative;
        }

            .search-module ul li .select-action span {
            }

    .search-module input {
        border: 1px solid #C6C6D9;
        color: #727272; /*height: 28px;*/
    }

        .search-module input[type='checkbox'] {
            background-color: #d5d5d5;
        }

    .search-module div.arrow-btn {
        background: transparent;
        position: absolute;
        right: 4px;
        top: 24px;
        cursor: pointer;
    }

    .search-module ul + ul li { /* margin-right: 30px; */
    }

    .search-module .date-module img {
        right: 5px;
        width: 16px;
    }

    .search-module ul li + li + li + li {
        margin-right: 0;
    }

        .search-module ul li + li + li + li + li {
            margin-right: 25px;
        }

            .search-module ul li + li + li + li + li + li + li + li {
                margin-right: 0;
            }

    .search-module.active li.small + li.small {
        margin-right: 0;
    }

    .search-module.active li.small select { /* width: 91px; */
    }

    .search-module.active li.small span { /* width: 90px ; */
    }

    .search-module button img {
        width: 16px;
    }

    .search-module.lightbox-search {
        width: 705px;
    }

    .search-module.sub-dep {
        width: 270px;
    }

    .search-module ul.ul-col-25-p {
        width: 202px;
        border-right: 1px dotted #bbb;
        min-height: 265px;
        margin-bottom: 0;
    }

        .search-module ul.ul-col-25-p li {
            margin-bottom: 10px;
        }

/* select action */
.select-action {
    width: 100%;
    height: auto;
    position: relative;
}

    .select-action select {
        z-index: 10;
        opacity: 0; /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        width: 100%;
    }

    .select-action span {
        top: 0;
    }

/*--- date module ----*/
.date-module {
    width: 100%;
    position: relative;
}

    .date-module img {
        position: absolute;
        top: 7px;
        right: 0;
    }

    .date-module input {
        text-align: left;
    }

.identification-main img {
    margin-top: 12px;
}

/*--- Follow ----*/
.follow-img {
    position: absolute;
    right: -18px;
    top: 27px;
}


/*---- Button row -----*/
.button-row {
    float: right;
    height: auto;
    margin: 10px 0px 20px 0px;
}

.button-row-rdm {
    float: right;
    height: auto;
    margin: -30px 0px 20px 0px;
}

.button-row button {
    margin-left: 20px;
    margin-top: 0;
}

.button-row div.left {
    float: left;
    width: 425px;
}

    .button-row div.left.w595 {
        width: 595px;
    }

        .button-row div.left.w595 h4 {
            line-height: 30px;
        }

    .button-row div.left.w730 {
        width: 730px;
    }

.button-row-rdm div.right {
    float: right;
}

.button-row-rdm button {
    margin-left: 20px;
    margin-top: 0;
}

.button-row-rdm div.left {
    float: left;
    width: 425px;
}

    .button-row-rdm div.left.w595 {
        width: 595px;
    }

        .button-row-rdm div.left.w595 h4 {
            line-height: 30px;
        }

    .button-row-rdm div.left.w730 {
        width: 730px;
    }

.button-row-rdm div.right {
    float: right;
}

.pls-btn {
    color: #fff;
    cursor: pointer;
    padding: 6px 0;
    float: left;
    margin: 0;
    width: 130px !important;
    font-weight: 600;
    height: 30px !important;
    border-radius: 4px !important;
}

.pls-btn {
    background: #3dad49;
    color: #000;
}

/*---- tab results ----*/
.tab-results {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}


/*--- Head tab ----*/
.title-table {
    width: 100%;
    height: auto;
}

    .title-table img {
        float: left;
        margin-right: 10px;
    }

    .title-table div {
        float: left;
    }

    .title-table span {
        color: #013aa5;
    }


/*--- Usert tab ----*/
.user-tab {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

    .user-tab table {
        width: 100%;
        font-size: 12px;
    }

        .user-tab table th {
            text-align: left;
            padding: 0 3px;
            font-size: 12px;
            border-radius: 0;
        }

        .user-tab table tbody tr {
            border-right: 0;
            border-left: 0;
        }
        /*.user-tab table tbody td+td+td+td+td, .user-tab table thead th+th+th+th+th {text-align: right;}
.user-tab table tbody td+td+td+td+td+td+td+td, .user-tab table thead th+th+th+th+th+th+th+th {text-align:left;}*/
        .user-tab table td {
            width: auto;
        }

.icon-tab img {
    width: 16px;
}

.icon-tab a {
    float: left;
    margin-right: 10px;
}

.color-number {
    color: #013aa5;
    font-weight: bold;
}

.color-number-not-allowed {
    color: #013aa5;
    font-weight: bold;
    cursor: not-allowed;
}

.color-number-sec {
    color: #081b43;
    font-weight: bold;
}

.user-tab table.active th, .user-tab table.active td {
    text-align: left;
}

    .user-tab table.active th.align-right, .user-tab table.active td.align-right {
        text-align: right;
    }

.user-tab table.active td { /* width: 80px; */
}

.user-tab tr.footer-tab, .r-data tr.footer-tab, tr.footer-tab {
    background: #f1f2f3;
    font-weight: bold;
    color: #081b43;
}

.user-tab tr.footer-tab2 {
    font-weight: bold;
    color: #081b43;
}

.user-tab table.active {
    margin-bottom: 20px;
}

    .user-tab table.active th.w-200 {
        width: 200px;
    }

    .user-tab table.active tr.no-border {
        border: 0;
    }


/*-- info user ---*/
.info-user {
    margin: 10px 0;
}

    .info-user ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

.featured {
    font-size: 16px;
    font-weight: bold;
}

.info-user ul li {
    float: left;
    margin-right: 10px;
}
    /*.info-user ul li span {font-weight: bold;}*/
    .info-user ul li span.color-span {
        color: #ff6100;
        margin-top: 3px;
        display: block;
    }

    .info-user ul li img {
        width: 16px;
    }

    .info-user ul li label {
        width: auto;
    }

/*-- first info ---*/
.first-info {
    float: left;
}

/*--- second info ---*/
.second-info {
    float: right;
}


    /* shorthand */
    .first-info.active small, .second-info.active small {
        padding-left: 50px;
    }

    .first-info.active li, .second-info.active li {
        padding-left: 50px;
    }

/*---- Toggle module ----*/
.toggle-module {
    width: 100%;
    height: auto;
    position: relative;
}

.line-block {
    width: 100%;
    height: 2px;
    background: #cecece;
}

/*--- Open toggle ---*/
.open-toggle {
    width: 100%;
    border-bottom: 1px solid #ff6100;
    color: #ff6100;
    padding-bottom: 5px;
    position: relative;
    margin-top: 20px;
    cursor: pointer;
}

    .open-toggle img.up {
        display: none;
    }

    .open-toggle img {
        float: right;
        margin-top: 9px;
    }

    .open-toggle h3, .open-toggle h5 {
        float: left;
        margin-bottom: 0;
    }

    .open-toggle.active img.up {
        display: block;
    }

    .open-toggle.active img.down {
        display: none;
    }

    .open-toggle.dark-text {
        color: #545454;
    }

/* hide */
.hide-tab {
    display: none;
    position: relative;
}

/* red txt */
.red-txt, .negative {
    color: #ee0000 !important;
    font-weight: bold;
}

.success-txt {
    color: #14a600 !important;
}

.alternative-txt {
    color: #0039A1 !important;
}

/* green txt */
.green-txt {
    color: #14a600 !important;
    font-weight: bold;
}

/*--- Scroll to top ---*/
.scrollToTop {
    width: 35px;
    height: 35px;
    position: fixed;
    bottom: 3%;
    right: 5%;
    display: none;
    background-color: #fff;
}

    .scrollToTop img {
        width: 100%;
    }

/*--- hide table ---*/
.hide-table {
    width: 100%;
    height: 403px;
    overflow: hidden;
    overflow-y: scroll;
    position: relative
}

.hide-table-small {
    width: 100%;
    height: 180px;
    overflow: hidden;
    overflow-y: scroll;
    position: relative
}

.hide-table-med {
    width: 100%;
    height: 310px;
    overflow: hidden;
    overflow-y: scroll;
    position: relative
}

.table-scroll {
    overflow-y: scroll;
}

/* icon tooltip */
.open-tooltip {
    opacity: 1;
}

.tooltip-icon {
    display: none;
    position: absolute !important;
    background: #5F5F5F; /*top: 20px;*/
    font-size: 12px;
    width: 120px;
    padding: 5px;
    border-radius: 5px;
    margin-left: -50px;
    color: #fff;
    text-align: center;
    right: 0;
    z-index: 100000000;
}

.tool-customer-taxid {
    display: block;
    width: 200px;
    top: -45px;
    position: absolute !important;
    right: -200px !important;
}

.tooltip-icon.active {
    bottom: inherit;
    top: 30px;
}

.tooltip-icon.tool-header {
    bottom: auto;
    right: auto;
    margin: 4px 0 0 0;
}

.tooltip-icon.tool-header-serv {
    bottom: auto;
    right: auto;
    margin: 4px 0 0 0;
    width: 180px;
}

.tooltip-icon.tool-table {
    display: block;
    left: 0;
    margin-left: 0;
}

.tooltip-help {
    background: #0039a1;
    left: 0;
    margin-left: 0;
    width: 180px;
}

/* see more */
.see-more .off {
    display: none;
}

.see-more .on {
    display: block;
}

.see-more.active .on {
    display: none;
}

.see-more.active .off {
    display: block;
}

/* edit checkbox */
.print-module input[type=checkbox]:not(old), .print-module input[type=radio ]:not(old) {
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0; /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

    .print-module input[type=checkbox]:not(old) + label, .print-module input[type=radio ]:not(old) + label {
        display: inline-block;
        background: url(/Features/Shared/img/icon/check-normal.png) center center no-repeat;
        width: 15px;
        height: 15px;
        cursor: pointer;
    }

    .print-module input[type=checkbox]:not(old):checked + label, .print-module input[type=radio]:not(old):checked + label {
        background: url(/Features/Shared/img/icon/check-active.png) center center no-repeat;
    }

/*---- valdiate ----*/
.validate {
    width: 100%;
    height: auto;
    position: relative
}

    .validate .validate-icon {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 11px;
    }

        .validate .validate-icon.error-validate {
            width: 10px;
        }

/*---- ad b ---*/
.add-b {
    width: 100%;
    border-top: 1px solid;
    border-color: #ff6100;
    padding: 10px 0 0 0;
    line-height: 16px;
    margin: 0;
}

    .add-b img {
        margin-right: 5px;
    }

/*-- check label --*/
.check-label {
    padding-top: 0px;
}

    .check-label input {
        float: left;
        width: 20px;
    }

    .check-label p { /*float: left*/
        ;
        line-height: 28px;
        margin: 0 0 0 10px;
        padding: 0px;
        white-space: nowrap;
    }

/*--- Result color ---*/
.result-color {
    color: #081b43;
    border-top: 2px solid #5d5d5d;
    border-bottom: 2px solid #5d5d5d;
}

.white-btn.selected.selected-o {
    background: #ff6100 !important;
}

.border-rounded-o {
    border: 1px solid #ff6100 !important;
    border-radius: 6px;
}

.border-rounded {
    border: 1px solid #ddd;
    border-radius: 6px;
}




.list-group {
    padding: 0;
    border: 1px solid #ddd;
    /*box-shadow: 4px 4px 6px #ddd;*/
    border-radius: 6px;
}

    .list-group ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .list-group ul li {
            padding: 0;
            border-bottom: 1px dotted #ddd;
            color: #001133;
        }

            .list-group ul li.list-group-header {
                padding: 10px;
                background: #cde1e1;
                font-size: 14px;
            }

                .list-group ul li.list-group-header.navy {
                    background: #001133;
                    color: #ffffff;
                    border-radius: 6px 6px 0px 0px;
                }


span.selector {
    float: left;
    width: 16px;
    height: 16px;
    background: url(/Features/Shared/img/icon/check-normal.png) no-repeat 0px 1px;
    margin-right: 10px;
}

    span.selector.selector-selected {
        background: url(/Features/Shared/img/icon/check-active.png) no-repeat 0px 1px;
    }

.list-group ul li a {
    padding: 10px;
    display: block;
    color: #001133;
}

    .list-group ul li a:hover {
        text-decoration: none;
        background: #fad2be;
        /* #e6f0f0*/
    }

    .list-group ul li a.list-item-active {
        background: #fad2be;
    }

.list-group ul li:last-child {
    border-bottom: 0;
}




/*---- Bank form ----*/
#wrapper.bank-deposit h1 {
}

.bank-form, .modal-search-form {
    width: 705px;
    height: auto;
    margin-top: 10px;
    background: #d5d5d5;
    padding: 10px;
    margin-bottom: 0;
}

    .bank-form form {
        display: inline-block;
    }

    .bank-form h3 {
        color: #0039A1;
    }

    .bank-form input {
        width: 316px;
    }

    .bank-form button {
        float: right;
        margin-top: 10px;
    }

        .bank-form button:hover {
            background: #575757;
        }

    .bank-form a {
        float: left;
        background: #575757;
        color: #fff;
        font-size: 15px;
        width: 130px;
        font-weight: 600;
        margin-top: 10px;
        text-align: center;
        text-decoration: none;
        clear: both;
        height: 30px;
        line-height: 30px;
    }

    .bank-form .bank-branch-autocomplete {
        z-index: 10;
        position: absolute;
        width: 330px;
        border: 1px solid #c6c6d9;
        border-top: 0
    }

        .bank-form .bank-branch-autocomplete ul {
            padding-left: 0
        }

            .bank-form .bank-branch-autocomplete ul li {
                list-style-type: none;
            }

        .bank-form .bank-branch-autocomplete a {
            padding-left: 10px;
            background-color: white;
            color: #0039A1 !important;
            margin: 0;
            width: 330px !important;
            text-align: left !important;
        }

            .bank-form .bank-branch-autocomplete a:hover {
                text-decoration: underline;
                background: #f1f1f1 !important;
            }

/* inner bank */
.inner-bank, .modal-inner-search {
    width: 100%;
    height: auto;
}

/* span bank */
.span-bank {
    float: left;
    width: 340px;
    margin-right: 25px;
}

    .span-bank + .span-bank {
        margin-right: 0; /*height: 112px;*/
    }
/* row bank */
.row-bank {
    width: 100%;
    height: 51px;
    margin-bottom: 10px;
}

/* hide table active */
/*.table-bank .current-table td, .table-bank .current-table th { border: 1px solid #000; }*/
.table-bank .current-table td, .table-bank .current-table th {
    width: 100px;
    word-wrap: break-word;
    max-width: 100px !important;
    padding: 7px 4px;
    text-align: left;
    cursor: pointer;
}

    .table-bank .current-table td + td, .table-bank .current-table th + th {
        width: 70px;
        max-width: 70px !important;
    }

        .table-bank .current-table td + td + td, .table-bank .current-table th + th + th {
            width: 160px;
            max-width: 160px !important;
        }

            .table-bank .current-table td + td + td + td, .table-bank .current-table th + th + th + th {
                width: 70px;
                max-width: 70px !important;
            }

.table-bank {
    overflow-y: auto;
    height: 200px;
}

.table-2-head {
    float: left;
    width: 725px;
    background-color: #CACACA;
}

    .table-2-head table {
        width: 705px;
        border-collapse: separate;
    }
/*.table-bank h3 {margin-bottom: 10px;}
.table-bank .current-table tr { height: 40px; }
.table-bank .current-table td, .table-bank th {width: 210px;text-align: left; }
.table-bank .current-table td+td, .table-bank th+th {width: 80px;}
.table-bank .current-table td+td+td, .table-bank th+th+th { width: 320px;}
.table-bank .current-table td+td+td+td, .table-bank th+th+th+th { width: 100px;}
.table-bank .current-table td+td+td+td+td, .table-bank th+th+th+th+th {width: 170px;}*/
/*.table-bank thead tr{display: block;}*/
/*.table-bank tbody {display: block;overflow: auto;width: 100%;overflow-y: scroll;}*/
/*.table-bank tbody::-webkit-scrollbar{width: 0 !important;}*/

/* overflow table*/
.overflow-table-1, .overflow-table-2, .overflow-table-3 {
    overflow-y: auto; /*-ms-overflow-style: none;overflow: -moz-scrollbars-none;*/
}
/*.overflow-table-1::-webkit-scrollbar, .overflow-table-2::-webkit-scrollbar {width: 0 !important;}*/
.overflow-table-1 {
    height: 284px;
}

.overflow-table-2 {
    height: 250px;
    width: 725px;
    position: relative;
}

.overflow-table-3 {
    height: 200px;
    width: 725px;
    position: relative;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-auto {
    overflow: auto;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-visible {
    overflow: visible !important;
}

/*-- Summary table ----*/
.summary-table {
    margin-bottom: 20px;
}

    .summary-table td.small-td {
        width: 80px;
    }

    .summary-table td.type-td {
        float: left;
        width: 175px;
        word-wrap: break-word !important; /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/
    }

    .summary-table td.message-td, .summary-table th.message-th {
        width: 410px;
    }

    .summary-table td.message-td {
        float: left;
        word-wrap: break-word !important;
    }


td.align-right, th.align-right {
    text-align: right !important;
}

td.align-center, th.align-center {
    text-align: center !important;
}

th.icons2 {
    width: 45px;
}


/*----- bank large -----*/
.bank-large {
    margin-top: 10px;
}

    .bank-large, .bank-large form {
        width: 100%;
        height: auto;
    }

        .bank-large form input { /* padding:0; */
            width: 330px;
        }
/* half */
.half-bank {
    float: left;
    width: 352px;
    margin-right: 20px;
}

    .half-bank + .half-bank {
        margin-right: 0;
        position: relative;
    }

/*----- govt large -----*/
.govt-large {
    margin-top: 10px;
}

    .govt-large, .govt-large form {
        width: 100%;
        height: auto;
    }

        .govt-large form input { /* padding:0; */
            width: 330px;
        }
/* half */
.half-govt {
    float: left;
    width: 352px;
    margin-right: 20px;
}

    .half-govt + .half-govt {
        margin-right: 0;
        position: relative;
    }


.height-half {
    height: 470px;
}

.half-bank.height-half510 {
    height: 510px;
}

.height-auto {
    height: auto !important;
}

.height-p-100 {
    height: 100% !important;
}

.height55 {
    height: 55px !important;
}

.height50 {
    height: 50px !important;
}

.height36 {
    height: 36px !important;
}

.height38 {
    height: 38px !important;
}

.height20 {
    height: 20px;
}

.height16 {
    height: 16px;
}

.height270 {
    height: 270px !important;
}

.height300 {
    height: 300px !important;
}

.height330 {
    height: 330px;
}

.height350 {
    height: 350px;
}

.height360 {
    height: 360px;
}

.height370 {
    height: 370px;
}

.height385 {
    height: 385px;
}

.height400 {
    height: 400px;
}

.height420 {
    height: 420px;
}

.height470 {
    height: 470px;
}

.height490 {
    height: 490px;
}

/*-- line bank ---*/
.line-bank { /*width: 100%;*/
    height: auto;
    margin-bottom: 13px;
}

.info-country {
    text-align: left;
    color: red;
}

.line-bank button {
    float: right;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', Helvetica, sans-serif !important;
    margin-left: 10px;
    width: 130px;
    cursor: pointer;
    height: 30px;
}

    .line-bank button:hover {
        background: #575757;
    }

    .line-bank button.cancel-bank {
        background: #575757;
    }

    .line-bank button.save-bank {
        background: #CACACA;
        color: #818181;
    }

.line-bank.active .middle-row + .middle-row {
    width: 74px;
    margin-left: 15px;
}

    .line-bank.active .middle-row + .middle-row span {
        width: 68px;
        padding-left: 5px;
    }

.line-bank.active .middle-row {
    width: 353px;
    height: 51px;
}

.line-bank a {
    cursor: pointer;
}


/*-- govt bank ---*/
.line-govt { /*width: 100%;*/
    height: auto;
    margin-bottom: 10px;
}

    .line-govt button {
        float: right;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        font-family: 'Open Sans', Helvetica, sans-serif !important;
        margin-left: 10px;
        width: 130px;
        cursor: pointer;
        height: 30px;
    }

        .line-govt button:hover {
            background: #575757;
        }

        .line-govt button.cancel-govt {
            background: #575757;
        }

        .line-govt button.save-govt {
            background: #CACACA;
            color: #818181;
        }

    .line-govt.active .middle-row + .middle-row {
        width: 74px;
        margin-left: 15px;
    }

        .line-govt.active .middle-row + .middle-row span {
            width: 68px;
            padding-left: 5px;
        }

    .line-govt.active .middle-row {
        width: 353px;
        height: 51px;
    }

    .line-govt a {
        cursor: pointer;
    }

/*-- middle row --*/
.middle-row {
    float: left;
    width: 165px;
    margin-right: 10px;
    position: relative;
}

    .middle-row + .middle-row {
        margin-right: 0;
        margin-left: 10px;
    }

    .middle-row input {
        width: 143px !important;
    }

    .middle-row a {
        line-height: 66px;
        text-decoration: underline;
    }

        .middle-row a:hover {
            text-decoration: none;
        }

/*--- large row ---*/
.large-row input {
}

/* small t */
.bank-small-t {
    font-size: 14px;
    font-weight: 300;
}

/*Correspondent search*/
.span-correspondet {
    float: left;
    width: 705px;
}

.row-correspondent {
    float: left;
    width: 150px;
    height: 51px;
    margin: 0 10px 0 0;
}

.r-c-db {
    width: 250px;
}

.row-correspondent input {
    width: 240px;
}

    .row-correspondent input.search-small {
        width: 130px;
    }

.row-correspondent.small-currency {
    width: 85px !important;
}

h1 span.subtitle {
    float: right;
    color: #545454;
    font-size: 15px; /*border-bottom: 1px dotted #545454;*/
}

    h1 span.subtitle.yb-login {
        position: absolute;
        top: 5px;
        right: 0;
    }

.table-correspondent td, .table-correspondent th {
    width: 165px;
    padding: 5px;
}

    .table-correspondent td + td, .table-correspondent th + th {
        width: 60px;
        padding: 5px;
    }

        .table-correspondent td + td + td, .table-correspondent th + th + th {
            width: 80px;
            padding: 5px;
        }

            .table-correspondent td + td + td + td, .table-correspondent th + th + th + th {
                width: 266px;
                padding: 5px;
            }

                .table-correspondent td + td + td + td + td, .table-correspondent th + th + th + th + th {
                    width: 80px;
                    padding: 5px;
                }

    .table-correspondent td p {
        color: #ff6100;
        margin: 0;
    }

.table-correspondent th, .table-atm-location th {
    padding: 0 5px !important;
}

.table-branch td, .table-branch th {
    width: 165px;
    padding: 5px;
}

    .table-branch td + td, .table-branch th + th {
        width: 460px;
        padding: 5px;
    }

        .table-branch td + td + td, .table-branch th + th + th {
            width: 100px;
            padding: 5px;
        }

.table-branch.wcorrespname td, .table-branch.wcorrespname th {
    width: 165px !important;
}

    .table-branch.wcorrespname td + td, .table-branch.wcorrespname th + th {
        width: 165px !important;
    }

        .table-branch.wcorrespname td + td + td, .table-branch.wcorrespname th + th + th {
            width: 360px !important;
        }

            .table-branch.wcorrespname td + td + td + td, .table-branch.wcorrespname th + th + th + th {
                width: 100px !important;
            }

.table-atm-location td, .table-atm-location th {
    width: 165px;
    padding: 5px;
}

    .table-atm-location td + td, .table-atm-location th + th {
        width: 410px;
        padding: 5px;
    }

        .table-atm-location td + td + td, .table-atm-location th + th + th {
            width: 150px;
            padding: 5px;
        }

.table-atm-location .upperCase {
    text-transform: uppercase;
}

.width-p-100 {
    width: 100% !important;
}

.width-p-98 {
    width: 98% !important;
}

.width-p-95 {
    width: 95% !important;
}

.width-p-94 {
    width: 94% !important;
}

.width-p-90 {
    width: 90% !important;
}

.width-p-80 {
    width: 80% !important;
}

.width-p-78 {
    width: 78% !important;
}

.width-p-75 {
    width: 75% !important;
}

.width-p-70 {
    width: 70% !important;
}

.width-p-65 {
    width: 65% !important;
}

.width-p-60 {
    width: 60% !important;
}

.width-p-55 {
    width: 55% !important;
}

.width-p-50 {
    width: 50% !important;
}

.width-p-48 {
    width: 48% !important;
}

.width-p-49 {
    width: 49% !important;
}

.width-p-47 {
    width: 47% !important;
}

.width-p-45 {
    width: 45% !important;
}

.width-p-42 {
    width: 42% !important;
}

.width-p-40 {
    width: 40% !important;
}

.width-p-38 {
    width: 38% !important;
}

.width-p-36 {
    width: 36% !important;
}

.width-p-34 {
    width: 34% !important;
}

.width-p-33 {
    width: 33% !important;
    box-sizing: border-box;
}

.width-p-32 {
    width: 32% !important;
}

.width-p-31 {
    width: 31% !important;
}

.width-p-30 {
    width: 30% !important;
}

.width-p-28 {
    width: 28% !important;
}

.width-p-25 {
    width: 25% !important;
}

.width-p-24 {
    width: 24% !important;
}

.width-p-20 {
    width: 20% !important;
}

.width-p-18 {
    width: 18% !important;
}

.width-p-16 {
    width: 16% !important;
}

.width-p-15 {
    width: 15% !important;
}

.width-p-14 {
    width: 14% !important;
}

.width-p-12 {
    width: 12% !important;
}

.width-p-10 {
    width: 10% !important;
}

.width-p-8 {
    width: 8% !important;
}

.width-i-95 {
    width: 95% !important;
}

.width900 {
    width: 900px !important;
}

.width870 {
    width: 870px;
}

.width860 {
    width: 860px;
}

.width855 {
    width: 855px !important;
}

.width700 {
    width: 700px !important;
}

.width680 {
    width: 680px !important;
}

.width650 {
    width: 650px !important;
}

.width535 {
    width: 535px !important;
}

.width500 {
    width: 500px !important;
}

.width480 {
    width: 480px !important;
}

.width400 {
    width: 400px !important;
}

.width390 {
    width: 390px;
}

.width350 {
    width: 350px;
}

.width335 {
    width: 335px;
}

.width300 {
    width: 300px !important;
}

.width250 {
    width: 250px !important;
}

.width230 {
    width: 230px !important;
}

.width200 {
    width: 200px !important;
}

.width180 {
    width: 180px !important;
}

.width150 {
    width: 150px !important;
}

.width140 {
    width: 140px !important;
}

.width130 {
    width: 130px !important;
}

.width120 {
    width: 120px !important;
}

.width116 {
    width: 116px !important;
}

.width110 {
    width: 110px !important;
}

.width100 {
    width: 100px !important;
}

.width90 {
    width: 90px !important;
}

.width80 {
    width: 80px !important;
}

.width50 {
    width: 50px !important;
}

.width40 {
    width: 40px !important;
}

.width35 {
    width: 35px !important;
}

.width30 {
    width: 30px !important;
}

.width20 {
    width: 20px !important;
}

.width8 {
    width: 8px !important;
}

.width-auto {
    width: auto !important;
}

.width-input-search, div.modal-inner-search .md-datepicker-input {
    width: 190px;
}

.previously-selected-row {
    background-color: #ddd;
}

.search-autocomplete {
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 1002;
    background: #e8e9eb;
    border-bottom: 2px solid #ff6100;
    overflow: hidden;
    width: 348px;
}

    .search-autocomplete li a {
        margin: 0;
        padding: 0 0 0 10px;
        z-index: 1002;
        background: #e8e9eb;
        color: #545454;
        font-size: 12px;
        font-weight: normal;
        text-align: left;
        border-bottom: 1px dotted #545454;
        width: 327px;
    }

/* Customer Compliance Documents */
.table-documents td, .table-documents th {
    width: 140px;
    padding: 5px;
}

    .table-documents td + td, .table-documents th + th {
        width: 140px;
        padding: 5px;
    }

        .table-documents td + td + td, .table-documents th + th + th {
            width: 40px;
            padding: 5px;
        }

            .table-documents td + td + td + td, .table-documents th + th + th + th {
                width: 140px;
                padding: 5px;
            }

                .table-documents td + td + td + td + td, .table-documents th + th + th + th + th {
                    width: 140px;
                    padding: 5px;
                }

.table-documents th {
    padding: 0 5px !important;
}

/*balance due report*/
.balance-table td + td {
    width: 300px;
}

    .balance-table td + td + td + td + td {
        width: 55px;
    }

.search-module .balance-amount {
    float: right;
    width: 600px;
}

    .search-module .balance-amount ul {
        float: right;
        margin: 0;
    }

        .search-module .balance-amount ul li {
            width: 180px;
            background: #fff;
            padding: 5px;
            margin: 0 0 0 10px;
        }

            .search-module .balance-amount ul li + li + li + li {
                margin-top: 10px;
            }

            .search-module .balance-amount ul li div {
                border-left: 5px solid #ff6100;
                padding-left: 5px;
                font-size: 17px;
                font-weight: bold;
            }
                /*color*/
                .search-module .balance-amount ul li div p {
                    font-size: 12px;
                    font-weight: normal;
                    margin-bottom: 0;
                }

div.filter-module li a.white-filter {
    background: #fff;
    color: #545454;
    box-shadow: inset 0 3px 17px #d5d5d5;
}
    /*div.filter-module li a.white-filter:hover { background: #fff; color: #545454; }*/
    .filter-module ul li a.active2:hover, div.filter-module li a.white-filter:hover {
        background: #ff6100;
        box-shadow: inset 0 3px 17px #AC4E05;
        color: #fff;
    }

.filter-module ul li a.active2 {
    background: #bcbcbc;
}

.search-module.sub-dep .balance-amount {
    width: 250px;
}

.search-module .balance-amount.sub-dep ul li {
    width: 240px;
    margin: 0 10px 0 10px;
    line-height: normal;
}

.search-module .balance-amount.sub-dep input[type=radio] {
    height: 14px !important;
}

.search-module .balance-amount.sub-dep ul li div {
    border: 0px;
}

/*AML Reports*/
.aml-module {
    width: 860px;
    background: #d5d5d5;
    padding: 13px 10px 10px 10px;
    margin-bottom: 10px;
}

    .aml-module ul {
        float: left;
        width: 100%;
        margin: 0 0 10px 0;
        padding: 0;
        list-style: none;
    }

        .aml-module ul li {
            float: left;
            margin-right: 25px;
            width: 190px;
            position: relative;
        }

.aml-amount {
    float: right;
    width: 610px;
}

    .aml-amount ul {
        margin: 0;
        list-style-type: none;
    }

        .aml-amount ul li {
            display: inline;
            width: 180px;
            background: #fff;
            padding: 5px;
            margin: 0 0 0 10px;
        }

            .aml-amount ul li + li + li + li {
                margin-top: 10px;
            }

            .aml-amount ul li div {
                border-left: 5px solid #ff6100;
                padding-left: 5px;
                font-size: 17px;
                font-weight: bold;
            }
                /*color*/
                .aml-amount ul li div p {
                    font-size: 12px;
                    font-weight: normal;
                    margin-bottom: 0;
                }

.width_200px {
    width: 200px !important;
    max-width: 200px !important;
}

.width_250px {
    width: 250px !important;
    max-width: 250px !important;
}

.width_300px {
    width: 300px !important;
    max-width: 300px !important;
}

.width_140px {
    width: 140px !important;
    max-width: 140px !important;
}

.width_120px {
    width: 120px !important;
    max-width: 120px !important;
}

.width_100px {
    width: 100px !important;
    max-width: 100px !important;
}

.width_80px {
    width: 80px !important;
    max-width: 80px !important;
}

.width_20px {
    width: 20px !important;
    max-width: 20px !important;
}

.width_430px {
    width: 430px !important;
    max-width: 430px !important;
}

/* current balance report */
.balance-amount {
    float: left;
}

    .balance-amount ul {
        float: left;
        margin: 1px;
    }

        .balance-amount ul li {
            float: left;
            width: 180px;
            background: #fff;
            padding: 5px;
            margin: 0 0 0 10px;
        }

            .balance-amount ul li + li + li + li {
                margin: 0 0 0 10px;
            }

            .balance-amount ul li div {
                border-left: 5px solid #ff6100;
                padding-left: 5px;
                font-size: 17px;
                font-weight: bold;
            }
                /*color*/
                .balance-amount ul li div p {
                    font-size: 12px;
                    font-weight: normal;
                    margin-bottom: 0;
                }

/*-- table module ---*/
.table-search {
    background: #fff;
    padding: 0;
    width: 352px;
}

    .table-search th {
        text-align: center !important;
    }

    .table-search td, .table-search th {
        width: 890px;
        text-align: left;
    }

    .table-search thead tr {
        display: block;
    }
    /*.table-search tbody {display: block;height: 302px;overflow: auto;width: 100%;}*/
    .table-search h3 {
        margin-bottom: 14px;
    }

/*--- selection bank --*/
.selection-bank {
    float: left;
    margin-right: 10px;
    width: auto;
}

/*-- title radio --*/
p.title-radio {
    float: left;
    padding-top: 7px;
}


/*-- content white --*/
.content-light {
    border: 1px solid #ff6100;
    border-radius: 5px;
    width: 745px;
    position: relative;
    height: 565px;
    background: #fff;
    margin: 0 auto;
}

    .content-light.notifications-modal {
        width: 800px !important;
        min-height: 490px !important;
    }

        .content-light.notifications-modal .print-module div.os-form {
            width: 800px;
        }

        .content-light.notifications-modal .print-module div {
            width: 70px;
        }


            .content-light.notifications-modal .print-module div p {
                width: 40px !important;
            }

label.yes-no {
    color: #001133;
    font-size: 18px;
}

.content-light.notifications-modal .button-row.yes-no, .button-row.yes-no {
    border: 1px #727272 solid;
    padding: 6px;
    border-radius: 5px;
}

    .button-row.yes-no.required {
        border-color: #ff6100 !important;
    }

        .button-row.yes-no.required.nce-error {
            border-color: #dd0909 !important;
        }

.content-light.notifications-modal .white-btn, .litmos .white-btn, .ce-modal .white-btn, .antifraud-cont .white-btn {
    border: 0;
    background: #f1f2f3;
    border-radius: 6px !important;
}

    .content-light.notifications-modal .white-btn:hover, .litmos .white-btn:hover, .ce-modal .white-btn:not(.nohover):hover {
        background: #001133;
        color: #fff !important;
    }

    .content-light.notifications-modal .white-btn.selected, .litmos .white-btn.selected, .ce-modal .white-btn.selected, .white-btn.selected {
        border: 0;
        background: #001133;
        color: #fff !important;
        border-radius: 6px !important;
    }

        .ce-modal .white-btn.selected:disabled, .ce-modal .white-btn:disabled {
            border: 0;
            color: #fff !important;
        }

    .ce-modal .white-btn.read-only, .ce-modal .read-only .white-btn {
        cursor: default !important;
    }

        .ce-modal .white-btn.read-only.selected:disabled, .ce-modal .read-only .white-btn.selected:disabled {
            color: #aaa !important;
        }

.ce-modal .yes-no.disabled .white-btn.selected {
    background: #7A7A7A !important;
}

.ce-modal .yes-no.disabled .white-btn:hover {
    background: #f1f2f3;
    color: #545454 !important;
    cursor: default;
}

.ce-modal .yes-no.disabled .white-btn.selected:hover {
    color: #fff !important;
}

/* Programs */

.yes-no.programs {
    border: 1px #C6C6D9 solid !important;
}

    .yes-no.programs .white-btn {
        background: #DDD !important;
        border: 0;
        border-right: 1px #C6C6D9 solid;
        border-radius: 0 !important;
    }

        .yes-no.programs .white-btn:hover {
            background: #ff6100 !important;
            color: #fff !important;
        }

        .yes-no.programs .white-btn.selected {
            background: #ff6100 !important;
        }

            .yes-no.programs .white-btn.selected.border-radius-l, .yes-no.programs .white-btn.border-radius-l {
                border-radius: 5px 0 0 5px !important;
            }

            .yes-no.programs .white-btn.selected.border-radius-r, .yes-no.programs .white-btn.border-radius-r {
                border-radius: 0 5px 5px 0 !important;
            }

        .yes-no.programs .white-btn.no-border {
            border: 0 !important;
        }

    .yes-no.programs.border-o {
        border: 1px solid #ff6100 !important;
    }

/* Table V4 */

table.table-v4 {
    color: #001133;
}

    table.table-v4 tr {
        border: 0;
    }

    table.table-v4.striped tr:nth-child(even) {
        background-color: #f1f1f1;
    }

        table.table-v4 tr:hover,
        table.table-v4.striped tr:nth-child(even):hover {
            background: #fad2be;
        }

    table.table-v4 tr.no-hover:hover {
        background: transparent;
    }

    table.table-v4 th {
        background: transparent;
        font-weight: 600;
        border-bottom: 2px solid #001133;
        padding: 0px 10px;
    }

    table.table-v4 td {
        padding: 7px 10px;
    }

/* header light */
.header-light {
    width: 705px;
    border-bottom: 1px solid #ebebeb;
    background: #ebf3f6;
    height: 20px;
    margin: 5px 10px 0px 10px;
    padding: 5px 10px;
}

    .header-light h2 {
        color: #0039A1;
        font-weight: 600;
        line-height: 19px;
        margin-bottom: 0;
    }

        .header-light h2 img {
            margin-right: 10px
        }

        .header-light h2 span, .header-light img {
            float: left;
        }

/*additional extra*/
.additional-container {
    width: 715px;
    height: 475px;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .additional-container input:focus, select:focus {
        background: #fff;
    }


/* body light  */
.body-light {
    width: 715px;
    padding: 3px 15px;
}

    .body-light h3 {
        color: #ff6100;
    }

/* form box*/
.form-box, .form-box form {
    width: 100%;
    height: auto;
}

/* gird box */
.grid-box {
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}

/* row box */
.row-box {
    width: 100%;
    height: auto;
    margin-top: 5px;
}

    .row-box label {
        display: block;
        width: 100%;
        white-space: nowrap;
    }

    .row-box input {
        width: 155px;
        padding: 0 3px;
    }

    .row-box p {
        line-height: 30px;
    }

    .row-box label.orange-txt {
        color: #ff6100;
    }


/* span box */
.span-box {
    float: left;
    width: 100%;
}

.row-box.plus-row .span-box {
    width: 163px;
    margin-right: 15px;
}

    .row-box.plus-row .span-box.three-buttons {
        width: 235px;
        margin-right: 15px;
    }

.row-box.double-item .span-box + .span-box {
    margin-right: 0;
}

.row-box.four-item .span-box + .span-box + .span-box + .span-box {
    margin-right: 0;
}

.row-box.triple-item .span-box + .span-box + .span-box {
    margin-right: 0;
}

div.small-currency {
    width: 68px !important;
    overflow: hidden;
}

select.small-currency {
    width: 68px;
}

input.small-currency {
    width: 91px;
}

input.small-table {
    width: 50px;
    padding: 2px;
    height: 20px !important;
    border: 0;
    line-height: 20px !important;
}

/* check module */
.span-box.check-module input[type="checkbox"], .span-box.check-module p {
    float: left;
    font-size: 13px;
    height: 21px;
    margin-bottom: 0;
    line-height: 21px;
}

.span-box.check-module input[type="checkbox"] {
    height: 13px !important;
    margin-right: 7px;
    margin-top: 4px;
    border: none;
    padding: 0;
}

.span-box.gray-input input, .span-box.gray-input .select-module span {
    border: 1px solid #C7C7C7;
}

.span-box.check-module {
    height: 19px;
    margin-bottom: 5px;
}

/*-- select module --*/
.select-module {
    width: 100%;
    height: auto;
    position: relative;
}

    .select-module select {
        z-index: 10;
        opacity: 1; /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        position: relative;
        margin: 0;
        width: 100%;
        line-height: 28px;
        font-size: 14px;
        height: 30px;
        padding: 5px;
        border-radius: 3px;
    }
    /*.select-module span {    position: absolute;top: 0px;left: 0;width: 94%;line-height: 28px;background: #fff url(../img/arrow-select-2.png) no-repeat right;z-index: 1;margin: 0;padding: 0 0 0 5%;border: 1px solid #ff6100;overflow: hidden;text-align: left; border-radius: 3px;}*/
    .select-module span {
        display: none;
    }

    .select-module.active span {
        background: #fff url(/Features/Shared/img/arrow-select-3.png) no-repeat right;
    }

/*-- calendar box --*/
.calendar-box {
    width: 100%;
    height: auto;
    position: relative;
}

    .calendar-box img {
        position: absolute;
        top: 9px;
        right: 5px;
        width: 16px;
        height: auto;
    }

/*-- two block --*/
.two-block {
    width: 100%;
    height: auto;
}

    .two-block input, .two-block p {
        float: left;
    }

    .two-block input {
        width: 48% !important;
        margin-right: 5%;
    }

        .two-block input.required {
            width: 45% !important;
            margin-right: 4%;
        }

/*-- btn bottom --*/
.bottom-btn {
    position: absolute;
    bottom: -192px;
    right: 0;
    margin-bottom: 0;
}

/*--- data ---*/
.data {
    width: 182px;
    margin-bottom: 10px;
}

/*-- pagination --*/
div.pagination {
    margin-bottom: 20px;
    height: 30px;
    line-height: 30px;
}

    div.pagination select {
        width: 60px;
    }

div .records {
    float: left;
}

div .pages {
    float: right;
}

    div .pages div {
        float: left;
        margin-left: 10px;
    }

/*--- phone control ---*/
input.phonecontrol {
    height: 30px;
    width: 165px;
}

.intl-tel-input .selected-flag .iti-flag {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 59px;
    font-size: 11px;
    line-height: 24px;
    height: 24px;
    text-transform: uppercase;
    padding-left: 2px;
    margin-left: -5px !important;
    background-color: #d5d5d5;
}

.intl-tel-input .selected-flag .arrow {
    left: 73px;
}

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
    text-align: left;
    padding-left: 65px !important;
    padding-right: 4px !important;
}

.intl-tel-input .flag-container .selected-flag {
    background-color: none;
    width: 63px !important;
}

.intl-tel-input .flag-container:hover .selected-flag {
    background-color: none;
    width: 63px !important;
}

.intl-tel-input .flag-container:focus .selected-flag {
    border: 0;
}

.intl-tel-input .flag-container {
    padding: 0 !important;
}

.align-r {
    text-align: right;
}

.align-l {
    text-align: left;
}

.align-c {
    text-align: center;
}

.float-l {
    float: left !important;
}

.float-r {
    float: right !important;
}

.float-none {
    float: none !important;
}

/* new order*/
.border-o {
    border: 1px solid #ff6100 !important;
}

.border-o-right {
    border-right: 1px solid #ff6100 !important;
}

.border-r {
    border: 1px solid #ee0000;
}

.border-gm {
    border: 1px solid #c6c6d9;
}

.border-bottom-o {
    border-bottom: 1px solid #ff6100;
    padding-bottom: 2px;
}

.border-bottom-o2 {
    border-bottom: 2px solid #f97d03;
}

.border-bottom-nb3 {
    border-bottom: 3px solid #001133 !important;
}

.border-bottom-nb2 {
    border-bottom: 2px solid #001133 !important;
}

.border-l5 {
    border-left: 5px solid #f97d03 !important;
}

.border-bottom-b {
    border-bottom: 1px solid #001133;
    padding-bottom: 2px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.border-bottom-g {
    border-bottom: 1px solid #727272;
    padding-bottom: 2px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.border-bottom-g-dotted {
    border: 0;
    background: linear-gradient(to right, #727272 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom, right, top, left;
    background-repeat: repeat-x, repeat-y;
    background-size: 10px 1px, 1px 10px;
    padding-bottom: 2px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.border-top-g {
    border-top: 1px solid #727272;
    padding-bottom: 2px;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.border-top-o {
    border-top: 1px solid #ff6100;
    padding-bottom: 2px;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.border-left-o {
    border-left: 5px solid #ff6100 !important;
}

.height-2-cols {
    height: 550px !important;
    margin-bottom: 10px;
}

.height-2-cols2 {
    height: 394px !important;
    margin-bottom: 10px;
}
/* name control */
.name-control {
    background: url(/classic/css/img/icon/name_control.png) 4px center no-repeat;
    padding-left: 40px !important;
    width: 358px !important;
    font-weight: 600;
}

    .name-control:focus, .name-control-selected {
        background: #fff url(/classic/css/img/icon/name_control.png) 4px center no-repeat;
        border: 1px solid #ff6100 !important;
    }

.filter_search ul li div.name-control-cont {
    position: absolute;
    width: 388px;
    top: 43px;
    left: 0;
    overflow: hidden;
    background: #eee;
    z-index: 10;
    padding: 20px 10px;
    border: 1px solid #ff6100;
    border-top: 0 !important;
}

    .filter_search ul li div.name-control-cont ul li {
        width: 182px;
    }

div.button-row.bank-dep-1 {
    position: absolute;
    bottom: 0;
    right: 0;
}

div.button-row a.submit-btn, div.button-row a.submit-btn:hover {
    float: left;
    margin-left: 20px;
    text-align: center;
    line-height: 18px;
    height: 18px !important;
    text-decoration: none;
    color: #fff;
    background-color: #ff6100;
}

div.transaction-left {
    margin: 10px 10px 0 0 !important;
    padding: 0 10px 10px 10px !important;
}

.filter_search ul li.full {
    width: 408px;
}

    .filter_search ul li.full input[type="text"] {
        width: 387px;
    }

.filter_search ul li textarea {
    width: 87% !important;
    height: 84px;
}

.margin-r-20 {
    margin-right: 20px !important;
}

.filter_search ul li div.two-block {
    height: 56px;
}

.rate-resume-l {
    float: left;
    background-color: #fff;
    width: 278px !important;
    height: 213px;
}

    .rate-resume-l input[type="text"] {
        width: 100px !important;
    }

.rate-resume-r {
    float: left;
    background-color: #fff;
    width: 110px !important;
    height: 213px;
}

    .rate-resume-r input[type="text"] {
        width: 90px !important;
    }

.rate-resume-l table td.rate-column {
    padding: 0;
    height: 34px;
    line-height: 34px;
}

div.rate-div {
    border-left: 5px solid #ff6100;
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px !important;
    background: #ffffff;
}

    div.rate-div span {
        font-weight: normal;
        color: #ff6100;
    }

.color0f {
    color: #545454 !important;
}

.color-euronet {
    color: #243F90 !important;
}

.color1f {
    color: #ff6100;
}

.color2f {
    color: #0039a1 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-error {
    background-color: #f7e6e6 !important;
}

.bg-salmon {
    background-color: #fad2be !important;
}

.bg-light-blue {
    background-color: #cde1e1 !important;
}

.bg-gray-blue {
    background-color: #f1f1f1 !important;
}

.bg-graye-sp {
    background-color: #e8e9eb !important;
}

.bg-light-gray {
    background: #f1f1f1 !important;
}

.bg-none {
    background: none !important;
}

.bg-hover {
    background: #F1F6F7 !important;
}

.bg-hover-gray {
    background: #f1f2f3 !important;
}

.bg-success {
    background: #dff3dc;
}

.bg-peach {
    background-color: #fad2be;
}

div.height-2-cols div.field, div.height-2-cols2 div.field {
    height: 50px !important;
}

div.height-2-cols input.rate {
    width: 115px !important;
}

div.height-2-cols div.button-row {
    margin-top: 34px !important;
    margin-bottom: 10px
}

div.extra_det {
    float: left;
    width: 100%;
}

    div.extra_det h4 {
        margin: 10px 10px 0 10px;
    }

    div.extra_det .filter_left {
        border-right: 1px dotted #0039a1;
        margin-right: 10px;
        width: 419px;
    }

        div.extra_det .filter_left div.button-row {
            margin-right: 10px;
        }

div.group-fields {
    background-color: #e8e9eb;
    float: left;
    width: 110px !important;
    padding: 6px 0 6px 2px !important;
}

    div.group-fields label {
        margin-left: 6px;
    }

    div.group-fields input.gf-input {
        width: 74px !important;
    }

div.height-2-cols div.align-v-customer {
    margin-top: 100px !important;
}

div.height-2-cols2 ul.align-v-transaction {
    margin-top: 8px !important;
}

.ben-links-cont {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

ul.ben-links {
    float: right;
    width: auto !important;
}

    ul.ben-links li {
        line-height: 12px;
        width: auto !important;
        padding-right: 8px;
        margin: 3px 0 0 8px !important;
        border-right: 1px solid #0039a1;
        letter-spacing: -0.2px;
    }

        ul.ben-links li.last-child {
            border: 0;
            padding: 0;
        }

div.button-row.bank-dep-1 {
    position: absolute;
    bottom: 0;
    right: 0;
}

div.bank-d-message-expand {
    top: 283px;
}

div.bank-d-message {
    position: absolute;
    right: 0;
    width: 350px;
}

div.button-row a.submit-btn, div.button-row a.submit-btn:hover {
    float: left;
    margin-left: 20px;
    text-align: center;
    line-height: 18px;
    height: 18px !important;
    text-decoration: none;
    color: #fff;
    background-color: #ff6100;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default !important;
}

/*--- legacy ---*/
#promoAndEtc > #rateLoadDiv, #promoAndEtc > #processingDiv {
    margin: 0 !important;
}

.thinBoxContents h3 {
    font-size: 10px;
    color: #000000;
    margin-bottom: 0;
}

.small-lightbox.wrapper h3 {
    font-size: 17px;
    color: #545454;
}

.footerContainer {
    margin-top: 10px;
    padding-bottom: 5px;
    text-align: center;
}

/*fix legacy conflict*/
.thinBoxContents label {
    display: inline;
}

#AgentBalance {
    width: 100%;
    display: inline-block;
}

#cityAutoComplete_value {
    padding: 0 17px 0 17px;
    width: 304px;
}

div.ub-key-1 {
    position: absolute;
    right: 20px;
    bottom: 0;
}

#displayIframe {
    position: relative;
    background-image: url(/Features/Shared/img/loader/loader0-small.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: white;
    width: 100%;
    height: 800px;
    margin-bottom: 20px;
    padding-top: 20px;
    display: none;
}

#VoidOrderModal h3 {
    font-size: 17px;
    margin-bottom: 10px;
    color: #545454;
}

#VoidOrderModal {
    padding: 10px;
}

    #VoidOrderModal #errorMessage {
        color: #dd0909;
        font-weight: bold;
    }

    #VoidOrderModal #reasonTextBox {
        margin: 5px 0;
        overflow: hidden;
        width: 94%;
    }

    #VoidOrderModal #characterLimit {
        float: left;
        width: 200px;
    }

    #VoidOrderModal #last4digitTextBox {
        margin: 5px 0;
        overflow: hidden;
        width: 94%;
    }

    #VoidOrderModal #last4digitLabel {
        font-size: 12px;
        line-height: 15px;
        width: 94%;
    }

.thinBoxContents #error {
    color: #dd0909;
    height: 30px;
}

#searchBranchLoading {
    float: left;
    width: 723px;
    border: 1px solid #7a7a7a;
    line-height: 40px;
    text-align: center;
    background-color: #f1f1f1;
    margin-bottom: 10px;
}

    #searchBranchLoading p {
        margin: 0;
    }

.tab-content {
    display: none;
}

    .tab-content.active {
        display: block;
    }

/* Commission report */
.AgentBalance {
    width: 100%;
    display: inline-block;
}

    .AgentBalance ul {
        list-style-type: none;
    }

    .AgentBalance li {
        float: left;
        font-size: 20px;
        margin: 10px 0;
        padding: 0 20px 0 5px;
        font-weight: bold;
        border-left: 4px solid #ff6100;
    }

        .AgentBalance li .group {
            display: block;
            font-size: 10px;
            text-transform: uppercase;
            font-weight: normal;
            padding-bottom: 2px;
        }

        .AgentBalance li .curr {
            font-size: 14px;
        }


.show-more {
    display: none;
}

#rateLoadDiv label, #processingDiv label {
    width: auto;
}

#noResults {
    float: left;
    width: 100%;
}

/* big field styles */

#noResultsDiv {
    padding: 100px 0;
    font-size: 3em;
    position: relative;
    text-align: center;
}

#loadingDiv {
    display: none;
    padding: 100px 0;
    text-align: center;
}

ul.big-field-ul li {
    width: 425px;
    margin-right: 0;
}

ul.big-field-ul .big-label {
    font-size: 20px;
    margin-top: 16px;
    margin-right: 20px;
}

ul.big-field-ul .big-input {
    height: 50px !important;
    font-size: 30px !important;
    font-weight: 600;
    width: 402px;
}

/* field with currency inside */

ul.field-ul {
    margin: 0;
}

    ul.field-ul li {
        width: auto;
    }

    ul.field-ul .field-input {
        height: 28px !important;
        line-height: 28px !important;
        font-size: 12px !important;
        font-weight: 600;
        width: 96px;
    }

    ul.field-ul span.overlay-currency {
        position: absolute;
        right: 3px;
        top: 25px;
        font-size: 11px;
        font-weight: 600;
    }

.big-input {
    height: 50px !important;
    line-height: 50px !important;
    font-size: 32px !important;
    font-weight: 600;
    width: 402px;
}

.small-input {
    line-height: 50px !important;
    font-weight: 600;
    width: 402px;
}

/* search button */
div.search-button {
    position: relative;
}

    div.search-button button.search-btngen {
        position: absolute;
        right: 0;
        top: -10px;
        height: 30px;
        width: 50px !important;
        background: url(/Features/Shared/img/icon/title-icon-2.png) no-repeat right;
        cursor: pointer;
    }

        div.search-button button.search-btngen.no-search-btn {
            right: 3px;
            top: -1px;
        }

    div.search-button button[disabled] {
        background-color: transparent !important;
        opacity: .3;
    }

    div.search-button button:disabled {
        background: url(/Features/Shared/img/icon/title-icon-2.png) no-repeat right !important;
    }

    div.search-button button:hover {
        background: url(/Features/Shared/img/icon/title-icon-2.png) no-repeat right !important;
    }

/* small lightbox */

#wrapper.small-lightbox {
    width: 445px;
    height: auto;
    border-top: 5px solid #ff6100; /*color*/
}

#wrapper.mid-lightbox, .mid-lightbox {
    width: 545px;
}

    .small-lightbox div.table-module, .mid-lightbox div.table-module {
        width: auto;
        padding: 10px;
        margin-bottom: 0;
        overflow: hidden;
    }

        .small-lightbox div.table-module input, .small-lightbox div.table-module textarea {
            width: 94%;
        }

p.lbs-note {
    float: left;
    font-size: 10px;
    margin-top: 4px;
    line-height: 11px;
}

.small-lightbox label {
    line-height: 13px;
}

.small-lightbox ul.yubikey {
    list-style-type: none;
}

    .small-lightbox ul.yubikey.yub-reg-text {
        width: 257px;
        float: left;
        line-height: 20px;
        margin-top: 0;
    }

.small-lightbox ul.yubikey-list {
    float: left;
    list-style-type: none;
    line-height: 18px;
    padding: 0;
    margin-left: 115px;
}

    .small-lightbox ul.yubikey-list b {
        width: 110px;
        float: left;
    }

.small-lightbox form {
    width: auto;
}

.print-options-wrapper {
    width: 525px;
    overflow: hidden;
}

    .print-options-wrapper ul.print-options {
        float: left;
        width: 475px;
        padding: 0;
        font-size: 10px;
        list-style: none;
    }

    .print-options-wrapper ul li {
        float: left;
        width: 48%;
    }

.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

.text-align-left {
    text-align: left;
}

.text-decoration-none {
    text-decoration: none !important;
}

/* location details */
select.small-right {
    width: 50%;
    float: right;
}

ul.list-instructions {
    padding: 0;
    list-style: none;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

ol.list-instructions {
    padding: 0 0 0 30px;
    margin: 0;
    overflow: hidden;
}

    ul.list-instructions li, ol.list-instructions li {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px dotted #545454;
    }

.no-border {
    border: 0 !important;
}

.no-border-top {
    border-top: 0 !important;
}

.no-border-bottom {
    border-bottom: 0 !important;
}

.min-height-auto {
    min-height: auto !important;
}

.min-height50 {
    min-height: 50px !important;
}

/* Image-based styling radio and checkboxes */
.img-base-style label {
    width: auto;
}

.img-base-style input[type=checkbox]:not(old), .img-base-style input[type=radio]:not(old) {
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0; /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

    .img-base-style input[type=checkbox]:not(old) + label, .img-base-style input[type=radio]:not(old) + label {
        display: inline-block;
        background: url(/Features/Shared/img/icon/check-normal.png) center center no-repeat;
        width: 15px;
        height: 15px;
        cursor: pointer;
    }

    .img-base-style input[type=checkbox]:not(old):checked + label, .img-base-style input[type=radio]:not(old):checked + label {
        background: url(/Features/Shared/img/icon/check-active.png) center center no-repeat;
    }

/* Commission report */
.AgentBalance {
    width: 100%;
    display: inline-block;
}

    .AgentBalance ul {
        list-style-type: none;
    }

    .AgentBalance li {
        float: left;
        font-size: 20px;
        margin: 10px 0;
        padding: 0 20px 0 5px;
        font-weight: bold;
        border-left: 4px solid #ff6100;
    }

        .AgentBalance li .group {
            display: block;
            font-size: 10px;
            text-transform: uppercase;
            font-weight: normal;
            padding-bottom: 2px;
        }

        .AgentBalance li .curr {
            font-size: 14px;
        }

/* Agent Balance Statement */
tr.active-row {
    background: #ff6100; /*color*/
    color: #fff;
}

    tr.active-row:hover {
        background: #ff6100; /*color*/
    }

tr.active-row-data {
    border-bottom: 5px solid #ff6100; /*color*/
    padding: 10px 0;
}

/*--- order validation ----*/
.table-module.val-list {
    float: left;
    width: 697px;
    margin-bottom: 10px;
}

    .table-module.val-list div.ov-legacy {
        border-bottom: 1px dotted #545454;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

        .table-module.val-list div.ov-legacy div {
            margin-top: 10px;
        }

/*--- Ria Alerts ----*/
.small-lightbox label input[type=checkbox] {
    height: 14px !important;
}

.phone-small {
    width: 70px !important;
    margin-right: 5px;
}

.phone-med {
    width: 180px !important;
    margin: 0;
}

.phone-small-no {
    float: left;
    width: 10% !important;
    margin-right: 5px;
}

.phone-med-no {
    float: left;
    width: 40% !important;
    margin: 0;
}

span.astk {
    color: #ee0000;
    position: absolute;
    right: -7px;
    top: 25px;
}

div.enable-select span.astk {
    right: -93px;
    top: 10px;
}

.identification-label {
    font-size: 20px;
}

div.phone-cont span.astk {
    top: 10px;
}

ul.ul-modal-2cols {
    padding: 0;
    list-style: none;
}

    ul.ul-modal-2cols li {
        float: left;
        width: 195px;
    }

        ul.ul-modal-2cols li input[type="text"] {
            width: 177px;
        }

/*--- login module ----*/
.login-module {
    border: 1px solid #ebebeb;
    padding: 10px;
    width: auto;
    background-color: #fff;
    margin-bottom: 20px;
    border-top: 5px solid #ff6100;
    overflow: hidden; /*color-n*/
}

    .login-module ul {
        list-style: none;
    }

/*--- new order error modal ----*/
.over-error-modal {
    position: absolute;
    top: 0;
    left: 0;
    background: #000000;
    opacity: .7;
    height: 85%;
    width: 100%;
    z-index: 10;
}

.over-error-modal-cont {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    margin-top: -150px;
    margin-left: -160px;
    background: #ffffff; /*border: 2px solid #ff6100;*/
    width: 300px;
    min-height: 100px;
    z-index: 101;
    padding: 10px;
}

    .over-error-modal-cont ul.err-mess {
        list-style: disc !important;
        padding-left: 14px;
        width: 286px;
        height: 138px;
        overflow-y: auto;
    }

        .over-error-modal-cont ul.err-mess li {
            width: 100%;
            margin-bottom: 6px;
        }

    .over-error-modal-cont .message-title {
        width: 280px;
    }

        .over-error-modal-cont .message-title h3 {
            font-size: 12px;
            color: #0039A1;
        }

/*IE7 fixes*/
.position-relative {
    position: relative;
}

.position-static {
    position: static;
}

.position-absolute {
    position: absolute !important;
}

/* Store Ops */
.search-module.multi-filter ul {
    width: auto;
}

.w-645 {
    width: 645px;
}

ul.filter-opts {
    background: #ffffff;
    padding: 10px;
    width: 190px !important;
    border-top: 5px solid #ff6100; /*color-n*/
}

    ul.filter-opts li input[type="checkbox"] {
        margin-right: 10px;
    }

.line-height-40 {
    line-height: 40px !important;
}

.line-height-14 {
    line-height: 14px !important;
}

.line-height-10 {
    line-height: 10px !important;
}

.line-height-30 {
    line-height: 30px;
}

.line-height-20 {
    line-height: 20px !important;
}

.line-height-normal {
    line-height: normal !important;
}

/* Payout Order */
.help-container {
    margin-bottom: 20px;
}

    .help-container.active-help {
        background: #ebf3f6;
        border: 1px solid #0039a1;
        padding: 10px;
    }

    .help-container.active-help-neutral {
        background: #f6f6d9;
        border: 1px solid #545454;
        color: #545454 !important;
        padding: 10px;
    }

    .help-container p {
        margin: 6px 0 6px 0;
    }

a.help-icon, a.help-icon-nf {
    background: url('/Features/Shared/img/icon/help.png') no-repeat right center;
    padding-right: 25px;
}

.payout-module {
    border: 1px solid #ebebeb;
    padding: 10px;
    width: auto;
    background-color: #fff;
    margin-bottom: 20px;
    overflow: hidden;
}

    .payout-module div.bottom-resume {
        width: 858px;
    }

        .payout-module div.bottom-resume h4 {
            text-transform: none;
            font-size: 12px;
        }

.po-featured {
    float: left;
    width: 538px;
    padding: 0;
    overflow: hidden;
}

    .po-featured ul {
        float: left;
        list-style: none;
        padding: 0;
        margin: 0;
        overflow: hidden;
        width: 540px;
    }

        .po-featured ul li {
            float: left;
            margin-right: 30px;
        }

.payout-module div.message-title {
    width: 200px;
}

.payout-module div.rate-div {
    float: left;
    margin-left: 36px;
    line-height: 40px;
    padding-left: 10px !important;
    font-weight: normal;
}

.payout-module div.po-container-tax {
    width: 225px;
}

.payout-module div.rate-div.tax-div {
    border: 0;
    padding-left: 0 !important;
    margin: 0;
}

.payout-module div.rate-div span.color-number-sec {
    color: #081b43;
    font-weight: bold;
}

.payout-module div.message-title.success {
    border-left: 5px solid #14a600;
}

.payout-module div.message-title.error {
    border-left: 5px solid #ee0000;
}

.payout-module div.message-title.notice {
    border-left: 5px solid #0039a1;
}

.payout-module div.message-title.neutral {
    border-left: 5px solid #727272;
}

.payout-module div.message-title.neutral-dark {
    border-left: 5px solid #545454;
}

.payout-module div.message-title.main {
    border-left: 5px solid #F97D03;
}

.payout-module span.color-number-sec {
    font-size: 16px;
    border: 0;
}

div.payout-module div.middle-resume, div.standard-container-resp div.middle-resume {
    overflow: hidden;
    float: left;
    margin: 0;
    padding: 0;
}

    div.payout-module div.middle-resume ul, div.standard-container-resp div.middle-resume ul {
        margin: 10px 0;
    }

.payment-status-board {
    list-style: none;
    padding: 0;
    float: left;
}

    .payment-status-board li {
        float: left;
        border: 1px solid #ebebeb;
        padding: 4px 20px;
    }

        .payment-status-board li p {
            margin: 0;
            padding-bottom: 3px;
        }

        .payment-status-board li.status-step-reg {
            background-color: #ffffff;
            border-top: 5px solid #727272;
        }
        /*.payment-status-board li.status-step1 { background-color: #fefde6; border-top: 5px solid #f9ee07; }
	.payment-status-board li.status-step2 { background-color: #fef2e5; border-top: 5px solid #ff6100; }*/
        .payment-status-board li.status-step-go {
            background-color: #dff3dc;
            border-top: 5px solid #14a600;
        }

            .payment-status-board li.status-step-go.error {
                background-color: #f7e6e6;
                border-top: 5px solid #ee0000;
            }

            .payment-status-board li.status-step-go.notice {
                background-color: #ebf3f6;
                border-top: 5px solid #0039a1;
            }

            .payment-status-board li.status-step-go.neutral {
                background-color: #f1f1f1;
                border-top: 5px solid #727272;
            }

ul.po-menu-tools {
    float: left;
    list-style: none;
    padding: 0;
    width: 306px;
    background: #ffffff;
    color: #0039a1;
    height: 40px;
    margin: 0 0 0 10px;
    line-height: 30px;
    border-radius: 5px;
    border: 1px solid #ff6100;
}

    ul.po-menu-tools.button-tools {
        background-color: #ff6100;
        font-size: 12px;
        color: #fff;
        width: 130px;
        height: 30px;
        border-radius: 0px;
    }

        ul.po-menu-tools.button-tools.button-tools-white {
            background-color: #fff;
        }

    ul.po-menu-tools li {
        position: relative;
        display: inline-block;
        #display: inline !important;
        _display: inline !important;
        zoom: 1;
        width: 276px;
        font-size: 16px;
        font-weight: 600;
        line-height: 40px;
        background: url('/Features/Shared/img/icon/arrow-down.png') no-repeat right 16px;
        border-right: 10px solid transparent;
        padding-left: 20px;
    }

    ul.po-menu-tools > li {
        border-radius: 5px;
    }

    ul.po-menu-tools li.highlight-animation {
        animation: highlight 3000ms ease-out;
    }

    ul.po-menu-tools.button-tools li {
        width: 272px;
        font-size: 12px;
        width: 110px;
        line-height: 30px;
        background: url('/Features/Shared/img/icon/arrow-down-w.png') no-repeat 106px 0;
    }

    ul.po-menu-tools.button-tools.button-tools-white li {
        background: url('/Features/Shared/img/icon/arrow-down-o.png') no-repeat 102px 0;
    }

    ul.po-menu-tools.scaner-control {
        width: 320px;
        margin-left: 0;
    }

        ul.po-menu-tools.scaner-control ul {
            width: 320px;
        }

        ul.po-menu-tools.scaner-control li {
            width: 290px;
        }

        ul.po-menu-tools.scaner-control ul li:hover {
            background: #fad2be;
        }

        ul.po-menu-tools.scaner-control li span.item-name {
            color: #545454;
        }

ul.single-action {
    float: left;
    list-style: none;
    padding: 0;
    width: 306px;
    background: #ffffff;
    color: #0039a1;
    height: 40px;
    margin: 0 0 0 10px;
    line-height: 30px;
    border-radius: 5px;
    border: 1px solid #ff6100;
}

    ul.single-action li {
        line-height: 30px;
        text-align: left;
        font-size: 16px;
        font-weight: 600;
        border-top: 0;
        padding: 5px 0 0 20px;
        background-image: none;
    }

@keyframes highlight {
    0% {
        background-color: #fad2be;
    }

    50% {
        background-color: #fad2be;
    }

    100% {
        background-color: #ffffff;
    }
}

ul.po-menu-tools li:hover {
    background: url('/Features/Shared/img/icon/arrow-up.png') no-repeat right 16px;
}

ul.po-menu-tools.button-tools li:hover {
    background: url('/Features/Shared/img/icon/arrow-up-w.png') no-repeat 106px 0;
}

ul.po-menu-tools.button-tools.button-tools-white li:hover {
    background: url('/Features/Shared/img/icon/arrow-up-o.png') no-repeat 102px 0;
}

ul.po-menu-tools li:hover ul {
    display: block;
    min-width: 200px;
}

ul.po-menu-tools.no-hover li:hover ul {
    display: none;
}

ul.po-menu-tools.no-hover > li:first-child:hover {
    background: url('/Features/Shared/img/icon/arrow-down.png') no-repeat right 16px;
}

ul.po-menu-tools.no-hover.tools-opened > li:first-child {
    background: url('/Features/Shared/img/icon/arrow-up.png') no-repeat right 16px;
}

ul.po-menu-tools ul {
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    background-color: #ffffff;
    margin: 0 0 0 -1px;
    padding: 0 0 10px 0;
    list-style-type: none;
    border: 1px solid #ff6100;
    border-top: none;
    z-index: 100;
    width: 306px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

ul.po-menu-tools.button-tools ul {
    background-color: #fff;
    top: 28px;
    color: #ff6100;
    width: 130px;
    min-width: 130px !important;
}

ul.po-menu-tools.button-tools a {
    color: #fff;
    margin: 0;
}

ul.po-menu-tools.button-tools ul a, ul.po-menu-tools.button-tools.button-tools-white ul a {
    color: #ff6100;
}

ul.po-menu-tools.button-tools.button-tools-white a {
    color: #110033;
}

ul.po-menu-tools.button-tools ul a {
    color: #f97d03;
    margin: 0;
}

ul.po-menu-tools ul li {
    line-height: 30px;
    text-align: left;
    font-size: 12px;
    border-top: 0;
    padding: 0 0 0 20px;
    background-image: none !important;
}

/* po-menu-tools-v24 */

ul.po-menu-tools.po-menu-tools-v24 ul li {
    background: #eaf2ff;
    /*cce0ff*/
    margin-bottom: 3px;
    line-height: 40px;
}

    ul.po-menu-tools.po-menu-tools-v24 ul li:hover {
        background: #cce0ff;
    }

    ul.po-menu-tools.po-menu-tools-v24 ul li:last-child {
        margin-bottom: 0px;
        border-radius: 0 0 5px 5px;
    }

    ul.po-menu-tools.po-menu-tools-v24 ul li a {
        display: block;
        font-weight: normal;
        color: #001133;
        font-size: 13px;
        text-decoration: none;
    }

/* po-menu-tools-v24 */

ul.po-menu-tools ul li:hover {
    background-image: none;
}

div.bg-white-b {
    width: 858px;
    background-color: #fff !important;
    border: 1px solid #ebebeb;
    margin: 0 0 20px 0;
}

div.search-module ul li.double-size {
    margin-right: 0;
    width: 427px;
}

div.search-module input.phonecontrol {
    height: 30px !important;
    width: 190px;
}

div.bg-white-b.log-list-50p {
    width: 413px;
}

ul.no-border li {
    border: 0 !important;
}

/* Log Container payout */
div.log-list {
    float: left;
    border: 1px solid #C6C6D9;
    margin-top: 10px;
    padding: 10px;
}

    div.log-list ul {
        padding: 0;
        list-style: none;
    }

        div.log-list ul li {
            border-bottom: 1px solid #ebebeb;
            margin-bottom: 10px;
        }

            div.log-list ul li.border-bottom-black {
                border-bottom: 1px solid #000000;
            }

        div.log-list ul .log-text {
            margin-left: 24px;
        }

        div.log-list ul .log-date {
            margin: 0 0 0 10px;
            font-size: 10px;
        }

        div.log-list ul .color-number-sec {
            padding: 0 0 4px 0;
            margin: 0 0 0 10px;
            border: 0;
        }

    div.log-list input[type=checkbox] {
        height: 14px !important;
    }

    div.log-list div.xport {
        margin-top: 17px;
    }

        div.log-list div.xport li {
            border: 0;
        }

/* Announcemnets */
.side-menu {
    border-left: 1px solid #e5e5e5;
    width: 243px;
    float: left;
    padding: 10px 10px 10px 20px;
    margin-top: 10px;
}

    .side-menu ul {
        list-style: none;
        padding: 0 0 0 0;
    }

        .side-menu ul li {
            line-height: 20px;
            font-size: 14px;
            font-weight: bold;
            padding: 10px;
            border-bottom: 1px solid #e5e5e5;
        }

            .side-menu ul li.active {
                background: #f1f6f7;
            }

.main-news-cont {
    width: 595px;
    float: left;
    margin: 0 10px 0 0;
}

/* Customiza Rates */
.small-form ul {
    list-style: none;
    padding: 0;
}

    .small-form ul li {
        float: left;
        width: 245px !important;
        margin-right: 20px;
    }

/* Print Rates */
table.rates {
    border-collapse: collapse;
}

    table.rates tr {
        border: 0;
    }

        table.rates tr.rate-head {
            height: 1px;
            overflow: hidden;
        }

            table.rates tr.rate-head th {
                height: 1px;
                overflow: hidden;
                line-height: 1px;
                padding: 0;
            }

    table.rates td {
        border: 1px solid #d5d5d5;
        padding: 5px;
    }

        table.rates td.rates-feature {
            font-size: 16px;
            font-weight: bold;
            background: #f1f1f1;
            border: 0;
            padding-top: 10px;
        }

        table.rates td.rates-blank {
            background: #f1f1f1;
            border: 0;
            padding-top: 10px;
        }

        table.rates td.rates-space {
            border: 0;
            background: #f1f1f1;
            padding: 0;
        }

/* Help documents */
.condensed-search {
    margin: 0 0 20px 0;
}

    .condensed-search div.search-button {
        width: 400px;
    }

    .condensed-search input {
        width: 94%;
    }

    .condensed-search div.search-button button.search-btngen.no-search-btn {
        right: 10px;
        top: -1px;
    }

.doc-results-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.filters-section-dashboard {
    background: #f1f1f1;
    width: 195px;
    float: left;
    padding: 0;
}

    .filters-section-dashboard ul li {
        line-height: 22px;
        padding: 4px 0 4px 20px;
    }

.filter-selected {
    background-color: #C8C8C8;
}

.filters-section-dashboard ul li.fil-active {
    background: #d5d5d5;
    font-weight: bold;
}

.filters-section-dashboard ul li a {
    color: #0039a1;
    cursor: pointer;
}

.filters-section-dashboard h4 {
    background: #ff6100;
    color: #ffffff;
    padding: 10px;
    margin: 0;
}

.dashboard-header th {
    background: #ff6100;
    color: #ffffff;
    margin: 0;
}

.dashboard-word-wrap-break td {
    word-wrap: break-word;
}

.dashboard-table {
    width: 100%;
    table-layout: fixed;
}

.filters-section {
    background: #f1f1f1;
    width: 180px;
    float: left;
    padding: 0;
}

    .filters-section ul li {
        line-height: 22px;
        padding: 4px 0 4px 20px;
    }

        .filters-section ul li.fil-active {
            background: #d5d5d5;
            font-weight: bold;
        }

        .filters-section ul li a {
            color: #545454;
        }

    .filters-section h4 {
        background: #545454;
        color: #ffffff;
        padding: 10px;
        margin: 0;
    }

.doc-results {
    border-top: 1px solid #e5e5e5;
    width: 665px;
    float: left;
    margin-left: 10px;
    padding: 0;
}

    .doc-results ul {
        padding: 0;
    }

    .doc-results li {
        overflow: hidden;
        padding: 10px;
        margin: 0;
        border-top: 1px solid #e5e5e5;
    }

        .doc-results li:hover {
            background: #e3ebee;
        }

    .doc-results p.lbs-note {
        font-size: 10px;
        margin: 4px 0 4px 0;
    }

.doc-result-img {
    float: left;
    width: 40px;
}

.doc-result-text {
    float: left;
    width: 385px;
}

.link-favorite, .link-like, .link-favorite-on {
    line-height: 16px;
    background: url('/Features/Shared/img/icon/favorite.png') no-repeat left top;
    padding-left: 20px;
    color: #d5d5d5;
}

.link-like {
    background: url('../img/icon/like.png') no-repeat left top;
}

.link-favorite-on {
    background: url('../img/icon/favorite-on.png') no-repeat left top;
    color: #ff6100;
}

.doc-result-actions {
    float: left;
    width: 200px;
    margin-left: 20px;
    text-align: right;
}

    .doc-result-actions li {
        padding: 0;
        margin-bottom: 4px;
        border: 0;
    }

/* Announcemnets */
.side-menu {
    border-left: 1px solid #e5e5e5;
    width: 243px;
    float: left;
    padding: 10px 10px 10px 20px;
    margin-top: 10px;
}

    .side-menu ul {
        list-style: none;
        padding: 0 0 0 0;
    }

        .side-menu ul li {
            line-height: 20px;
            font-size: 14px;
            font-weight: bold;
            padding: 10px;
            border-bottom: 1px solid #e5e5e5;
        }

            .side-menu ul li.active {
                background: #f1f6f7;
            }

.main-news-cont {
    width: 595px;
    float: left;
    margin: 0 10px 0 0;
}

/* Customiza Rates */
.small-form ul {
    list-style: none;
    padding: 0;
}

    .small-form ul li {
        float: left;
        width: 195px;
        margin-right: 20px;
    }

/* Print Rates */
table.rates {
    border-collapse: collapse;
}

    table.rates tr {
        border: 0;
    }

        table.rates tr.rate-head {
            height: 1px;
            overflow: hidden;
        }

            table.rates tr.rate-head th {
                height: 1px;
                overflow: hidden;
                line-height: 1px;
                padding: 0;
            }

    table.rates td {
        border: 1px solid #d5d5d5;
        padding: 5px;
    }

        table.rates td.rates-feature {
            font-size: 16px;
            font-weight: bold;
            background: #f1f1f1;
            border: 0;
            padding-top: 10px;
        }

        table.rates td.rates-blank {
            background: #f1f1f1;
            border: 0;
            padding-top: 10px;
        }

        table.rates td.rates-space {
            border: 0;
            background: #f1f1f1;
            padding: 0;
        }

/* Help documents */
.condensed-search {
    margin: 0 0 20px 0;
}

    .condensed-search div.search-button {
        width: 400px;
    }

    .condensed-search input {
        width: 94%;
    }

    .condensed-search div.search-button button.search-btngen.no-search-btn {
        right: 10px;
        top: -1px;
    }

.doc-results-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.doc-results {
    border-top: 1px solid #e5e5e5;
    width: 665px;
    float: left;
    margin-left: 10px;
    padding: 0;
}

    .doc-results ul {
        padding: 0;
    }

    .doc-results li {
        overflow: hidden;
        padding: 10px;
        margin: 0;
        border-top: 1px solid #e5e5e5;
    }

        .doc-results li:hover {
            background: #e3ebee;
        }

    .doc-results p.lbs-note {
        font-size: 10px;
        margin: 4px 0 4px 0;
    }

.doc-result-img {
    float: left;
    width: 40px;
}

.doc-result-text {
    float: left;
    width: 385px;
}

.link-favorite, .link-like, .link-favorite-on {
    line-height: 16px;
    background: url('/Features/Shared/img/icon/favorite.png') no-repeat left top;
    padding-left: 20px;
    color: #d5d5d5;
}

.link-like {
    background: url('/Features/Shared/img/icon/like.png') no-repeat left top;
}

.link-favorite-on {
    background: url('/Features/Shared/img/icon/favorite-on.png') no-repeat left top;
    color: #ff6100;
}

.doc-result-actions {
    float: left;
    width: 200px;
    margin-left: 20px;
    text-align: right;
}

    .doc-result-actions li {
        padding: 0;
        margin-bottom: 4px;
        border: 0;
    }

/* new order error modal */
.over-error-modal {
    position: absolute;
    top: 0;
    left: 0;
    background: #000000;
    opacity: .7;
    height: 85%;
    width: 100%;
    z-index: 10;
}

.over-error-modal-cont {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    margin-top: -150px;
    margin-left: -160px;
    background: #ffffff; /*border: 2px solid #ff6100;*/
    width: 300px;
    min-height: 100px;
    z-index: 101;
    padding: 10px;
}

    .over-error-modal-cont ul.err-mess {
        list-style: disc !important;
        padding-left: 14px;
        width: 286px;
        height: 138px;
        overflow-y: auto;
    }

        .over-error-modal-cont ul.err-mess li {
            width: 100%;
            margin-bottom: 6px;
        }

    .over-error-modal-cont .message-title {
        width: 280px;
    }

        .over-error-modal-cont .message-title h3 {
            font-size: 12px;
            color: #0039A1;
        }

    .over-error-modal-cont.modal-border {
        border: 2px solid #ff6100;
        border-radius: 3px;
    }

/* on behalf */
.tabs {
    width: 100%;
    float: left;
}

    .tabs h1 {
        width: 363px;
        line-height: 40px;
        border-bottom: 1px solid #ff6100;
        margin: 0;
        padding: 0;
    }

    .tabs ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .tabs li {
        float: left;
        width: 180px;
        line-height: 20px;
        border-bottom: 1px solid #ff6100;
    }

        .tabs li a {
            display: inline-block;
            width: 178px;
            padding: 10px 0;
            text-align: center;
        }

        .tabs li.active {
            border: 1px solid #ff6100;
            border-bottom: 0 !important;
        }

.border-radius-l {
    border-radius: 5px 0 0 5px !important;
}

.border-radius-m {
    border-radius: 0 !important;
}

.border-radius-r {
    border-radius: 0 5px 5px 0 !important;
}

.border-radius6 {
    border-radius: 6px !important;
}

.border-radius20 {
    border-radius: 20px !important;
}

.border-radius24 {
    border-radius: 24px !important;
}

/* New customer Search */
.ce-search .table-module {
    width: 881px;
}

.on-behalf {
    border: 1px solid #ececec;
    border-left: 5px solid #ff6100;
    height: 88px;
    padding: 8px 10px;
    margin-top: 66px;
}

    .on-behalf.more-ifo {
        width: 704px !important;
        height: 112px;
    }

    .on-behalf h5 {
        margin-bottom: 4px;
    }

    .on-behalf.on-behalf-off {
        border: 1px solid transparent;
        display: none;
    }

        .on-behalf.on-behalf-off div {
            display: none;
        }

.on-behalf-phone {
    width: 195px;
}

.inner-block.on-behalfh {
    height: 530px;
}

/* Bill Payment*/
.left-search-container {
    float: left;
}

    .left-search-container ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .left-search-container li {
        float: left;
    }

    .left-search-container div.l-form {
        float: left;
        border: 1px solid #d5d5d5;
        width: 194px;
        height: 460px;
        padding: 10px;
    }

    .left-search-container div.r-data {
        float: left;
        border: 1px solid #d5d5d5;
        width: 730px;
        height: 460px;
        padding: 10px;
    }

    .left-search-container div.intl-tel-input input {
        width: 193px;
    }

div.intl-tel-input input.mc-width {
    width: 193px;
}

.left-search-container div.active-sect, div.active-sect {
    border: 1px solid #ff6100;
    box-shadow: 0 2px 6px #AC4E05;
}

.payer-list div.active-sect,
.available-at div.active-sect .payer-list-items {
    background: #fad2be !important;
}

.payer-list div:hover {
    background: #fad2be !important;
}

.l-form {
    position: relative;
    cursor: pointer;
}

    .l-form span.tooltip-span-b1 {
        display: none;
        background: #5f5f5f;
        color: #fff;
        padding: 7px 20px;
        border-radius: 5px;
    }

    .l-form:hover span.tooltip-span-b1 {
        display: block;
        position: fixed;
        z-index: 100;
        overflow: hidden;
    }

    .l-form input.input88 {
        width: 88%;
    }

    .l-form select.select99 {
        width: 99%;
    }

    .l-form li.tab-small {
        width: 47px !important;
    }

    .l-form .l-form-cont {
        height: 339px;
        overflow: hidden;
    }

        .l-form .l-form-cont .tooltip-icon.tool-info {
            display: block;
            right: auto;
            margin-top: 6px;
            margin-left: 0;
            top: auto;
        }

    .l-form h2 {
        font-size: 15px;
    }

    .l-form p.icon-loc {
        background: url('/Features/Shared/img/icon/location.png') no-repeat;
        padding-left: 22px;
        width: 172px;
    }

    .l-form p.icon-pho {
        background: url('/Features/Shared/img/icon/phone.png') no-repeat;
        padding-left: 22px;
        width: 172px;
        line-height: 16px;
    }

.l-form-overlay {
    background: #fff;
    opacity: .8;
    position: absolute;
    top: 0;
    height: 534px;
    width: 204px;
    overflow: hidden;
    z-index: 1000;
}

.r-data {
    position: relative;
    cursor: pointer;
}

    .r-data span.tooltip-span-b2 {
        display: none;
        background: #5f5f5f;
        color: #fff;
        padding: 7px 20px;
        border-radius: 5px;
    }

    .r-data:hover span.tooltip-span-b2 {
        display: block;
        position: fixed;
        z-index: 100;
        overflow: hidden;
    }

    .r-data .billers-head {
        background: #d5d5d5;
        padding: 10px;
    }

    .r-data .search-button {
        float: left;
        margin-top: 8px;
        width: 328px;
        border: 1px solid #C6C6d9;
        height: 28px;
        border-radius: 3px;
    }

    .r-data h2 a {
        color: #ff6100;
    }

    .r-data .search-button input.search {
        width: 300px;
        border: 0;
    }

    .r-data div.hide-table {
        height: 354px;
    }

        .r-data div.hide-table.displaying-slat {
            height: 302px;
        }

        .r-data div.hide-table.displaying-2-slats {
            height: 250px;
        }

        .r-data div.hide-table.displaying-3-slats {
            height: 200px;
        }

        .r-data div.hide-table.hide-table-nofil {
            height: 411px;
        }

        .r-data div.hide-table.bp-confirm {
            height: 388px;
        }

    .r-data div.search-button button.search-btngen.no-search-btn { /*top: 0;*/
    }

    .r-data ul.search-results {
        width: 328px;
        line-height: 22px;
        position: absolute;
        z-index: 10;
        background: #fff;
        border: 1px solid #c6c6d9;
        border-top: 0;
        margin-top: 2px;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 265px;
    }

        .r-data ul.search-results li {
            width: 328px;
        }

            .r-data ul.search-results li a {
                display: block;
                width: 330px;
                padding: 2px 4px;
            }

                .r-data ul.search-results li a:hover {
                    background: #f1f1f1;
                }

    .r-data .table-module {
        width: auto !important;
    }

    .r-data .tooltip-icon {
        display: block;
    }

        .r-data .tooltip-icon.tool-info {
            top: 30px;
            right: -25px;
            width: auto !important;
        }

    .r-data div.billers .tooltip-icon.tool-info {
        top: 40px;
        left: 40px;
        width: auto !important;
        display: block;
    }

    .r-data .enable-select {
        width: 100px;
        margin: 0 4px 0 0;
    }

    .r-data table, .r-data tr {
        overflow: visible;
    }

    .r-data.step-1:hover, .l-form.step-1:hover {
        border: 1px solid #ff6100;
        box-shadow: 0 2px 6px #AC4E05;
    }

table tr.border-dark {
    border-bottom: 1px solid #727272;
}

.r-data .print-module {
    float: left;
    width: 732px;
    padding: 0;
    margin: 0;
}

    .r-data .print-module li {
        margin-right: 20px;
        float: left;
    }

        .r-data .print-module li span {
            position: relative;
            float: left;
            width: 20px;
        }

            .r-data .print-module li span input {
                height: 13px !important;
                line-height: 13px !important;
            }

        .r-data .print-module li p {
            display: inline;
        }

        .r-data .print-module li a.printer {
            background: url('/Features/Shared/img/icon/print.png') no-repeat;
            padding-left: 24px;
        }

.r-data table td input[type=radio] {
    height: auto !important;
}

.r-data table td img {
    margin-top: 3px;
}

table.tbl-bill-pay .loading {
    display: block;
}

.separator-20 {
    border-top: 20px solid #e8e9eb;
    float: left;
}

table.tbl-bill-pay input {
    width: 108px;
}

    table.tbl-bill-pay input.bp-small {
        width: 55px;
    }

    table.tbl-bill-pay input.bp-med {
        width: 80px;
    }

table.tbl-bill-pay select {
    width: 186px;
}

table.tbl-bill-pay div.intl-tel-input input {
    width: 186px;
}

table.tbl-bill-pay tr.active {
    background: #fdd8b3;
}

table.tbl-bill-pay tr.error {
    background: #fbe6e6;
}

table.tbl-bill-pay .label {
    color: #545454;
}

.bill-payment-modal .float-l {
    width: 570px;
}

.bill-payment-modal .float-r {
    width: 170px;
    margin-left: 10px;
    background: #d5d5d5;
    padding: 10px;
}

.bill-payment-modal .message-title.mess-lightbox.bill-submit {
    width: 760px !important;
}

.bill-payment-modal .float-r input {
    width: 115px;
}

.bill-payment-modal .float-r select {
    width: 137px;
}

.bill-payment-modal .loading {
    width: 110px;
    display: block;
}

.bill-payment-table-cont {
    height: 420px;
    overflow-y: auto;
}

.bill-payment-table-validation {
    height: 393px;
    overflow-y: auto;
}

.hover-div:hover {
    background: #F1F6F7;
    cursor: pointer;
}

.billers {
}

    .billers li {
        margin-right: 10px;
    }

.display-inline {
    display: inline !important;
}

.display-block {
    display: block !important;
}

.display-inline-block {
    display: inline-block !important;
}

.display-flex {
    display: flex !important;
}

.loading {
    display: none;
    background: url('/Features/Shared/img/icon/loading.gif') no-repeat left center;
    padding-left: 20px;
}

.thinBox {
    border: 1px solid #ff6100;
    border-top: 5px solid #ff6100;
    border-radius: 5px;
    background: #FFFFFF;
}

.icon-block .icon {
    width: 16px;
    height: 16px;
    white-space: nowrap;
    float: left;
}

.icon-block .id {
    background-image: url(/Features/Shared/img/icon/id.png);
}

.icon-block .card {
    background-image: url(/Features/Shared/img/icon/card.png);
}

.icon-block .email {
    background-image: url(/Features/Shared/img/icon/email.png);
}

.icon-block .message {
    background-image: url(/Features/Shared/img/icon/message.png);
}

.icon-block .location {
    background-image: url(/Features/Shared/img/icon/location.png);
}

.icon-block .phone {
    background-image: url(/Features/Shared/img/icon/phone.png);
}

.icon-block .plus {
    background-image: url(/Features/Shared/img/icon/plus.png);
}

.icon-block .disable {
    background-image: url(/Features/Shared/img/icon/close.png);
}

.image-icon.detail {
    width: 16px;
    height: 16px;
    background: url(/Features/Shared/img/icon/icon8.png) no-repeat;
}

.image-icon.image {
    width: 16px;
    height: 16px;
    background: url(/Features/Shared/img/icon/icon6.png) no-repeat;
}

/* Customer Enrollment */
.content-light.ce-modal {
    width: 945px;
    font-family: 'Open Sans', Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #545454 !important;
}

/* Customer Enrollment V4 */

/* Table V4 */

table.table-v4 {
    color: #001133;
}

    table.table-v4 tr.regular-border th {
        border-bottom: 1px solid #ECECEC;
    }


    table.table-v4 tr {
        border: 0;
    }

    table.table-v4.striped tr:nth-child(even) {
        background-color: #f1f1f1;
    }

        table.table-v4 tr:hover, table.table-v4.striped tr:nth-child(even):hover {
            background: #fad2be;
        }

    table.table-v4 tr.no-hover:hover {
        background: transparent;
    }

    table.table-v4 th {
        background: transparent;
        font-weight: 600;
        border-bottom: 2px solid #001133;
        padding: 0px 10px;
    }

    table.table-v4 td {
        padding: 7px 10px;
    }

.ce-modal.ce-modal-v4 {
    border-color: #ff6100;
    overflow: hidden;
}

    .ce-modal.ce-modal-v4 .ce-tabs {
        /*background: #fad2be;*/
        background: #fff;
        width: 198px;
        border-right: 1px solid #ddd;
        box-shadow: 3px 0 6px #ddd;
    }

        .ce-modal.ce-modal-v4 .ce-tabs ul li a {
            margin: 4px 10px 0 10px;
            width: 160px;
            padding: 0 0 0 20px;
            color: #001133;
        }

            .ce-modal.ce-modal-v4 .ce-tabs ul li a:hover, .ce-modal.ce-modal-v4 .ce-tabs ul li.active-tab a {
                /*background: #001133; #fad2be   */
                background: #cde1e1;
                /*color: #ffffff;*/
                border-radius: 6px;
                text-decoration: none;
            }

        .ce-modal.ce-modal-v4 .ce-tabs ul li.active-tab {
            background: transparent;
            border-right: 3px solid #ff6100; /*#ff6100*/
        }

    .ce-modal.ce-modal-v4 .prevBtn, .nextBtn {
        height: 134px !important;
    }

    .ce-modal.ce-modal-v4 div.mt-carrousel .prevBtn a, div.mt-carrousel .nextBtn a {
        margin-top: 54px !important;
    }


.prevBtn, .nextBtn {
    background: #ddd;
    height: 148px;
}

    .prevBtn a, .nextBtn a {
        display: block;
        width: 30px;
        height: 148px;
        line-height: 148px;
        font-size: 50px;
        /*color: #081b43;*/
        text-decoration: none;
    }

        .prevBtn a div, .nextBtn a div {
            line-height: 138px;
            float: left;
            width: 14px;
            height: 14px;
            margin-top: 64px;
            margin-left: 8px;
        }

div.mt-carrousel .prevBtn, div.mt-carrousel .nextBtn {
    background: none !important;
    display: inline-block;
}

    div.mt-carrousel .prevBtn a, div.mt-carrousel .nextBtn a {
        display: block;
        height: 30px;
        width: 30px;
        background-color: #CDE1E1;
        border-radius: 50%;
        line-height: 148px;
        margin-top: 64px !important;
        margin-left: 2px;
        position: relative;
        z-index: 2;
    }

    div.mt-carrousel .nextBtn a {
        position: absolute;
        right: 2px;
    }

        div.mt-carrousel .prevBtn a div, div.mt-carrousel .nextBtn a div {
            line-height: 138px;
            float: left;
            width: 6px;
            height: 6px;
            margin-top: 7px;
            margin-left: 9px;
        }

.arrow-pagintaion {
    border: solid #9ca3b3;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px !important;
}

div.mt-carrousel .arrow-pagintaion {
    border: solid #001133;
    border-width: 0 3px 3px 0;
}

.arrow-pagintaion-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-left: -4px !important;
}

div.mt-carrousel .arrow-pagintaion-right {
    margin-left: 5px !important;
}

.arrow-pagintaion-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.arrow-pagintaionup {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.arrow-pagintaion-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/* Customer Enrollment V4 */

.ce-tabs {
    float: left;
    width: 200px;
    height: 565px;
    background: #d5d5d5;
}

    .ce-tabs ul {
        padding: 0;
        list-style: none;
        margin-top: 30px;
    }

        .ce-tabs ul li a {
            display: block;
            line-height: 40px;
            width: 180px;
            padding: 0 0 0 20px;
            font-size: 14px;
        }

        .ce-tabs ul li.active-tab {
            background: #fff;
        }

.ce-container {
    float: right;
}

    .ce-container div.additional-container {
        height: 512px;
    }

    .ce-container div.additional-container {
        height: 512px;
        overflow-y: auto;
    }

    .ce-container div.date-module img {
        right: 7px;
    }

    .ce-container div.id-module div.date-module img {
        right: 2px;
        top: 21px;
        cursor: pointer;
    }

    .ce-container label input[type='radio'] {
        height: 13px !important;
    }

    .ce-container .message-title {
        width: 668px;
    }

        .ce-container .message-title p {
            margin: 10px 0;
        }

    .ce-container acquire-image ul {
        list-style-type: none;
    }

.ce-messag-modal {
    position: absolute;
    top: 0;
    z-index: 11;
}

.ce-modal-warn {
    width: 715px;
    left: auto;
}

.ce-container .table-module {
    width: 656px;
    min-height: 314px;
}

    .ce-container .table-module.id-info-container {
        height: 314px;
    }

.ce-container .ce-col-mid {
    float: left;
    width: 318px;
}

    .ce-container .ce-col-mid div.message-title.notice {
        font-weight: normal;
        font-size: 12px;
        display: inline;
    }

        .ce-container .ce-col-mid div.message-title.notice h3 {
            width: 265px;
        }

.ce-ids-container {
    list-style: none;
    padding: 0;
    margin: 0; /*width: 188px;*/
}

    .ce-ids-container li {
        float: left;
    }

        .ce-ids-container li ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

.ce-id-elem {
    border: 1px solid #ebebeb;
    overflow: hidden;
    background: #f1f1f1;
}

.ce-id-elem-ime {
    height: 98px;
    padding: 10px;
}

.ce-id-elem-text {
    display: table-cell;
    vertical-align: middle;
    height: 98px;
    font-size: 11px;
    width: 173px;
    text-align: center;
}
/*.ce-id-photo { margin: 10px; }*/
.ce-id-elem-ctl {
    width: 200px;
    background: #d5d5d5;
    overflow: hidden;
}

    .ce-id-elem-ctl.rejections {
        width: 233px;
        background: #d5d5d5;
        overflow: hidden;
    }

    .ce-id-elem-ctl li {
        margin-left: 10px;
        display: block;
        height: 30px;
        line-height: 30px;
    }

        .ce-id-elem-ctl li img {
            vertical-align: middle;
        }

.ce-cust {
    background: #fff;
    margin: 20px 20px 0 20px;
    padding: 10px;
    border-top: 5px solid #ff6100;
}

.list-quest {
    list-style: none;
    padding: 0;
    margin: 10px 10px 10px 10px;
    overflow: hidden;
}

    .list-quest li {
        margin: 10px 0 0 0;
    }

    .list-quest select {
        width: 96%;
    }

.loading {
    background: url('/Features/Shared/img/icon/loading.gif') no-repeat left center;
    padding-left: 20px;
}

.row-box.plus-row .span-box.half-span-box {
    width: 86px;
}

    .row-box.plus-row .span-box.half-span-box input {
        width: 77px;
    }

.row-box.plus-row .span-box.one-half-span-box {
    width: 241px;
}

    .row-box.plus-row .span-box.one-half-span-box input {
        width: 233px;
    }

.row-box.plus-row .span-box.double-span-box {
    width: 341px;
}

    .row-box.plus-row .span-box.double-span-box input {
        width: 333px;
    }

.ce-col-mid .middle-resume ul li {
    width: 100% !important;
}

margin-bottom: 10px !important;
.ce-col-mid h4.margin-bottom20 {
    margin-bottom: 20px !important;
}

ul.search-results-df {
    width: 328px;
    padding: 0;
    line-height: 22px;
    position: absolute;
    z-index: 10;
    background: #fff;
    border: 1px solid #c6c6d9;
    margin-top: 2px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 265px;
    list-style: none;
}

    ul.search-results-df li {
        width: 328px;
    }

        ul.search-results-df li a {
            display: block;
            width: 330px;
            padding: 2px 4px;
        }

            ul.search-results-df li a:hover, ul.search-results-df li.active {
                background: #f1f1f1;
            }

.ce-container .error.mess-lightbox {
    width: 699px !important;
}


/*********************************/
/* Legacy customer enrollment css*/
/*********************************/
.comp-prof-quest {
    margin-right: 55px;
}

.ce-cropImgWrapper {
    margin: 44px 0 0 20px;
}

.idZoomImg {
    width: 100%;
}

.uploadButtons {
    border: 0;
    color: #0039A1;
    height: 12px !important;
    line-height: 12px !important;
}

    .uploadButtons:hover {
        text-decoration: underline;
    }

.ui-tooltip {
    position: absolute;
    width: 210px;
    max-width: 300px;
    padding: 8px;
    z-index: 999999;
    border-width: 2px;
}

.ui-tooltip, .arrow:after {
    background: #F1f1f1;
    border: 1px solid #ff6100;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
    top: auto;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        left: 20%;
    }

    .arrow:after {
        content: "";
        height: 25px;
        left: 20px;
        position: absolute;
        top: -20px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 25px;
    }

    .arrow.top::after {
        bottom: -20px;
        top: auto;
    }

/*Identification list CSS*/
.identification-box {
    width: 150px;
    border-top: 1px solid #ebebeb;
    cursor: pointer;
}

.identification-box-title {
    text-align: center;
    border-bottom: 1px solid #B2B2B2;
    background: #d5d5d5;
    font-size: 11px;
    text-transform: capitalize;
    line-height: 30px;
}

.selected-identification-box {
    background: #ff6100;
    color: #ffffff;
}

.identification-box-id {
    text-align: center;
    height: 100%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 45px;
    padding: 10px 0;
}

.identification-box-bar {
    clear: both;
    min-height: 23px;
    border: 1px solid #ccc;
    border-top-width: 0px;
    border-top-style: none;
}

.id-readyonly label {
    font-weight: bold;
}

.identification-box-check {
    background: url("/classic/img/NewCustomer/check-g.png") no-repeat 1px 1px;
    cursor: pointer;
    margin-top: 2px;
    margin-left: 5px;
    height: 18px;
    width: 18px;
    float: left;
}
/*.identification-box-details { padding: 4px; background: #EBEBEB; height: 15px; border-top: 0 solid #999 !important; border: 1px solid #ccc; clear: both; display: none; }*/
.identification-box-favorites {
    background: url("/classic/img/NewCustomer/star-g-c.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    margin-top: 2px;
    margin-right: 10px;
    min-height: 20px;
    min-width: 16px;
    float: right;
    padding-left: 20px;
    color: #333232;
    float: right;
}

#dvIdentificationList .jcarousel-container {
    height: 70px;
}

#dvIdentificationList .jcarousel-clip {
    height: 100px;
}

#dvIdentificationList .jcarousel-prev-horizontal, #dvIdentificationList .jcarousel-next-horizontal {
    top: 30px;
}

#dvIdentificationList .jcarousel-next-horizontal {
    right: 0px;
}

#dvIdentificationList .jcarousel-container-horizontal {
    width: 570px;
    margin-top: 5px;
}

#dvIdentificationList .jcarousel-clip-horizontal {
    width: 515px;
    margin-left: 20px;
}

#dvIdentificationList .jcarousel-skin-image .jcarousel-container-horizontal {
    padding-top: 5px;
}

#dvIdentificationList .jcarousel-skin-image .jcarousel-container {
    border: 0px;
    margin-right: 20px;
    margin-left: 20px;
}

#dvIdentificationList li:first-child {
    margin-left: 9px !important;
}

#dvIdentificationList .jcarousel-skin-image .jcarousel-item-horizontal {
    margin-right: 12px;
    margin-left: 13px;
}

#divCarousel .jcarousel-skin-image .jcarousel-container-horizontal {
    width: 185px;
    border: 0;
    padding: 10px 40px;
    margin-left: 40px;
}

#divCarousel .jcarousel-skin-image .jcarousel-clip-horizontal {
    width: 185px;
}

#divNewCarousel .jcarousel-skin-image .jcarousel-container-horizontal {
    width: 185px;
    border: 0;
    padding: 10px 40px;
    margin-left: 40px;
}

#divNewCarousel .jcarousel-skin-image .jcarousel-clip-horizontal {
    width: 185px;
}

/* photo-carousel-item-template */
.identification-image-box-bar {
    clear: both;
    min-height: 21px;
    background: #CCC;
    border-top: 1px solid #999;
}

.identification-image-box {
    border: 1px solid #aaa;
    width: 175px;
    background: #f3f3eb;
}

.identification-image-box-image {
    padding: 5px;
    height: 145px;
    text-align: center;
}

    .identification-image-box-image img {
        height: 145px;
        max-width: 160px;
        max-height: 160px;
    }

.identification-image-box-no-image {
    height: 100%;
    width: 100%;
    margin-top: 50px;
}

.identification-image-box-trash {
    background: url("/classic/img/NewCustomer/trash.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    margin-top: 3px;
    margin-right: 5px;
    min-height: 18px;
    min-width: 16px;
    float: right;
}

.identification-image-box-crop {
    background: url("/classic/img/NewCustomer/crop.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    margin-top: 3px;
    margin-right: 10px;
    min-height: 18px;
    min-width: 16px;
    float: right;
}

.identification-image-box-expand {
    background: url("/classic/img/NewCustomer/full_screen.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    margin-top: 3px;
    margin-right: 10px;
    min-height: 18px;
    min-width: 16px;
    float: right;
}

/* bug 64796 required shrinking the phone container width to override default value in intTelInput.css  */
.intl-tel-input .country-list {
    overflow-x: hidden;
    width: 200px;
    white-space: normal !important;
    font-family: 'Open Sans', Helvetica, sans-serif !important;
    font-size: 12px;
    color: #545454;
    line-height: normal;
}

    .intl-tel-input .country-list li.country {
        float: left;
        width: 200px;
    }

    .intl-tel-input .country-list li div.flag-box {
        float: left;
    }

    .intl-tel-input .country-list li span.country-name {
        float: left;
        width: 104px;
    }

    .intl-tel-input .country-list li span.dial-code {
        float: left;
    }

    .intl-tel-input .country-list .divider {
        float: left;
        width: 195px;
    }

.sendToBack {
    z-index: 0;
}

:root .intl-tel-input .country-list li.country {
    width: 188px \9;
}
/* IE9 */
:root .intl-tel-input .country-list li span.country-name {
    width: 88px \9;
}
/* IE9 */
:root .intl-tel-input .country-list .divider {
    width: 190px \9;
}
/* IE9 */

/* IME Implementation */
.comp-prof-quest {
    margin-right: 55px;
}

.no-cust-cont {
    height: 421px;
}

.l-form.no-ime {
    width: 195px;
}

    .l-form.no-ime .l-form-cont .tooltip-icon.tool-info {
        display: none;
        position: absolute;
        width: 120px;
        padding: 5px;
    }

.no-ime-botton-row {
    height: 30px !important;
}

.no-cust-cont .on-behalf {
    margin-top: 10px;
}

.no-id-container {
    height: 120px;
}

.disabledLink {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.filter-sel-table {
    width: auto;
    height: 120px;
}

.filter-sel {
    display: block;
    width: 100%;
    background: url(/Features/Shared/img/icon/check-normal.png) center left no-repeat;
    padding-left: 24px;
}

    .filter-sel.selectedTr {
        background: url(/Features/Shared/img/icon/check-active.png) center left no-repeat;
    }

.summary-table-height {
    height: 338px !important;
}

.summary-table-height-err {
    height: 290px !important;
}

/* Top Pay Agents */
.pay-agents ul {
    float: left;
    width: 390px;
    height: 35px;
    list-style: none;
    padding: 8px 10px;
    margin: 0;
    background: #e8e9eb;
    overflow: hidden;
}

    .pay-agents ul li {
        float: left;
        width: 35px;
        height: 35px;
        margin: 0 0 0 10px;
        padding: 0;
    }

        .pay-agents ul li img {
            position: static !important;
            width: 35px;
            height: 35px;
        }

            .pay-agents ul li img.active-pay {
                border: 2px solid #ff6100;
            }

        .pay-agents ul li.esp-agent {
            float: right;
            border-left: 2px dotted #727272;
            padding-left: 5px;
        }

.pay-agents .tooltip-icon.tool-info { /*display: block;*/
    padding: 10px;
    width: 180px;
    right: auto;
    margin-top: 10px;
    text-align: left;
}

.pay-agents ul ul.pa-currencies {
    position: absolute;
    top: 69px;
    width: auto;
    background-color: #e8e9eb;
    border-top: 2px solid #ff6100;
    border-bottom: 2px solid #ff6100;
    padding: 10px;
    z-index: 100;
    height: 44px;
    padding-right: 21px;
}

    .pay-agents ul ul.pa-currencies li {
        float: left;
        display: inline-block;
        width: auto;
        line-height: 24px;
    }

        .pay-agents ul ul.pa-currencies li a {
            display: block;
            color: #545454;
            font-weight: bold;
            text-align: center;
            padding: 10px;
            background: #fff;
            text-decoration: none;
            width: 24px;
            border: 1px solid #C6C6D9;
        }

ul.trans-ul-l {
    height: 360px;
}

.row-box.plus-row .span-box.double-span-box {
    width: 341px;
}

.confirm-modal-receiver {
    min-height: 202px;
}

.confirm-modal-bank {
    min-height: 231px;
}

.no-background {
    background: transparent !important;
}

/* fxloader */
.fxloader-full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    padding-top: 3%;
    z-index: 101;
}
/*.fxloader-full-cont { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 422px; height: 150px; background: #fff; padding: 20px 0 20px 20px; border-radius: 3px; }*/
.fxloader-full-cont {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 422px;
    height: 150px;
    margin: -105px 0 0 -221px;
    -moz-opacity: 1.0 !important;
    opacity: 1.0 !important;
    filter: alpha(opacity=100) !important;
    background: #fff;
    padding: 20px 0 20px 20px;
    border-radius: 3px;
}

.outerContainer {
    display: table;
    height: 150px;
    overflow: hidden;
    width: 228px;
    *position: relative;
    padding: 0 20px;
}

    .outerContainer .innerContainer {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        margin: 0 auto;
        *position: absolute;
        *top: 50%;
    }

        .outerContainer .innerContainer .element {
            *position: relative;
            *top: -50%;
            font-size: 16px;
            font-weight: 600;
        }

.fxloader {
    margin: auto;
    width: 422px;
    height: 200px;
    opacity: 1;
}

.fxloader-cont {
    width: 422px;
    height: 150px;
    background: #fff;
}

.fxloader .loader-text, fxloader-full-cont .loader-text {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.fxloader-btn-py {
    width: 155px;
    height: 30px;
}

.fxloader-btn {
    width: 130px;
    height: 30px;
}

    .fxloader-btn, .fxloader-btn img {
        float: left;
    }

        .fxloader-btn label {
            width: auto;
            line-height: 30px;
        }

.clear-both {
    clear: both;
}

.ife-list {
    float: left;
    padding: 0 0 0 20px;
    list-style: none;
}

.checkbox-nobg {
    height: 13px !important;
}

/* form ar new styles */
.form-2-cols .table-module {
    width: 852px;
}

.form-2-cols .ce-col-mid {
    float: left;
    width: 416px;
}

.form-2-cols input[type=text] {
    width: 392px;
}

.form-2-cols textarea {
    width: 392px;
}

.form-2-cols .date-module {
    width: 200px;
}

    .form-2-cols .date-module img {
        position: absolute;
        top: 7px;
        right: 10px;
    }

.form-2-cols input.small {
    width: 190px;
}

.form-2-cols .dep-amounts {
    font-size: 16px;
    font-weight: 600;
}

.form-2-cols .message-sd-edit {
    margin-top: 93px !important;
}

/* Money Order*/
.left-search-container div.l-form.money-order {
    background: #d5d5d5;
    overflow: hidden;
    padding: 10px 0;
    width: 213px
}

.l-form.money-order.step-1:hover {
    border: 1px solid #d5d5d5;
    box-shadow: none;
}

div.l-form.money-order .ce-tabs {
    width: 213px;
}

    div.l-form.money-order .ce-tabs ul li a {
        width: 193px;
    }

div.l-form.money-order .ce-cust {
    border-left: 5px solid #ff6100;
    border-top: 0;
}

div.money-order .search-module {
    width: 712px;
}

div.money-order ul.big-field-ul .big-input {
    width: 356px;
    padding-right: 55px;
}

div.money-order span.overlay-currency {
    position: absolute;
    right: 12px;
    top: 43px;
    font-size: 18px;
    font-weight: 600;
}

div.money-order span.overlay-clear {
    position: absolute;
    right: -50px;
    top: 46px;
}

ul.big-field-ul li.multiple-fields-md .big-label {
    font-size: 12px;
    margin-top: 16px;
    margin-right: 20px;
}

ul.big-field-ul li.multiple-fields-md .big-input {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 28px !important;
}

div.money-order li.multiple-fields-md span.overlay-currency {
    position: absolute;
    right: 12px;
    top: 31px;
    font-size: 12px;
    font-weight: 600;
}

div.money-order li.multiple-fields-md span.overlay-clear {
    position: absolute;
    right: -40px;
    top: 31px;
}

ul.big-field-ul li.multiple-fields-sm .big-label {
    font-size: 12px;
    margin-top: 16px;
    margin-right: 20px;
}

ul.big-field-ul li.multiple-fields-sm .big-input {
    height: 30px !important;
    line-height: 30px !important;
    font-size: 20px !important;
}

div.money-order li.multiple-fields-sm span.overlay-currency {
    position: absolute;
    right: 12px;
    top: 26px;
    font-size: 12px;
    font-weight: 600;
}

div.money-order li.multiple-fields-sm span.overlay-clear {
    position: absolute;
    right: -40px;
    top: 26px;
}

.totals-section .float-l {
    width: 435px;
}

.totals-section .float-r {
    width: 258px;
    margin-left: 10px;
    background: #d5d5d5;
    padding: 10px;
    height: 104px;
}

    .totals-section .float-r.multiple-trans {
        width: 170px;
        height: auto;
    }

        .totals-section .float-r.multiple-trans select {
            width: 137px;
        }

        .totals-section .float-r.multiple-trans input {
            width: 115px;
        }

.totals-section table td {
    line-height: 26px;
}

.totals-section .float-r input {
    width: 195px;
}

ul.big-field-ul li.confirm-button-container {
    margin: 44px 0 0 20px;
    width: auto;
}

div.money-order .bottom-resume ul {
    border-right: 0px;
    width: 95%;
    height: 58px;
    padding: 15px 2% 0 2%;
}

    div.money-order .bottom-resume ul h4 {
        min-height: 22px;
    }

    div.money-order .bottom-resume ul li {
        width: 180px;
    }

div.money-order .hide-table {
    height: 428px;
    overflow-y: auto !important;
}

div.mo-correct-amount {
    width: 45%;
}

    div.mo-correct-amount input {
        width: 76%;
    }

.multi-steps {
    float: left;
}

    .multi-steps li {
        float: left;
        padding: 10px;
        background: #d5d5d5;
        border-radius: 15px;
        min-width: 20px;
        text-align: center;
        margin-left: -1px;
        font-weight: 600;
    }

        .multi-steps li.active {
            background: #ff6100;
            color: #fff;
        }

.nav-active {
    display: block;
    width: 16px !important;
    height: 16px;
    background: url(/Features/Shared/img/icon/check-active.png) no-repeat;
}

.extra-line {
    position: absolute;
    top: 19px;
    left: 7px;
    background: #d5d5d5;
    width: 2px;
    height: 30px;
}

    .extra-line.active {
        background: #ff6100;
    }

.multi-steps li.step-line {
    background: none;
    width: 60px;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

    .multi-steps li.step-line span {
        display: block;
        background: #d5d5d5;
        width: 60px;
        height: 8px;
        margin: 14px 0 0 0;
        border-radius: 0;
    }

    .multi-steps li.step-line.active span {
        background: #ff6100;
    }

ul.list-errors {
    list-style: disc;
    padding: 0 0 0 40px;
}

    ul.list-errors li {
        float: none;
    }

/* Sprite Special */
.iconspecial-plus2 {
    background: url('/Features/Shared/img/sprites/_sprite_special.png?v3') no-repeat 2px -512px;
    display: block;
    width: 18px;
    height: 18px;
}

.iconspecial-minus {
    background: url('/Features/Shared/img/sprites/_sprite_special.png?v3') no-repeat 2px -542px;
    display: block;
    width: 18px;
    height: 18px;
}

/* Sprite icons */
.icons-arrow-up-full, .icons-cfpbreprinticon, .icons-graph-exclamtion, .icons-to-top, .icons-switch-b-off,
.icons-switch-b-on-a, .icons-switch-b-on, .icons-branch2, .icons-calendar-med, .icons-config,
.icons-receive, .icons-send, .icons-doc-excel, .icons-doc-pdf, .icons-doc-word,
.icons-arrow, .icons-name-control, .icons-attention-g, .icons-attention, .icons-attention2,
.icons-attention3, .icons-check, .icons-customer-results, .icons-report, .icons-reset,
.icons-title-icon-2, .icons-title-icon, .icons-active-courses, .icons-avoid, .icons-branch,
.icons-calendar, .icons-card, .icons-card2, .icons-checks-to-rescan, .icons-close,
.icons-confirm-cancellations, .icons-crop, .icons-cta-search, .icons-delete-a, .icons-delete,
.icons-download-pdf-a, .icons-download-pdf, .icons-email, .icons-email2, .icons-enter,
.icons-envelope-open, .icons-envelope, .icons-error, .icons-expand-a, .icons-expand,
.icons-favorite-on, .icons-favorite, .icons-fax, .icons-filter-success-copy, .icons-filter-success-a,
.icons-filter-success-off, .icons-filter-success, .icons-filter-success2, .icons-help, .icons-icon1,
.icons-icon10, .icons-icon2, .icons-icon3, .icons-icon4, .icons-icon5,
.icons-icon6, .icons-icon8, .icons-id, .icons-id2, .icons-info,
.icons-inquires-in-progress, .icons-like, .icons-loading, .icons-location, .icons-lock,
.icons-message, .icons-more-a, .icons-more-active, .icons-more, .icons-orders-on-hold,
.icons-pay-orders, .icons-phone, .icons-phone2, .icons-plus-active-a, .icons-plus-active,
.icons-plus, .icons-print-2, .icons-print, .icons-print2, .icons-scan,
.icons-success, .icons-time, .icons-unread-messages, .icons-user, .icons-user2,
.icons-void, .icons-check-active-a, .icons-check-active, .icons-check-normal, .icons-arrow-down,
.icons-arrow-up-hover, .icons-arrow-up, .icons-close-item, .icons-arrow-white, .icons-nav-dot-active,
.icons-nav-dot-normal, .icons-1pix, .icons-qr {
    display: inline-block;
    background: url('/Features/Shared/img/sprites/_sprite_icons.png?v3') no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}

.icons-arrow-up-full {
    background-position: -0px -0px;
    width: 64px;
    height: 32px;
}

.icons-cfpbreprinticon {
    background-position: -0px -32px;
    width: 50px;
    height: 50px;
}

.icons-graph-exclamtion {
    background-position: -0px -82px;
    width: 50px;
    height: 50px;
}

.icons-to-top {
    background-position: -0px -132px;
    width: 35px;
    height: 35px;
}

.icons-switch-b-off {
    background-position: -0px -167px;
    width: 32px;
    height: 16px;
}

.icons-switch-b-on-a {
    background-position: -32px -167px;
    width: 32px;
    height: 16px;
}

.icons-switch-b-on {
    background-position: -0px -183px;
    width: 32px;
    height: 16px;
}

.icons-branch2 {
    background-position: -33px -183px;
    width: 30px;
    height: 30px;
}

.icons-calendar-med {
    background-position: -0px -199px;
    width: 30px;
    height: 30px;
}

.icons-config {
    background-position: -30px -213px;
    width: 30px;
    height: 30px;
}

.icons-receive {
    background-position: -0px -229px;
    width: 30px;
    height: 30px;
}

.icons-send {
    background-position: -30px -243px;
    width: 30px;
    height: 30px;
}

.icons-doc-excel {
    background-position: -35px -132px;
    width: 27px;
    height: 32px;
}

.icons-doc-pdf {
    background-position: -0px -259px;
    width: 27px;
    height: 32px;
}

.icons-doc-word {
    background-position: -27px -273px;
    width: 27px;
    height: 32px;
}

.icons-arrow {
    background-position: -0px -291px;
    width: 24px;
    height: 13px;
}

.icons-name-control {
    background-position: -0px -304px;
    width: 24px;
    height: 24px;
}

.icons-attention-g {
    background-position: -24px -305px;
    width: 21px;
    height: 21px;
}

.icons-attention {
    background-position: -24px -326px;
    width: 21px;
    height: 21px;
}

.icons-attention2 {
    background-position: -0px -328px;
    width: 21px;
    height: 21px;
}

.icons-attention3 {
    background-position: -21px -347px;
    width: 21px;
    height: 21px;
}

.icons-check {
    background-position: -42px -347px;
    width: 21px;
    height: 21px;
}

.icons-customer-results {
    background-position: -0px -349px;
    width: 21px;
    height: 21px;
}

.icons-report {
    background-position: -21px -368px;
    width: 21px;
    height: 21px;
}

.icons-reset {
    background-position: -42px -368px;
    width: 21px;
    height: 21px;
}

.icons-title-icon-2 {
    background-position: -0px -370px;
    width: 21px;
    height: 21px;
}

.icons-title-icon {
    background-position: -21px -389px;
    width: 21px;
    height: 21px;
}

.icons-active-courses {
    background-position: -45px -305px;
    width: 16px;
    height: 16px;
}

.icons-avoid {
    background-position: -45px -321px;
    width: 16px;
    height: 16px;
}

.icons-branch {
    background-position: -42px -389px;
    width: 16px;
    height: 16px;
}

.icons-calendar {
    background-position: -0px -391px;
    width: 16px;
    height: 16px;
}

.icons-card {
    background-position: -42px -405px;
    width: 16px;
    height: 16px;
}

.icons-card2 {
    background-position: -0px -407px;
    width: 16px;
    height: 16px;
}

.icons-checks-to-rescan {
    background-position: -16px -410px;
    width: 16px;
    height: 16px;
}

.icons-close {
    background-position: -32px -421px;
    width: 16px;
    height: 16px;
}

.icons-confirm-cancellations {
    background-position: -48px -421px;
    width: 16px;
    height: 16px;
}

.icons-crop {
    background-position: -0px -423px;
    width: 16px;
    height: 16px;
}

.icons-cta-search {
    background-position: -16px -426px;
    width: 16px;
    height: 16px;
}

.icons-delete-a {
    background-position: -32px -437px;
    width: 16px;
    height: 17px;
}

.icons-delete {
    background-position: -48px -437px;
    width: 16px;
    height: 17px;
}

.icons-download-pdf-a {
    background-position: -0px -439px;
    width: 16px;
    height: 16px;
}

.icons-download-pdf {
    background-position: -16px -442px;
    width: 16px;
    height: 16px;
}

.icons-email {
    background-position: -32px -454px;
    width: 16px;
    height: 16px;
}

.icons-email2 {
    background-position: -48px -454px;
    width: 16px;
    height: 12px;
}

.icons-enter {
    background-position: -0px -455px;
    width: 16px;
    height: 16px;
}

.icons-envelope-open {
    background-position: -16px -458px;
    width: 16px;
    height: 17px;
}

.icons-envelope {
    background-position: -48px -466px;
    width: 16px;
    height: 12px;
}

.icons-error {
    background-position: -32px -470px;
    width: 16px;
    height: 16px;
}

.icons-expand-a {
    background-position: -0px -471px;
    width: 16px;
    height: 16px;
}

.icons-expand {
    background-position: -16px -475px;
    width: 16px;
    height: 16px;
}

.icons-favorite-on {
    background-position: -48px -478px;
    width: 16px;
    height: 16px;
}

.icons-favorite {
    background-position: -32px -486px;
    width: 16px;
    height: 16px;
}

.icons-fax {
    background-position: -0px -487px;
    width: 16px;
    height: 16px;
}

.icons-filter-success-copy {
    background-position: -16px -491px;
    width: 16px;
    height: 16px;
}

.icons-filter-success-a {
    background-position: -48px -494px;
    width: 16px;
    height: 16px;
}

.icons-filter-success-off {
    background-position: -32px -502px;
    width: 16px;
    height: 16px;
}

.icons-filter-success {
    background-position: -0px -503px;
    width: 16px;
    height: 16px;
}

.icons-filter-success2 {
    background-position: -16px -507px;
    width: 16px;
    height: 16px;
}

.icons-help {
    background-position: -48px -510px;
    width: 16px;
    height: 16px;
}

.icons-icon1 {
    background-position: -32px -518px;
    width: 16px;
    height: 16px;
}

.icons-icon10 {
    background-position: -0px -519px;
    width: 16px;
    height: 16px;
}

.icons-icon2 {
    background-position: -16px -523px;
    width: 16px;
    height: 16px;
}

.icons-icon3 {
    background-position: -48px -526px;
    width: 16px;
    height: 16px;
}

.icons-icon4 {
    background-position: -32px -534px;
    width: 16px;
    height: 16px;
}

.icons-icon5 {
    background-position: -0px -535px;
    width: 16px;
    height: 16px;
}

.icons-icon6 {
    background-position: -16px -539px;
    width: 16px;
    height: 16px;
}

.icons-icon8 {
    background-position: -48px -542px;
    width: 16px;
    height: 16px;
}

.icons-id {
    background-position: -32px -550px;
    width: 16px;
    height: 16px;
}

.icons-id2 {
    background-position: -0px -551px;
    width: 16px;
    height: 16px;
}

.icons-info {
    background-position: -16px -555px;
    width: 16px;
    height: 16px;
}

.icons-inquires-in-progress {
    background-position: -48px -558px;
    width: 16px;
    height: 16px;
}

.icons-like {
    background-position: -32px -566px;
    width: 16px;
    height: 16px;
}

.icons-loading {
    background-position: -0px -567px;
    width: 16px;
    height: 16px;
}

.icons-location {
    background-position: -16px -571px;
    width: 16px;
    height: 16px;
}

.icons-lock {
    background-position: -48px -574px;
    width: 16px;
    height: 16px;
}

.icons-message {
    background-position: -32px -582px;
    width: 16px;
    height: 16px;
}

.icons-more-a {
    background-position: -0px -583px;
    width: 16px;
    height: 16px;
}

.icons-more-active {
    background-position: -16px -587px;
    width: 16px;
    height: 16px;
}

.icons-more {
    background-position: -48px -590px;
    width: 16px;
    height: 16px;
}

.icons-orders-on-hold {
    background-position: -32px -598px;
    width: 16px;
    height: 16px;
}

.icons-pay-orders {
    background-position: -0px -599px;
    width: 16px;
    height: 16px;
}

.icons-phone {
    background-position: -16px -603px;
    width: 16px;
    height: 16px;
}

.icons-phone2 {
    background-position: -48px -606px;
    width: 16px;
    height: 16px;
}

.icons-plus-active-a {
    background-position: -32px -614px;
    width: 16px;
    height: 16px;
}

.icons-plus-active {
    background-position: -0px -615px;
    width: 16px;
    height: 16px;
}

.icons-plus {
    background-position: -16px -619px;
    width: 16px;
    height: 16px;
}

.icons-print-2 {
    background-position: -48px -622px;
    width: 16px;
    height: 16px;
}

.icons-print {
    background-position: -32px -630px;
    width: 16px;
    height: 16px;
}

.icons-print2 {
    background-position: -0px -631px;
    width: 16px;
    height: 16px;
}

.icons-scan {
    background-position: -16px -635px;
    width: 16px;
    height: 16px;
}

.icons-success {
    background-position: -48px -638px;
    width: 16px;
    height: 16px;
}

.icons-time {
    background-position: -32px -646px;
    width: 16px;
    height: 16px;
}

.icons-unread-messages {
    background-position: -0px -647px;
    width: 16px;
    height: 16px;
}

.icons-user {
    background-position: -16px -651px;
    width: 16px;
    height: 16px;
}

.icons-user2 {
    background-position: -48px -654px;
    width: 16px;
    height: 16px;
}

.icons-void {
    background-position: -32px -662px;
    width: 16px;
    height: 16px;
}

.icons-check-active-a {
    background-position: -0px -663px;
    width: 15px;
    height: 15px;
}

.icons-check-active {
    background-position: -15px -667px;
    width: 15px;
    height: 15px;
}

.icons-check-normal {
    background-position: -48px -670px;
    width: 15px;
    height: 15px;
}

.icons-arrow-down {
    background-position: -50px -32px;
    width: 12px;
    height: 8px;
}

.icons-arrow-up-hover {
    background-position: -50px -40px;
    width: 12px;
    height: 8px;
}

.icons-arrow-up {
    background-position: -50px -48px;
    width: 12px;
    height: 8px;
}

.icons-close-item {
    background-position: -50px -56px;
    width: 10px;
    height: 10px;
}

.icons-arrow-white {
    background-position: -50px -66px;
    width: 9px;
    height: 14px;
}

.icons-nav-dot-active {
    background-position: -50px -80px;
    width: 8px;
    height: 8px;
}

.icons-nav-dot-normal {
    background-position: -50px -88px;
    width: 8px;
    height: 8px;
}

.icons-1pix {
    background-position: -62px -32px;
    width: 1px;
    height: 1px;
}

.icons-qr {
    background-position: 0px -686px;
    width: 30px;
    height: 30px;
}

/* Task 85584:MTOrder: Remove from CSS Bundle unused files */
.offscreen {
    position: absolute;
    left: -100%;
    top: 0;
}

/* Home page */
.home-module div.message-title {
    width: 782px;
}

.track-order {
    float: left;
    width: 310px;
    overflow: hidden;
}

    .track-order .search-module {
        width: 290px;
    }

        .track-order .search-module label {
            width: 250px;
            color: #081b43;
        }

    .track-order .search-button input {
        width: 258px;
        padding: 0 20px 0 10px;
    }

    .track-order div.search-button button.search-btngen {
        width: 26px !important;
    }

    .track-order div.message-title {
        width: 288px;
    }

.rates-cont {
    float: right;
    width: 470px;
    overflow: hidden;
    min-height: 300px;
}

    .rates-cont .ben-links {
        list-style: none;
        padding: 0;
    }

        .rates-cont .ben-links li {
            float: left;
        }

.banners-cont {
    float: right;
    width: 390px;
    overflow: hidden;
    height: 610px;
    margin-left: 20px;
}

.rates-table th {
    background: #ff6100;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    padding-left: 5px;
}

.rates-table tr {
    background: #eee;
    border-top: 3px solid #fff;
}

.rates-table td {
    padding: 4px 4px;
    font-size: 12px;
    line-height: 18px;
    cursor: pointer;
}

.rates-table a {
    font-weight: normal;
}

.rates-table td img.flag {
    margin-right: 10px;
}

.rates-table td.rates-val {
    color: #081b43;
}

.rates-table td.rate-selected, .rates-table td.rate-selected a {
    color: #081b43;
    font-weight: 600;
}

.rates-table tr.rates-detail {
    background: #fff;
}

    .rates-table tr.rates-detail:hover {
        background-color: #F1F6F7;
    }

.home-alerts {
    float: left;
    width: 310px;
}

    .home-alerts ul {
        list-style: none;
        background: #eee;
        padding: 10px;
        overflow: hidden;
    }

        .home-alerts ul li {
            float: left;
            background: #fff;
            margin: 0 0 10px 0;
            padding: 10px;
            min-width: 270px;
        }

            .home-alerts ul li:last-child {
                margin-bottom: 0;
            }

            .home-alerts ul li h5 {
                font-size: 12px;
                color: #081b43;
            }

            .home-alerts ul li p a {
                color: #ff6100;
            }

    .home-alerts.ha-horizontal {
        width: 100%;
    }

        .home-alerts.ha-horizontal ul {
            display: inline-block;
        }

            .home-alerts.ha-horizontal ul li {
                width: 365px;
                min-height: 169px;
                margin-right: 5px;
                margin-left: 5px;
            }

                .home-alerts.ha-horizontal ul li:last-child {
                    margin-bottom: auto;
                }

.search-order-loading {
    top: 5px;
    width: 22px;
    height: 22px;
    right: 7px;
    position: absolute;
}

/* home resolution 1024 and under */
@media screen and (max-width: 1279px) {
    .home-module div.message-title {
        width: 860px;
    }

    .fx-form #wrapper {
        width: 900px !important;
    }

        .fx-form #wrapper.wrapper1024 {
            width: 1000px !important;
        }

    .track-order {
        clear: left;
        width: 470px;
    }

        .track-order .search-module {
            width: 450px;
        }

        .track-order .search-button input {
            width: 418px;
        }

    .home-module .track-order div.message-title {
        width: 450px;
        font-size: 15px !important;
    }

    .rates-cont {
        float: left;
        width: 470px;
        clear: left;
    }

    .banners-cont {
        margin-left: 0;
    }

    .home-alerts {
        float: left;
        width: 100%;
    }

        .home-alerts ul {
            list-style: none;
            background: #eee;
            padding: 10px 0 10px 10px;
            overflow: hidden;
        }

            .home-alerts ul li {
                border-bottom: 0;
                width: 260px;
                margin-right: 10px;
                margin-bottom: 10px;
            }

                .home-alerts ul li:last-child {
                    margin-right: 0;
                }

    .thWithBL {
        white-space: break-spaces;
        line-height: 1.2rem;
    }
}

div.campaignMessage div.message-title h3 {
    font-size: 17px;
}

/* Id verification */
.id-verification-container {
    background: #fff;
    position: absolute;
    top: 5px;
    left: 1px;
    width: 724px;
    height: 532px;
    z-index: 2;
    padding: 10px;
}

.id-verification-container-inner {
    height: 440px;
}

/* Manage Customers */
.l-form.full-search {
    overflow: auto !important;
    width: 922px;
    padding: 10px;
    height: 214px;
}

    .l-form.full-search .l-form-cont {
        height: 144px;
        overflow: auto !important;
    }

    .l-form.full-search .filter_search ul li + li {
        margin-right: 20px;
    }

#calloutValidation_search_dob {
    z-index: 1 !important;
}

.l-form.full-search .date-module image {
    top: 7px;
}

div.search-button.ce-search-button button.search-btngen {
    top: -1px;
    right: 10px;
}

.row-box.plus-row .span-box.double-span-box.double-span-box-agent-detail {
    background: #e8e9eb;
    padding: 10px;
    width: 322px;
    margin: 0;
}

/* Exchange Rates Tool*/

.rates-featured ul {
    list-style: none;
}

    .rates-featured ul li {
        float: left;
        background: transparent;
        width: 100%;
    }

        .rates-featured ul li.full {
            margin-bottom: 10px;
            width: 706px;
        }

    .rates-featured ul.search-results {
        left: 160px;
        /* 0 */
        top: 90px;
        width: 180px;
        /* 388 */
        padding: 0;
    }

        .rates-featured ul.search-results li {
            min-height: auto;
        }

            .rates-featured ul.search-results li:hover {
                background: #fad2be;
                cursor: pointer;
            }



/* MyRia */
div.my-ria .search-module {
    width: 705px;
}

div.my-ria ul.big-field-ul .big-input {
    width: 356px;
    padding-right: 55px;
}

div.my-ria span.overlay-currency {
    position: absolute;
    right: 12px;
    top: 56px;
    font-size: 18px;
    font-weight: 600;
}

table.my-ria-table tr.error {
    background: #fbe6e6;
}

table.my-ria-table td.result-color {
    padding: 23px 4px;
}

    table.my-ria-table td.result-color p.number {
        font-size: 22px;
    }

table.my-ria-table span.icon-text {
    font-size: 12px;
    font-weight: 400;
}

.payment-method-container {
    width: 157px;
    margin-left: 10px;
    background: #d5d5d5;
    padding: 10px;
}

.payment-method-container2 {
    width: 700px;
    background: #d5d5d5;
    padding: 10px;
}
/*remove*/

table.my-ria-table input[type=checkbox]:not(old) {
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0; /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

    table.my-ria-table input[type=checkbox]:not(old) + label {
        display: inline-block;
        background: url(/Features/Shared/img/icon/filter-success-off.png) center center no-repeat;
        width: 15px;
        height: 15px;
        cursor: pointer;
    }

    table.my-ria-table input[type=checkbox]:not(old):checked + label {
        background: url(/Features/Shared/img/icon/filter-success.png) center center no-repeat;
    }

div.my-ria-full ul.big-field-ul .big-input {
    width: 356px;
    padding-right: 55px;
}

div.my-ria-full span.overlay-currency {
    position: absolute;
    right: 12px;
    top: 56px;
    font-size: 18px;
    font-weight: 600;
}

div.my-ria-full .print-module {
    width: 880px;
}

div.my-ria-full .table-module {
    width: 836px;
    min-height: 360px;
}

div.my-ria p.number {
    font-size: 18px;
    letter-spacing: -.6px;
    white-space: nowrap;
}

    div.my-ria p.number small {
        color: #ff6100;
        font-size: 12px;
    }

p.number {
    font-size: 18px;
    letter-spacing: -.6px;
    white-space: nowrap;
}

    p.number small {
        color: #ff6100;
        font-size: 12px;
    }

div.my-ria .hide-table {
    height: 335px;
}

.image-box-AppPayment {
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f8f9fa;
    height: 150px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.icon-stack-AppPayment {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .icon-stack-AppPayment i {
        color: #6c757d;
        opacity: 0.5;
    }

.id-card-AppPayment {
    font-size: 60px;
}

.shield-alt-AppPayment {
    font-size: 24px;
    position: absolute;
    bottom: -5px;
    right: -10px;
    background: #f8f9fa;
    border-radius: 50%;
    padding: 4px;
}

.containerBoxNumber-AppPayment {
    border: 1px solid #bfbcbc;
    border-radius: 4px;
    padding: 2px;
    margin-top: 4px;
    display: none;
}

.boxNumber-AppPayment button {
    border: 1px solid #ccc;
    background: #fff;
    padding: 5px 10px;
    margin: 0 3px;
    border-radius: 3px;
    cursor: default;
}

    .boxNumber-AppPayment button.active {
        background: #001c48;
        color: #fff;
        font-weight: bold;
        cursor: default;
    }

/* New Order Search Page */
div.list-search-component {
    position: absolute;
    top: 45px;
    left: 0;
    background-color: #ffffff;
    margin: 0;
    padding: 10px;
    border: 1px solid #ff6100;
    border-top: none;
    z-index: 100;
    width: 286px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    div.list-search-component button.search-btngen.no-search-btn {
        right: 8px;
    }

    div.list-search-component ul {
        height: 240px;
        overflow-y: scroll;
    }

        div.list-search-component ul li {
            width: 92%;
            line-height: 30px;
            text-align: left;
            font-size: 12px;
            border-top: 0;
            padding: 0 0 0 5px;
        }

            div.list-search-component ul li a {
                display: block;
            }

                div.list-search-component ul li a:hover {
                    background: #f1f1f1;
                    text-decoration: none;
                }


ul.special-select {
    float: left;
    list-style: none;
    padding: 0;
    width: 186px;
    background: #ffffff;
    color: #0039a1;
    height: 30px;
    margin: 0;
    line-height: 30px;
    border-radius: 5px;
    border: 1px solid #ff6100;
}

    ul.special-select li {
        position: relative;
        display: inline-block;
        #display: inline;
        _display: inline;
        zoom: 1;
        width: 156px;
        font-size: 14px;
        font-weight: 400;
        line-height: 34px;
        background: url('/Features/Shared/img/icon/arrow-down.png') no-repeat right 12px;
        border-right: 10px solid transparent;
        padding-left: 20px;
    }

        ul.special-select li.active {
            background: url('/Features/Shared/img/icon/arrow-up.png') no-repeat right 12px;
        }

        ul.special-select li:hover ul {
            min-width: 186px;
        }

    ul.special-select ul {
        display: initial !important;
        position: absolute;
        top: 28px;
        left: 0;
        background-color: #ffffff;
        margin: 0 0 0 -1px;
        padding: 0 0 10px 0;
        list-style-type: none;
        border: 1px solid #ff6100;
        border-top: none;
        z-index: 100;
        width: 186px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

        ul.special-select ul li {
            line-height: 30px;
            text-align: left;
            font-size: 12px;
            border-top: 0;
            padding: 0 0 0 20px;
            background-image: none;
        }

            ul.special-select ul li:hover {
                background-image: none;
                background: #f1f1f1;
            }

            ul.special-select ul li a {
                display: block;
                font-weight: normal;
            }

                ul.special-select ul li a:hover {
                    text-decoration: none;
                }

    ul.special-select.special-select-small {
        width: 90px;
        line-height: 24px;
        height: 24px;
    }

        ul.special-select.special-select-small li {
            width: 60px !important;
            font-size: 12px;
            line-height: 24px;
            background: url('/Features/Shared/img/icon/arrow-down.png') no-repeat right 9px;
        }

            ul.special-select.special-select-small li.active {
                background: url('/Features/Shared/img/icon/arrow-up.png') no-repeat right 9px;
            }

            ul.special-select.special-select-small li:hover ul {
                min-width: 90px;
                background-color: #ffffff;
            }

        ul.special-select.special-select-small ul {
            width: 186px;
        }

            ul.special-select.special-select-small ul li {
                line-height: 30px;
                width: 150px;
                background-image: none;
            }

                ul.special-select.special-select-small ul li:hover {
                    background-image: none;
                    background: #f1f1f1;
                }

    ul.special-select.special-select-xs {
        width: 90px !important;
        line-height: 24px;
        height: 24px;
    }

        ul.special-select.special-select-xs li {
            width: 60px !important;
            font-size: 12px;
            line-height: 24px;
            background: url('/Features/Shared/img/icon/arrow-down.png') no-repeat right 9px;
        }

            ul.special-select.special-select-xs li.active {
                background: url('/Features/Shared/img/icon/arrow-up.png') no-repeat right 9px;
            }

            ul.special-select.special-select-xs li:hover ul {
                width: 100px !important;
                min-width: 100px;
                background-color: #ffffff;
            }

            ul.special-select.special-select-xs li ul {
                width: 100px !important;
                overflow: hidden;
            }

                ul.special-select.special-select-xs li ul li {
                    line-height: 30px;
                    width: 80px !important;
                    background-image: none;
                }

                    ul.special-select.special-select-xs li ul li:hover {
                        background-image: none;
                        background: #f1f1f1;
                        max-width: 80px;
                        width: 80px !important;
                    }

@media (max-width: 1270px) {
    .hidden-bellow-lg {
        display: none !important;
    }
}

.double-size div.search-button button.search-btngen.no-search-btn {
    right: 24px;
}

div.search-module ul.search-results {
    width: 328px;
    line-height: 22px;
    position: absolute;
    z-index: 10;
    background: #fff;
    border: 1px solid #c6c6d9;
    border-top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 265px;
}

    div.search-module ul.search-results li {
        width: 328px;
    }

        div.search-module ul.search-results li a {
            display: block;
            width: 330px;
            padding: 2px 4px;
        }

            div.search-module ul.search-results li a:hover {
                background: #f1f1f1;
            }

div.search-module .intl-tel-input .flag-container {
    width: 220px;
}

.loader-line {
    background: url('/Features/Shared/img/loader/loader-line.gif') no-repeat bottom left;
    border-bottom: 0px !important;
}

/* Agent/Branches/Users Selector*/
div.list-search-component {
    position: absolute;
    top: 45px;
    left: 0;
    background-color: #ffffff;
    margin: 0;
    padding: 10px;
    border: 1px solid #ff6100;
    border-top: none;
    z-index: 100;
    width: 286px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    div.list-search-component button.search-btngen.no-search-btn {
        right: 8px;
    }

    div.list-search-component ul {
        height: 240px;
        overflow-y: scroll;
    }

        div.list-search-component ul li {
            width: 92%;
            line-height: 30px;
            text-align: left;
            font-size: 12px;
            border-top: 0;
            padding: 0 0 0 5px;
        }

            div.list-search-component ul li a {
                display: block;
            }

                div.list-search-component ul li a:hover {
                    background: #f1f1f1;
                    text-decoration: none;
                }

.arrow-cta-search {
    float: left;
    width: 16px;
    height: 16px;
    background: url('/Features/Shared/img/icon/cta-search.png') no-repeat left center;
}

/* center verticaly and horizontally */
.outerContGlobal {
    display: table;
    height: 88%;
    overflow: hidden;
    width: 100%;
    *position: relative;
    background: #fff;
}

    .outerContGlobal .innerContGlobal {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        margin: 0 auto;
        *position: absolute;
        *top: 50%;
    }

        .outerContGlobal .innerContGlobal .elementGlobal {
            *position: relative;
            *top: -50%;
        }

/* Error Page */
body.error-page, html.error-page {
    height: 100%;
}

div.error-page {
    margin: auto;
    width: 600px;
    padding: 20px;
    border: 1px solid #ff6100;
    box-shadow: 0px 3px 6px #ac4e05;
    overflow: hidden;
}

    div.error-page h1 {
        font-size: 70px;
        line-height: 100px;
        margin: 0;
        padding: 0;
        font-weight: normal;
        color: #ff6100;
        background: url('/Features/Shared/img/icon/confusing.png') no-repeat left center;
        padding-left: 100px;
    }

        div.error-page h1.exclamation {
            background: url('/Features/Shared/img/icon/featured-exlamation.png') no-repeat left center;
            background-size: 100px 100px;
            padding-left: 120px;
            font-size: 34px;
            letter-spacing: -1px;
            line-height: normal;
            min-height: 100px;
        }

            div.error-page h1.exclamation.exclamation-small {
                background-size: 50px 50px;
                min-height: 50px;
                padding-left: 64px;
            }

    div.error-page h2 {
        font-size: 40px;
        color: #bbb;
        line-height: normal;
        margin: 0;
        padding: 0;
        font-weight: normal;
    }

    div.error-page h3 {
        font-size: 30px;
        font-weight: normal;
    }

    div.error-page p {
        font-size: 14px;
    }

div.head-wrapper {
    width: 1260px;
    margin: auto;
    height: 50px;
}

div.logo-space {
    float: left;
    margin: 6px 0 0 10px;
}

/* PA search */
.open-now {
    color: #14a600;
}

.week-day-2 {
    float: left;
    width: 30px;
}

.widget-module-table .tooltip-icon {
    display: block;
    top: 26px !important;
    width: 160px;
}

@media screen and (max-width: 1279px) {
    div.head-wrapper {
        width: 1000px;
    }
}

@media screen and (max-width: 1020px) {
    div.head-wrapper {
        width: 800px;
    }
}

.img-button {
    height: auto !important;
    border: 0 !important;
}

/* Email verification */

a.email-verification {
    position: absolute;
    top: 15px;
    height: 22px;
    font-size: 9px;
    font-weight: bold;
    display: block;
    padding: 3px;
}

    a.email-verification div.verification-text {
        width: 50px;
        height: 24px;
    }

        a.email-verification div.verification-text.green {
            color: #14a600;
        }

        a.email-verification div.verification-text b {
            height: 24px;
            display: table-cell;
            vertical-align: middle;
        }

/* Phone verification */

a.phone-verification {
    position: absolute;
    top: 14px;
    right: 0;
    height: 20px;
    font-size: 9px;
    font-weight: bold;
    display: block;
    padding: 3px;
}

    a.phone-verification div.verification-text {
        width: 50px;
        height: 24px;
    }

        a.phone-verification div.verification-text.green {
            color: #14a600;
        }

        a.phone-verification div.verification-text b {
            height: 24px;
            display: table-cell;
            vertical-align: middle;
        }

/* OTP verification */

a.otp-verification {
    position: absolute;
    height: 22px;
    font-size: 9px;
    font-weight: bold;
    display: block;
    padding: 3px;
}

    a.otp-verification div.verification-text {
        width: 50px;
        height: 24px;
    }

        a.otp-verification div.verification-text.green {
            color: #14a600;
        }

        a.otp-verification div.verification-text b {
            height: 24px;
            display: table-cell;
            vertical-align: middle;
        }

.start-verification {
    background: #f1f2f3;
    border: 1px solid #c6c6d9;
}

.pending-verification {
    background: #f6f6d9;
    border: 1px solid #545454;
}

.lblAddImage {
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}

.img-AddImage {
    margin-top: -2px;
    margin-bottom: -3px;
}

/* New order page */

.fields-container {
}

    .fields-container ul {
        width: 100%;
        height: auto;
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .fields-container ul li {
            float: left;
            width: 195px;
            margin-right: 20px;
        }

            .fields-container ul li + li {
                margin-right: 0;
            }

            .fields-container ul li div {
                margin: 0;
                padding: 0;
                width: 100%;
                position: relative;
            }

                .fields-container ul li div input {
                    width: 89%;
                    text-align: left;
                    border: 1px solid #C6C6D9;
                    padding: 0 10px;
                    color: #727272;
                }
                /*.fields-container ul li div img { position: absolute; right: 5px; top: 24px; background: transparent; }*/
                .fields-container ul li div span.img-action {
                    position: absolute;
                    right: 5px;
                    top: 20px;
                }

.filter_search ul li div span.img-branch {
    position: absolute;
    right: 0;
    top: 17px;
}

.fields-container ul li div input:focus, .filter_search ul li div input:focus {
    border-color: #ff6100;
}

.fields-container ul li div label, .filter_search ul li div label {
}

.fields-container ul li.full {
    width: 408px;
}

    .fields-container ul li.full input[type="text"] {
        width: 386px;
    }

.fields-container .pay-agents ul ul.pa-currencies {
    position: absolute;
    top: 43px;
    width: auto;
    background-color: #e8e9eb;
    border-top: 2px solid #ff6100;
    border-bottom: 2px solid #ff6100;
    padding: 10px;
    z-index: 100;
    height: 44px;
    padding-right: 21px;
}

    .fields-container .pay-agents ul ul.pa-currencies li {
        float: left;
        display: inline-block;
        width: auto;
        line-height: 24px;
    }



.payment-container {
    float: left;
    width: 96px;
    padding: 10px;
    background: #f1f2f3;
    height: 280px;
}

    .payment-container input[type="text"] {
        width: 80px;
        padding: 0 8px;
    }

    .payment-container ul li {
        width: 96px;
    }

.bg-branch {
    background: url(../img/icon/branch2.png) left center no-repeat;
    padding: 10px 0 0 30px;
    height: 30px;
    margin: 0 0 0 -10px;
}

.fields-container-l {
    float: left;
    width: 415px;
    padding-right: 12px;
    border-right: 1px dotted #0039a1;
    min-height: 360px;
}

    .fields-container-l .span-box.double-span-box.double-span-box-agent-detail {
        background: #f1f2f3; /*box-shadow: inset 0 0px 12px #d5d5d5;*/
        padding: 10px;
        width: 388px;
        margin: 0;
        border: 1px solid #c6c6d9;
    }
        /*background: #e8e9eb;*/
        .fields-container-l .span-box.double-span-box.double-span-box-agent-detail img.search-icon {
            top: 4px;
            right: 3px;
        }

.fields-container-r {
    float: left;
    width: 413px;
    margin-left: 16px;
}

ul.deliver-methods li {
    width: 79px;
    background: #fff;
    height: 52px;
    margin-right: 0px !important;
    font-size: 13px;
    text-align: center;
    background: #f1f2f3;
    font-weight: 600;
    border: 1px solid #C6C6D9;
    border-right: none;
}

    ul.deliver-methods li:last-child {
        border: 1px solid #C6C6D9;
    }

    ul.deliver-methods li.with-text {
        height: 76px;
        font-size: 9px;
    }
    /*ul.deliver-methods li.border-gray { width: 78px; border: 1px solid #727272; }*/
    ul.deliver-methods li.active, ul.deliver-methods li:hover {
        background: #ff6100;
        color: #fff;
    }

    ul.deliver-methods li.disabled-delivery {
        opacity: 0.4;
        cursor: not-allowed;
        pointer-events: none;
    }

    ul.deliver-methods li p {
        margin-top: 7px !important;
    }

ul.deliver-methods.small li {
    width: 63px;
    height: 44px;
    margin-right: 0px !important;
    font-size: 11px;
}

    ul.deliver-methods.small li.with-text {
        height: 68px;
        font-size: 9px;
    }
/*ul.deliver-methods.small li.border-gray { width: 62px; }*/

.icon-container {
    height: 43px;
}

    .icon-container div.tooltip-icon {
        display: block;
        width: 160px;
        padding: 8px 10px;
        left: 0;
        top: 34px;
        margin-top: 6px !important;
    }

.fields-container div.pay-agents ul {
    float: left;
    width: 388px;
    height: 35px;
    list-style: none;
    padding: 8px 10px;
    margin: 0;
    background: #fff;
    border: 1px solid #C6C6D9;
}

    .fields-container div.pay-agents ul li {
        float: left;
        width: 35px;
        height: 35px;
        margin: 0 0 0 10px;
        padding: 0;
    }

        .fields-container div.pay-agents ul li img {
            position: static !important;
            width: 35px;
            height: 35px;
        }

            .fields-container div.pay-agents ul li img.active-pay {
                border: 2px solid #ff6100;
            }

        .fields-container div.pay-agents ul li.esp-agent {
            float: right;
            border-left: 2px dotted #727272;
            padding-left: 5px;
        }

    .fields-container div.pay-agents ul .tooltip-icon.tool-info, ul .tooltip-icon.tool-info {
        /*display: block;*/
        padding: 10px;
        --width: 180px;
        right: auto;
        margin-top: 10px;
        text-align: left;
    }

.filter-module ul .tooltip-icon.tool-info {
    width: 120px;
}

.fields-container div.pay-agents.available-at-container ul {
    background: transparent;
    padding: 8px 0;
    border: 0;
}

table.results-table {
    width: 280px;
}

    table.results-table td.result-color {
        padding: 10px 4px;
    }

.bold {
    font-weight: 600 !important;
}

/* IME Order Entry */
.color-number-sec.ime {
    font-size: 16px;
}

.standard-container, .standard-container-resp {
    width: 858px;
    border: 1px solid #C6C6D9;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 20px;
    overflow: hidden;
}

    .standard-container ul {
        list-style: none;
        padding: 0;
    }

        .standard-container ul li {
            display: inline;
        }

            .standard-container ul li.ime-li-edit {
                border: 1px solid #ebebeb;
                border-left: 5px solid #ff6100;
                padding: 10px;
                width: 402px;
                margin-right: 0;
            }

ul.user_ctrl_extra {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px solid #cccccc;
    padding: 4px 0 4px 14px;
    width: 120px;
    overflow: hidden;
}

    ul.user_ctrl_extra li {
        width: 30px;
    }

    ul.user_ctrl_extra.with-wapp {
        width: 150px;
    }

    ul.user_ctrl_extra.with-everification {
        width: 150px;
    }

    ul.user_ctrl_extra.complete {
        width: 180px;
    }

    ul.user_ctrl_extra.complete2 {
        width: 210px;
    }

    ul.user_ctrl_extra.expanded-view-1 {
        width: 150px;
    }

    ul.user_ctrl_extra.expanded-view-2 {
        width: 180px;
    }

    ul.user_ctrl_extra.expanded-view-3 {
        width: 210px;
    }

.inline-lightbox {
    width: 100%;
    position: fixed;
    background: rgba(0,0,0,0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    height: 94.5%;
    padding-top: 3%;
}

.wrapper.inline-customer {
    border: 1px solid #ff6100;
    border-top: 5px solid #ff6100;
    border-radius: 5px;
    width: 745px;
    position: relative;
    background: #FFFFFF;
    margin: auto;
    padding: 0;
}

div.search-button ul.search-results {
    width: 406px;
    line-height: 22px;
    position: absolute;
    z-index: 10;
    background: #fff;
    border: 1px solid #c6c6d9;
    border-top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 265px;
}

    div.search-button ul.search-results li {
        width: 406px;
        text-align: left;
    }

        div.search-button ul.search-results li a {
            display: block;
            width: 408px;
            padding: 2px 8px;
        }

            div.search-button ul.search-results li a:hover, div.search-button ul.search-results li a.active {
                background: #f1f1f1;
            }

ul.search-results {
    width: 328px;
    line-height: 22px;
    position: absolute;
    z-index: 10;
    background: #fff;
    border: 1px solid #c6c6d9;
    border-top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 265px;
}

    ul.search-results li {
        width: 328px;
    }

        ul.search-results li a {
            display: block;
            width: 330px;
            padding: 2px 4px;
        }

            ul.search-results li a:hover {
                background: #f1f1f1;
                cursor: pointer;
            }

    /* Programs */

    ul.search-results.programs {
        width: 403px;
        border: 1px solid #ff6100;
        border-top: 0;
        border-radius: 0 0 6px 6px;
    }

        ul.search-results.programs li {
            width: 396px !important;
        }

            ul.search-results.programs li a {
                width: 396px;
                line-height: 30px;
            }

/* Programs */

div.error-div {
    background: #f7e6e6;
    color: #ee0000;
    border-left: 5px solid #ee0000;
}

span.error-span {
    background: #f7e6e6;
    color: #ee0000;
}

div.error-div-enhance {
    border-left: 5px solid #ee0000;
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px !important;
}

input[type="text"]:focus, select:focus {
    background: #fff !important;
    border: 2px solid #ff6100 !important;
    box-shadow: 0 0 0 .2rem #fad2be;
}

input[type="checkbox"]:focus {
    box-shadow: 0 0 0 0 transparent;
}

.word-wrap-break {
    word-wrap: break-word !important;
}


ul.bullets {
    list-style: disc;
}

    ul.bullets li {
        list-style: disc;
        margin-left: -5px;
    }

.border-radius3 {
    border-radius: 3px;
}

.validation-container {
    min-height: 490px;
}

    .validation-container .table-module {
        width: 895px;
        height: 405px;
    }

    .validation-container .print-options-wrapper {
        width: 898px;
    }

        .validation-container .print-options-wrapper ul.print-options {
            width: 780px;
        }

        .validation-container .print-options-wrapper ul li {
            width: 33%;
        }

    .validation-container ul {
        list-style: none;
    }

    .validation-container .login-module {
        height: 428px;
        margin-bottom: 10px;
    }

    .validation-container .middle-resume {
        width: 870px;
    }

/* Correpondent Searc V2 */
ul.currency-filter {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.currency-filter li {
        float: left;
        background: #727272;
        padding: 6px 10px;
        margin-right: 3px;
        color: #fff;
        cursor: pointer;
        font-weight: bold;
    }

ul.no-style {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.bullets {
    list-style: disc;
}

    ul.bullets li {
        list-style: disc;
        margin-left: -5px;
    }

ul.currency-filter li.selected {
    background: #ff6100;
}

input.input-verified {
    background: #dff3dc url('/Features/Shared/img/icon/success.png') no-repeat 80px center;
    padding-right: 16px;
    color: #14a600;
}

    input.input-verified.input-verified-small {
        background: #dff3dc url('/Features/Shared/img/icon/success.png') no-repeat 52px center;
    }

input.input-not-verified {
    background: #f7e6e6 url('/Features/Shared/img/icon/error.png') no-repeat 80px center;
    padding-right: 16px;
    color: #ee0000;
}

    input.input-not-verified.input-not-verified-small {
        background: #f7e6e6 url('/Features/Shared/img/icon/error.png') no-repeat 52px center;
        padding-right: 16px;
        color: #ee0000;
    }

.notifications-icon {
    background: #0039a1;
    position: absolute;
    top: 58px;
    right: auto;
    margin-left: 30px;
    padding: 2px 4px;
    border-radius: 5px;
    color: #fff;
    font-size: 11px; /*animation: blink 1s step-start 0s infinite; -webkit-animation: blink 1s step-start 0s infinite;*/
}

.notifications-abs {
    position: absolute;
    top: 10px;
    right: -6px;
    background: #0039a1;
    height: 12px;
    line-height: 12px;
    padding: 2px 4px;
    border-radius: 5px;
    color: #fff;
    font-size: 11px;
    margin-top: 2px;
}

.notifications {
    background: #0039a1;
    height: 12px;
    line-height: 12px;
    padding: 2px 4px;
    border-radius: 5px;
    color: #fff;
    font-size: 11px;
    margin-top: 2px;
    margin-right: 5px;
}

/* Tax receipt loader */
div.print-tax-cont {
    position: absolute !important;
    top: 0px;
    left: -324px;
    width: 300px !important;
    height: 58px;
    padding: 10px !important;
    background: #fff;
    z-index: 100000;
    border: 1px solid #ff6100;
    box-shadow: 0px 2px 6px #ac4e05;
}

/* New id management css fixes, not the best css but it's compatible with IE8*/
#new-id-management ul li {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

    #new-id-management ul li + li + li + li + li {
        margin-right: 25px;
    }

div.print-tax-cont.with-slat {
    height: 108px;
}

.open-now {
    color: #14a600;
}

/*Timeout*/

.uiTimeout {
    position: fixed;
    background: #2B3B5A;
    border: 1px solid #166C47;
    color: #fff;
    font-weight: bold;
    font-family: 'Open Sans', Helvetica, sans-serif !important;
    text-align: center;
    font-size: 12px;
    padding: 10px;
    z-index: 9999999;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    filter: Alpha(Opacity=90);
}

    .uiTimeout a {
        color: #F4F002;
        font-weight: bold;
    }

        .uiTimeout a:hover {
            color: #fff;
        }

    .uiTimeout span {
        font-weight: bold;
    }


/* CSS Loader */

.lds-dual-ring {
    /*display: inline-block;*/
    margin: auto;
    width: 80px;
    height: 80px;
}

    .lds-dual-ring:after {
        content: " ";
        display: block;
        width: 66px;
        height: 66px;
        margin: 1px;
        border-radius: 50%;
        border: 5px solid #ff6100;
        border-color: #ff6100 transparent #ff6100 transparent;
        animation: lds-dual-ring .9s linear infinite;
    }

    .lds-dual-ring.small {
        width: 24px;
        height: 24px;
    }

        .lds-dual-ring.small:after {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 3px solid #ff6100;
            border-color: #ff6100 transparent #ff6100 transparent;
        }

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.text-transform-capitalize {
    text-transform: capitalize;
}

.cust-cont-init {
    min-height: 170px;
}

.bene-cont-init {
    min-height: 67px;
}

.trans-cont-init {
    min-height: 393px;
}

/* toggle */

.view-tutorial {
    position: absolute;
    right: 80px;
    margin-top: 2px;
    background: #f1f2f3 url(/Features/Shared/img/icon/active-courses.png) no-repeat 6px center;
    border: 1px solid #c6c6d9;
    padding: 4px 10px 4px 26px;
}

.new-order-switch {
    margin-top: 7px;
}

.status-info {
    border-left: 5px solid #0039a1;
    background: #ebf3f6;
    color: #0039a1;
    line-height: 30px;
    padding: 0 5px;
}

/* Delivery Method Sprites */
.delivery-sprite-lg-en {
    background-image: url(/Features/Shared/img/icon/delivery-lg-en.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-lg-de {
    background-image: url(/Features/Shared/img/icon/delivery-lg-de.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-lg-es {
    background-image: url(/Features/Shared/img/icon/delivery-lg-es.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-lg-fr {
    background-image: url(/Features/Shared/img/icon/delivery-lg-fr.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-lg-it {
    background-image: url(/Features/Shared/img/icon/delivery-lg-it.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-lg-pl {
    background-image: url(/Features/Shared/img/icon/delivery-lg-pl.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-lg-pt {
    background-image: url(/Features/Shared/img/icon/delivery-lg-pt.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-lg-ru {
    background-image: url(/Features/Shared/img/icon/delivery-lg-ru.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-lg-ro {
    background-image: url(/Features/Shared/img/icon/delivery-lg-ro.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-lg-hu {
    background-image: url(/Features/Shared/img/icon/delivery-lg-hu.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-lg-sr {
    background-image: url(/Features/Shared/img/icon/delivery-lg-sr.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-lg-sv {
    background-image: url(/Features/Shared/img/icon/delivery-lg-sv.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-lg-tr {
    background-image: url(/Features/Shared/img/icon/delivery-lg-tr.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-lg-vi {
    background-image: url(/Features/Shared/img/icon/delivery-lg-vi.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-lg-bg {
    background-image: url(/Features/Shared/img/icon/delivery-lg-bg.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-lg-atm {
    width: 79px;
    height: 51px;
    background-position: 0px 0px;
}

.delivery-lg-atm-active {
    width: 79px;
    height: 51px;
    background-position: 0px -52px;
}

.delivery-lg-cash {
    width: 79px;
    height: 51px;
    background-position: 0px -105px;
}

.delivery-lg-cash-active {
    width: 79px;
    height: 51px;
    background-position: 0px -156px;
}

.delivery-lg-debit {
    width: 79px;
    height: 51px;
    background-position: 0px -729px;
}

.delivery-lg-debit-active {
    width: 79px;
    height: 51px;
    background-position: 0px -781px;
}

.delivery-lg-deposit {
    width: 79px;
    height: 51px;
    background-position: 0px -209px;
}

.delivery-lg-deposit-active {
    width: 79px;
    height: 51px;
    background-position: 0px -261px;
}

.delivery-lg-home {
    width: 79px;
    height: 51px;
    background-position: 0px -313px;
}

.delivery-lg-home-active {
    width: 79px;
    height: 51px;
    background-position: 0px -365px;
}

.delivery-lg-mobile {
    width: 79px;
    height: 51px;
    background-position: 0px -417px;
}

.delivery-lg-mobile-active {
    width: 79px;
    height: 51px;
    background-position: 0px -468px;
}

.delivery-lg-pagibig {
    width: 79px;
    height: 51px;
    background-position: 0px -521px;
}

.delivery-lg-pagibig-active {
    width: 79px;
    height: 51px;
    background-position: 0px -572px;
}

.delivery-lg-sss {
    width: 79px;
    height: 51px;
    background-position: 0px -624px;
}

.delivery-lg-sss-active {
    width: 79px;
    height: 51px;
    background-position: 0px -676px;
}

.delivery-lg-debit {
    width: 79px;
    height: 51px;
    background-position: 0px -729px;
}

.delivery-lg-debit-active {
    width: 79px;
    height: 51px;
    background-position: 0px -781px;
}

.delivery-lg-card {
    width: 79px;
    height: 51px;
    background-position: 0px -833px;
}

.delivery-lg-card-active {
    width: 79px;
    height: 51px;
    background-position: 0px -885px;
}

.delivery-lg-riapay {
    width: 79px;
    height: 51px;
    background-position: 0px -937px;
}

.delivery-lg-riapay-active {
    width: 79px;
    height: 51px;
    background-position: 0px -989px;
}

.delivery-lg-riawallet {
    width: 79px;
    height: 51px;
    background-position: 0px -1041px;
}

.delivery-lg-riawallet-active {
    width: 79px;
    height: 51px;
    background-position: 0px -1093px;
}

.delivery-lg-pix {
    width: 79px;
    height: 51px;
    background-position: 0px -1144px;
}

.delivery-lg-pix-active {
    width: 79px;
    height: 51px;
    background-position: 0px -1196px;
}

.delivery-lg-pagomovil {
    width: 79px;
    height: 51px;
    background-position: 0px -1248px;
}

.delivery-lg-pagomovil-active {
    width: 79px;
    height: 51px;
    background-position: 0px -1300px;
}

.delivery-lg-breb {
    width: 79px;
    height: 51px;
    background-position: 0px -1352px;
}

.delivery-lg-breb-active {
    width: 79px;
    height: 51px;
    background-position: 0px -1404px;
}


.delivery-sprite-sm-en {
    background-image: url(/Features/Shared/img/icon/delivery-sm-en.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-sm-de {
    background-image: url(/Features/Shared/img/icon/delivery-sm-de.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-sm-es {
    background-image: url(/Features/Shared/img/icon/delivery-sm-es.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-sm-fr {
    background-image: url(/Features/Shared/img/icon/delivery-sm-fr.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-sm-it {
    background-image: url(/Features/Shared/img/icon/delivery-sm-it.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-sm-pl {
    background-image: url(/Features/Shared/img/icon/delivery-sm-pl.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-sm-pt {
    background-image: url(/Features/Shared/img/icon/delivery-sm-pt.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-sm-ru {
    background-image: url(/Features/Shared/img/icon/delivery-sm-ru.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-sm-ro {
    background-image: url(/Features/Shared/img/icon/delivery-sm-ro.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-sm-sr {
    background-image: url(/Features/Shared/img/icon/delivery-sm-sr.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-sm-sv {
    background-image: url(/Features/Shared/img/icon/delivery-sm-sv.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-sm-tr {
    background-image: url(/Features/Shared/img/icon/delivery-sm-tr.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-sm-vi {
    background-image: url(/Features/Shared/img/icon/delivery-sm-vi.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-sm-hu {
    background-image: url(/Features/Shared/img/icon/delivery-sm-hu.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sprite-sm-bg {
    background-image: url(/Features/Shared/img/icon/delivery-sm-bg.png?v=7);
    background-repeat: no-repeat;
    display: block;
}

.delivery-sm-atm {
    width: 63px;
    height: 43px;
    background-position: 0px 0px;
}

.delivery-sm-atm-active {
    width: 63px;
    height: 43px;
    background-position: 0px -45px; /*-59*/
}

.delivery-sm-cash {
    width: 63px;
    height: 43px;
    background-position: 0px -89px;
}

.delivery-sm-cash-active {
    width: 63px;
    height: 43px;
    background-position: 0px -133px;
}

.delivery-sm-debit {
    width: 63px;
    height: 43px;
    background-position: 0px -617px;
}

.delivery-sm-debit-active {
    width: 63px;
    height: 43px;
    background-position: 0px -661px;
}

.delivery-sm-deposit {
    width: 63px;
    height: 43px;
    background-position: 0px -177px;
}

.delivery-sm-deposit-active {
    width: 63px;
    height: 43px;
    background-position: 0px -221px;
}

.delivery-sm-home {
    width: 63px;
    height: 43px;
    background-position: 0px -265px;
}

.delivery-sm-home-active {
    width: 63px;
    height: 43px;
    background-position: 0px -309px;
}

.delivery-sm-mobile {
    width: 63px;
    height: 43px;
    background-position: 0px -353px;
}

.delivery-sm-mobile-active {
    width: 63px;
    height: 43px;
    background-position: 0px -397px;
}

.delivery-sm-pagibig {
    width: 63px;
    height: 43px;
    background-position: 0px -441px;
}

.delivery-sm-pagibig-active {
    width: 63px;
    height: 43px;
    background-position: 0px -485px;
}

.delivery-sm-sss {
    width: 63px;
    height: 43px;
    background-position: 0px -529px;
}

.delivery-sm-sss-active {
    width: 63px;
    height: 43px;
    background-position: 0px -573px;
}

.delivery-sm-card {
    width: 63px;
    height: 43px;
    background-position: 0px -704px;
}

.delivery-sm-card-active {
    width: 63px;
    height: 43px;
    background-position: 0px -746px;
}

.delivery-sm-riapay {
    width: 63px;
    height: 43px;
    background-position: 0px -793px;
}

.delivery-sm-riapay-active {
    width: 63px;
    height: 43px;
    background-position: 0px -836px;
}

.delivery-sm-riawallet {
    width: 62px;
    height: 43px;
    background-position: 0px -881px;
    border-radius: 3px !important;
}

.delivery-sm-riawallet-active {
    width: 62px;
    height: 43px;
    background-position: 0px -926px;
    border-radius: 3px !important;
}

.delivery-sm-pix {
    width: 63px;
    height: 43px;
    background-position: 0px -969px;
}

.delivery-sm-pix-active {
    width: 63px;
    height: 43px;
    background-position: 0px -1013px;
}

.delivery-sm-pagomovil {
    width: 63px;
    height: 43px;
    background-position: 0px -1057px;
}

.delivery-sm-pagomovil-active {
    width: 63px;
    height: 43px;
    background-position: 0px -1101px;
}

.delivery-sm-breb {
    width: 63px;
    height: 43px;
    background-position: 0px -1145px;
}

.delivery-sm-breb-active {
    width: 63px;
    height: 43px;
    background-position: 0px -1189px;
}

.select-btn {
    height: 20px !important;
    border-radius: 3px !important;
    padding: 3px 0;
    width: 99px !important;
}

.capitalize {
    text-transform: capitalize !important;
}

/* Check Cashing */
.check-cashing.fields-container-l {
    width: 545px !important;
}

.check-cashing div.check-images {
    width: 245px;
}

.check-cashing div.check-issuer {
    width: 280px;
}

    .check-cashing div.check-issuer ul li {
        margin-top: 10px;
        width: 280px;
    }

        .check-cashing div.check-issuer ul li select {
            width: 270px;
        }

.table-item-selected {
    background: #F1F6F7 url(/Features/Shared//img/icon/check-success.png) 0px center no-repeat;
    padding-left: 30px;
}

.hover-section {
    padding: 10px;
    border: 1px solid transparent;
    box-shadow: 0px 0px 0px #ac4e05 !important;
}

    .hover-section:hover {
        border: 1px solid #ddd !important;
        box-shadow: 0px 2px 6px #000 !important;
    }

.frm-tabs {
    float: left;
    background: #f1f1f1;
    width: 684px !important;
}

    .frm-tabs li {
        float: left;
        width: 321px !important;
        padding: 10px;
        border-bottom: 1px solid #f97d03;
        text-align: center;
        background: #f1f1f1;
    }

        .frm-tabs li.active {
            float: left;
            border-top: 1px solid #f97d03;
            border-left: 1px solid #f97d03;
            border-right: 1px solid #f97d03;
            border-bottom: 0;
            color: #f97d03;
            font-weight: bold;
            background: #fff;
        }

.frm-inner {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    border-left: 1px solid #f97d03;
    border-right: 1px solid #f97d03;
    border-bottom: 1px solid #f97d03;
}

.frm-tabs.tabs-2024 {
    padding: 0;
    width: auto !important;
    list-style: none;
    background: transparent !important;
    color: #001133;
}

    .frm-tabs.tabs-2024 li {
        width: auto !important;
        margin-right: 10px;
        padding: 8px 20px;
        border-radius: 6px 6px 0px 0px;
        border-bottom: 1px solid #ff6100 !important;
        border-top: 3px solid #fff;
    }

        .frm-tabs.tabs-2024 li.active {
            border-top: 3px solid #ff6100;
            background-color: #fff;
            border-bottom: 1px solid #fff !important;
        }

.add-note-container {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 662px;
    height: 216px;
    padding: 10px;
    background: #fff; /* #ebf3f6 */
    z-index: 100;
    border-bottom: 5px solid #f97d03;
}

.note-details {
    position: absolute;
    left: 100px;
    top: 50px;
    width: 462px;
    height: 126px;
    padding: 10px;
    background: #fff; /* #ebf3f6 */
    z-index: 100;
    opacity: 0.95;
    border: 1px solid #bbb;
    border-bottom: 5px solid #f97d03;
}

    .note-details ul {
        height: 110px;
        overflow-y: auto;
    }

.list-style-none {
    list-style: none;
}

.list-inline li {
    display: inline;
}

.list-tabs {
    overflow: hidden;
    background: #f1f2f3;
    line-height: 40px;
    padding: 0;
}

    .list-tabs li {
        float: left;
        border-bottom: 3px solid #f1f2f3;
    }

        .list-tabs li:hover {
            background: #d5d5d5;
            border-bottom: 3px solid #d5d5d5;
        }

        .list-tabs li.active {
            border-bottom: 3px solid #f97d03;
            color: #ff6100;
        }

        .list-tabs li a {
            float: left;
            font-size: 14px;
            line-height: 40px;
            padding: 0 30px;
        }

.cc-modal .additional-container {
    height: 380px;
}

.code-label {
    background: #f1f1f1;
    line-height: 28px;
    margin: 0 !important;
    padding: 0;
    text-align: center;
}

.pass-error {
    padding-left: 30px;
    background: url(../img/icon/error.png) no-repeat left;
}

.pass-success {
    padding-left: 30px;
    background: url(../img/icon/success.png) no-repeat left;
}

.list-style-none {
    list-style: none;
}

.overflow-auto-y {
    overflow-y: auto !important;
}

.width-p-95 {
    width: 95% !important;
}

.width-p-75 {
    width: 75% !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.resize-none {
    resize: none;
}

/* ID Modal styles */

div.id-modal div.table-module {
    width: 695px;
}

div.id-modal div.filters-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div.id-modal li.add-new {
    margin-top: 40px;
}

    div.id-modal li.add-new a, a.add-new {
        background: url(/Features/Shared/img/icon/plus-active-a.png) no-repeat left;
        padding-left: 20px;
        margin-bottom: 6px;
        color: #0039a1 !important;
    }

div.id-modal div.img-container {
    width: 500px;
    min-height: 350px;
    background: #f1f1f1;
}

div.id-modal div.del-confirm {
    position: absolute;
    left: 220px;
    top: 200px;
    background: #fff;
    width: 498px;
    opacity: 0.92;
}

.cc-pagination ul {
    width: 400px !important;
}

.cc-pages {
    width: 774px;
}

#AgentBalance li {
    border-left: 5px solid #ff6100;
}


.sprite-general {
    background-image: url(/Features/Shared/img/sprites/_sprite_general_icons.png?v=4);
    background-repeat: no-repeat;
    display: block;
}

.sprite-general-arrow-down {
    width: 12px;
    height: 8px;
    background-position: -10px -10px;
}

.sprite-general-arrow-up {
    width: 12px;
    height: 8px;
    background-position: -10px -38px;
}

.sprite-general-card {
    width: 16px;
    height: 16px;
    background-position: -10px -66px;
}

.sprite-general-check-active {
    width: 15px;
    height: 15px;
    background-position: -10px -102px;
}

.sprite-general-check-off {
    width: 15px;
    height: 15px;
    background-position: -10px -137px;
}

.sprite-general-close {
    width: 16px;
    height: 16px;
    background-position: -10px -172px;
}

.sprite-general-cta-search {
    width: 16px;
    height: 16px;
    background-position: -10px -208px;
}

.sprite-general-ctrl-card {
    width: 20px;
    height: 14px;
    background-position: -10px -244px;
}

.sprite-general-ctrl-card-on {
    width: 20px;
    height: 14px;
    background-position: -10px -278px;
}

.sprite-general-ctrl-email {
    width: 20px;
    height: 17px;
    background-position: -10px -312px;
}

.sprite-general-ctrl-email-on {
    width: 20px;
    height: 17px;
    background-position: -10px -349px;
}

.sprite-general-ctrl-id {
    width: 20px;
    height: 15px;
    background-position: -10px -386px;
}

.sprite-general-ctrl-id-on {
    width: 20px;
    height: 15px;
    background-position: -10px -421px;
}

.sprite-general-ctrl-id-required {
    width: 20px;
    height: 15px;
    background-position: -10px -456px;
}

.sprite-general-ctrl-sms {
    width: 20px;
    height: 16px;
    background-position: -10px -491px;
}

.sprite-general-ctrl-sms-on {
    width: 20px;
    height: 16px;
    background-position: -10px -527px;
}

.sprite-general-down1 {
    width: 16px;
    height: 16px;
    background-position: -10px -563px;
}

.sprite-general-down2 {
    width: 16px;
    height: 16px;
    background-position: -10px -599px;
}

.sprite-general-edit {
    width: 16px;
    height: 16px;
    background-position: -10px -635px;
}

.sprite-general-email {
    width: 16px;
    height: 16px;
    background-position: -10px -671px;
}

.sprite-general-filter-off {
    width: 16px;
    height: 16px;
    background-position: -10px -707px;
}

.sprite-general-filter-on {
    width: 16px;
    height: 16px;
    background-position: -10px -743px;
}

.sprite-general-filter-on2 {
    width: 16px;
    height: 16px;
    background-position: -10px -779px;
}

.sprite-general-forms {
    width: 16px;
    height: 16px;
    background-position: -10px -815px;
}

.sprite-general-id {
    width: 16px;
    height: 16px;
    background-position: -10px -851px;
}

.sprite-general-image {
    width: 16px;
    height: 16px;
    background-position: -10px -887px;
}

.sprite-general-lock {
    width: 16px;
    height: 16px;
    background-position: -10px -923px;
}

.sprite-general-message {
    width: 16px;
    height: 16px;
    background-position: -10px -959px;
}

.sprite-general-more {
    width: 16px;
    height: 16px;
    background-position: -10px -995px;
}

.sprite-general-new {
    width: 16px;
    height: 16px;
    background-position: -10px -1031px;
}

.sprite-general-plus-active {
    width: 16px;
    height: 16px;
    background-position: -10px -1067px;
}

.sprite-general-print-2 {
    width: 16px;
    height: 16px;
    background-position: -10px -1103px;
}

.sprite-general-refund {
    width: 16px;
    height: 16px;
    background-position: -10px -1139px;
}

.sprite-general-release {
    width: 17px;
    height: 16px;
    background-position: -10px -1175px;
}

.sprite-general-scan {
    width: 16px;
    height: 16px;
    background-position: -10px -1211px;
}

.sprite-general-settings {
    width: 16px;
    height: 16px;
    background-position: -10px -1247px;
}

.sprite-general-switch-off {
    width: 32px;
    height: 16px;
    background-position: -10px -1283px;
}

.sprite-general-switch-on {
    width: 32px;
    height: 16px;
    background-position: -10px -1319px;
}

.sprite-general-tax-receipt {
    width: 16px;
    height: 16px;
    background-position: -10px -1355px;
}

.sprite-general-void {
    width: 16px;
    height: 16px;
    background-position: -10px -1391px;
}

.sprite-general-whatsapp-on {
    width: 16px;
    height: 16px;
    background-position: -10px -1424px;
}

.sprite-general-whatsapp {
    width: 16px;
    height: 16px;
    background-position: -10px -1458px;
}

.general-singpassverified-orange-active {
    background-image: url(/Features/Shared/img/icon/check-active-singpass.png?v=1);
    background-repeat: no-repeat;
    display: block;
    width: 22px;
    height: 16px;
}

.general-singpassverified-inactive {
    background-image: url(/Features/Shared/img/icon/check-no-active-singpass.png?v=1);
    background-repeat: no-repeat;
    display: block;
    width: 22px;
    height: 16px;
}

.general-digital-enroll-active {
    background-image: url(/Features/Shared/img/icon/digital-enroll-active.png?v=1);
    background-repeat: no-repeat;
    display: block;
    width: 16px;
    height: 16px;
}

.general-digital-enroll-inactive {
    background-image: url(/Features/Shared/img/icon/digital-enroll-normal.png?v=1);
    background-repeat: no-repeat;
    display: block;
    width: 16px;
    height: 16px;
}

.general-digital-ewallet-orange-active {
    background-image: url(/Features/Shared/img/icon/digital-ewallet-orange-active-new.png?v=1);
    background-repeat: no-repeat;
    display: block;
    width: 24px;
    height: 14px;
}

.general-digital-ewallet-red-inactive {
    background-image: url(/Features/Shared/img/icon/digital-ewallet-red-inactive-new.png?v=1);
    background-repeat: no-repeat;
    display: block;
    width: 24px;
    height: 14px;
}

.general-digital-ewallet-information-not-available {
    background-image: url(/Features/Shared/img/icon/digital-ewallet-information-not-available-new.png?v=1);
    background-repeat: no-repeat;
    display: block;
    width: 24px;
    height: 14px;
}

.general-orange-ria-wallet {
    background-image: url(/Features/Shared/img/icon/orange-ria-wallet.png?v=1);
    background-repeat: no-repeat;
    display: block;
    width: 24px;
    height: 14px;
}

.general-digital-prepaid-card-orange-active {
    background-image: url(/Features/Shared/img/icon/digital-prepaid-card-orange-active.png?v=1);
    background-repeat: no-repeat;
    display: block;
    width: 22px;
    height: 14px;
}

.general-digital-prepaid-card-red-inactive {
    background-image: url(/Features/Shared/img/icon/digital-prepaid-card-red-inactive.png?v=1);
    background-repeat: no-repeat;
    display: block;
    width: 22px;
    height: 14px;
}

.sprite-general-ctrl-everification {
    width: 20px;
    height: 14px;
    background-position: -10px -1497px;
}

.sprite-general-ctrl-everification-on {
    width: 20px;
    height: 14px;
    background-position: -10px -1535px;
}

.signaturepad-modal div.the-signature {
    border: 1px solid #ff6100;
    display: flex;
    justify-content: center;
    align-items: center;
}

.color-genf {
    color: #3273dc !important;
}

.list-style-disc {
    list-style-type: disc !important;
}

div.list-print-rates-container {
    float: left;
    width: 100%;
    background: #f1f1f1;
    border-top: 1px solid #d5d5d5;
    padding-bottom: 20px;
}

    div.list-print-rates-container h3 {
        float: left;
        position: relative;
        width: 100%;
        font-size: 18px;
        font-weight: normal;
        margin: 10px 0 5px 10px;
        padding-left: 32px;
    }

        div.list-print-rates-container h3 img.flag {
            position: absolute;
            left: 0;
            top: -4px;
        }

ul.list-print-rates {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.list-print-rates li {
        float: left;
        margin-left: 1%;
        width: 32%;
    }

    ul.list-print-rates td.rate-amount {
        width: 60px !important;
        text-align: right !important;
    }

.click-box {
    border: 1px solid #bbb;
    min-width: 116px;
    padding: 10px;
    border-radius: 3px;
}

    .click-box:hover {
        background: #f1f1f1;
        text-decoration: none !important;
    }


/* Login */

.login-wrapper {
    height: 100%;
    margin: 0;
}

.login-left {
    float: left;
    width: 25%;
    height: 100%;
    background: #fff;
    color: #013;
}

.login-form {
    padding: 30px;
    float: left;
}

    .login-form input {
        width: 94%;
        padding: 0 3%;
    }

    .login-form .sumit-btn {
        border: 1px solid #ff6100;
    }

.login-right {
    float: left;
    width: 74%;
    height: 100%;
    background: #fad2be url(/Features/Shared/img/login-bg.jpg) no-repeat center;
    background-size: cover;
    color: #001133;
}

.login-content {
    padding: 40px 0 0 50px;
}

    .login-content h1 {
        font-size: 70px;
        line-height: 80px;
        font-weight: normal;
        margin: 20px 0 0 10px;
    }

    .login-content p {
        font-size: 12px;
        font-weight: normal;
    }

    .login-content div.auth {
        position: absolute;
        bottom: 30px;
    }

.enable-select.language {
    float: right;
    margin: 20px 30px 0 0;
}

    .enable-select.language select {
        border: 0;
        width: 120px;
        border-bottom: 1px solid #C6C6D9;
        border-radius: 0;
    }

.login-left .forgotPassword {
    margin-top: 70px !important;
}

#calloutValidation_UserPasswordTextBox, #calloutValidation_AgentNumberTextBox, #calloutValidation_UserNameTextBox {
    background: #fbe6e6 !important;
}

    #calloutValidation_UserPasswordTextBox .error-message-div, #calloutValidation_AgentNumberTextBox .error-message-div, #calloutValidation_UserNameTextBox .error-message-div {
        color: #ee0000 !important;
        background: transparent url('/Features/Shared/img/icon/attention.png') no-repeat 4px 0;
    }

@media screen and (max-height: 730px) {
    .login-form {
        padding: 10px 30px;
    }

    .login-left .font-size-20 {
        font-size: 16px !important;
        margin: -10px 0 0 0;
    }

    .login-left .enable-select {
        margin-top: 0 !important;
    }

    .login-left .forgotPassword {
        margin-top: 4px !important;
    }

    .login-left .margin-bottom40 {
        margin-bottom: 20px !important;
    }

    .login-left .margin-bottom20 {
        margin-bottom: 10px !important;
    }
}


p.no-image {
    background: #e8e9eb;
    padding: 15px 8px;
    text-align: center;
}

ul.id-buttons {
    margin: 40px 0 0 0 !important;
    padding: 0 0 0 50px;
}

    ul.id-buttons li {
        float: left;
        margin-right: 30px;
        width: 108px;
        border: 1px solid #ff6100 !important;
        border-bottom: 3px solid #ff6100 !important;
    }

    ul.id-buttons div.img-button-cont {
        min-height: 115px;
    }

    ul.id-buttons img {
        margin: 10px 0;
    }

ul.id-instructions {
    margin: 0 !important;
    padding: 0 0 0 26px;
}

    ul.id-instructions li {
        float: left;
        margin: 0 0 0 30px;
        width: 108px;
        border: 0px solid #fff;
        border-bottom: 0px solid #fff;
        box-shadow: 0px 0px 0px #fff;
    }

        ul.id-instructions li:hover {
            transform: scale(1.0);
            border: 0;
            box-shadow: 0px 0px 0px #fff;
        }

        ul.id-instructions li h4 {
            background: #fff;
            color: #727272;
        }

        ul.id-instructions li:hover h4, ul.id-instructions li.active h4 {
            background: #fff;
            color: #727272;
        }

    ul.id-instructions div.img-button-cont {
        min-height: 90px;
    }

    ul.id-instructions img {
        margin: 5px 0 0 0;
    }

input.input-verified {
    background: #dff3dc url('/Features/Shared/img/icon/success.png') no-repeat 80px center !important;
    padding-right: 16px;
    color: #14a600;
}

    input.input-verified.input-verified-small {
        background: #dff3dc url('/Features/Shared/img/icon/success.png') no-repeat 52px center !important;
    }

input.input-not-verified {
    background: #f7e6e6 url('/Features/Shared/img/icon/error.png') no-repeat 80px center !important;
    padding-right: 16px;
    color: #ee0000;
}

    input.input-not-verified.input-not-verified-small {
        background: #f7e6e6 url('/Features/Shared/img/icon/error.png') no-repeat 52px center !important;
        padding-right: 16px;
        color: #ee0000;
    }

.border-success {
    border: 1px solid #14a600;
}

.border-error {
    border: 1px solid #ee0000;
}

.border-darkgray {
    border: 1px solid #727272;
}

/* Issuer History */

.table-module.issuer-hist {
    min-height: 334px;
    width: 848px;
}

    .table-module.issuer-hist .hide-table {
        height: 334px;
    }

        .table-module.issuer-hist .hide-table img.check-icon {
            opacity: 0.5;
            cursor: pointer;
        }

.type-btn {
    float: left;
    width: 66px;
    line-height: 18px;
    padding: 0 2px;
    border-radius: 6px;
    text-align: center;
}

.type-btn-mt {
    border: 1px solid #ff6100;
    color: #ff6100;
}

.type-btn-cc {
    border: 1px solid #00b7b0;
    color: #00b7b0;
}

.type-btn-bp {
    border: 1px solid #243f90;
    color: #243f90;
}

.type-btn-mem {
    border: 1px solid #939598;
    color: #939598;
}

.type-btn-col {
    border: 1px solid #ff9e18;
    color: #ff9e18;
}

.type-btn-cx {
    border: 1px solid #1d1c1d;
    color: #1d1c1d;
}

.status-btn {
    line-height: 24px;
    padding: 0 2px;
    border-radius: 3px;
    text-align: center;
}

.status-btn-success {
    border: 1px solid #14a600;
    border-left: 5px solid #14a600;
    background: #dff3dc;
    color: #14a600;
    border-radius: 3px;
    text-align: center;
}

.status-btn-info {
    border: 1px solid #0039a1;
    border-left: 5px solid #0039a1;
    background: #ebf3f6;
    color: #0039a1;
}

.status-btn-info-w {
    border: 1px solid #0039a1;
    border-left: 5px solid #0039a1;
    background: #fff;
    color: #0039a1;
}

.status-btn-danger {
    border: 1px solid #f34c4c;
    border-left: 5px solid #f34c4c;
    background: #f34c4c;
    color: #fff;
}

.status-btn-neutral {
    border: 1px solid #545454;
    border-left: 5px solid #545454;
    background: #efefef;
    color: #545454;
}

.status-btn-neutral-dark {
    border: 1px solid #545454;
    border-left: 5px solid #545454;
    background: #bbb;
    color: #545454;
}

.status-btn-main {
    border: 1px solid #f97d03;
    border-left: 5px solid #f97d03;
    background: #fef2e5;
    color: #f97d03;
}

.status-btn-main-w {
    border: 1px solid #f97d03;
    border-left: 5px solid #f97d03;
    background: #fff;
    color: #f97d03;
}

.status-btn-ambar {
    border: 1px solid #ee0000;
    border-left: 5px solid #ee0000;
    background: #f6f6d9;
    color: #545454;
}

.status-btn-error {
    border: 1px solid #ee0000;
    border-left: 5px solid #ee0000;
    background: #f7e6e6;
    color: #ee0000;
}

.checkmark_circle {
    border: 2px solid #ff6100;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    text-align: center;
}

.checkmark_circle_red {
    border: 2px solid #ee0000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    text-align: center;
}

.checkmark {
    display: inline-block;
    transform: rotate(45deg);
    height: 10px;
    width: 4px;
    margin-left: 7px;
    margin-top: -3px;
    border-bottom: 2px solid #ff6100;
    border-right: 2px solid #ff6100;
}

.checkmark_circle.checkmark_circle_on {
    background: #ff6100;
}


.checkmark_circle_red.checkmark_circle_red_on {
    background: #ee0000;
}

.checkmark_circle.checkmark_red_circle_on {
    background: #ee0000;
}

.checkmark_circle.checkmark_circle_off {
    border: 2px solid #BDBDBD;
}

.checkmark_circle_red.checkmark_circle_off {
    border: 2px solid #BDBDBD;
}

.checkmark_circle.checkmark_circle_off .checkmark {
    border-bottom: 2px solid #BDBDBD;
    border-right: 2px solid #BDBDBD;
}

.checkmark_circle_red.checkmark_circle_off .checkmark {
    border-bottom: 2px solid #BDBDBD;
    border-right: 2px solid #BDBDBD;
}

.status-widget {
    padding: 0;
    margin: 0;
    margin-left: 40px;
    list-style: none;
}

    .status-widget li {
        float: left;
        position: relative;
        text-align: center;
    }

        .status-widget li.item-line {
            width: 142px;
            height: 2px;
            margin-top: 12px;
            background: #BDBDBD;
        }

        .status-widget li.item-line-small {
            width: 102px;
            height: 2px;
            margin-top: 12px;
            background: #BDBDBD;
        }

        .status-widget li.item-line.item-line-active {
            background: #ff6100;
        }

        .status-widget li.item-line-small.item-line-active {
            background: #ff6100;
        }

        .status-widget li p {
            margin-bottom: 0px;
        }

            .status-widget li p.status-widget_title {
                font-size: 14px;
                font-weight: 600;
                color: #110033;
            }

                .status-widget li p.status-widget_title.error {
                    color: #ee0000;
                }

                .status-widget li p.status-widget_title.notice {
                    color: #0039a1;
                }

                .status-widget li p.status-widget_title.success {
                    color: #14a600;
                }

        .status-widget li .checkmark_circle {
            /*margin-left: 42px;*/
            margin-bottom: 10px;
        }

        .status-widget li .checkmark_circle_red {
            /*margin-left: 42px;*/
            margin-bottom: 10px;
        }

        .status-widget li:first-child .checkmark_circle {
            margin-left: 26px;
        }

        .status-widget li:first-child .checkmark_circle_red {
            margin-left: 26px;
        }

.timeline-panel {
    position: absolute;
    float: left;
    /*border: 1px solid #545454;*/
    border-radius: 6px;
    padding: 10px;
    width: 136px;
    left: -66px;
}

.timeline-panel-small {
    position: absolute;
    float: left;
    border-radius: 6px;
    padding: 10px;
    width: 105px;
    left: -66px;
}

.timeline-panel-small {
    position: absolute;
    float: left;
    /*border: 1px solid #545454;*/
    border-radius: 6px;
    padding: 10px;
    width: 105px;
    left: -66px;
}

li:first-child .timeline-panel {
    left: -40px;
}

/* Top ups */
.l-form-cont div.filters-section {
    width: 192px;
    border: 1px solid #BFBFBF;
    overflow: visible;
    border-radius: 3px;
    background: #fff;
}

    .l-form-cont div.filters-section li {
        float: none;
        line-height: 28px;
        padding: 0 0 0 10px;
        font-size: 13px;
        /*box-shadow: inset 0px -1px 8px #bbb;*/
    }

        .l-form-cont div.filters-section li:hover {
            background: #fff;
            color: #001133;
            font-weight: bold;
        }

            .l-form-cont div.filters-section li:hover a {
                color: #ff6100;
                border-bottom: 1px solid #ff6100; /*fad2be*/
            }

        .l-form-cont div.filters-section li a {
            padding: 6px 10px 6px 0;
            border-bottom: 1px solid #bbb;
            width: 164px;
            display: block;
            text-decoration: none;
        }

    .l-form-cont div.filters-section ul li.fil-active {
        background: #ff6100;
    }

    .l-form-cont div.filters-section div.subcat ul li.fil-active {
        background: #f1f2f3;
    }

    .l-form-cont div.filters-section ul li.fil-active a {
        color: #fff;
        border: 0;
    }

    .l-form-cont div.filters-section div.subcat {
        /*background: #f1f1f1;*/
        background: #fff;
        margin-left: -10px;
        border-bottom: 1px solid #ff6100;
    }

        .l-form-cont div.filters-section div.subcat a {
            background: #fff;
            color: #545454 !important;
            font-weight: 400;
            width: 144px !important;
            border-bottom: 1px solid #bbb;
        }

    .l-form-cont div.filters-section ul li.fil-active div.subcat a.fil-active {
        background: #f1f2f3 !important;
        color: #727272 !important;
        font-weight: 600;
    }

    .l-form-cont div.filters-section ul li.fil-active div.subcat a {
        padding: 6px 10px 6px 20px;
        border-bottom: 1px dotted #727272 !important;
    }

        .l-form-cont div.filters-section ul li.fil-active div.subcat a.no-border {
            border-bottom: 0 !important;
        }

.thumbs-filter {
    background: #ddd;
}

    .thumbs-filter label {
        color: #001133;
        font-weight: 800;
    }

    .thumbs-filter div.search-button {
        width: 320px;
    }

        .thumbs-filter div.search-button button.search-btngen {
            right: 1px;
            top: 0;
            height: 28px;
        }

.left-search-container div.r-data.thumbs-cont {
    width: 752px;
    height: 480px;
    overflow: hidden;
}

ul.thumb-list {
    margin-left: 4px;
}

    ul.thumb-list li {
        width: 104px;
        min-height: 114px;
        border: 1px solid #BFBFBF;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 0px 2px 8px #ccc;
        margin: 0 14px 12px 0;
        cursor: pointer;
        text-align: center;
    }

        ul.thumb-list li:hover {
            transform: scale(1.08);
            transform-origin: left;
            border: 1px solid #ff6100;
            box-shadow: 0px 2px 8px #ac4e05;
        }

            ul.thumb-list li:hover h4,
            ul.thumb-list li.active h4,
            ul.thumb-list li:hover p.number small,
            ul.thumb-list li.active p.number small {
                background: #ff6100;
                color: #fff;
            }

        ul.thumb-list li.active {
            border: 1px solid #ff6100;
            box-shadow: 0px 2px 8px #ac4e05;
        }

        ul.thumb-list li.selected {
            border: 1px solid #ff6100;
            box-shadow: 0px 2px 8px #ac4e05;
        }

            ul.thumb-list li.selected h4 {
                background: #ff6100;
                color: #fff;
            }

    ul.thumb-list h4 {
        padding: 4px 4px;
        background: #f1f2f3;
        text-align: center;
    }

        ul.thumb-list h4.thumb-no-photo {
            width: 103px;
            min-height: 82px;
            display: table-cell;
            vertical-align: middle;
        }

        ul.thumb-list h4.overflow-hidden {
            width: 96px;
            max-height: 17px;
        }

.thumb-item-selected {
    background: #001133;
    padding: 0 10px;
    border-radius: 3px;
    margin-right: 20px;
}

    .thumb-item-selected label {
        color: #fff;
        width: 204px;
        float: left;
        display: block;
    }

        .thumb-item-selected label a {
            color: #fff;
            text-decoration: none;
            margin-left: 10px;
            float: right;
        }

.selected-product {
    border: 1px solid #BFBFBF;
    border-radius: 3px;
    background: #fff;
    color: #001133;
    text-align: center;
    border-radius: 3px;
    padding: 10px;
}

    .selected-product h3, .selected-product h4 {
        color: #001133;
    }


.topup-phone-cont h5 {
    padding: 14px;
    background: #f1f2f3;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.topup-phone-cont input.big-input {
    width: 326px;
}


/***************** Top ups */

.gray-container {
    float: left;
    padding: 10px;
    background: #f1f2f3;
}

.date-box {
    background-color: white !important;
}

/* MyRia */
div.my-ria .search-module {
    width: 705px;
}

div.my-ria ul.big-field-ul .big-input {
    width: 356px;
    padding-right: 55px;
}

div.my-ria span.overlay-currency {
    position: absolute;
    right: 12px;
    top: 56px;
    font-size: 18px;
    font-weight: 600;
}

table.my-ria-table tr.error {
    background: #fbe6e6;
}

table.my-ria-table td.result-color {
    padding: 23px 4px;
}

    table.my-ria-table td.result-color p.number {
        font-size: 22px;
    }

table.my-ria-table span.icon-text {
    font-size: 12px;
    font-weight: 400;
}

.payment-method-container {
    width: 157px;
    margin-left: 10px;
    background: #d5d5d5;
    padding: 10px;
}

.payment-method-container2 {
    width: 700px;
    background: #d5d5d5;
    padding: 10px;
}
/*remove*/

table.my-ria-table input[type=checkbox]:not(old) {
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0; /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

    table.my-ria-table input[type=checkbox]:not(old) + label {
        display: inline-block;
        background: url(/Features/Shared/img/icon/filter-success-off.png) center center no-repeat;
        width: 15px;
        height: 15px;
        cursor: pointer;
    }

    table.my-ria-table input[type=checkbox]:not(old):checked + label {
        background: url(/Features/Shared/img/icon/filter-success.png) center center no-repeat;
    }

div.my-ria-full ul.big-field-ul .big-input {
    width: 356px;
    padding-right: 55px;
}

div.my-ria-full span.overlay-currency {
    position: absolute;
    right: 12px;
    top: 56px;
    font-size: 18px;
    font-weight: 600;
}

div.my-ria-full .print-module {
    width: 880px;
}

div.my-ria-full .table-module {
    width: 836px;
    min-height: 360px;
}

div.my-ria p.number {
    font-size: 18px;
    letter-spacing: -.6px;
    white-space: nowrap;
}

    div.my-ria p.number small {
        color: #f97d03;
        font-size: 12px;
    }

p.number small {
    color: #f97d03;
    font-size: 12px;
}

div.my-ria .hide-table {
    height: 335px;
}

.white-space-normal {
    white-space: normal !important;
}

.hscc {
    width: 100%;
    display: inline-block;
}

    .hscc ul {
        list-style-type: none;
    }

    .hscc li {
        float: left;
        font-size: 40px;
        margin: 10px 0;
        padding: 0 20px 0 5px;
        font-weight: bold;
    }

        .hscc li .group {
            display: block;
            font-size: 16px;
            text-transform: uppercase;
            font-weight: normal;
            padding-bottom: 2px;
            color: #081b43;
        }

    .hscc table {
        color: #081b43;
    }

        .hscc table tr.error {
            border: 2px solid #ee0000 !important;
        }

        .hscc table td {
            padding-top: 20px !important;
        }

        .hscc table tr.no-padding-top td {
            padding-top: 0px !important;
        }

        .hscc table p {
            font-size: 12px;
            font-weight: normal;
        }


/* CC Cart */
.featured-container {
    float: left;
    width: 855px;
    background-color: #f1f2f3; /* #CDE1E1 */
    border-radius: 2px;
    color: #001133;
    padding: 12px;
}

    .featured-container ul {
        float: left;
        margin: 0;
        list-style: none;
    }

        .featured-container ul li {
            float: left;
        }

            .featured-container ul li.cart {
                background: #fff;
                padding: 0 10px;
                border: 1px solid #545454;
                width: 100px;
            }

                .featured-container ul li.cart h4 {
                    margin: 0 10px 0 0;
                    line-height: 28px;
                    font-size: 12px;
                    font-weight: 600;
                    color: #545454 !important;
                }

    .featured-container h4 {
        float: left;
        margin: 0 20px 0 0;
        color: #001133;
    }

    .featured-container p.number {
        float: left;
        font-size: 16px;
        margin: 0 24px 0 0;
    }

.disable-cart-tag {
    pointer-events: none;
    background: #e3e3e3 !important;
}

p.badge,
.badge {
    display: inline-block;
    background: #ff6100;
    padding: .40em .40em;
    min-width: 14px;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.7rem;
    margin: 0;
}

    .badge.badge-success {
        padding: .40em 1em;
        background: #dff3dc;
        color: #14a600;
    }

    .badge.badge-error {
        padding: .40em 1em;
        background: #f7e6e6;
        color: #ee0000;
    }

span.number small {
    font-size: 12px;
    color: #ff6100;
}

.img-size {
    width: 70px;
    height: 70px;
}

.pills {
    float: left !important;
    width: 100% !important;
    list-style: none;
}

    .pills li {
        background: #013 !important;
        float: left !important;
        width: auto !important;
        min-height: auto !important;
        padding: 6px 10px !important;
        margin-right: 10px !important;
        color: #fff;
        border-radius: 6px !important;
        cursor: pointer;
    }

    .pills.pills-small li {
        padding: 2px 6px !important;
        font-size: 10px;
    }

    .pills li:hover {
        background: #fad2be !important;
        color: #013;
        font-weight: 800;
    }

    .pills li.pill-no-hover:hover {
        background: #013 !important;
        color: #fff;
        font-weight: 400;
    }

    .pills li.plain.pill-no-hover:hover {
        background: #fff !important;
        color: #727272;
        font-weight: 400;
    }

    .pills li.active {
        background: #fad2be !important;
        color: #013;
        font-weight: 800;
        border: 1px solid #013;
    }

    .pills li.active-white {
        background: #fff !important;
        color: #013;
        font-weight: 800;
        border: 1px solid #013;
    }

    .pills li.orange {
        background: #ff6100 !important;
        color: #fff;
        font-weight: 800;
    }

    .pills li.error {
        background: #ee0000 !important;
        color: #fff;
        font-weight: 800;
    }

    .pills li.pending {
        background: #cde1e1 !important;
        color: #001133;
        font-weight: 800;
    }

    .pills li.plain {
        background: #fff !important;
        color: #727272;
        font-weight: 400;
        border: 1px solid #727272;
    }

.border-rounded-shadow {
    border: 1px solid #ddd;
    box-shadow: 4px 4px 6px #ddd;
    border-radius: 6px;
}

.border-rounded-hover:hover {
    border: 1px solid #ff6100;
}

.border-rounded-shadow-down {
    border: 1px solid #ddd;
    box-shadow: 0 4px 6px #ddd;
    border-radius: 6px;
}


.border-rounded {
    border: 1px solid #ddd;
    border-radius: 6px;
}

.mobile-phone-cont h5 {
    padding: 13px 10px;
    background: #f1f2f3;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #ccc;
}

.mobile-phone-cont input.big-input {
    width: 302px;
}

h4.truncate-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tooltip-detail {
    display: none;
    position: absolute !important;
    background: #fff;
    border: 1px solid #ff6100;
    box-shadow: 0 2px 6px #AC4E05;
    font-size: 12px;
    width: 750px;
    padding: 5px;
    border-radius: 6px;
    left: -708px;
    top: 25px;
    color: #001133;
    min-height: 200px;
}

    .tooltip-detail.hscp-info {
        top: 40px;
        left: 10px;
        width: 310px;
        border: 1px solid #ddd;
        border-radius: 6px;
        background: #f1f1f1;
        box-shadow: none;
    }


/* Training */

.litmos-l, .training-l {
    float: left;
    width: 260px;
    margin-right: 20px;
    padding: 10px;
}

.litmos-r, .training-r {
    float: left;
    width: 890px;
}

.big-container {
    float: left;
    padding: 20px;
    width: 1170px;
    min-height: 454px;
}

.litmos-r .big-container, .training-r .big-container {
    width: 870px;
}

.lesson-pending {
    padding-left: 24px !important;
    background: url(/Features/Shared/img/icon/filter-success-off2.png) no-repeat left;
}

.lesson-completed {
    padding-left: 24px !important;
    background: url(/Features/Shared/img/icon/filter-success2.png) no-repeat left;
}

.ans-success {
    line-height: 30px;
    padding-left: 40px;
    color: #14a600;
    background: url(/Features/Shared/img/icon/ans-success.png) no-repeat left;
}

.ans-error {
    line-height: 30px;
    padding-left: 40px;
    color: #ee0000;
    background: url(/Features/Shared/img/icon/ans-error.png) no-repeat left;
}

.litmos-l ul, .training-l ul {
    float: left;
    width: 260px;
}

.litmos-l li, .training-l li {
    display: block;
    padding: 0px;
    margin: -3px 0 0 0;
}

    .litmos-l li p.active, .training-l li p.active {
        color: #ff6100;
        font-weight: bold;
    }

    .litmos-l li.step-line, .training-l li.step-line {
        display: block;
        background: none;
        border-radius: 0;
        margin: -3px 0 0 0;
        padding: 0;
    }

        .litmos-l li.step-line span, .training-l li.step-line span {
            display: block;
            background: #d5d5d5;
            width: 2px;
            height: 30px;
            margin: 0 0 0 7px;
        }

        .litmos-l li.step-line.active span, .training-l li.step-line.active span {
            background: #ff6100;
        }

.litmos-l .multi-steps, .training-l .multi-steps {
    float: unset;
    list-style: none;
    padding: 0;
}

    .litmos-l .multi-steps li, .training-l .multi-steps li {
        float: unset;
        padding: 10px;
        background: #d5d5d5;
        border-radius: 15px;
        min-width: 20px;
        text-align: center;
        margin-left: -1px;
        font-weight: 600;
    }

        .litmos-l .multi-steps li.active, .training-l .multi-steps li.active {
            background: #ff6100;
            color: #fff;
        }

        .litmos-l .multi-steps li.step-line, .training-l .multi-steps li.step-line {
            background: none;
            width: auto;
            border-radius: 0;
            margin: 0;
            padding: 0;
        }

            .litmos-l .multi-steps li.step-line span, .training-l .multi-steps li.step-line span {
                display: block;
                background: #d5d5d5;
                width: 12px;
                height: 30px;
                margin: 0 auto;
                border-radius: 0;
            }

            .litmos-l .multi-steps li.step-line.active span, .training-l .multi-steps li.step-line.active span {
                background: #ff6100;
            }

ul.litmos-arrow-list, ul.training-arrow-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.litmos-arrow-list li, ul.training-arrow-list li {
        padding: 10px;
        margin-bottom: 10px;
        background: #fad2be;
        color: #001133 !important;
    }

        ul.litmos-arrow-list li.arrow-d {
            min-height: 10px;
            color: #ee0000;
            background: url(/Features/Shared/img/icon/arrow-l-on2.png) no-repeat center;
            transform: rotate(90deg);
        }


@media print {
    #header, #aux-menu, .litmos-l, .button-row {
        display: none !important;
    }
}


/* password field with button */
@font-face {
    font-family: 'text-security-disc';
    src: url('/Features/Shared/css/fonts/text-security-disc.eot');
    src: url('/Features/Shared/css/fonts/text-security-disc.eot?#iefix') format('embedded-opentype'), url('/Features/Shared/css/fonts/text-security-disc.woff') format('woff'), url('/Features/Shared/css/fonts/text-security-disc.ttf') format('truetype'), url('/Features/Shared/css/fonts/text-security-disc.svg#text-security') format('svg');
}

input.password-font {
    font-family: 'text-security-disc' !important;
}


button.pass-eye {
    position: absolute;
    right: -2px;
    top: 0px;
    height: 30px;
    width: 50px !important;
    background: url(/Features/Shared/img/icon/eye.png) no-repeat 14px;
    background-size: 20px 16px;
    cursor: pointer;
}

button.pass-eye-hide {
    position: absolute;
    right: -2px;
    top: 0px;
    height: 30px;
    width: 50px !important;
    background: url(/Features/Shared/img/icon/eye-hide.png) no-repeat 14px;
    background-size: 20px 16px;
    cursor: pointer;
}

.tooltip-detail {
    display: none;
    position: absolute !important;
    background: #fff;
    border: 1px solid #ff6100;
    box-shadow: 0 2px 6px #AC4E05;
    font-size: 12px;
    width: 750px;
    padding: 5px;
    border-radius: 6px;
    left: -708px;
    top: 25px;
    color: #001133;
    min-height: 200px;
    z-index: 100000000;
}

    .tooltip-detail .middle-resume {
        width: 750px !important;
    }

    .tooltip-detail .bottom-resume {
        width: 750px !important;
    }

/* Download Orders Page */
.infoRow {
    float: left;
    width: 235px;
    text-align: right;
    margin-right: 20px;
}

.flex {
    display: flex;
    flex: 1;
}

.flex-end {
    justify-content: flex-end;
    align-items: flex-end;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.message-confirm {
    align-items: flex-start;
    margin-top: 10px;
}

.border-radius6 {
    border-radius: 6px !important;
}

.border-radius6-top, .yes-no .white-btn.border-radius6-top {
    border-radius: 6px 6px 0 0 !important;
}

.border-radius6-bottom {
    border-radius: 0 0 6px 6px !important;
}

.close-in {
    z-index: 11;
    background: #a1a1a1;
    border-radius: 50%;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 8px;
    height: 8px;
    display: block;
    padding: 6px;
    border: 0;
    line-height: 8px;
}

    .close-in img {
        width: 100%;
    }

a.navy, .navy {
    color: #001133;
}

.bg-navy {
    background-color: #001133 !important;
}

.border-gray {
    border: 1px solid #ebebeb;
}

.border-gray2 {
    border: 1px solid #ececec;
}

.border-navy {
    border: 1px solid #001133;
}

.box-outline {
    display: grid;
    border: 1px solid #c6c6d9;
    border-radius: 6px;
}

    .box-outline > * {
        margin: auto;
        padding: 5px;
    }

.highlight {
    background: #cce0ff !important;
    padding: 0 5px 1px 5px;
    border-radius: 5px;
}

    .highlight.referral {
        padding: 5px 12px !important;
    }

        .highlight.referral.referral-in-menu {
            padding: 0px 6px !important;
            margin: 2px 0 2px 10px;
            line-height: 20px;
        }


.highlight-white-border {
    border: 2px solid #fff;
    border-radius: 10px !important;
}

.highlight-grey {
    background: #ccc !important;
    padding: 0 5px 1px 5px;
    border-radius: 5px;
    color: #110033;
}

.highlight-active {
    background: #ff6100 !important;
    padding: 0 5px 1px 5px;
    border-radius: 5px;
    color: #fff;
}

.center-qr {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 18%;
}

.font-size-11 {
    font-size: 11px;
}


.bg-transparent {
    background-color: transparent !important;
}

.justified-text {
    text-align: justify;
}



/* Exchenge Rates */
.rate-promo {
    width: 270px;
    padding: 10px;
    background: #fad2be; /*#cde1e1;*/
    border-radius: 6px;
}

/***********************
Responsiveness 2023
************************/
@media screen and (min-width: 1px) {
    /*
		MT responsive
	*/

    div.wrapper-responsive {
        width: 1000px !important;
    }

        div.wrapper-responsive div.standard-container {
            width: 958px;
        }

        div.wrapper-responsive .fields-container-l {
            width: 515px;
        }

        div.wrapper-responsive .fields-container-r {
            width: 413px;
        }

        div.wrapper-responsive .fields-container-l .span-box.double-span-box.double-span-box-agent-detail {
            width: 488px;
        }

        div.wrapper-responsive .fields-container ul li.full {
            width: 508px;
        }

        div.wrapper-responsive .fields-container ul li {
            width: 246px;
        }

        div.wrapper-responsive .fields-container-r ul li.full {
            width: 406px;
        }

        div.wrapper-responsive .fields-container-r ul li {
            width: 195px;
        }

        div.wrapper-responsive ul.deliver-methods.small li {
            width: 63px;
        }

        div.wrapper-responsive .payment-container {
            width: 96px;
        }

        div.wrapper-responsive .fields-container input.small-currency {
            width: 91px;
        }

        div.wrapper-responsive .payment-container input[type="text"] {
            width: 76px;
        }

        div.wrapper-responsive .mt-banner-h {
            width: 980px;
        }

        div.wrapper-responsive .fields-container div.pay-agents ul {
            width: 490px;
        }

            div.wrapper-responsive .fields-container div.pay-agents ul li {
                width: 35px;
            }

        div.wrapper-responsive .fields-container .border-rounded {
            width: 505px;
        }

        div.wrapper-responsive .fields-container ul.thumb-list.bank-suggestions {
            width: 470px;
        }

        div.wrapper-responsive .fields-container ul.thumb-list li {
            margin: 0 10px 12px 0;
            width: 104px;
            min-height: 104px;
        }

        /* Top agents */

        div.wrapper-responsive .top-agent-cont {
            display: inline-block;
            width: 458px;
            overflow-x: clip;
            padding: 0 0 0 5px;
        }

            div.wrapper-responsive .top-agent-cont::-webkit-scrollbar {
                display: none;
            }

            div.wrapper-responsive .top-agent-cont ul.thumb-list.bank-suggestions {
                width: 810px;
                height: 128px;
            }

            div.wrapper-responsive .top-agent-cont ul.thumb-list li {
                width: 96px;
                min-height: 96px;
            }

            div.wrapper-responsive .top-agent-cont ul.search-results {
                left: -1px;
                top: 110px;
                width: 96px;
                padding: 0;
            }

                div.wrapper-responsive .top-agent-cont ul.search-results li {
                    min-height: auto;
                    margin: 0 !important;
                    border: 0;
                }

                    div.wrapper-responsive .top-agent-cont ul.search-results li:hover {
                        transform: scale(1);
                        border: 0;
                        box-shadow: 0;
                    }

                    div.wrapper-responsive .top-agent-cont ul.search-results li:hover {
                        background: #fad2be;
                        cursor: pointer;
                    }

                    div.wrapper-responsive .top-agent-cont ul.search-results li small {
                        background: none;
                        color: #727272;
                    }

    a.view-all {
        position: absolute;
        top: 140px;
        right: 10px;
    }

    /* Top agents */

    div.wrapper-responsive .payer-list,
    div.wrapper-responsive .payer-list div.border-rounded {
        width: 505px !important;
    }

        div.wrapper-responsive .payer-list.payer-list-2 {
            margin-top: 20px;
            margin-left: 0px;
        }

    div.wrapper-responsive .payer-list-logo,
    div.wrapper-responsive .payer-list-items {
        float: left;
        width: 100px;
        padding: 5px;
        margin-left: 1px;
    }

    div.wrapper-responsive .payer-list-items {
        width: 340px;
        border-left: 1px dotted #ddd;
    }

    div.wrapper-responsive .available-at .payer-list-logo {
        width: 70px;
    }

    div.wrapper-responsive .available-at .payer-list-items {
        float: right;
        width: 373px;
    }

    div.wrapper-responsive .payer-list-logo.multi-logo {
        width: 160px;
    }

    div.wrapper-responsive .payer-list-items.multi-logo {
        width: 284px;
    }

    div.wrapper-responsive .payer-list-items ul {
        min-height: 150px;
    }

        div.wrapper-responsive .payer-list-items ul li {
            width: 325px;
            line-height: 22px;
            border-bottom: 1px dotted #ddd;
            margin-left: 10px;
        }

            div.wrapper-responsive .payer-list-items ul li:last-child {
                border-bottom: 0;
            }

    div.wrapper-responsive div.bg-white-b {
        width: 958px;
    }

    div.wrapper-responsive .fields-container ul li.full.search-field input[type="text"] {
        width: 490px;
    }

    div.wrapper-responsive .fields-container ul li.full.search-field div.search-button button.search-btngen.no-search-btn {
        left: 460px;
        top: -1px;
    }

    div.wrapper-responsive .fields-container .mt-carrousel .border-rounded {
        margin-left: 12px;
        width: 488px;
    }

    div.wrapper-responsive .fields-container .mt-carrousel .prevBtn {
        margin-left: -19px;
    }

    div.wrapper-responsive ul.deliver-methods.full li {
        width: 79px;
        height: 51px;
    }

    div.wrapper-responsive .mt-r-section {
        display: none;
    }

    div.wrapper-responsive .fields-container ul li.full input[type="text"] {
        width: 490px;
    }

    /******/

    div.wrapper-responsive2023 {
        width: 1000px !important;
    }

    div.header-responsive2023 div.head-wrapper {
        width: 1000px;
    }

        div.header-responsive2023 div.head-wrapper .item-6-h,
        div.header-responsive2023 div.head-wrapper .item-7-h {
            display: none !important;
        }

        div.header-responsive2023 div.head-wrapper .item-6-v,
        div.header-responsive2023 div.head-wrapper .item-7-v {
            display: block !important;
        }

        div.header-responsive2023 div.head-wrapper ul.menu-product {
            width: 450px;
        }

    div.wrapper-responsive2023 .search-module {
        width: 956px;
    }

    div.wrapper-responsive2023 ul.special-select {
        width: 216px;
    }

        div.wrapper-responsive2023 ul.special-select.special-select-small {
            width: 90px;
        }

    div.wrapper-responsive2023 .search-module ul.big-field-ul li {
        width: 425px;
    }

    div.wrapper-responsive2023 .search-module ul li {
        width: 220px;
    }

    div.wrapper-responsive2023 ul.special-select li {
        width: 190px;
    }

    div.wrapper-responsive2023 ul.special-select.special-select-small ul {
        width: 186px !important;
    }

        div.wrapper-responsive2023 ul.special-select.special-select-small ul li {
            width: 150px !important;
        }

    div.wrapper-responsive2023 div.standard-container-resp {
        width: 958px;
    }

    div.wrapper-responsive2023 .po-featured {
        width: 620px;
    }

    div.wrapper-responsive2023 .middle-resume {
        width: 958px;
    }

    div.wrapper-responsive2023 .bottom-resume {
        width: 958px;
    }

    div.wrapper-responsive2023 div.log-list {
        width: 958px;
    }

    /*div.wrapper-responsive2023 .bottom-resume ul {
			padding: 20px 2% 0 2%;
		}*/



    /* Survey */

    .survey {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 320px;
        min-height: 80px;
        padding: 10px;
        background: #f1f1f1;
        overflow: hidden;
    }

        .survey ul {
            list-style: none;
            font-size: 11px;
            padding: 0;
        }

            .survey ul li {
                margin-top: -10px;
            }



    /* Search field order */
    .field-container {
        display: flex;
        flex-wrap: wrap;
    }

    .field-one {
        order: 1;
        -ms-flex-order: 1;
    }

    .field-two {
        order: 5;
        -ms-flex-order: 5;
    }

    .field-three {
        order: 2;
        -ms-flex-order: 2;
    }

    .field-four {
        order: 3;
        -ms-flex-order: 3;
        margin-right: 25px !important;
    }

    .field-five {
        order: 4;
        -ms-flex-order: 4;
        margin-right: 0 !important;
    }

    .field-six {
        order: 6;
        -ms-flex-order: 6;
    }

    .field-seven {
        order: 7;
        -ms-flex-order: 7;
    }

    .field-eight {
        order: 8;
        -ms-flex-order: 8;
    }

    /* HSCC */

    div.wrapper-responsive2023 .standard-container.standard-container-full {
        width: 958px;
    }

    div.wrapper-responsive2023 div.check-images img {
        width: 390px;
    }

    div.wrapper-responsive2023 .hide-table-med.hide-table-med-hscc {
        height: 426px !important;
    }

    div.wrapper-responsive2023 div.standard-container-full .search-module.search-module-full {
        width: 936px;
    }

        div.wrapper-responsive2023 div.standard-container-full .search-module.search-module-full ul li {
            width: 214px;
        }

    div.wrapper-responsive2023 .tooltip-detail.hscp-info {
        top: 116px;
        width: 290px;
    }

    div.wrapper-responsive2023 .hscp-info-header .message-title {
        width: 98% !important;
    }

    .hscp-photo {
        margin-top: 30px;
        width: 700px;
        float: right;
    }

    /*
		Check Cashing 
	*/

    div.wrapper-responsive2023 .standard-container.standard-container-full-md {
        width: 957px;
    }

    div.wrapper-responsive2023 .search-module.search-module-full {
        width: 956px;
    }

        div.wrapper-responsive2023 .search-module.search-module-full .filter-module li.tab-small {
            width: 60px;
        }

    div.wrapper-responsive2023 .customer-info {
        width: 300px;
        height: 300px;
        margin: 0 15px 0 0;
    }

        div.wrapper-responsive2023 .customer-info .middle-resume {
            width: 300px;
        }

    div.wrapper-responsive2023 .transaction-list {
        width: 620px;
        height: 300px;
    }

    div.wrapper-responsive2023 .check-cashing div.check-images {
        width: 342px;
    }

        div.wrapper-responsive2023 .check-cashing div.check-images img {
            width: 340px;
        }

    div.wrapper-responsive2023 .check-cashing.fields-container-l {
        width: 644px !important;
    }

    div.wrapper-responsive2023 input.small-currency {
        width: 91px;
    }

    div.wrapper-responsive2023 .featured-container {
        width: 954px;
    }

    div.wrapper-responsive2023 .show-in-md {
        display: none;
    }
}

@media screen and (min-width: 1270px) {
    /* Exchange Rates */

    .rate-promo {
        width: 380px;
        padding: 10px;
        background: #fad2be; /*#cde1e1;*/
        border-radius: 6px;
    }


    /*

		MT Responsive

	*/

    div.wrapper-responsive {
        width: 1250px !important;
    }

        div.wrapper-responsive div.standard-container, div.wrapper-responsive div.search-module {
            width: 1208px;
        }

        div.wrapper-responsive .fields-container .mt-carrousel .border-rounded {
            margin-left: 12px;
            width: 736px;
            min-height: 165px;
        }

        div.wrapper-responsive .fields-container-l {
            width: 765px;
        }

        div.wrapper-responsive .fields-container-r {
            width: 413px;
        }

        div.wrapper-responsive .fields-container-l .span-box.double-span-box.double-span-box-agent-detail {
            width: 738px;
        }

        div.wrapper-responsive .fields-container ul li.full {
            width: 758px;
        }

        div.wrapper-responsive .fields-container ul li {
            width: 371px;
        }

        div.wrapper-responsive .fields-container-r ul li.full {
            width: 406px;
        }

        div.wrapper-responsive .fields-container-r ul li {
            width: 195px;
        }

        div.wrapper-responsive ul.deliver-methods.small li {
            width: 63px;
        }

        div.wrapper-responsive ul.deliver-methods.full li {
            width: 79px;
            height: 51px;
        }

        div.wrapper-responsive .payment-container {
            width: 96px;
        }

        div.wrapper-responsive .fields-container input.small-currency {
            width: 91px;
        }

        div.wrapper-responsive .payment-container input[type="text"] {
            width: 76px;
        }

        div.wrapper-responsive .mt-banner-h {
            width: 1230px;
        }

        div.wrapper-responsive .fields-container div.pay-agents ul {
            width: 740px;
        }

            div.wrapper-responsive .fields-container div.pay-agents ul li {
                width: 35px;
            }

        div.wrapper-responsive .fields-container .border-rounded {
            width: 755px;
        }

        div.wrapper-responsive .fields-container ul.thumb-list.bank-suggestions {
            width: 720px;
        }

        div.wrapper-responsive .fields-container ul.thumb-list li {
            margin: 0 14px 12px 0;
            width: 104px;
            min-height: 104px;
        }

        div.wrapper-responsive .fields-container ul li.full input[type="text"] {
            width: 740px;
        }

        /* Top agents */

        div.wrapper-responsive .top-agent-cont {
            display: inline-block;
            width: 708px;
            overflow-x: clip;
            padding: 0 0 0 5px;
        }

            div.wrapper-responsive .top-agent-cont::-webkit-scrollbar {
                display: none;
            }

            div.wrapper-responsive .top-agent-cont ul.thumb-list.bank-suggestions {
                width: 810px;
                height: 128px;
            }

            div.wrapper-responsive .top-agent-cont ul.thumb-list li {
                width: 96px;
                min-height: 96px;
            }

            div.wrapper-responsive .top-agent-cont ul.search-results {
                left: -1px;
                top: 110px;
                width: 96px;
                padding: 0;
            }

                div.wrapper-responsive .top-agent-cont ul.search-results li {
                    min-height: auto;
                    margin: 0 !important;
                    border: 0;
                }

                    div.wrapper-responsive .top-agent-cont ul.search-results li:hover {
                        transform: scale(1);
                        border: 0;
                        box-shadow: 0;
                    }

                    div.wrapper-responsive .top-agent-cont ul.search-results li:hover {
                        background: #fad2be;
                        cursor: pointer;
                    }

                    div.wrapper-responsive .top-agent-cont ul.search-results li small {
                        background: none;
                        color: #727272;
                    }

    a.view-all {
        position: absolute;
        top: 140px;
        right: 10px;
    }

    /* Top agents */

    div.wrapper-responsive .payer-list,
    div.wrapper-responsive .payer-list div.border-rounded {
        width: 367px !important;
    }

        div.wrapper-responsive .payer-list.payer-list-2 {
            margin-left: 20px;
            margin-top: 0px;
        }

    div.wrapper-responsive .payer-list-logo,
    div.wrapper-responsive .payer-list-items {
        float: left;
        width: 100px;
        padding: 5px;
        margin-left: 1px;
    }

    div.wrapper-responsive .payer-list-items {
        width: 190px;
        border-left: 1px dotted #ddd;
    }

    div.wrapper-responsive .available-at .payer-list-items {
        float: right;
        width: 623px;
    }

    div.wrapper-responsive .payer-list-items.multi-logo {
        width: 532px;
    }

    div.wrapper-responsive .payer-list-items ul li {
        width: 190px;
        line-height: 22px;
        border-bottom: 1px dotted #ddd;
        margin-left: 10px;
    }

        div.wrapper-responsive .payer-list-items ul li:last-child {
            border-bottom: 0;
        }

    /*********/

    div.wrapper-responsive2023 {
        width: 1250px !important;
    }

    div.header-responsive2023 div.head-wrapper {
        width: 1260px;
    }

    div.tools-container-responsive2023 div.menu-options-wrapper {
        width: 1250px;
    }

    div.header-responsive2023 div.head-wrapper .item-6-h,
    div.header-responsive2023 div.head-wrapper .item-7-h {
        display: none !important;
    }

    div.header-responsive2023 div.head-wrapper .item-6-v,
    div.header-responsive2023 div.head-wrapper .item-7-v {
        display: block !important;
    }

    div.header-responsive2023 div.head-wrapper ul.menu-product {
        width: 706px;
    }

    div.wrapper-responsive2023 .search-module {
        width: 1206px;
    }

    div.wrapper-responsive2023 ul.special-select {
        width: 278px;
    }

    div.wrapper-responsive2023 .search-module ul.big-field-ul li {
        width: 425px;
    }

    div.wrapper-responsive2023 .search-module ul li {
        width: 282px;
    }

    div.wrapper-responsive2023 ul.special-select li {
        width: 252px;
    }

    div.wrapper-responsive2023 input {
        width: 92%;
    }

    div.wrapper-responsive2023 div.standard-container-resp {
        width: 1208px;
    }

    div.wrapper-responsive2023 .po-featured {
        width: 785px;
    }

    div.wrapper-responsive2023 .middle-resume {
        width: 1208px;
    }

    div.wrapper-responsive2023 .bottom-resume {
        width: 1208px;
    }

    div.wrapper-responsive2023 div.log-list-cont {
        width: 1208px;
    }

    div.wrapper-responsive2023 div.log-list {
        width: 1208px;
    }

        div.wrapper-responsive2023 div.log-list.log-list-50p {
            width: 588px;
        }

    /* HSCC */

    div.wrapper-responsive2023 .standard-container.standard-container-full {
        width: 1208px;
    }

    div.wrapper-responsive2023 div.check-images img {
        width: 500px;
    }

    div.wrapper-responsive2023 .hide-table-med.hide-table-med-hscc {
        height: 528px !important;
    }

    div.wrapper-responsive2023 div.standard-container-full .search-module.search-module-full {
        width: 1186px;
    }

        div.wrapper-responsive2023 div.standard-container-full .search-module.search-module-full ul li {
            width: 274px;
        }

    div.wrapper-responsive2023 .search-module.search-module-full .dateinput .date-box {
        width: 258px;
    }

    div.wrapper-responsive2023 .search-module.search-module-full .dateinput .short-date-part {
        width: 22px;
    }

    div.wrapper-responsive2023 .search-module.search-module-full .dateinput .long-date-part {
        width: 30px;
    }

    div.wrapper-responsive2023 .tooltip-detail.hscp-info {
        top: 40px;
        width: 310px;
    }

    div.wrapper-responsive2023 .hscp-info-header {
        float: right;
        width: 70% !important;
        overflow: hidden;
    }

        div.wrapper-responsive2023 .hscp-info-header .message-title {
            width: 97% !important;
        }

    /*
		Check Cashing 
	*/

    div.wrapper-responsive2023 .standard-container.standard-container-full-md {
        width: 1208px;
    }

    div.wrapper-responsive2023 .search-module.search-module-full {
        width: 1208px;
    }

    div.wrapper-responsive2023 .search-module.search-module-xl {
        width: 1508px;
    }

    div.wrapper-responsive2023 .customer-info {
        width: 400px;
        height: 300px;
        margin: 0 15px 0 0;
    }

        div.wrapper-responsive2023 .customer-info .middle-resume {
            width: 400px;
        }

    div.wrapper-responsive2023 .transaction-list {
        width: 770px;
        height: 300px;
    }

    div.wrapper-responsive2023 .check-cashing div.check-images {
        width: 590px;
    }

        div.wrapper-responsive2023 .check-cashing div.check-images img {
            width: 500px;
        }

    div.wrapper-responsive2023 .check-cashing.fields-container-l {
        width: 890px !important;
    }

    div.wrapper-responsive2023 input.small-currency {
        width: 91px;
    }

    div.wrapper-responsive2023 .featured-container {
        width: 1204px;
    }

    div.wrapper-responsive2023 .show-in-md {
        display: table-cell;
    }
}

@media screen and (min-width: 1910px) {
    /* Two Columns Directory */

    div.tools-container-responsive2023 .menu-options-col ul.men-directory {
        width: 830px !important;
    }

        div.tools-container-responsive2023 .menu-options-col ul.men-directory li {
            min-width: 360px !important;
        }
}

@media screen and (min-width: 1550px) {
    div.wrapper-responsive2023 {
        width: 1550px !important;
    }

    div.header-responsive2023 div.head-wrapper {
        width: 1550px;
    }

    div.tools-container-responsive2023 div.menu-options-wrapper {
        width: 1550px;
    }

    div.header-responsive2023 div.head-wrapper .item-6-h,
    div.header-responsive2023 div.head-wrapper .item-7-h {
        display: block !important;
    }

    div.header-responsive2023 div.head-wrapper .item-6-v,
    div.header-responsive2023 div.head-wrapper .item-7-v {
        display: none !important;
    }

    div.header-responsive2023 div.head-wrapper ul.menu-product {
        width: 910px;
    }

    div.aux-menu-responsive2023 div.aux-menu-wrapper {
        width: 1550px !important;
    }

    div.wrapper-responsive2023.wrapper-responsive2023-md {
        width: 1250px !important;
    }

    div.wrapper-responsive2023 .search-module {
        width: 1530px;
    }


    div.wrapper-responsive2023 ul.special-select {
        width: 186px;
    }

    div.wrapper-responsive2023 .search-module ul.big-field-ul li {
        width: 425px;
    }

    div.wrapper-responsive2023 .search-module ul li {
        width: 190px;
    }

    div.wrapper-responsive2023 ul.special-select li {
        width: 156px;
    }

    div.wrapper-responsive2023 input {
        width: 90%;
    }

    div.wrapper-responsive2023 .extra-margin {
        margin-right: 128px;
    }

    div.wrapper-responsive2023 .search-module {
        width: 732px;
    }

        div.wrapper-responsive2023 .search-module.search-module-2 {
            margin-left: 20px;
            min-height: 165px;
        }

        div.wrapper-responsive2023 .search-module ul li + li + li + li {
            margin-right: 25px;
        }

    div.wrapper-responsive2023 div.standard-container-resp.with-r-panel {
        width: 958px;
    }

        div.wrapper-responsive2023 div.standard-container-resp.with-r-panel .po-featured {
            width: 620px;
        }

        div.wrapper-responsive2023 div.standard-container-resp.with-r-panel .middle-resume {
            width: 958px;
        }

        div.wrapper-responsive2023 div.standard-container-resp.with-r-panel .bottom-resume {
            width: 958px;
        }

    div.wrapper-responsive2023 div.log-list-cont {
        width: 540px;
    }

    div.wrapper-responsive2023 div.log-list {
        float: left;
        margin: 0 0 20px 20px !important;
        padding: 10px;
        width: 505px;
    }

        div.wrapper-responsive2023 div.log-list.log-list-50p {
            width: 505px;
        }

    /* Search field order */
    .field-container {
        display: flex;
        flex-wrap: wrap;
    }

    .field-one {
        order: 1;
        -ms-flex-order: 1;
    }

    .field-two {
        order: 2;
        -ms-flex-order: 2;
    }

    .field-three {
        order: 3;
        -ms-flex-order: 3;
    }

    .field-four {
        order: 4;
        -ms-flex-order: 4;
    }

    .field-five {
        order: 5;
        -ms-flex-order: 5;
    }

    .field-six {
        order: 6;
        -ms-flex-order: 6;
    }

    .field-seven {
        order: 7;
        -ms-flex-order: 7;
    }

    .field-eight {
        order: 8;
        -ms-flex-order: 8;
    }

    /* second search box */

    .fields2-one {
        order: 1;
        -ms-flex-order: 1;
    }

    .fields2-two {
        order: 2;
        -ms-flex-order: 2;
    }

    .fields2-three {
        order: 3;
        -ms-flex-order: 3;
    }

    .fields2-four {
        order: 6;
        -ms-flex-order: 6;
    }

    .fields2-five {
        order: 4;
        -ms-flex-order: 4;
    }

    .fields2-six {
        order: 5;
        -ms-flex-order: 5;
    }

    .fields2-seven {
        order: 7;
        -ms-flex-order: 7;
    }

    .fields2-eight {
        order: 8;
        -ms-flex-order: 8;
    }

    div.wrapper-responsive2023 table.table-v4 td .status-btn {
        width: 150px;
    }

    /* HSCC */

    div.wrapper-responsive2023 .standard-container.standard-container-full {
        width: 1508px;
    }

    div.wrapper-responsive2023 div.check-images img {
        width: 630px;
    }

    div.wrapper-responsive2023 .hide-table-med.hide-table-med-hscc {
        height: 654px !important;
    }

    div.wrapper-responsive2023 div.standard-container-full .search-module.search-module-full {
        width: 1486px;
    }

        div.wrapper-responsive2023 div.standard-container-full .search-module.search-module-full ul li {
            width: 352px;
        }

        div.wrapper-responsive2023 div.standard-container-full .search-module.search-module-full input {
            width: 94%;
        }

    div.wrapper-responsive2023 .search-module.search-module-full .dateinput .date-box {
        width: 342px;
    }

    div.wrapper-responsive2023 .search-module.search-module-full .dateinput .short-date-part {
        width: 22px;
    }

    div.wrapper-responsive2023 .search-module.search-module-full .dateinput .long-date-part {
        width: 30px;
    }

    div.wrapper-responsive2023 .search-module.search-module-xl {
        width: 1508px;
    }

    div.wrapper-responsive2023 .tooltip-detail.hscp-info {
        top: 40px;
    }

    div.wrapper-responsive2023 .hscp-info-header {
        float: right;
        width: 76% !important;
        overflow: hidden;
    }

        div.wrapper-responsive2023 .hscp-info-header .message-title {
            width: 98% !important;
        }

    .hscp-photo {
        width: 858px;
    }

    /*
		Check Cashing 
	*/

    div.wrapper-responsive2023 .standard-container.standard-container-full-md {
        width: 1208px;
    }

    div.wrapper-responsive2023 .show-in-md {
        display: table-cell;
    }

    div.wrapper-responsive2023 .no-results-found {
        width: 732px;
    }

    div.wrapper-responsive2023 .no-results-found-full {
        width: 1486px;
    }

    div.wrapper-responsive2023 .no-results-found-xl {
        width: 1508px;
    }

    .specialTaxIdMessege {
        text-align: justify;
        margin-top: 2px;
        display: inline-block !important;
        width: 93% !important;
    }

    .specialTaxIdCheckbox {
        font-weight: 500;
        margin-top: 10px;
        display: inline-block !important;
        width: 93% !important;
    }

    .navy {
        color: #001133;
    }

    .margin-top-50 {
        margin-top: -50px !important;
    }

    .margin-left120 {
        margin-left: 120px !important;
    }
}

.partner.orderDetailTitle {
    width: 90px;
}

.partner.orderDetailTitleUpperCase {
    text-transform: uppercase;
}

.partner.rdmNotFoundMessage {
    margin: auto;
    padding: 0;
    display: none;
    text-align: center;
    border-bottom-style: solid !important;
    border-bottom-width: thin;
    border-top-width: thin;
    border-top-style: solid;
    border-color: #C6C6D9;
}

/********receipt selection button styles*********/
.receiptButton {
}

    .receiptButton:hover {
        cursor: pointer;
    }

    .receiptButton.selected {
        color: #FFF;
        background: #001133;
        border-radius: 6px;
    }

.normalizedButton {
    height: 28px !important;
    border-radius: 3px;
    line-height: 28px !important;
    font-size: 12px !important;
}

language-selector div {
    border: 1px #727272 solid;
    padding: 3px;
    border-radius: 5px;
    width: auto !important;
}

.training-title-header {
    display: flex;
    align-items: center;
}

    .training-title-header .pills {
        width: auto !important;
        margin: 0 0 0 10px;
        padding: 0;
    }

.complianceOnHoldClass, .underReviewClass {
    color: #0072bc;
    font-weight: bold;
}

.liteKYCClass {
    color: #ff6100;
    font-weight: bold;
}

.fullKYCClass {
    color: #14a600;
    font-weight: bold;
}

.check-dots {
    background-image: url(/Features/Shared/img/icon/check-dots.png?v=1);
    background-repeat: no-repeat;
    display: block;
    width: 16px;
    height: 16px;
}

.width250 {
    width: 250px !important;
}

.width535 {
    width: 535px !important;
}

.height35 {
    height: 35px !important;
}

.flex1 {
    flex: 1;
}

.cancel-order-spinner-row .fxloader-btn, .send-referral-message-spinner-row .fxloader-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px !important;
}

.popover {
    position: absolute;
    width: 240px;
    top: -12px;
    right: -254px;
    background: #fff;
    border: 1px solid #001133;
    z-index: 100;
    border-radius: 6px;
}

    .popover h3 {
        float: left;
        width: 100%;
        background: #001133;
        color: #fff !important;
        font-size: 15px;
        font-weight: 400;
        padding: 4px 0;
        text-align: center;
    }

.popover-arrow-down {
    top: 81px;
    left: 111px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.popover-arrow-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.popover-arrow-right {
    left: 235px;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
}

.popover-arrow {
    position: absolute;
    top: 82px;
    left: 115px;
    border: solid #001133;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 5px;
    background: #fff;
}

.popover-content {
    padding: 10px;
    font-size: 14px;
}

.popover-animation {
    animation: scale-popover .9s linear;
}

.genarete-qr-popover {
    position: absolute;
    padding: 10px;
    top: 44px;
    right: 145px;
    z-index: 2;
    width: 410px;
    background: #fff;
    border: 1px solid #001133;
    border-radius: 6px;
}

.popover-appear {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

    .popover-appear.popover-appear-active {
        opacity: 1;
        transform: translateY(0);
    }

@keyframes scale-popover {
    0% {
        transform: scale(1.5);
    }

    100% {
        transform: scale(1);
    }
}

/*.qr-mobile-phone .intl-tel-input .selected-flag .iti-flag {
	margin-left: 10px !important
}*/

/*.qr-mobile-phone .intl-tel-input .selected-flag .iti-arrow {
	right: -6px;
}*/

.qr-mobile-phone .intl-tel-input.allow-dropdown, .e-consent-mobile-phone .intl-tel-input.allow-dropdown {
    width: 100% !important;
}

.qr-mobile-phone .selected-flag, .e-consent-mobile-phone .selected-flag {
    text-align: left !important;
}

.qr-mobile-phone input, .e-consent-mobile-phone input {
    width: 100% !important;
}

.e-consent-mobile-phone ul.country-list {
    max-height: 120px !important;
}

.cloud-card-receipt-container {
    border: 1px solid #C6C6D9;
    padding: 10px;
    background-color: #fff;
    font-family: monospace !important;
}

.nav-dotted {
    float: left;
    width: 100%;
    margin-top: -10px;
    margin-left: 15px;
}

    .nav-dotted ul {
        list-style: none;
        float: right;
    }

    .nav-dotted li {
        float: left;
        width: 8px !important;
        height: 8px !important;
        margin-left: 6px;
    }

        .nav-dotted li a {
            float: left;
            width: 8px !important;
            height: 8px !important;
            background: url(/Features/Shared/img/icon/nav-dot-normal.png?v=1);
            cursor: default;
        }

            .nav-dotted li a.dot-active {
                background: url(/Features/Shared/img/icon/nav-dot-active.png?v=1);
            }

.pending-approval {
    position: absolute;
    top: 200px;
    background: #fff;
    width: 200px;
    padding: 10px;
    border: 1px solid #ff6100 !important;
    box-shadow: 0 2px 6px #AC4E05 !important;
    border-radius: 6px;
    visibility: hidden;
}

@media screen and (min-width: 1549px) {
    .pending-approval {
        visibility: visible;
    }
}

.type-btn-success {
    border: 1px solid #14a600;
    color: #14a600;
}

.minWidth-100 {
    min-width: 100%;
}

ol > li::marker {
    font-weight: bold;
}

.star-icon::before {
    content: "\2605";
    color: #FFD700;
    font-size: 14px;
}

table#rdm-catalog tbody tr.category-row-highlight {
    background-color: #f0f4f8;
}

table#rdm-catalog tbody tr {
    transition: background-color 0.15s ease;
}

/* unusual-order component */
.unusual-order-cont {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

    .unusual-order-cont h1.orange-title {
        margin: 0 0 8px 0;
        flex-shrink: 0;
    }

    .unusual-order-cont .unusual-order-scroll {
        flex: 1;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .unusual-order-cont .table-module {
        width: 95%;
    }

    .unusual-order-cont .float-l > label {
        font-size: 12px;
        font-weight: 600;
    }

    .unusual-order-cont .button-row.yes-no {
        display: flex;
        gap: 4px;
        padding: 3px;
        box-sizing: border-box;
        align-items: stretch;
        width: 100%;
    }

        .unusual-order-cont .button-row.yes-no .white-btn.signature-med {
            flex: 1;
            width: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
        }

    .unusual-order-cont .message-title.notice {
        width: 100%;
        box-sizing: border-box;
    }

    .unusual-order-cont .span-box > label {
        font-size: 12px;
    }

    .unusual-order-cont .span-box textarea {
        width: 95%;
    }

    .unusual-order-cont p.lbs-note {
        font-size: 11px;
    }

.unusual-order-actions {
    flex-shrink: 0;
    margin-top: 4px;
    display: flex;
    justify-content: flex-end;
}

.unusual-order-actions .submit-btn {
    margin-left: 20px;
}

.hscp-search-checks-container {
    min-height: 400px;
    border: 1px solid #ff6100 !important;
}

.hscp-search-checks .required .date-box {
    width: 100% !important;
    padding-left: 8px;
    box-sizing: border-box;
}

.hscp-search-checks .date-valid .date-box {
    border: 1px solid #C6C6D9 !important;
    background: #fff;
    color: #727272;
    width: 100% !important;
    padding-left: 8px;
    box-sizing: border-box;
}

.hscp-search-checks .search-module > div > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
}

.hscp-search-checks .search-module > div > ul > li {
    float: none;
    width: 25%;
    margin-right: 0;
    padding-right: 15px;
    box-sizing: border-box;
}

.hscp-search-checks .search-module label,
.hscp-search-checks .search-module .enable-select,
.hscp-search-checks .search-module .enable-select select,
.hscp-search-checks .search-module input,
.hscp-search-checks .search-module .date-module,
.hscp-search-checks .search-module .dateinput {
    box-sizing: border-box;
}

.hscp-full-width {
    width: 100% !important;
}

.hscp-min-height {
    height: 55.28px;
}

/* CSS Document */
@charset "UTF-8";

div.head-wrapper {
	width: 1260px;
	margin: auto;
	height: 50px;
}

div.aux-menu-wrapper {
	width: 1260px;
	margin: auto;
	background: #fff;
}

.header-container ul.menu-product {
	width: 706px;
	font-size: 15px;
	display: inline-block;
	#display: inline;
	_display: inline;
	zoom: 1;
	margin: 0;
	list-style-type: none;
	white-space: nowrap;
	padding: 0 5px;
	float: left;
	height: 50px;
	background-color: #fff;
}

.item-1-v, .item-2-v, .item-3-v, .item-4-v, .item-5-v {
	display: none !important;
}

li.more-len-5, li.more-len-4, li.more-len-3, li.more-len-2, li.more-len-1 {
	display: none !important;
}

ul.menu-product.menu-mt .item-5-h {
	display: none !important;
}

ul.menu-product.menu-mt .item-5-v {
	display: block !important;
}

ul.menu-product.menu-mt li.more-len-5 {
	display: block !important;
}

ul.menu-product.menu-lt .item-5-h, ul.menu-product.menu-lt .item-4-h {
	display: none !important;
}

ul.menu-product.menu-lt .item-5-v, ul.menu-product.menu-lt .item-4-v {
	display: block !important;
}

ul.menu-product.menu-lt li.more-len-5, ul.menu-product.menu-lt li.more-len-4 {
	display: block !important;
}


/* Responsive screens */
@media screen and (max-width: 1279px) {
	div.head-wrapper {
		width: 1000px;
	}

	div.aux-menu-wrapper {
		width: 1000px;
	}

	.header-container ul.menu-product {
		width: 442px;
		font-size: 12px;
	}

	.item-5-h, .item-4-h {
		display: none !important;
	}

	.item-5-v, .item-4-v {
		display: block !important;
	}

	ul.menu-product.menu-mt .item-4-h, ul.menu-product.menu-mt .item-3-h {
		display: none !important;
	}

	ul.menu-product.menu-mt .item-4-v, ul.menu-product.menu-mt .item-3-v {
		display: block !important;
	}

	ul.menu-product.menu-lt .item-4-h, ul.menu-product.menu-lt .item-3-h {
		display: none !important;
	}

	ul.menu-product.menu-lt .item-4-v, ul.menu-product.menu-lt .item-3-v {
		display: block !important;
	}

	li.more-len-5, li.more-len-4 {
		display: block !important;
	}

	ul.menu-product.menu-lt li.more-len-3, ul.menu-product.menu-mt li.more-len-3 {
		display: block !important;
	}

	.men-directory-cont {
		width: 200px;
	}

	.menu-options-col ul.men-directory {
		width: 178px !important;
	}

		.menu-options-col ul.men-directory li {
			min-height: 46px !important;
		}
}

@media screen and (max-width: 1020px) {
	div.head-wrapper {
		width: 800px;
	}

	div.aux-menu-wrapper {
		width: 800px;
	}

	.header-container ul.menu-product {
		width: 242px;
		font-size: 11px;
	}

	.menu-options-wrapper {
		width: 790px;
	}

	.menu-options-wrapper-cs {
		width: 924px;
	}

	.item-5-h, .item-4-h, .item-3-h {
		display: none !important;
	}

	.item-5-v, .item-4-v, .item-3-v {
		display: block !important;
	}

	ul.menu-product.menu-mt .item-2-h, ul.menu-product.menu-lt .item-2-h {
		display: none !important;
	}

	ul.menu-product.menu-mt .item-2-v, ul.menu-product.menu-lt .item-2-v {
		display: block !important;
	}

	li.more-len-5, li.more-len-4, li.more-len-3 {
		display: block !important;
	}

	ul.menu-product.menu-lt li.more-len-2, ul.menu-product.menu-mt li.more-len-2 {
		display: block !important;
	}
}

@media screen and (min-width: 1px) {
	div.header-responsive2023 div.head-wrapper {
		width: 1000px;
	}

		div.header-responsive2023 div.head-wrapper .item-6-h,
		div.header-responsive2023 div.head-wrapper .item-7-h {
			display: none !important;
		}

		div.header-responsive2023 div.head-wrapper .item-6-v,
		div.header-responsive2023 div.head-wrapper .item-7-v {
			display: block !important;
		}

		div.header-responsive2023 div.head-wrapper ul.menu-product {
			width: 450px;
		}

	div.aux-menu-responsive2023 div.aux-menu-wrapper {
		width: 1000px;
	}
}


@media screen and (min-width: 1270px) {
	div.header-responsive2023 div.head-wrapper {
		width: 1260px;
	}

	div.aux-menu-responsive2023 div.aux-menu-wrapper {
		width: 1260px;
	}

	div.tools-container-responsive2023 div.menu-options-wrapper {
		width: 1250px;
	}

	div.header-responsive2023 div.head-wrapper .item-6-h,
	div.header-responsive2023 div.head-wrapper .item-7-h {
		display: none !important;
	}

	div.header-responsive2023 div.head-wrapper .item-6-v,
	div.header-responsive2023 div.head-wrapper .item-7-v {
		display: block !important;
	}

	div.header-responsive2023 div.head-wrapper ul.menu-product {
		width: 706px;
	}
}

@media screen and (min-width: 1910px) {
	/* Two Columns Directory */

	div.tools-container-responsive2023 .menu-options-col ul.men-directory {
		width: 830px !important;
	}

		div.tools-container-responsive2023 .menu-options-col ul.men-directory li {
			min-width: 360px !important;
		}
}

@media screen and (min-width: 1550px) {
	div.header-responsive2023 div.head-wrapper {
		width: 1550px;
	}

	div.tools-container-responsive2023 div.menu-options-wrapper {
		width: 1550px;
	}

	div.header-responsive2023 div.head-wrapper .item-6-h,
	div.header-responsive2023 div.head-wrapper .item-7-h {
		display: block !important;
	}

	div.header-responsive2023 div.head-wrapper .item-6-v,
	div.header-responsive2023 div.head-wrapper .item-7-v {
		display: none !important;
	}

	div.header-responsive2023 div.head-wrapper ul.menu-product {
		width: 920px;
	}

	div.aux-menu-responsive2023 div.aux-menu-wrapper {
		width: 1550px !important;
	}
}

