@font-face {
    font-family: 'Product Sans';
    src: 
    url('font-family/ProductSans-Regular.ttf') format('woff2'),
}

@font-face {
    font-family: 'Google Sans';
    src: 
    url('../font-family/GoogleSans-Regular.ttf') format('woff2'),
}

body
{
    user-select: none;
    background-color: #f1f3f4 !important;
}

/* .content-change-ref
{
    opacity: 1;
    transition: opacity 1s ease-in;
} */

.paused-icon
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCI+CjxwYXRoIGZpbGw9IiM3NTc1NzUiIGQ9Ik02LDBDMi42LDAsMCwyLjYsMCw2czIuNiw2LDYsNnM2LTIuNyw2LTZTOS4zLDAsNiwweiBNNS40LDguNEg0LjJWMy42aDEuMkw1LjQsOC40TDUuNCw4LjR6IE03LjgsOC40SDYuNgpWMy42aDEuMkM3LjgsMy42LDcuOCw4LjQsNy44LDguNHoiLz4KPC9zdmc+Cg==);
    background-color: transparent;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    border-radius: 0;
}

input
{
    -webkit-user-select: text; /* Safari */
    -moz-user-select: text;    /* Firefox */
    -ms-user-select: text;     /* Internet Explorer/Edge */
    user-select: text;         /* Standard */
}

#refreshBtn:hover
{
    background-color: #e9eaebde;
}

.navbar
{
    background: #f1f3f4;
    font-family: 'Roboto', sans-serif;
    padding-top: 15px !important;
    padding-bottom: 15px !important; 
}

.navbar i
{
    color: #5f6368;
    font-size: 1.2rem;
}


.nav-left img
{
    width: 32px;
    height: 30px;
}

.nav-left span
{
    color: #5f6368;
    font-size: 1.42rem;
    font-weight: 600;
    font-family: 'Google Sans';
}


.nav-left .dropdown .btn
{
    background: none !important;
    color: white;
    font-size: 1.3rem;
    font-family: 'Google Sans';
    letter-spacing: 0;
}

.nav-left .dropdown .btn:hover
{
    color: white !important;
}

.nav-left .dropdown .btn:focus 
{
    box-shadow: none !important;
}

.nav-left .dropdown span
{
    font-size: 0.75rem;
    font-weight: 400;
}

.nav-left .dropdown-menu span
{
    color: black;
}

.nav-right-wrapper i
{
    font-size: 1.2rem;
}

.nav-right-wrapper p
{
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: normal;
}

.nav-right-wrapper .icon-text
{
    font-weight: 500;
}

.nav-right-wrapper .tools
{
    flex: 0 0 10%;
    max-width: 10%;
}

.daterangepicker 
{
    display: none;
}

.border-left-x
{
    border-left: 1px solid #dadce0;
    height: 32px;
    margin: 12px 8px;
    width: 1px;
    margin-left: 4px;
}

.table-container {
    overflow-x: auto;
    max-width: 100%;
}

.coversion-col p
{
    overflow: hidden;
    text-overflow: clip;
    max-width: 45px;
}


.border-left-nav
{
    border-left: 1px solid #dadce0;
    height: 32px;
    margin: 0px 8px;
    width: 1px;
    margin-left: 4px;
}

.showmore 
{
    font-size: 1rem !important;
    left: 11px !important;
    top: 7px !important; 
}

.navbar-acc-name
{
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.desc-name
{
    width: 212px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.showmore-icon
{
    z-index: 1;
    height: 5px;
    width: 5px;
    background-color: #c5221f;
    border-radius: 50%;
    display: flex;
    align-self: center;
    flex-shrink: 0;
}

.special-padd
{
    padding-left: 15px;
}

.border-vertical
{
    border-bottom: 1px solid #dadce0;
    margin: 4px 24px;
}

.dateselected
{
    cursor: pointer;
    padding: 10px 18px;
    color: #3c4043;
    border-radius: 4px;     
    border: 1px solid #80868b;
}

.date-icons
{
    vertical-align: top;
    font-size: 12px;
    padding-top: 3px;
} 

.acc-profile
{
    background-color: #9e9e9e;
    border-radius: 16px;
    color: transparent;
    display: inline-block;
    height: 32px;
    width: 32px;
    margin: 4px;
}

.filter
{
    border-bottom: 1px solid #dadce0;
    font-family: 'Roboto', sans-serif;
}
.filter-left
{
    padding-top: 13px;
    padding-bottom: 13px;
}

.filter-left span
{
    color: #5f6368;
    line-height: 24px;
    font-size: 13px;
    font-weight: 500;
}

.filter-things
{
    background-color: #fff;
    color: #5f6368;
    padding: 3px 10px;
    border-radius: 16px;
    font-weight: 500;
    cursor: pointer;
}

.filter-left .filter-1
{
    border: 1px solid #dadce0;
}

.filter-save i
{
    font-size: 1.3rem;
}

.filter-save p
{
    font-size: 0.8rem;
    letter-spacing: 0.4px;
    line-height: normal;
    color: #5f6368;
    font-weight: 500;
}


/* main */
.ads
{
    font-family: 'Roboto', sans-serif;
    height: 100vh;
}

.ads-panel
{
    background-color:#f1f3f4;
    border-right: 1px solid #dadce0;
    height: 92%;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}

.ads-panel .menu
{
    height: 92%;
    overflow: auto;
}

.ads-panel .menu a
{
    color: rgba(32,33,36,.86);
}

.ads-panel .menu a:hover
{
    text-decoration: none;
    background: none;
}

.menu-content .padding-menu:hover
{
    background: #dadce0 !important;
}

.menu-content .padding-menu
{
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-left: 1.8rem;
}

::-webkit-scrollbar {
    display: none;
}

.sub-btn .padding-submenu
{
    padding-left: 1rem;
}

.sub-menu-pp
{
    padding-left: 14px;
    font-weight: 400;
}

.sub-btn .items-padding
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.sub-btn .dropdown
{
    position: absolute;
    left: 15px;
    transition: 0.3s ease;
    color: #5f6368;
    font-size: 0.58rem;
    top: 11px;
}
th.sortable 
{ 
    cursor: pointer; 
    user-select: none; 
}
.sub-btn
{
    cursor: pointer;
}

.sub-menu 
{
    display: none;
}

.sub-item
{
    display: block;
}

.rotate
{
    transform: rotate(90deg);
}

.rotate-2
{
    transform: rotate(180deg);
}

.sidebar-active
{
    flex: none;
    padding-left: 16px;
    margin-right: 8px;
    line-height: 1.25rem;
    font-size: .875rem;
    letter-spacing: .0178571429em;
    font-weight: 500; 
    color: #202124;
}

.submenu-active
{
    color: #185abc !important;
    font-weight: 500;
    background-color: #dadce0;
    box-shadow: inset 4px 0 0 0 #185abc;
}

.menu-noactive
{
    box-shadow: inset 4px 0 0 0 #dadce0;
}

.ads-main-top
{
    z-index: 20;
    border-top: 1px solid #dee2e6 !important;
    color: #616161;
}

.ads-wrapper
{
    background-color: #f1f3f4;
}

.ads-wrapper .ads-left span
{
    line-height: 1.75rem;
    font-size: 1.375rem;
    letter-spacing: 0;
    font-weight: 400;
    color: #202124;
}

.ads-right .dropdown
{
    color: #616161;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 0 8px 0 16px;
    border-radius: 4px;
    border: 1px solid #80868b;
    height: 48px;
    font-size: 14px;
}


.ads-right .dropdown-toggle:after
{
    margin-left: 1.255em !important;
    margin-right: 0.5em !important;
}

.ads-right span
{
    font-size: 14px;
}

.arrow-date i
{
    font-size: 17px;
}

.arrow-date .right
{
    color: rgba(0,0,0,.26);
}

.ads-right .text-days
{
    color: #1967d2;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.14px;
    line-height: normal;
}

.ads-status .status-left .status-plus
{
    height: 42px;
    width: 42px;
    background: #1a73e8;
    color: #fff;
    border-radius: 28px;
    border-width: 0;
    box-shadow: 0 1px 3px 0 rgba(60,64,67,.3), 0 4px 8px 3px rgba(60,64,67,.15);
}

.status-plus
{
    font-size: 1.3rem;
}

.ads-status
{
    background: #fff;
    border-top: 1px solid #dadce0;
    border-bottom: 1px solid #dadce0;
}

.ads-status .filter-status i
{
    color: #3b78e7;
}

.filter-status img
{
    width: 28px;
}

.status-left .filter-1
{
    border: 1px solid #dadce0;
}

.status-left span
{
    color: #5f6368;
    line-height: 24px;
    font-size: 13px;
}

.nav-right .segment
{
    width: 20px;
}

.reports-2
{
    width: 21px;
}

.filter-save img
{
    width: 19px;
}

.overview img
{
    width: 14px;
    position: absolute;
    right: 12px;
    top: 12px;
}


.status-left .add-filter span
{
    font-size: 14px !important;
}

.status-text
{
    font-weight: 500 ;
    color: #5f6368;
}

.status-text p
{
    font-weight: 500 !important;
}

.status-arrow-last i 
{
    font-size: 0.95rem;
    color: #5f6368;
    cursor: pointer;
}


.border-left-y
{
    border-left: 1px solid #5f6368;
    height: 32px;
    margin: 12px 8px;
    width: 1px;
    margin-left: 4px;
}


/* tableview */
.table
{
    background: #fff;
}

.fixed-column 
{
    position: fixed !important;
    padding: 16px !important;
    width: 100% !important;
}

.table tr th
{
    padding-top: 8px;
    padding-bottom: 8px;
    color: #5f6368;
    font-size: 12px;
    font-weight: 500;
    vertical-align: middle !important; 
    border-bottom: 2px solid #dee2e6 !important;
}

.table tr th:nth-child(1)
{
    width: 53px;
    border: none;
}

.table tr th:nth-child(2)
{
    width: 35px;
    border: none;
    padding-left: unset !important;
}

.table tr th:nth-child(3)
{
    width: 260px;
    border: none;
    padding-left: unset !important;
}

.table tr th:nth-child(4)
{
    width: 158px;
}

.table tr th:nth-child(5)
{
    width: 120px;
}

.table tr th:nth-child(6)
{
    width: 165px;
}


.table tr th:nth-child(7)
{
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed;
    text-underline-offset: 3px;
    width: 100px;
}


.table tr th:nth-child(9)
{
    text-align: end;
   
}

.table tr th:nth-child(10)
{
    text-align: end;
   
}

.table tr th:nth-child(11)
{
    text-align: end;
   
}

.table tr th:nth-child(12)
{
    text-align: end;
    /* width: 8%;
    max-width: 8%; */
}

.table tr th:nth-child(13)
{
    text-align: end;
    
}

.table tr th:nth-child(14)
{
    text-align: end;
    
}

.table tr td:nth-child(1)
{
    width: 3%;
    border-right: none !important;
}

.table tr td:nth-child(2)
{
    padding-right:6px;
    border-left: none !important;
    border-right: none !important;
    padding-left: unset !important;
}

.table tr td:nth-child(3)
{
    border-left: none !important;
    border-right: none !important;
    padding-left: unset !important;
}

.underline-decoration
{
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed;
    text-underline-offset: 3px;
}

.table .fa-square
{
    font-size: 1.2rem;
}

.table .fa-circle
{
    color: #5f6368;
    font-size: 12px;
    vertical-align: middle !important; 
}

.table tr td
{
    vertical-align: middle !important; 
    padding: 12px;
    font-size: 12px;
    color: #3c4043;
    line-height: 14px;
}

.table tbody tr .fa-circle
{
    color: #006621;
}

.table tr td .ads-name
{
    color: #545454;
    font-size: 12px;
    line-height: 1.2;
}

.table tr td input
{
    border: none;
    color: #504c4c;
    text-align: end;
    width: 100%;
    background: none;
}

.table tr td .edit
{
    left: 20%;
    top: 53%;
    cursor: pointer;
    display: none;
}

.table .edit img
{
    width: 17px;
    height: auto;
}

.adjust-col
{
    display: none;
}

.home-black
{
    width: 15px;
    position: absolute;
    right: -4px;
}


.table tr td .button i
{
    font-size: 15px;
    color: #3c4043b0;
}

.table tr td .keyword-name-css
{
    color: #1a0dab;
    cursor: pointer;
    text-decoration: none;
}

.table tr td .site-name
{
    color: #006621;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table tr td .view-assets
{
    color: #1a73e8;
    cursor: pointer;
}   


.table tbody tr:hover
{
    background-color: #f7f7f7;
}

.table tbody .row-selected
{
    background-color: #f8f9fa;
    height: 40px;
}

.custom-margin-top 
{
    margin-top: 2px !important;
    margin-bottom: 0px !important;
}

.none-border
{
    border-left: none !important;
    border-right: none !important;
}

.bar
{
    background-color: #bdc1c6;
    height: 11px;
}

.scrollbar
{
    background: white;
    z-index: 2;
}

.bar-padding
{
    padding-left: 66px !important;
}

.row-num 
{
    background-color: white;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
}

.row-num .text-row
{
    font-size: 13px;
    letter-spacing: 1px;
}

.report-foot
{
    color: #3c4043;
    line-height: 1rem;
    font-size: .75rem;
    letter-spacing: .025em;
    font-weight: 400;
}

.table td .acc-num
{
    color: #5f6368;
}

.report-foot span
{
    cursor: pointer;
    text-decoration: underline;
    color: #1967d2;
}

.go-down
{
    font-size: 1.1rem;
    cursor: pointer;
}

.row-num:hover
{
    background-color: #fff !important;
}

/* icon */
.column
{
    width: 20px;
    margin-bottom: 5px;
}

.download-icon
{
    width: 17px;
    margin-bottom: 6px;
}

.text-blue
{
    color: #1967d2 !important;
}

.text-red
{
    color: #c5221f !important;
}

.filter-effect
{
    color: #202124 !important;
    font-weight: 700 !important;
}

.beta 
{
    bottom: -19px;
}

.beta img
{
    width: 35px;
    height: auto;
    padding-bottom: 2px;
}

.report img
{
    width: 21px;
    padding-bottom: 5px;
}

.tools img
{
    width: 22px;
    padding-top: 9px;
    padding-bottom: 3px;
}

.filter-effect i
{
    color: #5f6368 !important;
}

.mobile-app
{
    background: #fff;
    border-top: 1px solid #dadce0;
    color: #1967d2;
    padding: 9px 1px !important;
}

.mobile-app i
{
    font-size: 1.2rem;
}

.mobile-app p
{
    font-size: 12px;
    line-height: 14px;
}


.row-selected .fa-circle-question
{
    font-size: 0.85rem;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.btn:focus
{
    box-shadow: unset !important;
}

.dropdown-toggle:after
{
    content: none !important;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
/* * {
    scrollbar-width: auto;
    scrollbar-color: #dadce0 #ffffff;
} */

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 16px;
}

*::-webkit-scrollbar-track {
    background: #ffffff;
}

*::-webkit-scrollbar-thumb {
    background-color: #dadce0;
    border-radius: 10px;
    border: 3px solid #ffffff;
}

.dropdown-match 
{

    display: inline-block;
    transition: all .5s ease;
    position: relative;
    font-size: 12px;
    color: #3c4043;
    height: 100%;
    text-align: left;
}

.dropdown-match .select 
{
    display: block;
    padding: 10px 0px;
}

.dropdown-match .dropdown-menu 
{
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: -4px;
    top: -14px;
    margin-top: 1px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 2px 2px;
    overflow: hidden;
    display: none;
    max-height: 144px;
    overflow-y: auto;
    z-index: 9;
}

.dropdown-match .dropdown-menu li 
{
    padding: 10px;
    transition: all .2s ease-in-out;
    color: #3c4043;
    cursor: pointer;
    font-size: 14px;
} 

.dropdown-match .dropdown-menu 
{
    padding: 0;
    list-style: none
}

.dropdown-match .dropdown-menu li:hover 
{
    background-color: #f2f2f2
}

.dropdown-match .dropdown-menu li:active 
{
    background-color: #e2e2e2
}

.caret-down-2
{
    color: #8f8f8f !important;
    display: none;
}

.caret-down
{
    color: #8f8f8f;
    display: none;
    position: absolute;
    right: 0;
}

.text-cam-1
{
    line-height: 1rem !important;
    font-size: 0.75rem !important;
    letter-spacing: .025em !important;
}

.text-cam-2
{
    line-height: 1.25rem;
    font-size: .975rem;
    letter-spacing: .0178571429em;
    font-weight: 500;
}

.filter-save i
{
    color: #5f6368;
    font-size: 17px;
}

.filter-save span
{
    color: #5f6368;
    font-size: 13px;
}

.filter-left
{
    color: #5f6368;
    font-size: 13px;
}

.filter-left .fa-circle
{
    color: #006621;
    font-size: 12px;
}

.filter-left .keywords-status span
{
    color: #202124;
}

.filter-left .keywords-status label
{
    cursor: pointer;
    text-decoration: none;
    color: #1967d2;
}

.filter-left .more-d 
{
    color: #1967d2;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.14px;
}

.filter-left .more-d i
{
    font-size: 12px;
}

.notes p
{
    font-weight: 800;
    font-size: 1.1rem;
    color: rgb(255, 10, 10);
    text-decoration: underline dashed;
    text-underline-offset: 3px;
}

.notes label
{
    font-weight: 700;
    font-size: 1rem;
    line-height: 20px;
    margin-top: 3px !important;
}

.notes label span
{
    font-weight: 500;
}


.adjust-wdth
{
    cursor: pointer;
}


.resizer {
    position: absolute;
    top: 0;
    right: -8px;
    bottom: 0;
    left: auto;
    width: 16px;    
    cursor: col-resize;       
  }

.search-bar
{
    height: 100%;
    color: #3c4043;
    position: relative;
    z-index: 2;
    opacity: 1;
    border-radius: 4px;
}

.search-bar-wrapper
{
    min-height: 48px;
    box-sizing: border-box;
    border: 1px solid #80868b;
    border-radius: 4px;
    padding: 0 12px;
    display: inline-flex;
    flex-direction: column;
    width: 100%;
}

.search-bar-wrapper .top-section
{
    margin: 0 4px;
    flex: 1;
    align-items: center;
}

.search-bar-wrapper .top-section i
{
    font-size: 18px;
}


.search-bar-wrapper .top-section span
{
    font-size:14px;
    font-weight: 400;
    color: #5f6368;
}

.nav-right-wrapper p
{
    color: #5f6368;
}

.button-content-1
{
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
    background: #fff;
    color: #3c4043;
}


.button-content-1 span
{
    color: #3c4043;
    font-weight: 500;
    font-size: 14px;
}

.filter-box
{
    border: 1px solid #dadce0;
    border-radius: 15px;
}

.button-content-1::after
{
    content: "";
    height: 4px;
    border-radius: 4px 4px 0 0;
    width: 100%;
    background-color: #1a73e8;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 1;
    width: unset;
    left: 14px;
    right: 14px;
}

.button-content-2 
{
    border: 1px solid #80868b;
    border-radius: 4px;
    color: #3c4043;
    padding: 0 8px 0 16px;
}

.button-content-2 span
{
    color: #3c4043;
    font-weight: 500;
    font-size: 14px;
}




.text-linebutton
{
    line-height: 1rem;
    font-size: .75rem;
    letter-spacing: .025em;
    font-weight: 400;
    color: #5f6368;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.col-1-custset
{
    flex: 0 0 5.333333%;
    max-width: 5.333333%;
}

.col-11-custset
{
    flex: 0 0 94.666667%;
    max-width: 94.666667%;
}

.create-menu-1
{
    border-radius: 50%;
    border-width: 0;
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);
    background-color: #fff;
    height: 60px;
    width: 60px;
}

.create-menu
{
    border-radius: 50%;
    border-width: 0;
}

.create-menu-active 
{
    color: #fff;
    background: #1967d2;
    border-radius: 16px;
    padding: 2px 12px;
    border: none;
}


.sub-menu2 {
    display: none; 
    position: absolute;
    left: -1.3%; /* Adjust based on the width of the sub-menu */
    top: 0px;
    border-radius: 8px;
    background-color: #fff;
    transition: opacity 218ms cubic-bezier(.4,0,.2,1) 0ms;
    width: 264px;
    height: 94vh;
    z-index: 1000;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.sub-menu2:after {
    content: " ";
    position: absolute;
    left: -15px;
    top: 115px;
    border-top: 15px solid transparent;
    border-right: 15px solid white;
    border-left: none;
    border-bottom: 15px solid transparent;
  }

.text-menu-hover:hover
{
    background-color: rgba(60, 64, 67, .04);
    text-decoration: none;
}

.sub-placeholder 
{
    flex: none;
    padding-left: 16px;
    margin-right: 8px;
}

.sub-placeholder span
{
    line-height: 1.25rem;
    font-size: .875rem;
    letter-spacing: .0178571429em;
    font-weight: 500; 
    color: #202124;
}

.sub-placeholderx 
{
    flex: none;
    padding-left: 16px;
    margin-right: 8px;
}

.sub-placeholderx span
{
    line-height: 1.25rem;
    font-size: .875rem;
    letter-spacing: .0178571429em;
    font-weight: 500; 
    color: #202124;
}


.sub-placeholder:hover
{
    background-color: rgba(60, 64, 67, .04);
    text-decoration: none;
    border-radius: 0 45px 45px 0;
}

a:hover
{
    text-decoration: none !important;
    color: unset !important;
}


.sub-placeholder-active
{
    flex: none;
    padding-left: 16px;
    margin-right: 8px;
    border-radius: 0 24px 24px 0;
    color: white !important;
    line-height: 1.25rem;
    font-size: .875rem;
    letter-spacing: .0178571429em;
    font-weight: 500;
    background-color: #1967d2;
}

.sub-placeholder-active span
{
    color: white !important;
}

.sub-placeholder-active p
{
    color: white !important;
}

.sub-menu p
{
    line-height: 1.25rem;
    font-size: .875rem;
    letter-spacing: .0178571429em;
    font-weight: 500;
    color: #202124;
}

.rotate-180 {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}


.create-menu-active span
{
    font-size: 26px !important;
}

.fa-icon-plus
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDM2IDM2Ij48cGF0aCBmaWxsPSIjMzRBODUzIiBkPSJNMTYgMTZ2MTRoNFYyMHoiLz48cGF0aCBmaWxsPSIjNDI4NUY0IiBkPSJNMzAgMTZIMjBsLTQgNGgxNHoiLz48cGF0aCBmaWxsPSIjRkJCQzA1IiBkPSJNNiAxNnY0aDEwbDQtNHoiLz48cGF0aCBmaWxsPSIjRUE0MzM1IiBkPSJNMjAgMTZWNmgtNHYxNHoiLz48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDM2djM2SDB6Ii8+PC9zdmc+Cg==);
    background-size: cover;
    height: 36px;
    width: 36px;
}

.subnav-content 
{
    display: none;
    position: absolute;
    left: 0;
    background-color: red;
    width: 100%;
    z-index: 1;
}


.table-resizable {
}

.table-resizable.resizing {
    cursor: col-resize;
    user-select: none;
}

.table-resizable th {
    position: relative;
}

.table-resizable th::before {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em;
    cursor: col-resize;
    user-select: none;
}

.table-resizable th:last-of-type::before {
    display: none;
}

.table-resizable td {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
} 

.col-2-custset
{
    flex: 0 0 14%;
    max-width: 14%;
}

.custset-add
{
    flex: 0 0 80%;
    max-width: 80%;
}

.adsnavbar
{
    background-color: #f1f3f4;
}