/********************************
for better visualization inside service studio 
********************************
body {  }
.header,
.main {  }
.header {  }
.aside-navigation {  }
.aside-navigation, .aside-navigation * {  }
*/
.tooltip_custom,
.tooltip_custom * {  }
body.popup-disable-scroll { overflow: initial !important; }

/************* Root *******************/
:root {
    /* Color - Brand */
    --color-primary: #2DA35B;
    --color-secondary: #43425D;
}
/*********** Font Config ************/
@font-face {
  font-family: 'redingtonFont';
  src:  url('../DIN_Medium.ttf?OdggXqWFDJ+CGZzoTLBayg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'redingtonArialRegular';
  src:  url('../ARIAL.TTF?+jIoqt3g25iOGCLC9zbBMQ');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'redingtonArialBold';
  src:  url('../ARIALBD.TTF?hY9aUKTD5eZVmgybEo7uYA');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'arabicBold';
  src:  url('../Amiri-Bold.ttf?w+pt7Xk37VYKUTxikX6WuQ');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'arabicRegular';
  src:  url('../Amiri-Regular.ttf?IebXHCMB4Wz8IQSSiWpN1Q');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.text-arabic{
 font-family: 'arabicRegular';
}
html,body {
   /* font-family: -apple-system, "redingtonArialRegular", Helvetica, Arial, sans-serif; */
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'redingtonFont';
}
h5,h6 {
    font-family: 'redingtonArialBold';
}
.btn, .button-group-item, .tag {
    font-weight: var(--font-regular);
}

/***************** Border **************/
.border-none {
    border: 0px;
}

/***************** Auto-focus **************/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
/***************** tooltip **************/
.tooltip-wrapper {
    background-color: var(--color-green-lightest);
    color: #333;
    min-width: 208px;
    z-index: 105;
}
.tooltip-wrapper.top:after {
    border-top: 7px solid var(--color-green-lightest);
}
.tooltip-wrapper.left:after {
    border-left: 7px solid var(--color-green-lightest);
}

.tooltip-info-icon-sm {
    width: 16px;
    top: 2px;
    position: relative;
}
.tooltip-md .tooltip-wrapper {
    min-width: 400px;
}

/************ Header *************/
.layout-side.fixed-header .header.toggled {
    left: 64px;
}
.tablet .layout-side.fixed-header .header,
.phone .layout-side.fixed-header .header {
    left: 0px;
}
.header.toggled .header-top{
    max-width: 100%;
}
.main.toggled .app-logo {
    display: none;
}
.aside-navigation .app-menu-content.toggled .app-logo {
    min-width: 120px;
}
.layout-side .app-login-info {
    padding: 16px 0px 16px 16px !important;   
}
.app-logo {
        max-width: 150px;
}
.layout-side .header-logo, .tablet .header-logo, .phone .header-logo {
    height: 69px;

}
.icon-badge .badge{
    background-color: var(--color-primary);    
}



.userInfo [data-popover] > .popover-bottom {
    margin-top: 57px;
    width: 160px;
}
/************ Sidebar ***********/
.layout-side .app-menu-links, .tablet .app-menu-links, .phone .app-menu-links {
    background-color: #2DA35B;
    background-image: url(../img/Redington_Web_Thm.menu_backdrop.svg?uS5ZSG4ofezrXLCCXMVM8A);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: var(--space-none);
}
.app-menu-links.toggled {
    width: 66px;
 }
.tablet .app-menu-links.toggled {
    width: var(--side-menu-size);
 }
     
.menu_icon {
    font-size: 16px;
    margin-right: 16px;
}
.toggled .menu_icon {
    margin-right: 24px;
}
.main .expand.app-menu-linksMenu_icon {
    display:none;
}
.expandMenu_icon {
    width: 32px;
    height: 32px;
    background: #FFE60A 0% 0% no-repeat padding-box;
    border: 2px solid #FFFFFF;
    opacity: 1;
    left: 286px;
    top: 100px;
    position: fixed;
    z-index: 154;
    text-align: center;
    border-radius: 35px;
    padding: 1px 12px 0px 8px;
    font-size: medium;
}
.expandMenu_icon.toggled {
    left: 50px;
    transform: rotate(180deg);
    padding: 1px 9px 0px 8px;
}
.tablet .app-menu-links .expandMenu_icon {
    display: none;
}
.main .expandMenu_icon {
    display: none;
}
.layout-side .app-menu-content.toggled {
    /*width: 65px;*/
}
.tablet .layout-side .app-menu-content.toggled {
    width: auto;
}
.layout-side .app-menu-links {
    overflow-x:hidden; 
    overflow-y: auto !important;
    flex-wrap: inherit;
}
.submenu-item {
    color: var(--color-neutral-0);
}
/***************** Page Content Section ***************/
.content-top-title, .content-top-title h1 {
    color: var(--color-neutral-10);
    font-size: var(--font-size-h3);
    font-weight: var(--font-semi-bold);
    line-height: 1.25;
}
/********** Menu items and Active states ************/
.layout .submenu.active {
    background-color: #f0f5f2;
}
.submenu.active .submenu-item, .desktop .submenu.active .submenu-header:hover .submenu-item, .submenu.active .submenu-item a {
    color: var(--color-secondary) !important;
    display: block;
}
.layout-side .submenu .submenu-header, .tablet .submenu .submenu-header, .phone .submenu .submenu-header {
    padding: var(--space-base) var(--space-m);
}
.submenu-items {
    color: var(--color-neutral-0);
    border-radius: var(--border-radius-none);
    border-right: 1px solid #eee !important;
}

.layout-side .app-menu-links .submenu-items a {
    padding: var(--space-s) var(--space-none);
}
.app-menu-links a {
    color: var(--color-neutral-0);
    background-color: transparent !important;
}
.layout .submenu:hover, .layout .submenu:hover a  { 
    background-color: #f0f5f2;
    color: var(--color-secondary);
}
.is--dropdown .submenu-item {
    color: var(--color-neutral-0);
}

.is--dropdown .submenu-header:hover .submenu-item {
    color: var(--color-neutral-8);
}
.submenu.open a {
  color: var(--color-secondary); 
}
.submenu.open a:hover {
  color: var(--color-primary); 
}
.layout-side .submenu.active .submenu-header, .tablet .submenu.active .submenu-header, .phone .submenu.active .submenu-header {
    border-bottom: 1px solid #59b55782;
    border-top: 1px solid #59b55782;
}
.layout-side .submenu .submenu-header, .tablet .submenu .submenu-header, .phone .submenu .submenu-header {
    border-bottom: 1px solid #f0f5f24d;
    white-space: nowrap;
}
.main_link a {
    padding: 16px 22px !important;
}
.main_link .submenu-header {
  padding: 0px 0px !important;
}
.app-menu-links.toggled .main_link .tooltiptext {
    left: 72px !important;
}
/*
.app-menu-links.toggled:hover {
    width: var(--side-menu-size);
}
.app-menu-links.toggled:hover + .expandMenu_icon {
   left: 286px;
}
.toggled.icon_left {
    left:286px !important;
}
*/
/****************** Text & Font size ****************/
.text-xs {
    font-size: 11px;
}
.text-sm {
    font-size: 14px;
}
.text-md {
    font-size: 18px;
}
.wordBreak-all {
    word-break: break-all;
}
/************** Main Content **************/
.layout-side .main {
    background-color: var(--color-neutral-0);
}
.layout-side .main.toggled {
    margin-left: 64px;
}
.tablet .layout-side .main.toggled {
    margin-left: 0px;
}
.main-content.ThemeGrid_Container {
    max-width: 100%;
}
.tablet .main-content.ThemeGrid_Container {
    padding: 34px 17px;
}
/************ OS Widgets ****************/
.button-group-item:first-child {
    border-radius: var(--border-radius-soft) var(--border-radius-none) var(--border-radius-none) var(--border-radius-soft);
}
.button-group-item:last-child {
    border-radius: var(--border-radius-none) var(--border-radius-soft) var(--border-radius-soft) var(--border-radius-none);
}
.btn {
    border-radius: var(--border-radius-rounded);
}
/************* Menu Icon Config *************/
@font-face {
  font-family: 'menuIcon';
  src:  url('../redington_menuIcon.eot?eyEyo5yoB8KzVlUQwvVfaQ');
  src:  url('../redington_menuIcon.eot?eyEyo5yoB8KzVlUQwvVfaQ') format('embedded-opentype'),
    url('../redington_menuIcon.ttf?0WfH6_OuSYbrSkmCEvzX6Q') format('truetype'),
    url('../redington_menuIcon.woff?rR5eBPsqAoxeycvADUW9CA') format('woff'),
    url('../redington_menuIcon.svg?VXmG1JpLaM88PFO6RiHJWA') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'menuIcon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Allocation-Deallocation:before {
  content: "\e900";
}
.icon-Companies:before {
  content: "\e901";
}
.icon-Countries:before {
  content: "\e902";
}
.icon-Customers:before {
  content: "\e903";
}
.icon-Dashboard:before {
  content: "\e904";
}
.icon-Distribution-Channel:before {
  content: "\e905";
}
.icon-Division:before {
  content: "\e906";
}
.icon-Master-Data-Management:before {
  content: "\e907";
}
.icon-Plants:before {
  content: "\e908";
}
.icon-Products:before {
  content: "\e909";
}
.icon-Order-Processing:before {
  content: "\e90c";
}
.icon-Order:before {
  content: "\e90b";
}
.icon-Allocation:before {
  content: "\e90a";
}
.icon-AllocationManagement:before {
  content: "\e90d";
}
.icon-orderLoading:before {
  content: "\e90e";
}
.icon-Quotations:before {
  content: "\e90f";
}
.icon-User:before {
  content: "\e910";
}
.icon-roles:before {
  content: "\e911";
}
.icon-fullfillment_type:before {
  content: "\e912";
}
.icon-product_person:before {
  content: "\e913";
}
.icon-vendor:before {
  content: "\e914";
}
.icon-vendor_template:before {
  content: "\e915";
}

.icon-CreditNotes:before {
  content: "\e912";
}
.icon-CustomerCollections:before {
  content: "\e913";
}
.icon-DebtManagement:before {
  content: "\e914";
}
.icon-ReceivablesManagement:before {
  content: "\e915";
}
.icon-Treasury:before {
  content: "\e916";
}
.icon-VendorManagement:before {
  content: "\e917";
}
.icon-VendorPrograms:before {
  content: "\e918";
}
.icon-OpenOrders:before {
  content: "\e91b";
}
.icon-CustomerOverview:before {
  content: "\e919";
}
.icon-Inventory:before {
  content: "\e91a";
}
.icon-quotes:before {
  content: "\e91e";
}

.icon-deallocation-icn:before {
  content: "\e91f";
}
.icon-Allocation-icn:before {
  content: "\e920";
}
.icon-Deallocation-Request:before {
  content: "\e921";
}
.icon-Validity-Matrix:before {
  content: "\e922";
}

.icon-Credit-Exception-Approval:before {
  content: "\e91c";
}
.icon-Customer-Screening:before {
  content: "\e91d";
}

.icon-Opportunitymanagement:before {
  content: "\e923";
}

.icon-Allocationextension:before {
  content: "\e924";
}
.icon-Product-Fore-Sync:before {
  content: "\e925";
}
.icon-Sales-managemt:before {
  content: "\e926";
}
.icon-Customer-Force-Sync:before {
  content: "\e927";
}

.icon-Product-General--Product-CRM:before {
  content: "\e928";
}
.icon-Sales-General--Sales-CRM:before {
  content: "\e929";
}
.icon-Entities-Matrix:before {
  content: "\e92a";
}

.icon-fullfilment:before {
  content: "\e92b";
}

.icon-Account-Group:before {
  content: "\e92c";
}
.icon-Customer-Segment:before {
  content: "\e92d";
}
.icon-Industry:before {
  content: "\e92e";
}

.icon-Master-Data-Management-copy:before {
  content: "\e92f";
}
icon-audittracker:before {
content: "\e92w";
}

.icon-Audit-Tracker-icn:before {
  content: "\e930";
}

.icon-mdficn:before {
  content: "\e931";
}

.icon-Crm-icon:before {
  content: "\e932";
}
.icon-presale-person-icn:before {
  content: "\e933";
}
.icon-vendorreconsilation:before {
content: "\e934";
}
.icon-Renewmanagement:before {
  content: "\e935";
}
.icon-Partner:before {
  content: "\e937";
}
.icon-parent-child-matrix:before {
  content: "\e936";
}
.icon-Proforma-icn:before {
  content: "\e938";
}
.icon-Brands-icn:before {
  content: "\e939";
}
.icon-Profit-icn:before {
  content: "\e93a";
}
.icon-claimsManagement:before {
  content: "\e93b";
}
.icon-document-icn:before {
content: "\e93c";
}
.icon-DFP-Order-Processing:before {
  content: "\e93d";
}
.icon-COBC-records:before {
  content: "\e93f";
}
.icon-NT-Vendor-Evaluation-Access-Rights:before {
  content: "\e93e";
}
.icon-marketingicon:before {
  content: "\e940";
}
.icon-Competitive-Intelligence:before {
  content: "\e941";
}
.icon-Customer-Factoring:before {
  content: "\e942";
}
.icon-vendorevalution:before {
  content: "\e943";
}
.icon-Vendorcodecreation:before {
  content: "\e944";
}
.icon-Partner-integration:before {
  content: "\e945";
}
.icon-Mscommercial:before {
  content: "\e946";
}
.icon-NTvendorinvoices-icn:before {
  content: "\e947";
}
.icon-NTvendorPO-icn:before {
  content: "\e948";
}
.icon-SBU-Type:before {
  content: "\e94c";
}
.icon-MDFCOGSReversal:before {
  content: "\e94b";
}
.icon-Hporder:before {
  content: "\e94a";
}
.icon-Creditnoteportal:before {
  content: "\e949";
}
/* ===================================================================== */
/*  $001 - Inforamtion Popup (Success | Warning | Error)                 */
/* ===================================================================== */

.info_popup_icon, .info_popup_icon img {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}
[data-popup-backdrop] {
    /*z-index: 104;*/
}
/* ===================================================================== */
/*  $002 - Status block UI (Open | Pending |Blank | Closed  | Error | Yes No )  */
/* ===================================================================== */

.status_block {
    font-size: 12px;
    padding-bottom: 2px;
}
.status_icon img {
    margin-top: 5px;
    width: 14px;
}
.open_status, .approved_status, .yes_status  {
  /*background-color: #ECF7EF;*/
    color: #4CB96B;
}
.closed_status, .no_status {
    /*background-color: #FAE6E6;*/
    color: #CE0E0E;
}
.in_progress_status, .pending_status {
   /* background-color: #FFEFE5;*/
    color: #FF6000;
}
.blank_status {
    /*background-color: #F6F6F6;*/
    color: #9E9E9E;
}
/* ===================================================================== */
/*  $003 - Section-Expandable                                            */
/* ===================================================================== */
.section-expandable {
    border-bottom-width: var(--border-size-s);
}
/* ===================================================================== */
/*  $004 - Table (Links and Pagination)                                  */
/* ===================================================================== */
a:hover {
    color: var(--color-neutral-8);
}
.download_link {
    margin-top: 14px;
}
.pagination {
    margin-top: var(--space-s);
}
.table-header th {
    background-color: #F5F6FA;
}
label.search-label-wrapper span {
    display: none;
}
/* ===================================================================== */
/*  $005 - Custom Popup                                                  */
/* ===================================================================== */
.pop-title {
    font-size: 22px;
    color: #333;
    font-weight: 700;
}
.pop-content {
    max-height: 55vh;
    /*min-height: 42vh;*/
    overflow-y: auto;
    overflow-x: hidden;
    margin: 14px 0px 22px;
}
/* ===================================================================== */
/*  $006 - Custom Border                                                  */
/* ===================================================================== */
.border-grey-lite {
    border-color: #D4D2D2;
}
/* ===================================================================== */
/*  $007 - Section-Expandable - Custom                                               */
/* ===================================================================== */
.section-expandable.open.is--open.section-expandable-custom .section-expandable-content { 
    overflow: initial;
}
/* ===================================================================== */
/*  $008 - File Upload - Custom                                               */
/* ===================================================================== */
[data-upload] {
    border: var(--border-size-s) solid var(--color-neutral-5);
    padding: 9px 9px;
}
/* ===================================================================== */
/*  $009 - Dropdown search - Custom                                               */
/* ===================================================================== */ 
.choices__list--dropdown {
    z-index: 160;
}


/******************  Order Screen UI ****************/
.customer_insight_header {
    background-color: #eff8f2
}
.customer_insight_content {
    height: 251px;
}
re_top_margin_mdl {
    margin-top: -30px;  
}
re_top_margin_md {
    margin-top: -20px;  
}
.global_orc_panel {
    background-color: #f5f6fa;
    padding: 10px;
}
.add_cheque_panel {
    background-color: #f5f6fa;
    padding: 18px;
}
.btn.link {
    border-radius: 5px;
    font-size: 10px;
    width: 40px;
    margin-top: 2px;
}
.btn.link_sm {
    border-radius: 5px;
    font-size: 19px;
    width: 40px;
    border: 0;
    margin-left: 4px;
}
.btn.btn-danger {
    color: #ee1212;
    border-color: #ee1212;
}
.btn.btn_mini {
    border-radius: 5px;
    font-size: 11px
}
.btn_margin_top {
    margin-top:20px;
    line-height: 12px
}

.custom_grid .table-header th{
    padding: var(--space-none) var(--space-s);
}

.custom_grid .table-row td {
    font-size: 12px;
     padding: var(--space-none) var(--space-s);
}
.custom_grid .form-control[data-input], .custom_grid .form-control[data-textarea] {
    height: 36px;
    font-size: var(--font-size-xs);
}
 .custom_grid [data-dropdown] > select.dropdown-display {
    height: 36px;
    font-size: var(--font-size-xs);
 }


/* $2.5 - HTML Elements - Buttons */
.link {
    border-radius: 5px;
    border: 1px solid var(--color-primary);
    padding: 5px 10px;
    background: transparent;
    width: auto !important;
    min-width: 5px;
    white-space: nowrap;
    color: var(--color-primary);
}

/* user and rolem management */
.custom-table-wrapper table > div:not(.hidden),
.custom-table-wrapper table :not(th) div:not(.hidden),
.custom-table-wrapper table :not(td) div:not(.hidden) { display: contents !important; }

.custom-table-wrapper table td,
.custom-table-wrapper table th { padding: var(--space-s) var(--space-base); vertical-align: middle; }
.custom-table-wrapper table .col-module { width: 200px; white-space: nowrap; }
.custom-table-wrapper table .col-group {  }
.custom-table-wrapper table .col-role { width: 110px; text-align: center; }

.custom-table-wrapper table tbody .col-module { border-right: var(--border-size-s) solid var(--color-neutral-4); }
.custom-table-wrapper table tbody td { border-bottom: var(--border-size-s) solid var(--color-neutral-4); }

.custom-table-wrapper table [data-expression] { white-space: normal; }

.custom-table-wrapper script { display: none !important; } 

.table-v2 { border-collapse: collapse !important; border: 0 !important; border-bottom: 1px solid var(--color-neutral-4) !important; }
.table-v2,
.table-v2 td, 
.table-v2 th { border-radius: 0 !important; }
.table-v2 thead {  }
.table-v2 tbody {  }
.table-v2 thead .table-header th { padding: var(--space-s) var(--space-base); border: 1px solid #e5f6e8 !important; color: #000; background: #e5f6e8; }
.table-v2 tbody td { border-bottom: 1px solid var(--color-neutral-4); border-top: 0; }
.table-v2 tbody td:first-of-type { border-left: 1px solid var(--color-neutral-4); }
.table-v2 tbody td:last-of-type { border-right: 1px solid var(--color-neutral-4); }

.table-v2 .tag-v2 { padding: var(--space-s) !important; font-size: var(--font-size-s) !important; height: auto !important; }

.table-v2.table-v2_1 tbody td { border-left: 0 !important; border-right: 0 !important; }

.table-v2 + .table-loading-or-empty { padding: var(--space-s) var(--space-base); }

.custom-table-wrapper .table-v2 { border: 1px solid var(--color-neutral-4) !important; }
.custom-table-wrapper .table-v2 tbody td:first-of-type { border-left: 0; }
.custom-table-wrapper .table-v2 tbody td:last-of-type { border-right: 0; }

.custom-table-wrapper .table-v2 .switch-v2 { display: block; margin: 0 auto; }
.custom-table-wrapper .table-v2 tbody .col-module { font-size: var(--font-size-h6); font-weight: bold; }

.switch-v2[data-switch] {  }
.switch-v2[data-switch]:checked:before {  }
.switch-v2[data-switch]:before {  }

/*.switch-v2[data-switch][disabled]:checked:before,
.switch-v2[data-switch][disabled]:empty:before,*/
.switch-v2[data-switch]:checked:before,
.switch-v2[data-switch]:empty:before { background: var(--color-neutral-2); border: var(--border-size-s) solid var(--color-neutral-5);  }
.switch-v2[data-switch]:after { border: 0; }
/*.switch-v2[data-switch][disabled]:empty:after { background: var(--color-neutral-0);  }
.switch-v2[data-switch][disabled]:checked:after,*/
.switch-v2[data-switch]:checked:after { background: var(--color-primary); }

/*.switch-v2[data-switch][disabled] { opacity: .5; }*/

.form .checkbox-wrapper { height: 40px; padding-top: 4px; }
.checkbox-wrapper { display: flex; flex-direction: row; align-content: flex-start; align-items: center; }
.checkbox-wrapper .col01, 
.checkbox-wrapper .col02 {  }
.checkbox-wrapper .col01 { flex-basis: auto; }
.checkbox-wrapper .col02 { flex-basis: 100%; margin: 0 0 0 var(--space-s); }


.section-group-v2 { padding: 1px; padding-bottom: var(--space-l); border: 1px solid var(--color-neutral-4); }
.section-group-v2 .section { border-bottom: 1px solid var(--color-neutral-4) !important; }
/*
.section-group-v2 .section-v2:last-of-type { border-bottom: 0 !important; }
.section-group-v2 .section-v2 .table-v2:last-of-type { border-bottom: 0 !important; }
*/
.section-group-v2 .section .section-title { font-size: var(--font-size-h4); border: 0; background: transparent; }
.section-group-v2 .section .section-content {  }
.section-group-v2 .section .section-title,
.section-group-v2 .section .section-content .section-content,
.section-group-v2 .section .section-content { padding: var(--space-base) var(--space-m); }
.section-group-v2 .section .section-content .section-content-v2 { padding: 0 var(--space-m) var(--space-xs); }
.section.section-v2 .section-content { padding: 0; }


.section-v2 .custom-table-wrapper .table-v2 { border: 1px solid var(--color-neutral-0) !important; }
.section-v2 .custom-table-wrapper .table-v2 tbody td:first-of-type,
.section-v2 .custom-table-wrapper .table-v2 thead th:first-of-type { border-left: 1px solid var(--color-neutral-0) !important; }
.section-v2 .custom-table-wrapper .table-v2 tbody td:last-of-type,
.section-v2 .custom-table-wrapper .table-v2 thead th:last-of-type { border-right: 1px solid var(--color-neutral-0) !important; }

.section-group-v2.section-group-v2_1 { padding: 0; border: 0; }
.section-group-v2.section-group-v2_1 .section { border: 1px solid var(--color-neutral-4); margin: 0 0 10px; }

.fa-trash { color: var(--color-error); }

.nowrap { white-space: nowrap; }

.section .section-title .section-actions { font-size: var(--font-size-base); }

.dropdown-search-box .search--wrapper input,
.search .search-input input { margin-bottom: 0 !important; }

.tag-group { white-space: normal; margin-bottom: calc(var(--space-s) * -1); }
.tag-group div[data-block="Content.Tag"] { display: contents !important; }
.tag-group .tag { margin: 0 var(--space-s) var(--space-s) 0; }

/*************** Download & Import Panel UI ***********************/
.toggled .download_import_panel {
    float: right;
    width: 30%;
}
.toggled .download_import_label {
    text-align:left;
    padding-left: 8px;
}

.download_import_panel {
    float: right;
    width: 36%;
}
.download_import_label {
    text-align:left;
    padding-left: 8px;
}

/***************** Custom Dropdown *****************/
.drop-down-field-value span {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 103%;
    display: flex;
    overflow: hidden;
}
.choices__list--dropdown .choices__item 
{
    word-break: break-word;
}


/***************** Custom menu scroll *****************/

.layout-side.fixed-header .header.toggled { left: 0; }

.layout-side .app-menu-content.toggled .app-menu-links {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    flex-wrap: inherit;
    scrollbar-width: none !important;
}

body.menu-hover .layout-side .app-menu-content.toggled,

body.menu-hover .layout-side .app-menu-links.toggled { width: 150%; }

.layout-side .app-menu-links .submenu { height: auto; }

.layout-side .app-menu-links.toggled { background: transparent; }

.layout-side .app-menu-links.toggled .app-menu-links-content { 
    background-color: #2DA35B;
    background-image: url(../img/Redington_Web_Thm.menu_backdrop.svg?uS5ZSG4ofezrXLCCXMVM8A);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: var(--space-none);
}

.layout-side .app-menu-content .app-menu-links-content { display: inline-table; height: 100%; }

.layout-side .app-menu-content.toggled .app-menu-links-content {width: 66px;}

body.menu-hover .layout-side .app-menu-links.toggled [data-block="Navigation.Submenu"] { width: 66px; }

.layout-side .app-menu-content { background: transparent; }

.layout-side.fixed-header .header.toggled {/* z-index: 151;*/}

.layout-side .app-menu-content.toggled { z-index: 152; }

body.menu-hover .layout-side .app-menu-content.toggled:hover { z-index: 152; }

body.menu-hover .layout-side .content { z-index: 1; }

.layout-side .submenu-items { padding: var(--space-xs) 0; }

.layout-side .app-menu-links .submenu-items a { display: block; padding: var(--space-s) var(--space-m) !important; }

.layout-side .app-menu-links.toggled .submenu-items a .tooltiptext { left: 70px; top: 2px; }

.aside-navigation .app-menu-content .app-logo { max-width: 120px; }

.layout-side.fixed-header .header { left: 0; }

.layout-side .header-logo {/*height: 74px;*/ background-color: white;width: 300px; }

.layout-side .app-menu-content:not(.toggled) .header-logo { background-color: var(--header-color); }

.toggled .submenu { 
    width: 66px;
}
.layout-side .app-menu-links .submenu a { width: 100%; }

.sm-logout {
    margin-right: 20px;
}
/***************** order Detail **********************/
.fileUploa-text {
    width: 106px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/***************** download button **********************/
.btn-document-download, div[data-block='UtilsFlow.Document_DownloadButton'] .btn { line-height: 1.1; }

/***************** For Tag  **********************/
.background-orange-lightest {
    background-color: #fff;
}
.text-orange-darker {
    color: #FF9800;
}

/***************** Scrollbar  **********************/
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #c7c7c7; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #a0a0a0; 
}

/****************** Z-index ***************/
.z_index {
    z-index: 1;
}

/************************ Custom Popup md ************************/
.popup-dialog.custom-popup-md {
    max-width:75%;
}

/************************ Disable Text ************************/
.disable_text {
    background-color: #f1f3f5;
    text-align: left;
    padding: 8px 9px;
    font-size: 13px;
    border-radius: 4px;
    border: 1px solid #ddd;
    color: #949494;
    font-weight: 600;
}

/*****************************************************************/
/*********************** Theme Resposive *************************/
@media screen and (max-width: 1024px) {
    body.menu-hover .layout-side .app-menu-content.toggled,
    body.menu-hover .layout-side .app-menu-links.toggled {
        width: auto;
        }
}
/*------------------- Mobile responsive code -------------------*/
 .phone .layout-side .app-menu-content.toggled .app-menu-links-content,  .phone .app-menu-links.toggled {
    width: var(--side-menu-size);
    }
.phone .toggled .submenu {
    width: var(--side-menu-size);
    }
.phone .toggled .submenu.is--dropdown .submenu-icon {
    display: flex;
    }
.phone .submenu.open a:hover {
    color: var(--color-primary);
    }
.phone .layout .submenu:hover, .layout .submenu:hover a  { 
    background-color: #f0f5f2;
    color: var(--color-secondary);
    }    
.phone .layout-side .app-menu-links.toggled .submenu-items a .tooltiptext {
    left: auto;
}
.phone .app-menu-links.toggled .tooltiptext {
    left: 14px;
    }
.phone .app-menu-links.toggled .main_link .tooltiptext {
    left: 37px !important;
    }
.phone .tablet .app-menu-links.toggled .tooltiptext {
    visibility: inherit;
    }
    
.phone .layout-side .main.toggled {
    margin-left: auto;
}

.phone .header-logo {
    padding: var(--space-none) var(--space-base);
}
.phone .app-menu-links.toggled .tooltiptext {
    visibility: visible;
    color: unset;
    background-color: transparent;
    }
.phone .app-menu-links.toggled .tooltiptext::after{
    content: none;
}

.phone .layout-side .app-menu-content {
    background: #fff;
    }
    
.phone .layout-side.fixed-header .header.toggled {
    z-index: 100;
    }
    
.phone .main.toggled .app-logo {
    display: block;
}

.phone .app-logo {
        max-width: 130px;
}

.phone .main-content.ThemeGrid_Container {
    padding-top: var(--space-l);
}

.phone body.menu-hover .layout-side .app-menu-content.toggled,
.phone body.menu-hover .layout-side .app-menu-links.toggled {
    width: auto;
    }
    
.tablet .header .app-login-info {
    display: none;
    }

.phone .header .app-login-info {
    display: none;
    }

/*------------------- Tablet responsive code -------------------*/

.tablet .layout-side .app-menu-content.toggled .app-menu-links-content {
    width: var(--side-menu-size);
    }
.tablet .toggled .submenu {
    width: var(--side-menu-size);
    }
.tablet .toggled .submenu.is--dropdown .submenu-icon {
    display: flex;
    }
.tablet .submenu.open a:hover {
    color: var(--color-primary);
    }
.tablet .layout .submenu:hover, .layout .submenu:hover a  { 
    background-color: #f0f5f2;
    color: var(--color-secondary);
    }    
.tablet .layout-side .app-menu-links.toggled .submenu-items a .tooltiptext {
    left: auto;
    }
.tablet .app-menu-links.toggled .tooltiptext {
    color: unset;
    }
.tablet .app-menu-links.toggled .tooltiptext {
    left: 14px;
    }
.tablet .app-menu-links.toggled .main_link .tooltiptext {
    left: 37px !important;
    }
.tablet .app-menu-links a {
    color: #ffffff;
    }

.tablet .layout-side .app-menu-content {
    background: #fff;
    }
.tablet .layout-side.fixed-header .header.toggled {
    z-index: 100;
    }
.tablet .main.toggled .app-logo {
    display: block;
    }
.tablet .app-logo {
    max-width: 130px
    }
.tablet body.menu-hover .layout-side .app-menu-content.toggled,
.tablet body.menu-hover .layout-side .app-menu-links.toggled {
    width: auto;
    }
    
.choices__list--dropdown .choices__item {
    padding: var(--space-s) var(--space-base);
    line-height: 14px;
}

.phone .margin-right-xlg {
    margin-right: 200px;
}
.phone .margin-right-xlmd {
    margin-right: 181px;
}

.margin-right-xlg {
    margin-right: 200px;
}
.margin-right-xlmd {
    margin-right: 181px;
}

/*------------------- Desktop responsive code -------------------*/ 
.desktop .app-menu-content .app-login-info {
    display: none;
}
.desktop .layout-side .app-menu-content.toggled {
   width: 65px;
}

.ThemeGrid_Container {
    max-width: 3840px !important;
}
/*------------------- opportunity management month&year picker tooltip -------------------*/ 
.simple-calendar-tooltip,
.simple-calendar-tooltip .tooltip{
    width: 100%;
    z-index: auto;
}
 
.simple-calendar-tooltip .tooltip-content {
    width: 100%;
}
.simple-calendar-tooltip .tooltip-wrapper{
    background-color: var(--color-neutral-0);
    
    color: var(--color-neutral-7);
    max-width: 240px;
    padding: 0;
}
.simple-calendar-tooltip .tooltip-wrapper.bottom:after {
    border-bottom: 7px solid var(--color-neutral-0);
}
.simple-calendar-month{
    text-align: center;
    padding: 20px;
}
.simple-calendar-tooltip a, 
.simple-calendar-tooltip a:visited {
    color: var(--color-neutral-9);
    display: block;
}
.simple-calendar-header a,
.simple-calendar-tooltip a:hover {
    font-weight: bold;
    color: var(--color-primary);
}

.simple-calendar-header a:hover{
    color: var(--color-primary-hover);
}
.simple-calendar-header a.disabled-arrow:hover,
.simple-calendar-header a.disabled-arrow{
    color: var(--color-neutral-6);
    text-decoration: line-through;
    
}
.simple-calendar-month.is-selected{
    font-weight: bold;
    color: var(--color-primary);
}
.simple-calendar-month.is-disabled{
     color: var(--color-neutral-6);
    text-decoration: line-through;
}
.simple-calendar-year{
    font-size: var(--font-size-base);
    font-weight: bold
}
.simple-calendar-header{
    padding: 10px;
}

.list.list-group {
    overflow: inherit;
    position: relative;
}

.choices[data-type*="select-multiple"] .search--wrapper input:not(.btn):not(.checkbox):not(.radio-button),
.choices[data-type*="select-multiple"] .search--wrapper .input {
    padding-left: var(--space-xl);
    width: 100% !important;
}

/*cashreceiptpdf*/
.img-width{
    width: 300px;
    margin-left: 90px;
}

.text-la{
    font-size: 24px;
}

.padding-xxxl{
    padding: 80px;
}

.card-content{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  padding: 50px;
}

.card-margin{
    margin: 0px 160px 0px 160px;
}

/*timeline button*/
.btn.btn-timeline {
    border-radius : 100px 0px 0px 100px;
    right:0px;
    margin-top:15px;
    position:absolute;
}

.activeborder{
    border: 2px solid var(--color-primary);
}

.sidebar{  
    overflow-x: hidden;  
    overflow-y: auto;
}
/*Dashboard request tab underline*/
.request-tab a:hover, a:focus{
  color:var(--color-primary-hover);
  text-decoration: none;}

  .tooltip-wrapper.right:after{
  border-right: 8px solid var(--color-green-lightest);
}

.assignee-em .choices__list--dropdown{
    width:330px !important;
}

/*----Responsive issue fixes----*/
.phone .main.toggled .app-logo {
    width: 200px;
}
.phone .header .app-login-info {
    display: block;
}
.phone .header .app-login-info {
     
    width: 60px!important;
   
    position: absolute;
    right: 10px;
    top:0;
    padding-top: 10px!important;
    padding-bottom: 0!important;
}
.phone .choices__list--dropdown .choices__item {
    margin-bottom: 5px;
}

.phone .downloadcon span.text-primary {
    display: inline;
    margin-left: -8px;
}
.phone .downloadcon span {
    display: block;
    width: 100%;
}
.phone header .userInfo {
    display: none;
}
.phone .downloadcon {
    display: block;
}
.phone button.btn.btn-cancel {
    width: 42%!important;
    margin-right: 76px;
}
.phone button.btn.btn-primary.CreateNewFooter  {
    width: 54%!important;
    margin-right: 75px;
}
.phone .cancel {
    margin-left: 40px;
}
.phone .nopad {
    padding-top: 0!important;
}
.phone .popover-bottom {
    left: 28px;
}



.phone .phdatepicker{position:relative}
.phone .phdatepicker img{position: absolute;right:10px;top:10px}