/* Harcourts dark  blue: #001e48  */
/* Harcourts light blue: #00adef  */

/* -------------------------- FONT FACES ------------------------------ */
/* See: http://www.fontsquirrel.com/fontface  */

@font-face {
    font-family: 'Franklin';
    src: url('../Fonts/Franklin/framdcn.eot');
    src: url('../Fonts/Franklin/framdcn.eot?#iefix') format('embedded-opentype'), url('../Fonts/Franklin/framdcn.woff') format('woff'), url('../Fonts/Franklin/framdcn.ttf') format('truetype'), url('../Fonts/Franklin/framdcn.svg.svg#framdcn.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'SourceSansPro-Semibold';
    src: url('../Fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.eot');
    src: url('../Fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'), url('../Fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff') format('woff'), url('../Fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.ttf') format('truetype'), url('../Fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.svg.svg#SourceSansPro-Semibold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('../Fonts/SourceSansPro-Regular/SourceSansPro-Regular.eot');
    src: url('../Fonts/SourceSansPro-Regular/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../Fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff') format('woff'), url('../Fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf') format('truetype'), url('../Fonts/SourceSansPro-Regular/SourceSansPro-Regular.svg.svg#SourceSansPro-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'century_gothic';
    src: url('../Fonts/Century-Gothic/century_gothic.eot') format('embedded-opentype'), url('../Fonts/Century-Gothic/Century_Gothic.svg') format('svg'), url('../Fonts/Century-Gothic/century_gothic.ttf') format('truetype'), url('../Fonts/Century-Gothic/Century_Gothic.woff') format('woff'), url('../Fonts/Century-Gothic/century_gothic.woff2') format('woff2'), url('../Fonts/Century-Gothic/centurygothic.eot') format('embedded-opentype'), url('../Fonts/Century-Gothic/CenturyGothic.svg') format('svg'), url('../Fonts/Century-Gothic/centurygothic.ttf') format('truetype'), url('../Fonts/Century-Gothic/CenturyGothic.woff') format('woff'), url('../Fonts/Century-Gothic/CenturyGothic.woff2') format('woff2');
}

@font-face {
    font-family: Arial;
    src: url('../Fonts/Open-Sans/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../Fonts/Open-Sans/OpenSans-Bold.ttf') format('truetype');
}
/* -------------------------- PUBLIC PAGES ---------------------------- */
.hrBlue {
    margin: 0.5rem 0;
    color: #001c49;
    background-color: #001c49;
    border: 0;
    opacity: 0.50;
}

.text-blue {
    color: #001e48;
}

/* -------------------------- DEVEXPRESS ---------------------------- */
.dxpnlControl_HTrack.dxpnl-edge, .dxpnlControl_HTrack.dxpnl-edge .dxpnl-scc, .dxpnlControl_HTrack.dxpnl-bar {
    padding: 8px 0px 8px 0px;
}

/* -------------------------- FORM LAYOUT ---------------------------- */
.form-transactions {
    width: 80%
}

.div-formlayout {
    flex: 0 0 auto;
    width: 66.6666666667%;
}

.lblFormCaption {
    font-size: 16pt;
    padding-bottom:20px !important;
}


.formOwners {
    width: 100%;
    /*max-width: 600px;*/
    margin: auto;
}

.div-date-search {
    flex: 0 0 auto;
    width: 33.3333333333%;
    max-width: 300px
}
/* -------------------------- CONTACT US ------------------------------ */
th {
    border: 1px solid white;
    padding: 0px 5px;
}

.td_contact_col1 {
    text-align: left;
    vertical-align: top;
    background-color: transparent;
    width: 150px;
    font-family: sans-serif;
    font-size: 11pt;
}

.td_contact_col2 {
    text-align: left;
    vertical-align: top;
    background-color: transparent;
}

/* -------------------------- GLOBAL ---------------------------------- */
/*Javascript Popup Css code*/
.hidden {
    display: none;
}

.Mypopup {
    position: fixed;
    top: 69%;
    left: 66%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 10px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.close-MY-popup {
    padding: 5px 10px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ddd;
    border: none;
    cursor: pointer;
}

.SettingsCommissionModelPopup {
    max-width: 420px;
    width: 100%;
    font-size: 14px;
}

.SettingsCommissionModelTierText {
    color: #4508a2 !important;
}

.SettingsCommissionModelTierHeading {
    color: #001e48;
    font-size: 16px;
}


/*h1 {
    font-size: 16pt;
    text-align: left;
    color: #3A3A3A;
}*/

h2 {
    /*
    font-weight: bold;
    font-size: 13pt;
    text-align: left;
    color: #3A3A3A;*/
    margin: 0px 0px 10px !important;
}

/*h3 {
    font-family: sans-serif;
    font-weight: bold;
    font-size: 12pt;
    text-align: left;
    color: #3A3A3A;
}*/

* {
    box-sizing: border-box;
}

.page-heading {
    font-family: sans-serif;
    font-size: 20px;
    margin: 0px 0px 10px !important;
    color: #001e48;
    font-weight: bold;
}

.heading-login {
    font-family: sans-serif;
    font-size: 30px;
    margin: 0px 0px 10px !important;
    color: #001e48;
    font-weight: bold;
}

.vh-80{
    height: 100vh;
}

body {
    font-family: sans-serif;
    font-size: 13px;
    color: Black;
    margin: 0px;
}

.menu-scroll {
    overflow: auto;
    
}

td {
    vertical-align: top;
}

.td-middle {
    vertical-align: middle !important;
}

.body_background1 {
    color: #001e48;
}

.text-shadow{
    text-shadow: 1px 1px 3px #666;
}



.hide {
    display: none !important;
}

.layer {
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    /*  height: 100%;*/
}

.layer2 {
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 100%;
}

.layer-blue {
    background-color: rgba(0, 30, 72, 0.7);
    width: 100%;
    height: 100%;
}

.background-blue {
    background-color: #001e48;
}

.hr-white {
    background-color: white !important;
    opacity: 1;
}

.hide {
    display: none !important;
}

.pointer {
    cursor: pointer;
}

/* -------------------------- GENERAL ---------------------------------- */
.background-blue {
    background-color: #001e48;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

/* .......... hyperlinks .......... */

/* ... hyperlink_primelogic ...*/
.hyperlink_primelogic {
    color: White;
    font-family: 'century_gothic';
    font-size: 10px;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
}

    .hyperlink_primelogic:link {
        text-decoration: none;
        cursor: pointer;
    }

    .hyperlink_primelogic:visited {
        text-decoration: none;
        cursor: pointer;
    }

    .hyperlink_primelogic:hover {
        color: #8BAEB6;
        font-weight: bold;
        text-decoration: none;
        cursor: pointer;
    }

    .hyperlink_primelogic:active {
        text-decoration: none;
        cursor: pointer;
    }

/* ... hyperlink_cms ...*/

.hyperlink_transaction {
    font-size: 10pt;
    color: #084F89;
    font-family: sans-serif;
    text-decoration: underline !important;
    text-align: left;
    font-weight: bold;
    padding: 2px 2px 2px 2px;
}

.hyperlink_PropData {
    font-size: 10.5pt;
    color: #084F89;
    font-family: sans-serif;
    text-decoration: underline !important;
    text-align: left;
    font-weight: bold;
    padding: 2px 2px 2px 0px;
}

.hyperlink_cms {
    font-size: 10pt;
    color: #084F89;
    font-family: sans-serif;
    text-decoration: underline !important;
    text-align: left;
    font-weight: bold;
    padding: 2px 2px 2px 2px;
}

    .hyperlink_cms:link {
        cursor: pointer;
    }

    .hyperlink_cms:visited {
        cursor: pointer;
    }

    .hyperlink_cms:active {
        cursor: pointer;
    }

    .hyperlink_cms:hover {
        color: #9298B8;
        cursor: pointer;
        text-decoration: underline !important;
    }

.hyperlink_masterpage {
    font-size: 10pt;
    color: white;
    font-family: sans-serif;
    text-decoration: underline !important;
    padding: 2px 2px 2px 2px;
}

.nolink_cms {
    font-size: 11pt;
    color: black;
    font-family: sans-serif;
    text-decoration: none;
    text-align: center;
    padding: 2px 2px 2px 2px;
}

/* .......... backgrounds .......... */
.div-banner, .background-login-refresh, .background-cms-home, .background-transactions, .background-transaction-pages, .background-stakeholders, .background-address-book, .background-reports, .background-processing, .background-settings {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.background-login-refresh {
    background-image: url('../../Images/Backgrounds/LogIn.jpg');
}

.background-stakeholders {
    background-image: url('../../Images/Backgrounds/Stakeholders.png');
}

.background-address-book {
    background-image: url('../../Images/Backgrounds/AddressBook.png');
}

.background-cms-home {
    background-image: url('../../Images/Backgrounds/CmsHome2.jpg');
}

.background-transactions {
    background-image: url('../../Images/Backgrounds/TransactionPages.png');
}

.background-transaction-pages {
    background-image: url('../../Images/Backgrounds/TransactionPages.png');
}

.background-processing {
    background-image: url('../../Images/Backgrounds/CmsHome.png'); /* will be replaced by dedicated image for processing */
}

.background-settings {
    background-image: url('../../Images/Backgrounds/Transactions.png'); /* will be replaced by dedicated image for settings */
}

.background-reports {
    background-image: url('../../Images/Backgrounds/Reports.png');
}

.background-error {
    background-image: url('../../Images/General/Error.jpg');
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}

.background-error404 {
    background-image: url('../../Images/General/Error404.jpg');
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}

/* .......... images .......... */

.img-chart-1 {
    width: 100%;
    max-width: 300px;
}

.img-chart-2 {
    width: 100%;
    max-width: 450px;
}


.img-logo-hsts {
    width: 100%;
    max-width: 250px;
}

.img_logo_main {
    width: 250px
}

.img_thumbnail_hyperlink {
    margin-top: 2px;
    margin-left: 2px;
    max-width: 120px;
    max-height: 80px;
    cursor: pointer;
}

.img_thumbnail {
    margin-top: 2px;
    margin-left: 2px;
    max-width: 120px;
    max-height: 80px;
}

.img_thumbnail_tiny {
    margin-top: 2px;
    margin-left: 2px;
    max-width: 80px;
    max-height: 60px;
}

.img_fullsize {
    max-width: 400px;
    max-height: 300px;
    cursor: pointer;
}

.img_homepage_banner1 {
    width: 100%;
    /* max-width: 400px; */
}

.img_status_icon {
    max-width: 32px;
    max-height: 32px;
}

.img_master_customer_logo {
    width:100%;
    max-width: 250px;
}

.img_master_customer_logo_small {
    width: 160px;
    padding-left: 0px;
    padding-bottom: 3px;
}

.img_master_Htrack_logo {
    width: 125px;
}

.img_master_Awesome_logo {
    width: 135px;
}

.img_master_Awesome_Transaction {
    width: 105px;
}

.img_master_Awesome_Home {
    width: 140px;
}

.img_master_Awesome_BottomBanner {
    width: 90px;
}

.img_master_Htrack_Home {
    width:100%;
    max-width: 180px;
}

.img_homepage_thumbnail {
    max-width: 200px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.img_master_primelogic_logo {
    width: 60px;
    height: 60px;
}

.img_master_home_logo {
    width: 30px;
    height: 30px;
    padding-right: 0px;
}

.img_public_left {
    width: 180px;
    height: 138px;
}

/* ------------Panels------------ */


.pnl-task-settings {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    padding-bottom: 5px;
}

.pnl_rounded_wide_no_width {
    border-width: 15px;
    background-color: White;
}

.pnl_rounded_wide {
    border-width: 15px;
    background-color: transparent;
    /*width: 970px;
    width: 1070px;*/
    width: 100%;
}


.pnl_rounded_narrow {
    border-width: 15px;
    /*background-color: #6DA9DA;*/
    background-color: #00adef;
    width: 420px;
}

.pnl_rounded_narrow_single {
    border-width: 15px;
    /*background-color: #6DA9DA;*/
    background-color: #00adef;
    width: 250px;
}

.pnl_rounded_300 {
    border-width: 15px;
    background-color: #F7F6F3;
    width: 300px;
}

.pnl_rounded_250 {
    border-width: 15px;
    background-color: #F7F6F3;
    width: 250px;
}

.pnl_rounded_235 {
    border-width: 10px;
    background-color: #F7F6F3;
    width: 235px;
}

.pnl_baloon {
    font-size: 10pt;
    width: 160px;
    display: none;
}

.pnl_home_welcome {
    font-size: 10pt;
}

.pnl_baloon_large {
    font-size: 10pt;
    width: 400px;
}

.pnl_notice {
    font-size: 10pt;
    width: 100%;
    min-height: 250px;
    /*background-color: #80A9CB;*/
    background-color: #00adef;
}

.pnl_message {
    background-color: #eeeeee;
    padding: 10px;
    border-radius: 10px;
    width: 97%;
}

.pnl_dashboard_graph {
    border-width: 1px;
    background-color: White;
    width: 100%;
    min-height: 500px;
    /*min-height: 1045px;*/
    margin-top: 5px;
}

.pnl_dashboard_bizintel_top {
    border-width: 1px;
    background-color: White;
    width: 960px;
    min-height: 1045px;
    margin-top: 5px;
}

.pnl_dashboard_narrow {
    border-width: 3px;
    background-color: White;
    width: 500px;
    margin-top: 5px;
    min-height: 107px;
}

.pnl_dashboard_branch_mini {
    border-width: 1px;
    background-color: White;
    width: 225px;
    min-height: 143px;
    margin-top: 5px;
}

.pnl_dashboard_branch_mini2 {
    border-width: 1px;
    background-color: White;
    width: 270px;
    min-height: 440px;
    margin-top: 5px;
}


.pnl_dashboard_agent_mini {
    border-width: 1px;
    background-color: White;
    width: 248px;
    min-height: 170px;
    margin-top: 5px;
}

.pnl_dashboard_agent_mini2 {
    border-width: 1px;
    background-color: White;
    width: 248px;
    min-height: 135px;
    margin-top: 5px;
}

.pnl_dashboard_agent_mini3 {
    border-width: 1px;
    background-color: White;
    width: 248px;
    min-height: 130px;
    margin-top: 5px;
}

.pnl_dashboard_national_mini {
    border-width: 1px;
    background-color: White;
    width: 247px;
    min-height: 143px;
    margin-top: 5px;
}

/* ----------- Home page & Widgets ---- */
.widget_menu {
    background: #F9F9FA;
    border: solid 1px #D3D6DA;
    padding: 12px 15px 9px;
    margin: 0 0 5px 0;
    -moz-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.117188);
    -webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.117188);
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.117188);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
}

    .widget_menu img {
        margin-right: 11px;
    }

    .widget_menu .disabled {
        -moz-opacity: 0.2;
        filter: alpha(opacity=20);
        opacity: 0.2;
        cursor: default !important;
    }

.widget_panel {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin-top: 20px;
}

.widget_panel_image {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    overflow: unset !important;
}

.widget_header {
    color: white;
    background-color: #001e48;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.boxShadow {
    box-shadow: 6px 7px 9px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 6px 7px 9px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 7px 9px 0px rgba(0,0,0,0.75);
}

/* -----------Public Field Format ---- */

.td_dashboard_national_mini {
    width: 145px;
}

.public_field_format {
    width: 180px;
    height: 16px;
}

.public_field_format_short {
    width: 50px;
    height: 16px;
}

/* .........  labels ........ */

.lbl-form-caption {
    font-size: 14px;
}

.lbl-caption {
    font-family: sans-serif;
    font-size: 14px;
}

.lbl_cms_master_page_title {
    font-size: 14pt;
    font-weight: lighter;
    color: #3A3A3A;
}
 
.lbl_cms_master_entity_name {
    font-family: sans-serif;
    font-size: 12pt;
    font-weight: lighter;
    color: White;
}

.lbl_cms_master_entity_sub {
    font-family: sans-serif;
    font-size: 12pt;
    font-weight: lighter;
    color: White;
}

.lbl_error {
    color: Red;
    font-weight: bold;
}

.lbl_warning {
    color: #FF8822;
    /* font-weight:bold; */
}

.lbl_access_denied {
    color: #882222;
    font-weight: bold;
}

.lbl_underline {
    text-decoration: underline;
}

.lbl_bold {
    height: 16px;
    font-weight: bold;
}

.lbl_bold_blue {
    color: Blue;
    height: 16px;
    font-weight: bold;
}

.lbl_bold_value {
    height: 16px;
    font-weight: bold;
}

.lbl_command {
    color: #084F89;
    font-family: sans-serif;
    font-size: 11pt;
}

.lbl_db_title {
    font-family: sans-serif;
    font-size: 16pt;
    color: Red;
}

.lbl_HTRACK {
    font-family: sans-serif;
    font-size: 18px;
    color: #00adef !important;
}

.lbl_name {
    font-family: sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.lbl_dashboard_heading {
    font-family: sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #001e48;
}

.lbl_dashboard_bold {
    font-family: sans-serif;
    font-size: 12px;
    color: #001e48;
    font-weight: bold;
}

.lbl_dashboard_text {
    font-family: sans-serif;
    font-size: 12px;
    color: Black;
}

.lbl_message_heading {
    font-family: sans-serif;
    font-size: 14pt;
    font-weight: bold;
}

.lbl_resource_title {
    font-family: sans-serif;
    font-size: 14pt;
}

/* .......... wizards ..............*/
.wizard_step {
    margin-top: 30px;
    margin-left: 20px;
}

/* .........  buttons ........ */

input {
    border-radius: 3px;
}

btn {
    border-radius: 3px;
}

.btn_left {
    float: left;
    padding-right: 10px;
}

.btnAddToHome {
    padding: 10px 15px;
    background-color: #00adef;
    color: white;
    border: none;
}


.invisibleDefaultButton {
    display: none;
    color: transparent;
    background-color: transparent;
}

.btn-sign-in {
    padding: 5px;
    background-color: #00adef;
    width: 150px;
    color: white;
    border-color: #00adef;
    font-size: 16px;
    position: absolute;
    left: 10%;
    top: 130px;
}


.btn_cms_exit {
    cursor: pointer;
    color: White;
    background-color: #88B4CA;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
}

.btn_search {
    font-family: sans-serif;
    font-size: 16px;
    cursor: pointer;
    background-color: #00adef;
    color: white;
    padding: 5px 20px;
    border: none;
    transition: all 0.3s ease;
    border-radius: 3px;
}

    .btn_search:hover {
        background-color: #001e48;
    }


.btn_sign_out {
    font-family: sans-serif;
    font-size: 16px;
    cursor: pointer;
    background-color: transparent;
    color: white;
    padding: 5px 20px;
    border: none;
    transition: all 0.3s ease;
}

.btn_change_password {
    font-family: sans-serif;
    font-size: 12px;
    cursor: pointer;
    background-color: transparent;
    color: #aaaaaa;
    padding: 5px 20px;
    border: none;
    transition: all 0.3s ease;
    font-style: italic;
    border-radius: 3px;
}

.btn_change {
    font-family: sans-serif;
    font-size: 16px;
    cursor: pointer;
    background-color: #00adef;
    text-decoration: none !important;
    color: white !important;
    padding: 2px 10px;
    border: none;
    transition: all 0.3s ease;
    text-align: center;
    margin-bottom: 5px;
    width: 100% !important;
    display: block !important;
    border-radius: 3px;
}

    .btn_change:hover {
        background-color: #001e48;
    }


.btn_standard {
    font-family: sans-serif;
    font-size: 16px;
    cursor: pointer;
    background-color: #00adef;
    text-decoration: none !important;
    color: white;
    padding: 10px 20px;
    border: none;
    transition: all 0.3s ease;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 5px;
}

    .btn_standard:hover {
        background-color: #001e48;
    }

    .btn_standard:disabled {
        background-color: lightgray;
    }

.btn-sign-out {
    font-family: sans-serif;
    font-size: 16px;
    cursor: pointer;
    background-color: transparent;
    color: white;
    padding: 10px 30px;
    border: none;
    transition: all 0.3s ease;
    border-radius: 3px;
}

.btn_login {
    font-family: sans-serif;
    position: absolute;
    font-size: 16px;
    bottom: -30px;
    right: 20px;
    cursor: pointer;
    background-color: #00adef;
    color: white;
    padding: 10px 30px;
    border: none;
    transition: all 0.3s ease;
    border-radius: 3px;
}

    .btn_login:hover {
        background-color: #001e48;
    }

.btn_home {
    cursor: pointer;
    color: white;
    background-image: url('../../Images/Master/Home.jpg');
    border-style: none;
    width: 40px; /* 110 */
    height: 30px; /* 25 */
    background-color: #F6F6F8;
    background-repeat: no-repeat;
}

.btn_tab_available {
    font-family: sans-serif;
    font-size: 16px;
    cursor: pointer;
    background-color: #00adef;
    color: white;
    padding: 5px 20px;
    border: none;
    transition: all 0.3s ease;
    margin-bottom: 5px;
}

    .btn_tab_available:hover {
        background-color: #001e48;
    }

.btn_tab_selected {
    font-family: sans-serif;
    font-size: 16px;
    cursor: pointer;
    color: white;
    padding: 5px 20px;
    border: none;
    transition: all 0.3s ease;
    background-color: grey;
    margin-bottom: 5px;
}



.btn_link {
    font-family: sans-serif;
    font-size: 16px;
    cursor: pointer;
    background-color: #00adef;
    color: white;
    padding: 5px 20px;
    border: none;
    transition: all 0.3s ease;
}

    .btn_link:enabled {
        color: white;
    }

    .btn_link:disabled {
        color: #3A3A3A;
        cursor: default;
    }

    .btn_link:hover {
        background-color: #001e48;
    }


.btn_generic {
    cursor: pointer;
    color: #3A3A3A;
    background-image: url('../../Images/Buttons/PublicButton.png');
    border-style: none;
    /* NO WIDTH  */
    width: 200px;
    height: 23px;
    background-color: transparent;
    background-repeat: no-repeat;
}

    .btn_generic:disabled {
        color: #AAAAAA;
    }

    .btn_generic:hover {
        color: #084F89;
    }


.btn_hyperlink {
    color: #0E773F;
}

    .btn_hyperlink:disabled {
    }

    .btn_hyperlink:hover {
    }

.btn_popup_x {
    cursor: pointer;
    color: White;
    background-color: black;
    top: -8px;
    right: -8px;
    position: absolute;
}

.btn_popup {
    cursor: pointer;
    width: 100px;
}

.btn_danger {
    cursor: pointer;
    color: White;
    background-color: #FFAAAA;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
}

.btn_invisible {
    color: White;
    width: 30px;
}

.invisibleDefaultButton {
    display: none;
    color: transparent;
    background-color: transparent;
}


.btn_dashboard {
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    border: none;
    cursor: pointer;
    margin-bottom: 5px;
    margin-left: 10px;
    background-color: transparent;
    text-align: center;
}

.btn_dashboard_agent {
    background-image: url('../../Images/Icons/agent_dashboard.png');
}

.btn_dashboard_branch {
    background-image: url('../../Images/Icons/branch_dashboard.png');
}

.btn_dashboard_bizintel {
    background-image: url('../../Images/Icons/biz_intel_dashboard.png');
}

.btn_dashboard_national {
    background-image: url('../../Images/Icons/national_dashboard.png');
}

/*------------Calendar-------*/

.cal_default .ajax__calendar_container {
    border: 1px solid #6DA9DA;
    background-color: #6DA9DA;
    color: Black;
}

/*.cal_default, .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #D0E2B0;
    color: Black;
}*/

/*------------Combo----------*/

.cmb_popup_dropdown {
    width: 244px;
    height: 22px;
}

.cmb_popup_field {
    width: 240px;
    height: 16px;
}

.cmb_region_format {
    width: 240px;
    height: 22px;
}

.cmb_remarks {
    width: 175px;
}

.cmb_date_format {
    width: 170px;
    height: 16px;
}

.cmb_remarks {
    width: 174px;
    height: 70px;
}

.cmb_date_dropdown {
    width: 174px;
    height: 22px;
}

.cmb_event_dropdown {
    width: 204px;
    height: 20px;
}

.cmb_event_field {
    width: 200px;
}

.cmb_venue_field {
    width: 270px;
    height: 16px;
}

.cmb_venue_dropdown {
    width: 274px;
    height: 22px;
}

.cmb_tel {
    width: 100px;
    height: 16px;
}

.cmb_email {
    width: 300px;
    height: 16px;
}

.cmb_address {
    width: 240px;
    height: 16px;
}

.cmb_property_type {
    width: 100%;
    font-weight: bold;
}


/* .........  span ........ */

.span_bodytext {
    font-family: sans-serif;
    font-size: 14px;
    color: #001e48 !important;
}

.span_bodytext2 {
    font-size: 16px;
    color: #001c49 !important;
}

.span_cms_master_main_title {
    font-family: sans-serif;
    font-size: 22pt;
    font-weight: bold;
    padding-left: 20px;
}

.span_master_main_title {
    font-family: sans-serif;
    font-size: 30pt;
    color: White;
}

.span_master_track_vertical {
    font-family: sans-serif;
    font-size: 12pt;
    color: White;
    text-align: right;
}

.span_master_track_vertical_capsletter {
    color: #B7B2AC;
    font-weight: bold;
}

.span_section_master_transaction_title {
    font-family: sans-serif;
    font-size: 14pt;
    padding-left: 0px;
    color: White;
}

.span_master_primelogic {
    color: White;
    font-family: 'century_gothic';
    font-size: 14px;
    text-align: left;
    padding-top: 20px;
}

.span_master_website_url {
    color: White;
    font-family: sans-serif;
    font-size: 16pt;
    text-align: left;
}

.span_menu_title {
    color: #666666;
    font-family: sans-serif;
    font-size: 14pt;
    text-align: left;
    font-weight: bold;
}

.span_waitspinner {
    color: #6DA9DA;
    font-weight: bold;
    vertical-align: top;
}

/* ---------width------------- */

.width_50 {
    width: 50px;
}

.width_100 {
    width: 100px;
}

.width_130 {
    width: 130px;
}

.width_150 {
    width: 150px;
}

.width_180 {
    width: 180px;
}

.width_200 {
    width: 200px;
}

.width_220 {
    width: 220px;
}

.width_250 {
    width: 250px;
}

.width_300 {
    width: 300px;
}

.width_400 {
    width: 400px;
}

.width_500 {
    width: 500px;
}

/* .........  lnk ........ */

.lnk_master_login {
    color: Black;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

/* .......... tree .......... */

.tree_master {
    font-size: 10pt;
}

/* .......... padding .......... */
.p-0 {
    padding: 0px !important;
}

.p-10 {
    padding: 10px;
}

.p-50 {
    padding: 50px;
}

.p-20 {
    padding: 20px;
}

.pb-3 {
    padding-bottom: 3px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-60 {
    padding-top: 60px;
}

.pr-5 {
    padding-right: 5px;
}

.pt-5 {
    padding-top: 5px !important;
}

.pr-10 {
    padding-right: 10px;
}

.pr-20 {
    padding-right: 20px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-10 {
    padding-left: 10px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}
/* .......... update panel .......... */
.upd-sign-in {
    background-color: white;
    border-radius: 5px;
    padding: 20px;
}

/* .......... panel .......... */
.pnl-menu {
    background-color: #001e48 !important;
    border-color: #001e48 !important;
}

.pnl_header {
    font-weight: bold;
}
/* .........  div master........ */



.divTitle {
    padding: 20px 20px;
}

.container-spacing {
    padding-top: 50px;
    padding-bottom: 50px;
}

.div-branch-dashboard-filters {
    width: 100%;
    max-width: 1000px
}

.map-wrap {
    width: 100%;
    background-color: #EEE;
    border: 3px solid #000044;
    padding: 0px;
    /*max-width: 420px;*/
}

.map {
    margin: 0px auto;
}


.div-content-container {
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    padding: 20px;
}

.div-transaction-name {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.desktop {
}

.mobile {
    display: none !important;
}

.divTransactionMenu {
    padding-top: 150px;
}

.boxShadow {
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}

.div_menu_button {
    padding: 20px 0px 60px 15px;
}

.col-transaction-menu {
    flex: 0 0 auto;
    width: 10%;
}

.col-transaction-content {
    flex: 0 0 auto;
    width: 90%;
}

.no-margin {
    margin: unset !important;
}

.div-narrow {
    width: 100%;
    max-width: 1000px;
}

.div-process-task-details {
    width: 100%;
    max-width: 800px;
}

.div-trans-editor {
    width: 100%;
    max-width: 600px;
}


.div-menu-section {
    background-color: rgba(0, 30, 72, 0.8);
}

.div-sign-out {
    position: absolute;
    right: 30px;
    bottom: -8px;
    z-index: 99;
}

.pnlMenu {
    z-index: 9999 !important;
}

.div-install-app {
    position: absolute;
    left: 5%;
    bottom: -8px;
    z-index: 99;
}

.div-profile {
    width: 100%;
    padding: 10px 15px;
    background-color: #00adef;
}

.div-search-filter {
    background-color: rgba(0, 30, 72, 0.8);
    color: #001e48
}

.div-panel-solid {
    background-color: white;
    /*width: 100%;*/
    height: 100%;
    padding: 20px 30px;
    border-radius: 10px;
    box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.75);
}

.div-panel-layer {
    background-color: rgba(255,255,255,0.8);
    width: 100%;
    padding: 20px;
}

.div-top-cection-center {
    padding: 45px 0px;
}

.div-sign-in {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: 30px 60px;
    border-radius: 8px;
}

.main-frame {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

.main-frame-crm-report {
    width: 85%;
 /*   max-width: 1600px;*/
    margin: 0 auto;
}



.div_master_section_top {
    padding: 10px 0px;
    width: 100%;
    /*background-color: #084F89;*/
    background-color: #001e48;
}

.div_cms_master_section_top {
    width: 100%;
    padding: 0;
    position: relative;
    /*background-color: #084F89;*/
    background-color: #001e48;
}

.div_master_section_content {
    width: 100%;
    /*    top: 0px;
    margin-left: auto;
    margin-right: auto;
    background-color: #F5F3F4;
    background-image: url('../../Images/Master/Bodybar.jpg');
    background-repeat: repeat-x;*/
}

.div_cms_master_section_content {
    width: 100%;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
}

.div_master_section_menu {
    width: 100%;
    height: 80px;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    background-color: #F5F3F4;
    background-image: url('../../Images/CMSMaster/Bodybarmenu.jpg');
    background-repeat: repeat-x;
}

.div_master_section_menu_vertical {
    width: 100%;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
}

.div_master__content {
    /*NOT USED*/
    width: 1000px;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    background-color: White;
    background-image: url('../../Images/Master/Bodybar.jpg');
    background-repeat: repeat-x;
}

.div_master_section_bottom {
    padding: 10px;
    width: 100%;
    background-color: #001e48;
}

.div_cms_master_section_bottom {
    width: 100%;
    /*background-color: #084F89;*/
    background-color: #001e48;
}

/*.div_master_top_margin
{
    height: 10px;
    width: 100%;
    background-color: #F5F3F4;
}*/

.div_master_top_banner, .div_master_top_banner_transaction {
    padding: 5px 10px;
    width: 100%;
    /*width: 100%;*/
    background-color: transparent;
}

.div_master_bottom_banner {
    padding: 30px 10px;
    width: 100%;
    background-color: transparent;
}

.div_master_spacer {
    height: 2px;
    width: 100%;
    background-color: #F5F7F0;
}

.div_master_menu {
    height: 50px;
    width: 100%;
    /*background-color: #084F89;*/
    background-color: #001e48;
}

.div_cms_master_menu {
    /*width: 1000px;*/
    width: 100%;
    text-align: left;
}

.div_master_content_placeholder {
    padding-left: 15px;
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 10px;
}

.div_master_left_panel {
    font-family: sans-serif;
    padding: 10px;
    padding-top: 14px;
}

/* .........  div cms........ */



.div_cms_master_content_placeholder {
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-color: #E0DEDF; /*background-color: #E5E5E5;  #F5F3F4 */
    min-height: 400px;
    color: #3A3A3A;
}

.div_cms_details_content_placeholder {
    width: 100%;
}

.div_cms_master_top_banner {
    height: 70px;
    /*width: 1000px;*/
    width: 1100px;
    /*background-color: #D0E2B0;*/
    background-image: url('../../Images/Master/HeaderFront.png');
    background-repeat: no-repeat;
}


.div_cms_master_menu_tree {
    padding: 5px;
    font-family: sans-serif;
    background-color: Purple;
}

.div_cms_master_menu_top {
    padding: 2px;
    background-color: white;
    height: 50px;
}

.div_cms_master_page_heading {
    padding-top: 15px;
    padding-left: 15px;
    background-color: #E0DEDF;
    height: 25px;
    text-align: left;
}

.div_cms_details_page_heading {
    padding-top: 0px;
    padding-left: 0px;
    width: 100%;
    height: 60px;
    top: 0px;
    text-align: left;
}




.div_cms_btn_exit {
    padding-top: 15px;
    height: 20px;
    padding-left: 40px;
    background-color: white;
}

/*.div_cms_rounded_panel {
    padding: 10px;
    border: 5px;
}*/

.div_dashboard_chart {
    padding: 0px;
    width: 320px;
    border: none;
}

.div_dashboard_rounded_panel {
    padding: 5px;
    border: 1px;
    padding-top: 5px;
}

.shadow {
    box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.75);
}

/* ------------Tables ----------- */

.tbl-transaction-filter{
    float: right;
}

.tbl-search-filter {
    width: 100%;
    max-width: 850px;
}

.td_cms_edit_header {
    width: 150px;
    vertical-align: top;
}

.td_cms_edit_value {
    vertical-align: top;
}

.td_cms_edit_value_inner {
    width: 150px;
    vertical-align: top;
}

.td_cms_spacer {
    width: 5px;
}

.td_cms_spacer_20 {
    width: 20px;
}

.td_cms_spacer_10 {
    width: 10px;
}


.td_cms_spacer_50 {
    width: 50px;
}

.td_cms_spacer_wide {
    width: 90px;
}

.tbl_cms_data_capture {
    width: 700px;
}

.td_registration_year {
    width: 150px;
}

.td_200 {
    width: 200px;
}


/* .........  columns and rows ........ */

.td_header {
    width: 150px;
}

.td_value {
    width: 250px;
}

.td_footer_button {
    width: 115px;
}

.td_master_top_logo {
    width: 160px;
    padding-top: 12px;
}

.td_master_top_logo_home {
    width: 250px;
    padding-top: 12px;
}


.td_master_main_left_panel {
    width: 250px;
    vertical-align: top;
    /*background-color: #F2F2F2;*/
}

.td_master_main_right_panel {
    width: 790px;
    min-height: 300px;
}

.td_master_bottom_banner_left {
    /*width: 370px;*/
    width: 450px;
}

.td_master_bottom_banner_center {
    font-family: sans-serif;
    text-align: center;
    width: 420px;
    padding-top: 7px;
    color: White;
}

.td_master_bottom_banner_right {
    vertical-align: middle;
    width: 210px;
    text-align: center;
}

.td_cms_master_top_logo {
    width: 150px;
    padding-top: 5px;
}

.td_cms_master_main_left_panel {
    vertical-align: top;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 47px;
    /*background-color: #084F89;*/
    background-color: #001e48;
}

.td_cms_master_main_right_panel {
    /*width: 1000px;*/
    width: 1100px;
}

.td_cms_master_main_left_panel_fulltext {
    width: 0px;
    vertical-align: top;
    /*background-color:#DDEEFF;*/
    background-color: #00adef;
}

.td_cms_master_main_right_panel_fulltext {
    /*width: 1000px;*/
    width: 1100px;
    padding-left: 10px;
}

.td_cms_buttons_column {
    width: 200px;
}


.td_cms_details_labelcolumn {
    width: 170px;
    padding-bottom: 5px
}

.td_cms_details_labelcolumn_100 {
    width: 100px;
    padding-bottom: 5px;
    vertical-align: middle;
}

.td_cms_details_labelcolumn_130 {
    width: 130px;
    padding-bottom: 5px;
    vertical-align: middle;
}

.td_cms_details_labelcolumn_150 {
    width: 150px;
}

.td_cms_details_labelcolumn_170 {
    width: 170px;
    padding-bottom: 5px;
    vertical-align: middle;
}

.td_cms_details_labelcolumn_180 {
    width: 180px;
}

.td_cms_details_labelcolumn_200 {
    width: 200px;
    height: 25px;
}

.td_cms_details_labelcolumn_220 {
    width: 220px;
}

.td_cms_details_labelcolumn_250 {
    width: 250px;
}

.td_cms_details_labelcolumn_narrow {
    width: 150px;
}

.td_cms_details_fieldcolumn {
    padding-bottom: 2px;
    padding-bottom: 5px;
    vertical-align: middle;
}


.td_cms_vertical_allign_middle {
    vertical-align: middle;
}

.td_cms_trans_prop_headcolumn {
    width: 150px;
    padding-bottom: 5px;
}

.td_cms_trans_prop_fieldcolumn {
    width: 300px;
    padding-bottom: 5px;
}

.td_cms_declarations_fieldcolumn {
    padding-bottom: 2px;
    font-weight: bold;
    width: 120px;
    text-align: right;
}

.td_cms_eventdetails_fieldcolumn {
    padding-bottom: 2px;
    font-weight: bold;
}

.td_cms_orgdetails_fieldcolumn {
    padding-bottom: 2px;
    font-weight: bold;
}

.td_cms_registrationdetails_fieldcolumn {
    padding-bottom: 2px;
    font-weight: bold;
}


.td_cms_memberdetails_fieldcolumn {
    padding-bottom: 2px;
    font-weight: bold;
    width: 200px;
}

.td_cms_heading_fieldcolumn {
    font-family: sans-serif;
    font-size: 11pt;
}

.td_cms_report {
    width: 600px;
}

.td_cms_comm_header {
    width: 200px;
}

.td_cms_comm_name {
    width: 300px;
}

.td_cms_comm_value {
    width: 125px;
}

.td_cms_comm_perc {
    width: 170px;
}

.td_cms_comm_units {
    width: 100px;
}

.td_cms_distr_comm_label {
    padding-bottom: 3px !important;
    padding-top: 5px !important;
}

.td_cms_distr_comm_value {
    padding-bottom: 3px !important;
}

/* .........  menu ........ */

.mnu_cms_master_sitemap {
    margin: 0 auto;
}

/* .........  mitem (static) ............ */

.mnu_master_static {
    display: block;
}

.mitem_master_static_normal {
    color: #00adef !important;
    padding: 10px 0px;
    width: 100%;
}

.mitem_master_static_selected {
    /*color: #084F89;*/
    color: #00adef;
    background-image: url( '../../Images/Buttons/WhiteButton.png' );
    background-repeat: no-repeat;
}

.mitem_master_static_hover {
    /*color: #084F89;*/
    color: white;
    /*background-image: url(  '../../Images/Buttons/MenuButtonHover.png' );
    background-repeat: no-repeat;*/
}

.mnu_master_sitemap {
    font-family: sans-serif;
    font-size: 13pt;
    width: 100%;
}


/* .........  mitem cms (static) ........ */


.mitem_master_static_s {
    color: #084F89;
    background-image: url( '../../Images/Buttons/WhiteButton.png' );
    background-repeat: no-repeat;
}


.mitem_cms_master_static_normal {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #00adef;
    font-size: 14px;
}

.mitem_cms_master_static_selected {
    color: #666666;
    background-color: #F5F5F5;
}

.mitem_cms_master_static_hover {
    color: White;
    background-color: #084F89;
}

/* .........  mitem (dynamic) ........ */

.mnu_master_dynamic {
    display: block;
}

.mitem_master_dynamic_normal {
    font-size: 12pt;
    padding: 5px 10px;
    font-family: sans-serif;
    color: #00adef;
    background-color: white;
}

.mitem_master_dynamic_selected, .mitem_master_dynamic_hover {
    /*border:solid 3px Navy;*/
    color: White;
    background-color: #2D78B3;
}

/* .........  mitem cms (dynamic) ........ */

.mnu_cms_master_dynamic {
    display: block;
}

.mitem_cms_master_dynamic_normal {
    border: solid 2px #38647A;
    font-size: 12pt;
    color: #38647A;
    background-color: Black;
    height: 30px;
    padding: 5px;
}

.mitem_cms_master_dynamic_selected {
    /*border:solid 3px Navy;*/
}

/* --------- txt ------------ */

.txt-White {
    color: white !important;
}

.txt-Blue {
    color: #00adef !important;
}

.txt-Blue2 {
    color: #001c49 !important;
}

.txt-standard {
    font-family: sans-serif;
    font-size: 14px;
    color: #001c49 !important;
}

.txt-widget {
    font-family: sans-serif;
    font-size: 13px;
    color: #001c49 !important;
}


.txt-small {
    font-family: sans-serif;
    font-size: 12px;
    color: #001c49 !important;
}


.txt_blank {
    padding-left: 2px;
}

    .txt_blank:read-only {
        background-color: #E7E6E3;
    }


.txt_business {
    width: 240px;
    height: 16px;
}

.txt_invisible {
    display: none;
}

.txt_member {
    width: 200px;
    height: 16px;
    font-weight: bold;
}

.txt_trans_prop {
    width: 100%;
    height: 16px;
    font-weight: bold;
}

.txt_member_popup {
    font-weight: bold;
}

.txt_transfer {
    width: 180px;
    height: 16px;
}

.txt_event {
    width: 200px;
    height: 16px;
}

.txt_required {
    background-color: #EEEEFF;
}

.txt_target {
    background-color: #FFFFAA;
    text-align: right;
}

    .txt_target:read-only {
        background-color: #E7E6E3;
    }

.txt_target_total {
    color: Black;
    background-color: #CCDDFF;
    font-weight: bold;
    text-align: right;
    padding: 5px;
}


/* -------------------------- ITEMSTYLE ----------------------------- */

.gridview {
    width: 100% !important;
    word-wrap: break-word !important;
    table-layout: fixed !important;
}

/*.gridview-fixed-width {
    word-wrap: break-word !important;
    table-layout: fixed !important;
}
*/
.pager-spacing td {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
/*td {
    padding: 2px !important;
}*/
.tbl_gridview_item {
    border: 1px solid #E4E4E4 !important;
    padding: 3px !important;
    vertical-align: middle
}

    .tbl_gridview_item tr th {
        padding: 3px;
    }

/* -------------------------- PANEL ----------------------------- */
.pnl_summary {
    background-color: Aqua;
}

/*---------- Class for disabled hyperlinks and link buttons.                                      ---------- */
/*---------- Must be set in code behind only! (see WebUtils.EnableLink)                           ---------- */
/*---------- Must be at very bottom of this CSS file (last execution takes priority in conflicts  ---------- */
.disabled_link {
    color: #A0A0C0;
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}

.bold {
    font-weight: bold;
}

.font_small {
    font-size: 10pt;
}

.font_std {
}



@media screen and (max-width: 1400px) {

    @-ms-viewport {
        width: 100%;
    }

    .div-install-app {
        position: absolute;
        left: 1%;
        bottom: -10px;
        z-index: 99;
    }

    .div-panel-solid {
        padding: 20px 10px;
    }

    .btn_search {
        cursor: pointer;
        padding: 5px 10px;
        font-size: 14px;
    }

    .col-transaction-menu {
        flex: 0 0 auto;
        width: 13%;
    }

    .col-transaction-content {
        flex: 0 0 auto;
        width: 87%;
    }

    .form-transactions {
        width: 100%
    }



    .div-top-cection-center {
        padding: 30px 0px;
    }

}

@media screen and (max-width: 1100px) {

    @-ms-viewport {
        width: 100%;
    }

    .div-formlayout {
        flex: 0 0 auto;
        width: 100%;
    }

    .div-date-search {
        flex: 0 0 auto;
        width: 100%;
    }

    .divTransactionMenu {
        padding-top: 0px;
        overflow: auto;
        height:100%;
    }

}

/* Smaller than standard 960 (devices and browsers) -------------------WHITE---------------------------------*/

@media screen and (max-width: 1100px) {

    @-ms-viewport {
        width: 100%;
    }

    .desktop {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }


    .level1 {
        width: 100% !important;
    }

    .mitem_cms_master_static_normal {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
        color: #00adef;
        font-size: 14px;
    }

        .mitem_cms_master_static_normal:hover {
            background-color: #084F89 !important;
            transition: all 0.3s ease;
        }

    .div_menu_button {
        display: none;
    }

    .dxmLite_HTrack .dxm-vertical .dxm-image-l .dxm-content, .dxmLite_HTrack .dxm-vertical .dxm-image-r .dxm-content, .dxmLite_HTrack .dxm-popup .dxm-content {
        padding: 3px;
    }

    .btn_standard {
        padding: 5px 10px;
    }
}

/* Smaller than standard 960 (devices and browsers) -------------------PINK---------------------------------*/

@media screen and (max-width: 992px) {

    @-ms-viewport {
        width: 100%;
    }

    .desktop {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

    
    .level1{
        width: 100% !important;
    }

    .mitem_cms_master_static_normal {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
        color: #00adef;
        font-size: 14px;
       
    }

    .mitem_cms_master_static_normal:hover {
        background-color: #084F89 !important;
        transition: all 0.3s ease;
    }

    .div_menu_button {
        display: none;
    }

    .dxmLite_HTrack .dxm-vertical .dxm-image-l .dxm-content, .dxmLite_HTrack .dxm-vertical .dxm-image-r .dxm-content, .dxmLite_HTrack .dxm-popup .dxm-content {
        padding: 3px;
    }

    .btn_standard {
        padding: 5px 10px;
    }
}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers)----------------------RED------------------- */

@media screen and (max-width: 767px) {

    @-ms-viewport {
        width: 100%;
    }



    .img_logo_main {
        width: 200px
    }

    .div_menu_button {
        padding: 20px 0px 20px 15px;
    }

    .lbl_HTRACK {
        font-size: 14px;
    }

    .div-top-cection-center {
        padding: 10px 0px;
    }

    .div_master_top_banner {
        padding: 5px 10px 40px 10px;
    }

    .div-sign-out {
        position: absolute;
        right: 5px;
        bottom: 60px;
        z-index: 99;
    }

    .div-profile {
        position: absolute;
        bottom: -70px;
    }

    .div-transaction-name {
        position: unset;
        top: unset;
        left: unset;
        transform: unset;
    }

    .div-content-container {
        padding: 10px 0px;
    }

    .div-panel-layer {
        padding: 20px 10px;
    }

    .div-sign-in {
        padding: 30px 10px;
    }

    .container-spacing {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .tbl-transaction-filter {
        float: left;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)----------------------Gold------------------- */

@media screen and (max-width: 568px) {

    @-ms-viewport {
        width: 100%;
    }

    .lbl_cms_master_entity_name, .lbl_cms_master_entity_sub {
        font-size: 12px;
    }

    .img-logo-hsts {
        max-width: 150px;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)----------------------Yellow------------------- */

@media screen and (max-width: 479px) {

    @-ms-viewport {
        width: 100%;
    }

    .div-sign-out {
        position: absolute;
        right: 5px;
        bottom: unset;
        top: 10px;
        z-index: 99;
    }

    .div-profile {
        position: absolute;
        bottom: -96px;
    }

    .divTitle {
        padding: 40px 15px 15px 15px;
    }
}