/*
Project     : DAdmin - Responsive Bootstrap HTML Admin Dashboard
Version     : 1.1
Author      : ThemeLooks
Author URI  : https://themeforest.net/user/themelooks
[TABLE OF CONTENTS]
1. GENERAL STYLES
    1.1. LINKS
    1.2. HEADINGS
    1.3. FORM ELEMENTS
    1.4. ICONS
2. UTILITY CLASSES
    2.1. WIDTH
    2.2. HEIGHT
    2.3. BACKGROUND COLORS
    2.4. BACKGROUND IMAGE
    2.5. BACKGROUND OVERLAY
    2.6. TEXT COLORS
    2.7. BORDER COLORS
    2.8. FONTS
    2.9. GUTTERS
3. VENDOR OVERRIDES
    3.1. SELECT2
    3.2. PERFECT SCROLLBAR
    3.3. MORRIS CHART
    3.4. JVECTOR MAP
    3.5. HORIZONTAL TIMELINE
    3.6. DROPZONE
    3.7. ION RANGE SLIDER
4. WIDGETS
    4.1. WIDGET TITLE
    4.2. SUMMARY WIDGET
5. COMPONENTS
    5.1. BUTTONS
    5.2. CALENDAR
    5.3. CALENDAR EVENTS
    5.4. CLOSE
    5.5. COUNTDOWN
    5.6. DROPDOWNS
    5.7. JUMBOTRON
    5.8. NAV LINKS
    5.9. NAV TABS
    5.10. TABLES
    5.11. TABS
    5.12. TAGS
    5.13. BREADCRUMBS
    5.14. BADGES
    5.15. LABELS
    5.16. CARD
    5.17. MAPS
    5.18. MEDIA
    5.19. MODAL
    5.20. NAVIGATION
    5.21. PANEL
    5.22. PAGINATION
    5.23. PROGRESS BARS
    5.24. TOOLBAR
6. MODULES
    6.1. ACCOUNT
    6.2. COMING SOON
    6.3. ENTRY CONTENT
    6.4. ERROR
    6.5. FORM WIZARD
    6.6. INVOICE
    6.7. PRICING ITEM
    6.8. TODO APP
    6.9. SEARCH BOX
    6.10. SEARCH RESULTS
    6.11. RECORDS HEADER
    6.12. RECORDS LIST
    6.13. RECORDS BODY
    6.14. MAIL ATTACHMENTS
    6.15. MAIL COMPOSE
    6.16. MAIL SENDER INFO
    6.17. MAIL SUBJECT LINE
    6.18. MAIL VIEW
    6.19. NOTE LABEL
    6.20. NOTE LIST
    6.21. NOTE CONTENT
    6.22. PROFILE COVER
    6.23. CHAT
    6.24. CONTACT VIEW
    6.25. USER LIST
7. PANELS
    7.1. MINI STATS PANEL
    7.2. TODO PANEL
    7.3. WEATHER PANEL
    7.4. PROFILE PANEL
    7.5. FEEDS PANEL
    7.6. COMMENTS PANEL
8. CHARTS
    8.1. CHART TITLE
    8.2. CHART STATS
    8.3. SPARKLINE
    8.4. LINE CHART
    8.5. AREA CHART
    8.6. SPARKLINE CHART
    8.7. CHART ACTION
9. NAVBAR
    9.1. NAVBAR HEADER
    9.2. NAVBAR SEARCH
    9.3. NAVBAR NAV
10. SIDEBAR
    10.1. SIDEBAR PROFILE
    10.2. SIDEBAR NAV
    10.3. SIDEBAR WIDGETS
11. MAIN CONTAINER
    11.1. PAGE HEADER
    11.2. MAIN CONTENT
    11.3. MAIN FOOTER
*/

/*------------------------------------*\
    1. GENERAL STYLES
\*------------------------------------*/
html, body { height: 100%; }
body { color: #6b7280; background-color: #f3f4f6; font-family: 'Inter', sans-serif !important; font-size: 14px; line-height: 18px; font-weight: 400; word-wrap: break-word; overflow-x: visible;}
body.page-light { background-color: #fff; }
p:last-child { /* RESET MARGIN OF LAST P TAG */ margin-bottom: 0; }
ul:last-child { margin-bottom: 0; }
table:last-child { margin-bottom: 0; }
img, .nav > li > a > img { /* RESPONSIVE IMAGES */ max-width: 85%; height: auto; }

::-moz-selection {
 color: #fff;
 background-color: #00b36c;
}
::selection { color: #fff; background-color: #00b36c; }
.wrapper { height: 100%; }
 [data-trigger="sparkline"] {
 font-size: 0;
}
/* 1.1. LINKS */
a, .btn-link { -webkit-transition-property: color, border-color, background-color, box-shadow; transition-property: color, border-color, background-color, box-shadow; -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transition-timing-function: ease, ease, ease-in-out, ease-in-out; transition-timing-function: ease, ease, ease-in-out, ease-in-out; }
a, .btn-link, a:link, .btn-link:link, a:visited, .btn-link:visited, a:hover, .btn-link:hover, a:focus, .btn-link:focus, a:active, .btn-link:active { /* RESET TEXT DECORATION */ text-decoration: none; }
.no-outlines a, .no-outlines .btn-link, .no-outlines a:link, .no-outlines .btn-link:link, .no-outlines a:visited, .no-outlines .btn-link:visited, .no-outlines a:hover, .no-outlines .btn-link:hover, .no-outlines a:focus, .no-outlines .btn-link:focus, .no-outlines a:active, .no-outlines .btn-link:active { /* REMOVE OUTLINE */ outline: 0; }
a { color: #e16123; }
a:hover, a:focus { color: #e16123; }
.btn-link { display: inline-block; color: inherit; font-weight: inherit; cursor: pointer; }
.btn-link:hover, .btn-link:focus, .btn-link.active { color: #e16123; }
button.btn-link { border-width: 0; }
/* 1.2. HEADINGS */
.h1, .h2, .h3, .h4, .h5, .h6 { margin-top: 0; margin-bottom: 0; }
h1, .h1 { font-size: 36px; }
h2, .h2 { font-size: 30px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 16px; }
h6, .h6 { font-size: 14px; }
h1, .h1 { line-height: 46px; }
h2, .h2 { line-height: 40px; }
h3, .h3 { line-height: 34px; }
h4, .h4 { line-height: 28px; }
h5, .h5 { line-height: 26px; }
h6, .h6 { line-height: 24px; }
/* 1.3. FORM ELEMENTS */
.form-group { margin-bottom: 13px; margin-bottom: 0.8125rem; }
label { display: block; margin-bottom: 0; }
label + label { margin-top: 10px; }
.btn-group > label + label { margin-top: 0; }
.form-inline label + label { margin-top: 0; }
.label-text { display: inline-block; margin-bottom: 8px; color: #1F2937; font-weight: 700; }
.form-control { height: 40px; padding: 8px 20px; padding: 0.5rem 1.25rem; border-color: #ebebea; font-size: inherit; box-shadow: none; -webkit-transition-duration: .25s; transition-duration: .25s; }
.no-outlines .form-control { outline: 0; }
.form-control:focus { border-color: #00B36C; box-shadow: none; }
.form-control.error { border-color: #e16123; }
.form-control-lg { height: 50px; padding-top: 11px; padding-top: 0.6875rem; padding-bottom: 11px; padding-bottom: 0.6875rem; font-size: 16px; line-height: 26px; }
.form-control-sm { height: 34px; padding-top: 4px; padding-top: 0.25rem; padding-bottom: 4px; padding-bottom: 0.25rem; font-size: 13px; line-height: 24px; }
.form-control-rounded { border-radius: 30px; }
.form-control[type="number"] { padding-right: 8px; padding-right: 0.5rem; }
textarea.form-control { height: auto; min-height: 120px; margin-top: 0px; }
#add-task textarea.form-control, #add-note textarea.form-control { height: auto; min-height: 65px; margin-top: 0px; }
select { cursor: pointer; /* SET POINTER */ }
.no-outlines select { outline: 0; /* RESET OUTLINE */ }
select.form-control { padding: 8px 15px 9px; padding: 0.5rem 0.9375rem 0.5625rem; }
select.form-control:not([size]):not([multiple]) { height: 40px; }
select.form-control[multiple] { min-height: 120px; padding: 5px 0; padding: 0.3125rem 0; overflow: auto; }
select.form-control option { padding: 4px 20px; padding: 0.25rem 1.25rem; }
.form-check, .form-radio { margin-bottom: 0; padding-left: 0; }
.form-check + .form-check, .form-radio + .form-radio { margin-top: 6px; }
.form-inline .form-check + .form-check, .form-inline .form-radio + .form-radio { margin-top: 0; }
.form-check-input, .form-radio-input { display: none; color: #b4b2b2; }
.form-check-label, .form-radio-label { display: inline-block; position: relative; padding-left: 24px; cursor: pointer; z-index: 0; color: #111827;}
.form-check-label:before, .form-radio-label:before { content: " "; position: absolute; top: 50%; left: 0; margin-top: -8px; width: 16px; height: 16px; border: 1px solid #ccc; border-radius: 2px; }
.form-check-label:after, .form-radio-label:after { content: "\f00c"; position: absolute; top: 50%; left: 0; margin-top: -8px; width: 16px; height: 16px; color: #fff; background-color: #00B36C; border-radius: 2px; font-family: "Font Awesome\ 5 Free"; font-size: 11px; line-height: 17px; font-weight: 700; text-align: center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(0.3); transform: scale(0.3); -webkit-transition: opacity .25s linear, -webkit-transform .25s linear; transition: opacity .25s linear, -webkit-transform .25s linear; transition: opacity .25s linear, transform .25s linear; transition: opacity .25s linear, transform .25s linear, -webkit-transform .25s linear; }
.form-check-input:checked + .form-check-label:after, .form-radio-input:checked + .form-radio-label:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1); transform: scale(1); }
.form-radio-label:before, .form-radio-label:after { border-radius: 50%; }
.custom-checkbox { padding-left: 30px; padding-left: 1.875rem; }
.custom-checkbox > .custom-control-indicator { display: block; position: absolute; top: 2px; left: 0; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 2px; }
.custom-checkbox > .custom-control-indicator:before { content: "\f00c"; display: block; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; color: #fff; background-color: #009378; border-radius: 2px; font-family: "Font Awesome\ 5 Free"; font-size: 11px; line-height: 21px; font-weight: 700; text-align: center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(0.3); transform: scale(0.3); -webkit-transition: opacity .25s linear, -webkit-transform .25s linear; transition: opacity .25s linear, -webkit-transform .25s linear; transition: opacity .25s linear, transform .25s linear; transition: opacity .25s linear, transform .25s linear, -webkit-transform .25s linear; }
.custom-checkbox > input:checked + .custom-control-indicator:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1); transform: scale(1); }
.custom-checkbox > .custom-control-description { cursor: pointer; }
.custom-file { height: 100px; border: 2px dashed #ccc; border-radius: 6px; }
.custom-file-input { height: 100%; cursor: pointer; }
.custom-file-label { height: 100%; padding: 7px 20px; padding: 0.4375rem 1.25rem; line-height: 78px; border: 0px; font-size: 21px; text-align: left; }
.custom-file-label:after { height: 100%; padding: 7px 20px; padding: 0.4375rem 1.25rem; }
.input-group + .input-group { margin-top: 15px; }
.input-group-text { padding-left: 20px; padding-left: 1.25rem; padding-right: 20px; padding-right: 1.25rem; color: #fff; background-color: #1f77b4; border-color: #1f77b4; }
.input-group-text .fa { font-size: 14px; line-height: 24px; }
/* 1.4. ICONS */
a.star-icon { color: #6b7280; }
a.star-icon:hover, a.star-icon.is-stared { color: #009378; background-color: transparent; }
a.star-icon:before { content: "\f005"; font-family: "Font Awesome\ 5 Free"; font-size: 12px; font-weight: 400; }
a.star-icon.is-stared:before { font-weight: 700; }
/*------------------------------------*\
    2. UTILITY CLASSES
\*------------------------------------*/
/* 2.1. WIDTH */
.w-8px { width: 8px !important; }
.w-10px { width: 10px !important; }
.w-12px { width: 12px !important; }
.w-15px { width: 15px !important; }
/* 2.2. HEIGHT */
.h-8px { height: 8px !important; }
.h-10px { height: 10px !important; }
.h-12px { height: 12px !important; }
.h-15px { height: 15px !important; }
/* 2.3. BACKGROUND COLORS */
.bg-blue { background-color: #2bb3c0; }
.bg-darker { background-color: #252525; }
.bg-green { background-color: #009378; }
.bg-orange { background-color: #e16123; }
.bg-red { background-color: #ff4040; }
.bg-whitesmoke { background-color: #ebebea; }
/* 2.6. TEXT COLORS */
.text-blue { color: #2bb3c0; }
.text-lightergray { color: #6b7280; }
.text-orange { color: #e16123; }
.text-red { color: #ff4040; }
/* 2.7. BORDER COLORS */
.border-blue { border-color: #2bb3c0 !important; }
.border-green { border-color: #009378 !important; }
.border-orange { border-color: #e16123 !important; }
.border-red { border-color: #ff4040 !important; }
/* 2.4. BACKGROUND IMAGE */
.bg--img { background-size: cover; background-position: center; background-repeat: no-repeat; }

/* 2.5. BACKGROUND OVERLAY */
[data-overlay] {
 position: relative;
 z-index: 0;
}
[data-overlay]:before { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; z-index: -1; }
[data-overlay~="0"]:before { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
[data-overlay~="0.1"]:before { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; }
[data-overlay~="0.2"]:before { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }
[data-overlay~="0.3"]:before { opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
[data-overlay~="0.4"]:before { opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }
[data-overlay~="0.5"]:before { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
[data-overlay~="0.6"]:before { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
[data-overlay~="0.7"]:before { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
[data-overlay~="0.8"]:before { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
[data-overlay~="0.9"]:before { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
[data-overlay~="1"]:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
[data-overlay~="lighter"]:before { background-color: #eee; }
[data-overlay~="blue"]:before { background-color: #1f77b4; }
[data-overlay~="orange"]:before { background-color: #e16123; }
[data-overlay~="green"]:before { background-color: #00B36C; }
[data-overlay~="red"]:before { background-color: #ff4040; }
[data-overlay~="black"]:before { background-color: #000000; }
[data-overlay~="yellow"]:before { background-color: #FFCF00; }
[data-overlay~="grey"]:before { background-color: #808080; }
.panel[data-overlay] { overflow: hidden; }
/* 2.8. FONTS */
.fw--600 { font-weight: 600; }
/* 2.9. GUTTERS */
.gutter-20 { margin-left: -10px; margin-right: -10px; }
 .gutter-20 > [class*='col-'] {
 padding-left: 10px;
 padding-right: 10px;
}
/*------------------------------------*\
    3. VENDOR OVERRIDES
\*------------------------------------*/
/* 3.1. SELECT2
.select2-dropdown { min-width: 150px; padding: 10px 0; border-width: 0; border-radius: 0; box-shadow: 0 1px 5px rgba(0, 0, 0, .08); }
.select2-search--dropdown { padding: 5px 15px 15px; }
.select2-search--dropdown .select2-search__field { padding: 2px 10px; font-size: 13px; }
.no-outlines .select2-search--dropdown .select2-search__field { outline: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field { border-color: #eee; }
.select2-results__option { padding: 5px 15px; color: #6b7280; font-size: 13px; line-height: 23px; -webkit-transition: color .35s, background-color .35s cubic-bezier(0.99, 0, 0.5, 0.99); transition: color .35s, background-color .35s cubic-bezier(0.99, 0, 0.5, 0.99); white-space: nowrap; }
.select2-container--default .select2-results__option[aria-selected="true"] { background-color: #f5f5f5; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { color: #6b7280; background-color: #f5f5f5; }*/
/* 3.2. PERFECT SCROLLBAR */
.ps__rail-y { width: 10px; background-color: transparent; opacity: 0.25; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; }
.ps__rail-y:hover, .ps__rail-y:focus { background-color: transparent; }
.ps__rail-y > .ps__thumb-y { background-color: #ccc; cursor: pointer; }
.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y { width: 6px; background-color: #ccc; }
/* 3.3. MORRIS CHART */
.morris-hover.morris-default-style { padding: 7px 20px 11px; background-color: rgba(255, 255, 255, 0.95); border-width: 0; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -webkit-transition: top .35s linear, left .35s linear; transition: top .35s linear, left .35s linear; }
.morris-hover.morris-default-style .morris-hover-row-label { font-size: 14px; font-weight: 400; }
.morris-hover.morris-default-style .morris-hover-point + div { margin-top: -4px; }
/* 3.4. JVECTOR MAP */
.jvectormap-zoomin, .jvectormap-zoomout { top: 0; left: 0; width: auto; min-width: 26px; height: auto; padding: 0; color: #6b7280; background-color: #fff; border: 1px solid #6b7280; border-radius: 2px 2px 0 0; font-size: 22px; line-height: 28px; -webkit-transition: color .25s, background-color .25s ease-in-out; transition: color .25s, background-color .25s ease-in-out; }
.jvectormap-zoomout { top: 29px; border-radius: 0 0 2px 2px; }
.jvectormap-zoomin:hover, .jvectormap-zoomout:hover { color: #e16123; }
/* 3.5. HORIZONTAL TIMELINE */
.cd-horizontal-timeline { margin: 0; padding-top: 21px; border-top: 1px solid #ebebea; }
.cd-horizontal-timeline .timeline { width: 100%; }
.cd-horizontal-timeline .events > ol { margin: 0; padding: 0; list-style: none; }
.cd-horizontal-timeline .events a { padding-bottom: 19px; color: #6b7280; font-size: inherit; white-space: nowrap; }
.cd-horizontal-timeline .events a.selected { color: #393939; }
.cd-horizontal-timeline .events a.selected:after, .no-touch .cd-horizontal-timeline .events a:hover:after { background-color: #2bb3c0; border-color: #2bb3c0; }
.cd-horizontal-timeline .events a.older-event:not(.selected):after { background-color: #fff; border-color: #2bb3c0; }
.cd-horizontal-timeline .filling-line { background-color: #2bb3c0; }
.cd-timeline-navigation { margin: 0; padding: 0; list-style: none; }
.cd-timeline-navigation a { color: #2bb3c0; border-width: 1px; border-color: #2bb3c0; font-size: 20px; line-height: 27px; text-indent: 0; text-align: center; vertical-align: middle; }
.cd-timeline-navigation a.prev { -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); }
.cd-timeline-navigation a.inactive { color: #ccc; border-color: #ccc; }
.cd-timeline-navigation a .fa { vertical-align: middle; }
.cd-timeline-navigation a:after { display: none; }
.cd-horizontal-timeline .events-content { margin: 12px 0 3px; }
.cd-horizontal-timeline .events-content > ol { margin: 0; padding: 0; list-style: none; }
.cd-horizontal-timeline .events-content > ol > li { padding-left: 0; padding-right: 0; }
.cd-horizontal-timeline .events-content .title .h4 { color: #393939; font-family: "Open Sans", sans-serif; font-size: 18px; line-height: 28px; font-weight: 600; }
.cd-horizontal-timeline .events-content .subtitle { margin-top: 6px; }
.cd-horizontal-timeline .events-content .subtitle p { font-size: 14px; line-height: 24px; font-style: italic; }
.cd-horizontal-timeline .events-content .desc { margin-top: 13px; }
.cd-horizontal-timeline .events-content .desc p { color: #6b7280; font-size: 14px; line-height: 24px; }
.vertical-timeline > ul { position: relative; z-index: 0; }
.vertical-timeline > ul:before { content: " "; display: none; position: absolute; top: 0; left: 134px; width: 6px; height: 100%; background-color: #ebebea; border-radius: 25px; }
.vertical-timeline > ul > li { position: relative; z-index: 0; }
.vertical-timeline > ul > li:before, .vertical-timeline > ul > li:after { content: " "; display: table; }
.vertical-timeline > ul > li:after { clear: both; }
.vertical-timeline > ul > li + li { margin-top: 25px; }
.vertical-timeline .title, .vertical-timeline .action { display: inline-block; position: relative; width: 80px; padding: 7px 0; color: #e16123; background-color: #fff; border: 1px solid; border-radius: 25px; text-align: center; z-index: 0; }
.vertical-timeline .action { padding: 0; border-width: 0; }
.vertical-timeline .time { display: block; position: absolute; top: 12px; left: 20px; color: #6b7280; white-space: nowrap; }
.vertical-timeline .dot { float: left; display: none; position: relative; width: 30px; margin-top: 24px; margin-right: 35px; background-color: #fff; border: 8px solid #fff; border-radius: 50%; z-index: 0; }
.vertical-timeline .dot:before { content: " "; position: absolute; top: 7px; left: 22px; width: 25px; height: 8px; background-color: #ebebea; border-radius: 0 25px 25px 0; }
.vertical-timeline .content { padding: 36px 20px 13px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; }
.vertical-timeline .subtitle { margin: 0 0 6px; color: #111827; font-size: 16px; line-height: 26px; font-weight: 600; }
/* 3.6. DROPZONE */
.dropzone { position: relative; min-height: 226px; background-color: #f8f8f8; border-style: dashed; border-width: 1px; border-color: #ccc; border-radius: 4px; z-index: 0; }
.dropzone .dz-message { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; }
.dropzone .dz-preview { padding: 15px; border: 1px solid #eee; border-radius: 4px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); z-index: 0; }
.dropzone .dz-preview .dz-image { border-radius: 4px; }
.dropzone .dz-remove:before { content: "\f00d"; font-family: "Font Awesome\ 5 Free"; position: absolute; top: -18px; right: -18px; width: 40px; background-color: rgba(255, 255, 255, 0.65); border-radius: 50%; font-size: 22px; line-height: 40px; font-weight: 700; -webkit-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; z-index: 1001; }
.dropzone .dz-remove:hover:before { background-color: #fff; }
/* 3.7. ION RANGE SLIDER */
.irs { margin-bottom: 10px; }
.irs-line { height: 15px; background-color: #f1f1f1; border-radius: 25px; box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.05); }
.irs-line > span { background: none; }
.irs-max, .irs-min { background-color: transparent; border: 1px solid #e9e9e9; }
.irs-single, .irs-from, .irs-to { top: -18px; padding-left: 10px; padding-right: 10px; background: -webkit-linear-gradient(#ff9c6d, #e16123); background: linear-gradient(#ff9c6d, #e16123); font-size: 14px; line-height: 22px; }
.irs-single:after { bottom: -12px; margin-left: -6px; border-width: 6px; border-top-color: #e16123; }
.irs-bar { height: 15px; background: #009378; }
.irs.info .irs-bar { background-color: #2bb3c0; }
.irs.warning .irs-bar { background-color: #e16123; }
.irs.danger .irs-bar { background-color: #ff4040; }
.irs-bar-edge { width: 15px; height: 15px; background: #009378; border-radius: 25px 0 0 25px; }
.irs.info .irs-bar-edge { background-color: #2bb3c0; }
.irs.warning .irs-bar-edge { background-color: #e16123; }
.irs.danger .irs-bar-edge { background-color: #ff4040; }
.irs-slider { top: 18px; width: 30px; height: 30px; background: -webkit-linear-gradient(#fff, #f1f1f1); background: linear-gradient(#fff, #f1f1f1); border-radius: 50%; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); cursor: pointer; }
/*------------------------------------*\
    4. WIDGETS
\*------------------------------------*/
/* 4.1. WIDGET TITLE */
.widget--title { padding: 3px 20px 13px; color: #e16123; font-weight: 600; text-transform: uppercase; }
/* 4.2. SUMMARY WIDGET */
.summary--item { padding: 13px 20px; color: #6b7280; border-style: solid; border-width: 1px 0; border-color: rgba(255, 255, 255, 0.03); }
.summary--item + .summary--item { border-top-width: 0; }
.summary--chart { float: right; width: 107px; margin: 7px 0 0; }
.summary--title { margin-bottom: 0; text-transform: uppercase; }
.summary--stats { font-size: 18px; line-height: 28px; font-weight: 600; }
/*------------------------------------*\
    5. COMPONENTS
\*------------------------------------*/
/* 5.1. BUTTONS */
.no-outlines button:focus { outline: 0; /* Reset Outline */ }
.btn { padding: 8px 20px; border-width: 0; border-radius: 6px; font-size: 14px; line-height: 24px; text-transform: capitalize; -webkit-transition-property: color, border-color, background-color; transition-property: color, border-color, background-color; -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; cursor: pointer; }
.btn.active, .btn:active, .btn.focus, .btn:focus, .btn:not([disabled]):not(.disabled).active, .btn:not([disabled]):not(.disabled):active, .show > .btn.dropdown-toggle { box-shadow: none !important; /* RESET BUTTON BOX SHADOW */ }
.no-outlines .btn:focus, .no-outlines .btn.focus, .no-outlines .btn.active.focus, .no-outlines .btn.active:focus, .no-outlines .btn:active.focus, .no-outlines .btn:active:focus, .no-outlines .btn.focus { outline: 0; /* RESET BUTTON OUTLINE */ }
.btn.disabled, .btn:disabled, .btn[disabled] { cursor: default !important; }
.btn-sm { padding: 4px 15px; font-size: 15px; line-height: 30px; font-weight: 500;}
.btn-lg { padding: 11px 25px; font-size: 18px; line-height: 28px; }
.btn-rounded { border-radius: 4px; }
.btn-group.btn-group-vertical > .btn-rounded:first-child { border-top-right-radius: 4px; }
.btn-group.btn-group-vertical > .btn-rounded:last-child { border-bottom-left-radius: 4px; }
.btn-primary:focus, .btn-info:focus, .btn-success:focus, .btn-danger:focus, .btn-warning:focus { color: #fff; }
/* .btn-default, .btn-default.disabled, .btn-default:disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .btn-default:not(:disabled):not(.disabled):active, .open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.btn-default:hover, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default.focus, .show > .dropdown-toggle.btn-default, .nav > li > a.btn-default:hover, .nav > li > a.btn-default:focus, .nav > li.active > a.btn-default { color: #393939; background-color: #ebebea; } */
.btn-primary, .btn-primary.disabled, .btn-primary:disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .btn-primary:not(:disabled):not(.disabled):active, .open > .dropdown-toggle.btn-primary, .open > .dropdown-toggle.btn-primary:hover, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary.focus, .show > .dropdown-toggle.btn-primary, .nav > li > a.btn-primary:hover, .nav > li > a.btn-primary:focus, .nav > li.active > a.btn-primary { background-color: #745faa; }
.btn-info, .btn-info.disabled, .btn-info:disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .btn-info:not(:disabled):not(.disabled):active, .open > .dropdown-toggle.btn-info, .open > .dropdown-toggle.btn-info:hover, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info.focus, .show > .dropdown-toggle.btn-info, .nav > li > a.btn-info:hover, .nav > li > a.btn-info:focus, .nav > li.active > a.btn-info { background-color: #1f77b4; }
.btn-warning, .btn-warning.disabled, .btn-warning:disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .btn-warning:not(:disabled):not(.disabled):active, .open > .dropdown-toggle.btn-warning, .open > .dropdown-toggle.btn-warning:hover, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning.focus, .show > .dropdown-toggle.btn-warning, .nav > li > a.btn-warning:hover, .nav > li > a.btn-warning:focus, .nav > li.active > a.btn-warning { color: #fff; background-color: #ffcf00; }
.btn-danger, .btn-danger.disabled, .btn-danger:disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .btn-danger:not(:disabled):not(.disabled):active, .open > .dropdown-toggle.btn-danger, .open > .dropdown-toggle.btn-danger:hover, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger.focus, .show > .dropdown-toggle.btn-danger, .nav > li > a.btn-danger:hover, .nav > li > a.btn-danger:focus, .nav > li.active > a.btn-danger { background-color: #ff4040; }
.btn-outline-primary, .btn-outline-secondary, .btn-outline-info, .btn-outline-danger, .btn-outline-success, .btn-outline-warning { padding-top: 7px; padding-bottom: 7px; border-width: 1px; }
.btn-sm.btn-outline-primary, .btn-sm.btn-outline-secondary, .btn-sm.btn-outline-info, .btn-sm.btn-outline-danger, .btn-sm.btn-outline-success, .btn-sm.btn-outline-warning { padding-top: 3px; padding-bottom: 3px; border-width: 1px; }
.btn-outline-primary { color: #745faa; border-color: #745faa; }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:not([disabled]):not(.disabled).active, .btn-outline-primary:not([disabled]):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: #fff; background-color: #745faa; border-color: #745faa; }
.btn-outline-secondary { color: #111827; border-color: #ebebea; }
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:not([disabled]):not(.disabled).active, .btn-outline-secondary:not([disabled]):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { color: #393939; background-color: #ebebea; border-color: #ebebea; }
.btn-outline-info { color: #2bb3c0; border-color: #2bb3c0; }
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:not([disabled]):not(.disabled).active, .btn-outline-info:not([disabled]):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle { color: #fff; background-color: #2bb3c0; border-color: #2bb3c0; }
.btn-outline-danger { color: #ff4040; border-color: #ff4040; }
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:not([disabled]):not(.disabled).active, .btn-outline-danger:not([disabled]):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle { color: #fff; background-color: #ff4040; border-color: #ff4040; }
.btn-outline-success { color: #00b36c; border-color: #00b36c; }
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:not([disabled]):not(.disabled).active, .btn-outline-success:not([disabled]):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle { color: #fff; background-color: #00B36C; border-color: #00B36C; }
.btn-outline-warning { color: #ff4040; border-color: #ff4040; }
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:not([disabled]):not(.disabled).active, .btn-outline-warning:not([disabled]):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle { color: #fff; background-color: #ff4040; border-color: #ff4040; }
.btn-list > .btn, .btn-group-list > .btn-group { margin-right: 4px; }
.dropdown-toggle-split { overflow: hidden; }
.dropdown-toggle-split:before { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.15); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; z-index: -1; }
.dropdown-toggle-split:hover:before, .show > .dropdown-toggle-split:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.btn + .dropdown-toggle-split, .dropdown-toggle-split + .btn { border-left: 1px solid rgba(0, 0, 0, 0.15); }
/* 5.2. CALENDAR */
.fc .fc-button { float: none; height: auto; margin-left: 5px; margin-bottom: 5px; padding: 4px 20px; background-color: #f8f8f8; background-image: none; border: 1px solid #f8f8f8; border-radius: 2px; box-shadow: none; text-transform: capitalize; -webkit-transition: color .25s, border-color .25s; transition: color .25s, border-color .25s; }
.fc .fc-basicDay-button { margin-left: 20px; }
.fc .fc-state-active { border-color: #e16123; }
.fc-toolbar.fc-header-toolbar { margin-bottom: 0; }
.fc-toolbar .fc-right { float: none; text-align: right; }
.fc-toolbar .fc-center { display: block; width: 100%; margin-top: 15px; color: #fff; background-color: #2bb3c0; border-radius: 2px 2px 0 0; clear: both; }
.fc-toolbar .fc-center:after { content: " "; display: block; clear: both; }
.fc-toolbar h2 { padding: 12px 0; font-size: 16px; line-height: 26px; font-weight: 600; text-transform: uppercase; }
.fc .fc-toolbar h2 { float: none; margin-left: 0; }
.fc-center .fc-button { float: left; margin-bottom: 0; padding: 12px 20px; color: #fff; background-color: transparent; border-width: 0; font-size: 16px; line-height: 26px; }
.fc-center .fc-next-button { float: right; }
.fc-widget-header th { padding-top: 5px; padding-bottom: 5px; background-color: #f8f8f8; border-color: #eee; font-weight: 600; }
td.fc-widget-header { border-top-width: 0; border-color: #eee; }
td.fc-widget-content { border-color: #eee; }
.fc-basic-view .fc-day-number { padding: 3px 7px; }
.fc-event { color: #fff !important; background-color: #04a3ff; border-color: #04a3ff; border-radius: 2px; font-size: 14px; line-height: 24px; }
.fc-day-grid-event { margin-left: 0; margin-right: 0; padding: 7px 10px; }
tr:first-child > td > .fc-day-grid-event { margin-top: 0; }
.fc-event > .fc-content { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/* 5.3. CALENDAR EVENTS */
.calendar--events .h4 { margin-bottom: 20px; font-weight: 400; line-height: 34px; }
.calendar--events .fc-event { padding: 5px 10px 7px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; }
.calendar--events .fc-event + .fc-event { margin-top: 5px; }
.calendar--events .form-check { margin-top: 28px; color: #222; }
.calendar--events hr { margin-top: 28px; margin-bottom: 19px; }
.calendar--event__colors { display: -ms-flexbox; display: -webkit-box; display: flex; margin: -4px; padding: 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.calendar--event__colors li { position: relative; width: 30px; height: 30px; margin: 9px; border-radius: 50%; -webkit-transition-property: width, height, margin, border-radius; transition-property: width, height, margin, border-radius; -webkit-transition-duration: .25s; transition-duration: .25s; -webkit-transition-timing-function: linear; transition-timing-function: linear; cursor: pointer; z-index: 0; }
.calendar--event__colors li:before { content: " "; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; border: 1px solid #e5e5e5; border-radius: 2px; -webkit-transition: margin .25s linear, border-color .25s linear; transition: margin .25s linear, border-color .25s linear; z-index: -1; }
.calendar--event__colors li.active { width: 40px; height: 40px; margin: 4px; border-radius: 2px; }
.calendar--event__colors li.active:before { margin: 4px; border-color: transparent; }
/* 5.4. CLOSE */
.close { -webkit-transition: opacity .25s; transition: opacity .25s; cursor: pointer; }
/* 5.5. COUNTDOWN */
.countdown { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; padding: 0; list-style: none; text-transform: uppercase; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }
.countdown > li { position: relative; min-width: 125px; margin-right: 1px; margin-bottom: 1px; padding: 20px 30px 13px; z-index: 0; }
.countdown > li:before { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #2bb3c0; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; z-index: -1; }
.countdown > li > strong { font-size: 30px; font-weight: 700; }
.countdown > li > span { display: block; margin-top: 1px; font-weight: 300; }
/* 5.6. DROPDOWNS */
.dropdown-toggle:after, .dropup > .dropdown-toggle:after { margin-left: 8px; }
.dropdown-menu { border-width: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); }
.dropdown-item { color: #6b7280; font-size: 14px; line-height: 24px; }
.dropdown-item.active, .dropdown-item:active { color: #6b7280; background-color: #f8f9fa; }
.dropdown-divider { display: block; }
/* 5.7. JUMBOTRON */
.jumbotron { background-color: #f8f8f8; border: 1px solid #eee; }
.tab-pane > .jumbotron { margin: 10px 0; }
/* 5.8. NAV LINKS */
.nav li a:hover, .nav li a:focus, .nav li.open > a, .nav li.open > a:hover, .nav li.open > a:focus, .nav li.open > .dropdown-item:hover, .nav li.open > .dropdown-item:focus { background-color: transparent; /* RESET NAV HOVER AND FOCUS BACKGROUND COLOR */ }
.nav li a { color: inherit; }
.nav li a:focus, .nav li.active > a:focus, .nav li.open > a:focus { color: inherit; }
/* 5.9. NAV TABS */
.nav-tabs { padding-left: 0; padding-right: 0; border-width: 0; }
.nav-tabs li a { color: #111827 !important; }
.nav-tabs li a:hover { background-color: #f8f8f8; }
.nav-tabs .nav-item { margin-left: 0; margin-right: 2px; }
.nav-tabs .nav-link { padding: 12px 30px; }
.nav-tabs .nav-link:hover { border-color: #f8f8f8; }
.nav-tabs .nav-link:focus { color: #e16123; border-color: transparent; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #009378; background-color: transparent; border-color: #ebebea #ebebea #fff; }
.nav-tabs-left > li { width: 100%; }
.nav-tabs-left .nav-item { width: 100%; margin-right: 0; }
.nav-tabs-left .nav-link { padding-left: 20px; padding-right: 20px; border-width: 1px 0 1px 1px; border-color: transparent; border-radius: 4px 0 0 4px; }
.nav-tabs-left .nav-item.show .nav-link, .nav-tabs-left .nav-link.active { border-color: #ebebea; }
.nav-tabs-line .nav-item { margin-right: 0; }
.nav-tabs-line .nav-link { border-width: 0 0 4px; border-color: transparent; }
.nav-tabs-line .nav-link:hover { background-color: transparent; border-color: #e16123; }
.nav-tabs-line .nav-item.show .nav-link, .nav-tabs-line .nav-link.active { border-color: #00B36C; }
.nav-tabs-line-top .nav-link { border-width: 4px 1px 1px; border-color: transparent; border-radius: 0; }
.nav-tabs-line-top .nav-link:hover { background-color: transparent; border-color: #00B36C #ebebea #fff; }
.nav-tabs-line-top .nav-item.show .nav-link, .nav-tabs-line-top .nav-link.active { border-color: #00B36C #ebebea #fff; color: #00B36C !important; font-weight: bold; }
.nav-tabs-line-left .nav-item { margin-right: 0; }
.nav-tabs-line-left .nav-link { padding-left: 20px; padding-right: 20px; border-width: 1px 0 1px 4px; border-color: transparent; border-radius: 0; }
.nav-tabs-line-left .nav-link:hover { background-color: transparent; border-color: #ebebea #fff #ebebea #b2f6fd; }
.nav-tabs-line-left .nav-item.show .nav-link, .nav-tabs-line-left .nav-link.active { border-color: #ebebea #fff #ebebea #2bb3c0; }
/* 5.10. TABLES */
.table-bordered thead th { border-bottom-width: 1px; }
.table-cells-middle th, .table-cells-middle td { vertical-align: middle; }
.table.style--1 td { padding: 5px 0 10px; border-width: 0; vertical-align: middle; }
.table.style--1 td + td { padding-left: 10px; padding-right: 10px; }
.table.style--1 td:last-child { padding-right: 0; }
.table.style--1 tr:first-child td { padding-top: 0; }
.table.style--1 .media--img { border: 1px solid #eee; }
.table.style--1 .remove { font-size: 18px; line-height: 28px; }
.table.style--2 { margin-bottom: 5px; }
.table.style--2 th { padding: 0 20px 9px; color: #6b7280; border-bottom-color: #e8e8e8; border-width: 0 0 1px; vertical-align: middle; font-size: 12px; line-height: 20px; text-transform: uppercase; text-align: center; }
.table.style--2 td { padding: 10px 10px 0; border-width: 0; vertical-align: middle; text-align: center; }
.table.style--2 thead + tbody tr:first-child td { padding-top: 15px; }
.table-simple { color: #6b7280; }
.table-simple th, .table-simple td { border-width: 0; }
/* 5.11. TABS */
.tab-content { padding: 20px 5px 0px; border-top: 1px solid #ebebea; border-radius: 4px; word-break: break-word; }
.nav-tabs + .tab-content { border-radius: 0 0 4px 4px; }
.tab-title { color: #6b7280; margin-bottom: 23px; padding-bottom: 8px; border-bottom: 1px solid #ddd; font-weight: 700; }
/* 5.12. TAGS */
.tag { display: inline-block; margin-top: 3px; margin-bottom: 3px; margin-right: 5px; padding: 1px 10px; color: #393939; background-color: #eee; border-radius: 4px; font-size: 12px; line-height: 22px; }
.tag:before { content: "\f02b"; margin-right: 5px; font-family: "Font Awesome\ 5 Free"; font-weight: 700; }
.tag-frontend:before { color: #ff4040; }
.tag-backend:before { color: #009378; }
.tag-hardware:before { color: #e16123; }
.tag-software:before { color: #2bb3c0; }
/* 5.13. BREADCRUMBS */
.breadcrumb { margin-top: 4px; padding: 0; background-color: transparent; border-radius: 0; font-size: 12px; line-height: 22px; font-weight: 600; }
.breadcrumb > .breadcrumb-item { color: #6b7280; }
.breadcrumb > .breadcrumb-item.active { color: #e16123; }
.breadcrumb > .breadcrumb-item + .breadcrumb-item:before { content: "\f105"; color: #6b7280; font-family: "Font Awesome\ 5 Free"; font-weight: 700; }
.breadcrumb > .breadcrumb-item > a:not(:hover) { color: inherit; }
/* 5.14. BADGES */
.badge { min-width: 19px; padding: 1px 0px 0; border-radius: 50px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); font-size: 11px; line-height: 18px; font-weight: 400; text-align: center; }
/* 5.15. LABELS */
.label { display: inline-block; padding: 1px 15px; border-radius: 25px; color: #fff; font-size: 13px; line-height: 23px; font-weight: 400; white-space: nowrap; cursor: default; }
.label-default { background-color: #151515; }
.label-primary { background-color: #2bb3c0; }
.label-success { background-color: #00B36C; }
.label-info { background-color: #2bb3c0; }
.label-warning { background-color: #e16123; }
.label-danger { background-color: #ff4040; }
.label-blue { background-color: #2bb3c0; }
.label-orange { background-color: #e16123; }
.label-green { background-color: #009378; }
.label-red { background-color: #ff4040; }
.label-black { background-color: #353535; }
.label-gray { background-color: #ccc; }
/* 5.16. CARD */
.card { border-color: #ebebea; }
.card + .card { margin-top: 5px; }
.card-header { padding: 0; border-width: 0; }
.card-header .btn-link { display: block; position: relative; width: 100%; color: #1F2937; font-size: 16px; line-height: 26px; text-transform: none; text-align: left; white-space: normal; z-index: 0; }
.card-header .collapse-icon { padding-right: 40px; font-weight: 600; }
.card-header .collapse-icon:before { content: "-"; position: absolute; top: 50%; right: 20px; font-size: 22px; line-height: 22px; margin-top: -11px; }
.card-header .collapse-icon.collapsed:before { content: "+"; }
.card-body { border-top: 1px solid #ebebea; }
/* 5.17. MAPS */
.vector--map { height: 156px; -webkit-transition: background-color .35s ease-in-out; transition: background-color .35s ease-in-out; }
.vector--map:hover { background-color: #fbfbfb; }
.map--stats { color: #6b7280; }
.vector--map + .map--stats { margin-top: 12px; }
.map--stats .table { border: 1px solid #e8e8e8; }
.map--stats .table td { padding: 5px 20px 7px; border-color: #e8e8e8; }
.map--stats .table td + td { text-align: right; }
.map--stats .table .btn-link { display: block; text-align: center; }
/* 5.18. MEDIA */
.media:before, .media:after { content: " "; display: table; }
.media:after { clear: both; }
.media--img { float: left; max-width: 80px; }
.media--img img { border-radius: 2px; }
.media--name { color: #393939; font-weight: 600; }
.media--desc { margin-top: -1px; font-size: 12px; line-height: 22px; }
/* 5.19. MODAL */
.modal-header { padding: 13px 20px; padding: 0.8125rem 1.25rem; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
/* .modal-title { color: #393939; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } */
.modal-body { padding: 30px 20px; padding: 1.875rem 1.25rem; }
.modal-body > p:not(:last-child) { margin-bottom: 1.25rem; }
/* 5.20. NAVIGATION */
.navigation { margin: 0; padding: 0; list-style: none; }
.navigation > li + li { margin-top: 1px; }
.navigation > li > a { display: -ms-flexbox; display: -webkit-box; display: flex; padding: 8px 15px; color: inherit; border-radius: 4px; -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; word-break: break-word; }
.navigation > li > a:hover, .navigation > li.active > a { color: #393939; background-color: #f8f8f8; }
.navigation > li > a.has-unread { color: #393939; font-weight: 700; }
.navigation > li > a > i { padding-top: 6px; padding-right: 14px; font-size: 12px; }
.navigation > li > a > .badge { margin-top: 1px; margin-left: auto; font-size: 12px; box-shadow: none; }
.navigation > .title { color: #393939; font-weight: 600; }
.navigation > .title:first-child { margin-top: -7px; }
.navigation > li + .title { margin-top: 23px; }
.navigation > .title + li { margin-top: 8px; }
.navigation-highlighted > li.active > a { color: #fff; background-color: #2bb3c0; }
.navigation-highlighted > li > a > i { font-size: 13px; }
/* 5.21. PANEL */
.panel { margin-bottom: 30px; position: relative; color: #6b7280; background-color: #fff; border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, .08); }
.panel-heading { color: #1F2937; padding: 10px 20px; border-width: 0; border-radius: 0; }
.panel-heading:before, .panel-heading:after { content: " "; display: table; }
.panel-heading:after { clear: both; }
.panel-title { float: left; margin-top: 3px; margin-bottom: 3px; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; }
.panel-title select { border-width: 0; background-color: transparent; text-transform: uppercase; }
.panel-title select option { text-transform: capitalize; }
.panel-title .select2 { display: block; min-width: 200px; }
.panel-title .select2-selection { height: auto; padding: 0; background-color: transparent; border-width: 0; border-radius: 0; overflow: hidden; white-space: nowrap; }
.no-outlines .panel-title .select2-selection { outline: 0; }
.panel-title .select2-selection .select2-selection__rendered { float: left; margin-right: 8px; padding: 0; line-height: inherit; }
.panel-title .select2-selection .select2-selection__arrow { float: left; display: block; position: relative; top: auto; right: auto; width: auto; height: auto; }
.panel-title .select2-selection .select2-selection__arrow:before { content: "\f107"; font-family: "Font Awesome\ 5 Free"; font-weight: 700; }
.panel-title .select2-container--open .select2-selection__arrow:before { content: "\f106"; }
.panel-title .select2-selection .select2-selection__arrow b { display: none; }
.panel-heading .dropdown { float: right; }
.panel-heading .dropdown .dropdown-toggle { margin: -10px -20px; padding: 10px 20px; color: #6b7280; border-width: 0; font-size: 14px; line-height: 30px; cursor: pointer; }
.panel-heading .dropdown .dropdown-toggle:after { display: none; }
.panel-heading .dropdown-menu { top: 30px !important; left: auto !important; right: -20px; margin: 0; padding: 10px 0; border-width: 0; border-radius: 4px 0 0 4px; box-shadow: 0 1px 5px rgba(0, 0, 0, .08); -webkit-transform: none !important; transform: none !important; z-index: 1001; }
.panel-heading .dropdown-menu a { padding: 5px 15px; color: #6b7280; font-size: 13px; line-height: 23px; }
.panel-heading .dropdown-menu a:hover { color: #e16123; }
.panel-heading .dropdown-menu i { min-width: 15px; margin-right: 6px; font-size: 11px; text-align: center; }
.panel-subtitle { margin: 20px 0; }
.panel-subtitle:first-child { margin-top: 0; }
.panel-subtitle .h5 { color: #6b7280; font-weight: 600; }
.panel-subtitle .h5 small { color: #777; }
.panel-body { padding: 20px; }
.panel-content { position: relative; padding: 31px 20px 33px; border-top: 1px solid #eee; border-radius: 0 0 4px 4px; }
.panel-about table { width: 100%; word-break: break-word; }
.panel-about table tr + tr th, .panel-about table tr + tr td { padding-top: 8px; }
.panel-about table th { min-width: 120px; color: #2bb3c0; font-weight: 400; vertical-align: top; }
.panel-about table th > i { min-width: 14px; margin-right: 8px; text-align: center; }
.panel-social { position: relative; padding: 0 20px 33px; border-radius: 0 0 4px 4px; z-index: 0; }
.panel-heading + .panel-social { padding-top: 21px; border-top: 1px solid #eee; }
.panel-social > .nav { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }
.panel-social > .nav > li:not(:last-child) { margin-right: 20px; }
.panel-social > .nav > li > a { color: #ccc; }
.panel-social > .nav > li > a:hover { color: #393939; }
.panel-activity__status > .form-control { min-height: 80px; padding-top: 15px; padding-bottom: 15px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.panel-activity__status > .form-control:not(:focus) { border-color: #ccc; }
.panel-activity__status > .actions { display: -ms-flexbox; display: -webkit-box; display: flex; padding: 10px 20px; background-color: #ebebea; border-style: solid; border-width: 0 1px 1px; border-color: #ccc; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.panel-activity__status > .actions > .btn-group { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; font-size: 16px; }
.panel-activity__status > .actions > .btn-group > .btn-link { padding-left: 0; padding-right: 0; color: #9c9c9c; }
.panel-activity__status > .actions > .btn-group > .btn-link:hover { color: #393939; }
.panel-activity__status > .actions > .btn-group > .btn-link:not(:last-child) { margin-right: 25px; }
.panel-activity__list { position: relative; margin: 60px 0 0; padding: 0; list-style: none; z-index: 0; }
.panel-activity__list:before { content: " "; display: none; position: absolute; top: 20px; left: 35px; bottom: 0; border-left: 2px solid #ebebea; }
.panel-activity__list > li { position: relative; z-index: 0; }
.panel-activity__list > li + li { margin-top: 51px; }
.activity__list__icon { display: none; position: absolute; top: 2px; left: 0; min-width: 30px; color: #fff; background-color: #2bb3c0; border-radius: 50%; line-height: 30px; text-align: center; }
.activity__list__header { position: relative; min-height: 35px; padding-top: 4px; padding-left: 45px; color: #6b7280; z-index: 0; }
.activity__list__header img { position: absolute; top: 0; left: 0; max-width: 35px; border-radius: 50%; }
.activity__list__header p { display: inline-block; vertical-align: middle; }
.activity__list__header a { color: #222; font-weight: 600; }
.activity__list__body { padding-top: 13px; padding-left: 43px; }
.activity__list__footer { display: -ms-flexbox; display: -webkit-box; display: flex; margin-top: 23px; margin-left: 43px; padding: 13px 8px 0; color: #6b7280; border-top: 1px dotted #ccc; }
.activity__list__footer a { color: inherit; }
.activity__list__footer a:hover { color: #222; }
.activity__list__footer a + a { margin-left: 15px; }
.activity__list__footer i { margin-right: 8px; }
.activity__list__footer span { margin-left: auto; }
/* 5.22. PAGINATION */
.page-link { min-width: 35px; min-height: 100%; color: #e16123; border-color: #ebebea; text-align: center; }
.page-link:hover, .page-link:focus { color: #e16123; z-index: 0; }
.page-link:focus { box-shadow: none; }
.page-item.active .page-link { background-color: #e16123; border-color: #e16123; }
.pagination-lg .page-link { min-width: 40px; padding: 8px 4px; padding: .5rem .25rem;
font-size: 16px; line-height: 22px; }
.pagination-sm .page-link { min-width: 30px; line-height: 20px; }
.pagination-circular .page-item { margin: 0 2px; }
.pagination-circular .page-link { min-height: 0; }
.pagination-circular .page-link, .pagination-circular .page-item:first-child .page-link, .pagination-circular .page-item:last-child .page-link { border-radius: 50%; }
.page-link.border-0:hover, .page-link.border-0:focus { background-color: transparent; }
/* 5.23. PROGRESS BARS */
.progress { height: 5px; background-color: #ebebea; border-radius: .5rem;
font-size: 10px; line-height: 15px; }
.progress + .progress { margin-top: 15px; }
.vertical-progress, .vertical-progress-bottom { display: inline-block; position: relative; width: 5px; height: 200px; z-index: 0; }
.vertical-progress + .vertical-progress, .vertical-progress-bottom + .vertical-progress-bottom { margin-top: 0; margin-left: 11px; }
.vertical-progress > .progress-bar, .vertical-progress-bottom > .progress-bar { position: absolute; top: 0; left: 0; width: 100%; }
.vertical-progress-bottom > .progress-bar { top: auto; bottom: 0; }
/* 5.24. TOOLBAR */
.toolbar { display: -ms-flexbox; display: -webkit-box; display: flex; min-height: 61px; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
.toolbar__title { margin-bottom: 0; color: #353535; font-weight: 600; }
.toolbar__title > i { margin-right: 5px; }
.toolbar__desc { margin-right: 20px; margin-bottom: 0; }
.toolbar__desc > span { color: #222; }
.toolbar__nav { color: #6b7280; font-size: 13px; line-height: 23px; }
.toolbar__nav > li:not(:last-child) { margin-right: 30px; }
.toolbar__nav > li > a:hover { color: #393939; }
.toolbar__nav > li > a > i { margin-right: 7px; }
.toolbar__nav > li > a > span { display: none; }
.toolbar__pager .btn { min-width: 25px; padding: 0; line-height: 23px; text-align: center; }
/*------------------------------------*\
    6. MODULES
\*------------------------------------*/
/* 6.1. ACCOUNT */
.m-account-w { display: -ms-flexbox; display: -webkit-box; display: flex; min-height: 100vh; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 60px 15px; }
.m-account { width: 100%; max-width: 975px; }
.m-account-lock { max-width: 420px; }
.m-account--content-w { display: -ms-flexbox; display: -webkit-box; display: flex; min-height: 100%; padding: 60px 30px; color: #fff; background-color: #acacac; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; text-align: center; }
.m-account--content { max-width: 280px; }
.m-account--content > .h2 { margin-bottom: 7px; font-weight: 300; }
.m-account--content > p { margin-bottom: 15px; }
.m-account--content > .btn { color: #fff; background-color: rgba(255, 255, 255, 0.3); }
.m-account--content > .btn:hover { background-color: rgba(255, 255, 255, 0.4); }
.m-account--user { margin-bottom: 40px; text-align: center; }
.m-account--user > img { max-width: 80px; margin-bottom: 17px; border-radius: 50%; }
.m-account--user > .h3 > i { min-width: 30px; color: #fff; background-color: #e16123; border-radius: 50%; font-size: 14px; line-height: 30px; vertical-align: middle; }
.m-account--form-w { display: -ms-flexbox; display: -webkit-box; display: flex; min-height: 100%; padding: 0px 25px; color: #ccc; background-color: #ffffff; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -ms-flex-pack: center; }
.m-account--form { width: 100%;}
.m-account--form .logo { margin-bottom: 39px; text-align: center; }
.m-account--title { margin-bottom: 33px; color: #68e5b3; font-size: 18px; line-height: 28px; text-align: center; }
.m-account--subtitle { margin-top: -20px; margin-bottom: 33px; text-align: center; }
.m-account--form .form-group { margin-bottom: 15px; }
.m-account--form .input-group-prepend { margin-right: 0; padding: 0 20px; color: #a7abab; background-color: #f3f4f6; border: 1px solid #ced3d0; border-radius: .25rem 0 0 .25rem;
-ms-flex-align: center; -webkit-box-align: center; -ms-grid-row-align: center; align-items: center; }
.m-account--form .form-control { color:#0a0a0a; background-color: #fff; border-color: #d6d1d1; }
 .m-account--form .form-control::-webkit-input-placeholder {
color: #6b7280;
}
.m-account--form .form-control::-moz-placeholder {
color: #6b7280;
}
.m-account--form .form-control:-ms-input-placeholder {
color: #6b7280;
}
.m-account--form .form-control:-moz-placeholder {
color: #6b7280;
}
.m-account--actions { display: -ms-flexbox; display: -webkit-box; display: flex; margin-top: 30px; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
.m-account--actions > .btn { margin-left: auto; }
.m-account--alt { margin-top: 43px; }
.m-account--alt > p { position: relative; margin-bottom: 23px; color: #6b7280; text-align: center; z-index: 0; }
.m-account--alt > p:before { content: " "; position: absolute; top: 50%; left: 0; right: 0; border-top: 1px dotted #777; z-index: -1; }
.m-account--alt > p > span { display: inline-block; padding: 0 15px; background-color: #1b2223; }
.m-account--alt > .btn-list { display: -ms-flexbox; display: -webkit-box; display: flex; }
.m-account--alt > .btn-list > .btn { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; }
.m-account--footer { margin-top: 11px; color: #6b7280; text-align: center; }
/* 6.2. COMING SOON */
.m-comingsoon-w { display: -ms-flexbox; display: -webkit-box; display: flex; min-height: 100vh; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 60px 15px; }
.m-comingsoon { width: 100%; max-width: 820px; color: #fff; text-align: center; }
.m-comingsoon .logo { margin-bottom: 30px; }
.m-comingsoon--header { position: relative; padding: 60px 30px 53px; z-index: 0; }
.m-comingsoon--header:before { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #2bb3c0; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; z-index: -1; }
.m-comingsoon--header .h2 { margin-bottom: 17px; color: #e5e5e5; font-size: 28px; line-height: 38px; font-weight: 300; }
.m-comingsoon--header .h1 { margin-bottom: 21px; }
.m-comingsoon--body { position: relative; padding: 60px 30px; z-index: 0; }
.m-comingsoon--body:before { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #393939; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; z-index: -1; }
.m-comingsoon--subscribe { position: relative; max-width: 580px; margin: 60px auto 0; z-index: 0; }
.m-comingsoon--subscribe .form-control { color: #fff; background-color: transparent; font-size: 16px; }
 .m-comingsoon--subscribe .form-control::-webkit-input-placeholder {
color: #6b7280;
}
.m-comingsoon--subscribe .form-control::-moz-placeholder {
color: #6b7280;
}
.m-comingsoon--subscribe .form-control:-ms-input-placeholder {
color: #6b7280;
}
.m-comingsoon--subscribe .form-control:-moz-placeholder {
color: #6b7280;
}
.m-comingsoon--subscribe .form-control:not(:focus) { border-color: #6b7280; }
.m-comingsoon--subscribe .btn-link { position: absolute; top: 0; right: 0; padding: 8px 15px; }
.m-comingsoon--social { margin-top: 58px; }
.m-comingsoon--social .nav { font-size: 16px; line-height: 26px; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }
.m-comingsoon--social .nav > li:not(:last-child) { margin-right: 30px; }
/* 6.3. ENTRY CONTENT */
.entry-content:after { content: " "; display: block; clear: both; }
.entry-content blockquote p:before { content: "\f10d"; color: #6b7280; margin-right: 12px; font-family: "Font Awesome\ 5 Free"; font-size: 24px; font-weight: 900; }
.entry-content blockquote:last-child { margin-bottom: 0; }
.entry-content .gallery { display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style: none; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.entry-content .gallery:after { content: " "; display: block; clear: both; }
.entry-content .gallery > li { padding-right: 20px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
/* 6.4. ERROR */
.m-error { display: -ms-flexbox; display: -webkit-box; display: flex; min-height: 100vh; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 60px 15px; text-align: center; }
.m-error--title > .h1 { color: #ccc; font-size: 100px; line-height: 1; font-weight: 700; }
.m-error--desc { margin-top: 24px; }
.m-error--desc > .h2 { color: #393939; }
.m-error--desc > p { margin-top: 6px; margin-bottom: 0; font-size: 16px; line-height: 26px; }
.m-error--logo img { max-width: 120px; }
.m-error--search { margin-top: 38px; }
.m-error--search .input-group { position: relative; margin-bottom: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); z-index: 0; }
.m-error--search .form-control { padding-right: 55px; border-color: #fff; }
.m-error--search .input-group .form-control { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.m-error--search button.btn { position: absolute; top: 0; right: 0; color: #6b7280; background-color: #fff; z-index: 3; }
.m-error--search button.btn:hover { color: #393939; }
.m-error--social { margin-top: 33px; padding: 32px 15px 0; color: #b1b1b1; border-top: 1px solid #ccc; font-size: 22px; line-height: 32px; }
.m-error--social .nav { -webkit-box-pack: center; justify-content: center; -ms-flex-pack: center; }
.m-error--social .nav > li:not(:last-child) { margin-right: 40px; }
.m-error--social .nav > li > a:hover { color: #6b7280; }
/* 6.5. FORM WIZARD */
.form--wizard .steps ul { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.form--wizard .steps li { position: relative; width: 100%; margin-bottom: 15px; text-align: center; z-index: 0; }
.form--wizard .steps li:before { content: " "; display: none; position: absolute; left: 0; right: 0; bottom: 0; width: 0; height: 0; margin: 0 auto; border-style: solid; border-width: 15px 20px 0 20px; border-color: #2bb4c0 transparent transparent transparent; -webkit-transition: bottom .25s ease-in-out; transition: bottom .25s ease-in-out; z-index: -1; }
.form--wizard .steps li.current:before { bottom: -15px; }
.form--wizard .steps a { display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; position: relative; width: 100%; min-height: 70px; height: 100%; padding: 1px 20px 5px 80px; color: #fff; background-color: #959595; border-radius: 4px; font-size: 24px; line-height: 28px; font-weight: 300; -ms-flex-align: center; -webkit-box-align: center; align-items: center; cursor: default; z-index: 0; }
.form--wizard .steps li.done a { background-color: #222; cursor: pointer; }
.form--wizard .steps li.current a { background-color: #2bb4c0; }
.form--wizard .steps .current-info { display: none; }
.form--wizard .steps .number { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: -3px; margin-left: 15px; font-size: 98px; line-height: 74px; font-weight: 900; vertical-align: middle; }
.form--wizard .content { margin-top: 20px; padding: 21px 30px 23px; border: 1px solid #ebebea; border-radius: 4px; }
.form--wizard .content .title { margin-bottom: 23px; padding-bottom: 8px; color: #6b7280; border-bottom: 1px solid #ddd; font-size: 18px; line-height: 28px; font-weight: 700; }
.form--wizard .content .title, .form--wizard .content .body { display: none; }
.form--wizard .content .title.current, .form--wizard .content .body.current { display: block; }
.form--wizard .actions ul { display: -ms-flexbox; display: -webkit-box; display: flex; margin: 0; padding: 10px 0 0; list-style: none; text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.form--wizard .actions li { display: list-item; margin-top: 10px; }
.form--wizard .actions li + li { margin-left: 10px; }
.form--wizard .actions a { display: block; padding: 8px 24px; color: #fff; background-color: #009378; border-radius: 4px; text-transform: uppercase; }
.form--wizard .actions li.disabled, .form--wizard .actions li:last-child { display: none !important; }
/* 6.6. INVOICE */
.invoice { padding: 30px 40px; text-align: center; }
.invoice p { margin-bottom: 0; }
.invoice--header { padding-bottom: 10px; border-bottom: 1px solid #ebebea; }
.invoice--logo { padding-top: 10px; padding-bottom: 10px; }
.invoice--address { padding-top: 3px; padding-bottom: 3px; font-size: 13px; line-height: 23px; }
.invoice--header .invoice--address { padding-top: 33px; padding-bottom: 33px; }
.invoice--address > .h3 { margin-bottom: 15px; padding-top: 8px; }
.invoice--address > .h3 > span { color: #6b7280; font-weight: 300; }
.invoice--address > .h5 { margin-bottom: 4px; color: #393939; font-weight: 700; text-transform: uppercase; }
.invoice--billing { padding-top: 40px; }
.invoice--info { padding-top: 30px; padding-bottom: 33px; color: #6b7280; font-weight: 300; }
.invoice--info > .h5 { color: #393939; font-weight: 600; }
.invoice--info > .h5 > span { color: #6b7280; font-weight: 300; }
.invoice--info > p { margin-top: 4px; }
.invoice--info > p > strong { color: #555; font-weight: 400; }
.invoice--order { display: block; width: 100%; margin-top: 20px; border: 1px solid #ebebea; text-align: left; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
.invoice--order .table { background-color: #fff; }
.invoice--order .table > thead { background-color: #f8f8f8; }
.invoice--order .table > thead > tr > th { padding: 9px 30px; color: #393939; border-top-width: 0; border-bottom-width: 0; text-transform: uppercase; vertical-align: top; }
.invoice--order .table > tbody > tr:nth-child(even) { background-color: #f9f9f9; }
.invoice--order .table > tbody > tr > td { padding: 9px 30px; border-color: #ebebea; }
.invoice--order .table > tbody > tr > td > strong { color: #393939; }
.invoice--order .table > tbody > tr > td[colspan] { text-align: right; }
.invoice--footer { padding-top: 50px; }
.invoice--payment { padding-top: 3px; padding-bottom: 3px; }
.invoice--payment > p > strong { color: #393939; font-weight: 600; }
.invoice--actions { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; margin-left: auto; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }
.invoice--actions > .btn { margin-top: 5px; margin-bottom: 5px; }
.invoice--actions > .btn:not(:last-child) { margin-right: 10px; }
/* 6.7. PRICING ITEM */
.pricing--item { position: relative; max-width: 320px; margin: 0 auto; padding: 0 20px 40px; border-radius: 4px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); z-index: 0; }
.pricing--text { display: inline-block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 6px 25px 8px; border-radius: 0 0 4px 4px; }
.pricing--header { padding-top: 31px; padding-bottom: 24px; border-radius: 4px 4px 0 0; }
.pricing--text + .pricing--header { padding-top: 69px; }
.pricing--title { margin-bottom: 31px; padding-bottom: 37px; border-bottom: 1px solid #ccc; font-size: 20px; line-height: 30px; }
.pricing--title--box { margin-left: -20px; margin-right: -20px; padding-top: 17px; padding-bottom: 17px; border-bottom-width: 0; }
.pricing--item.active .pricing--title--box + .pricing--features + .pricing--action { margin-bottom: 30px; }
.pricing--title strong { font-size: 72px; line-height: 82px; }
.pricing--title sup { font-size: 30px; line-height: 75px; vertical-align: top; }
.pricing--item.px-0 .pricing--features li { padding: 0 15px; }
.pricing--features li + li { margin-top: 14px; }
.pricing--action { margin-top: 33px; }
.pricing--item.active { border-bottom: 8px solid #009378; }
/* 6.8. TODO APP */
.app_wrapper { padding: 10px 15px 20px; }
.app_sidebar { margin: 0 20px 20px; padding-left: 0; padding-right: 0; padding-bottom: 20px; border-style: solid; border-width: 0 0 1px; border-color: #eee; }
.app_searchBar { position: relative; z-index: 0; }
.app_searchBar input { width: 100%; }
.app_searchBar .btn { position: absolute; top: 0; right: 0; background-color: transparent; }
.app_searchBar .btn:hover { color: #e16123; }
.app_content { padding-left: 20px; padding-bottom: 20px; }
.todoApp_contentBody .todo--label { margin-right: 20px; -ms-flex-positive: 1; flex-grow: 1; }
.todoApp_contentBody > ul > li { display: -ms-flexbox; display: -webkit-box; display: flex; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #f8f8f8; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.todoDetails .modal-header { -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
.todoDetails .modal-header p { margin: 0 auto; }
.todoDetails .addMember .btn { display: inline-block; padding: 3px 10px; color: #2bb3c0; font-size: 24px; }
.todoDetails .date span { display: inline-block; padding: 2px 10px; }
.todoDetails .title { margin-bottom: 10px; padding: 16px 30px; color: #393939; background-color: #f8f8f8; border-radius: 4px; }
.todoDetails .desc { padding: 21px 30px 23px; background-color: #f8f8f8; border-radius: 4px; }
.todoDetails .desc p:not(:last-child) { margin-bottom: 1.25rem; }
.todoDetails .attachments { margin-top: 31px; }
.todoDetails .attachments li { display: -ms-flexbox; display: -webkit-box; display: flex; }
.todoDetails .attachments p { margin-bottom: 0; }
.todoDetails .attachments a { display: inline-block; color: #2bb3c0; }
.todoDetails .attachments p:last-child a { min-width: 82px; margin-left: 25px; font-weight: 300; }
.todoDetails .conversations--title { margin-top: 30px; margin-bottom: 20px; padding-bottom: 13px; color: #393939; border-bottom: 1px solid #ebebea; }
.todoDetails .conversations { margin: 0; padding: 0; list-style: none; }
.todoDetails .conversations li { padding: 8px 20px 8px; background-color: #f8f8f8; border-left: 1px solid #009378; }
.todoDetails .conversations li + li { margin-top: 15px; }
.todoDetails .conversations li.reply { margin-left: 30px; }
.todoDetails .conversations li:after { content: " "; display: block; clear: both; }
.todoDetails .conversations .avatar { float: left; width: 50px; margin-top: 2px; margin-right: 20px; }
.todoDetails .conversations .info { overflow: hidden; }
.todoDetails .conversations .header span + span { font-size: 12px; }
.todoDetails .conversations .content { margin-top: 3px; }
.todoDetails .conversations .action { margin-top: 4px; font-weight: 600; }
.todoDetails .conversation--form { margin-top: 15px; padding: 30px; background-color: #eee; border-radius: 4px; }
.todoDetails .conversation--form .form-control:not(:focus) { border-color: #ccc; }
/* 6.9. SEARCH BOX */
.search--box { background-color: #f8f8f8; border-radius: 4px; }
.search--box form { padding: 50px 20px; }
.search--box .input-group { box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); }
.search--box .form-control { height: 50px; padding-top: 13px; padding-bottom: 14px; }
.search--box .options { margin-top: -6px; padding: 0 20px; list-style: none; }
.search--box .options li { display: inline-block; }
.search--box .options a { display: inline-block; padding: 0 20px 8px; color: inherit; border-style: solid; border-color: transparent; border-width: 0 0 3px; }
.search--box .options li:hover > a, .search--box .options .active > a { color: #e16123; border-color: #e16123; }
/* 6.10. SEARCH RESULTS */
.search--results { margin-top: 50px; }
.search--results .stats { padding-bottom: 13px; border-bottom: 1px solid #eee; font-size: 13px; }
.search--results .stats strong { font-weight: 600; }
.search--results .results li { padding: 4px 0 20px; border-bottom: 1px solid #eee; }
.search--results .results li + li { padding-top: 20px; }
.search--results .results li > a { display: block; padding: 14px 0 18px; color: inherit; border-radius: 4px; }
.search--results .results li > a:hover { background-color: #f8f8f8; }
.search--results .title { color: #393939; font-size: 20px; line-height: 30px; font-weight: 600; }
.search--results .desc { margin-top: 5px; margin-bottom: 6px; }
.search--results .link { color: #009378; }
/* 6.11. RECORDS HEADER */
.records--header { display: -ms-flexbox; display: -webkit-box; display: flex; padding: 17px 30px 43px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.records--header .title { position: relative; margin-top: 20px; padding-left: 35px; -ms-flex-positive: 1; flex-grow: 1; z-index: 0; }
.records--header .title:before { position: absolute; top: 0; left: 0; color: #393939; font-family: "Font Awesome\ 5 Free"; font-size: 24px; line-height: 32px; font-weight: 700; }
.records--header .title .h3 { color: #393939; font-weight: 700; }
.records--header .title .h3 a { margin-left: 6px; }
.records--header .title p { margin-top: 6px; font-size: 16px; line-height: 26px; }
.records--header .actions { display: -ms-flexbox; display: -webkit-box; display: flex; width: 100%; margin-top: 12px; padding-left: 35px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.records--header .search { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 3px; margin-right: 30px; margin-bottom: 3px; }
.records--header .form-control { width: 100%; max-width: 220px; margin-top: 13px; margin-right: 30px; margin-bottom: 3px; padding-left: 0; padding-right: 0; border-width: 0 0 1px; border-color: #393939; border-radius: 0; }
.records--header .search .btn { margin-top: 10px; color: #fff; background-color: #393939; }
.records--header .addProduct { margin-top: 13px; margin-bottom: 3px; font-size: 14px; font-weight: 600; }
/* 6.12. RECORDS LIST */
.records--list { padding-bottom: 30px; color: #6b7280; }
.records--list .topbar { display: -ms-flexbox; display: -webkit-box; display: flex; margin-bottom: 13px; padding: 32px 30px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.records--list .toolbar { min-height: 0; margin-bottom: 0; padding-bottom: 6px; color: #393939; font-weight: 700; text-transform: uppercase; }
.records--list .topbar .right { color: #393939; width: 100%; margin-top: 23px; margin-left: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.records--list .dataTables_length { margin-right: 10px; padding-right: 10px; border-right: 1px solid #393939; }
.records--list .dataTables_length select:not(:focus) { border: 1px solid #eee; }
.records--list .dataTables_info { padding-top: 0; }
.records--list .dataTable { padding: 0 30px; overflow: auto; }
.records--list .dataTable.no-footer { border-bottom-width: 0; }
.records--list .dataTable th { padding-bottom: 13px; color: #393939; border-bottom-color: #eee; }
.no-outlines .records--list .dataTable th:focus { outline: 0; }
.records--list .dataTable th, .records--list .dataTable td { padding-left: 20px; padding-right: 20px; }
.records--list .dataTable tbody tr td { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ebebea; }
.records--list .dataTable tbody tr:nth-child(odd) { background-color: #f8f8f8; }
.records--list .dataTable img { max-width: 80px; border: 1px solid #ebebea; }
.dataTables_paginate { margin-top: 8px; padding-left: 15px; padding-right: 15px; }
.dataTables_wrapper .dataTables_paginate span .paginate_button { min-width: 34px; padding: 4px 0; background: transparent; border-color: #ebebea; border-radius: 50%; }
.dataTables_wrapper .dataTables_paginate span .paginate_button:hover, .dataTables_wrapper .dataTables_paginate span .paginate_button:active, .dataTables_wrapper .dataTables_paginate span .paginate_button.current, .dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover { color: #fff !important; background: #e16123; border-color: #e16123; box-shadow: none; }
.dataTables_wrapper .dataTables_paginate > .paginate_button:hover, .dataTables_wrapper .dataTables_paginate > .paginate_button:active { color: #e16123 !important; background: transparent; border-color: transparent; box-shadow: none; }
/* 6.13. RECORDS BODY */
.records--body { padding: 16px 30px 30px; }
.records--body .title { display: -ms-flexbox; display: -webkit-box; display: flex; margin: 7px 0 25px; padding-bottom: 13px; border-bottom: 1px solid #ccc; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.records--body .title .h6 { color: #393939; font-weight: 700; text-transform: uppercase; }
.records--body .title .btn { margin-left: auto; }
.records--body .subtitle { margin-top: 19px; margin-bottom: 14px; padding: 5px 20px 7px; color: #393939; background-color: #f8f8f8; border-radius: 2px; }
.records--body .table-simple th, .records--body .table-simple td { padding: 7px 0; }
/* 6.14. MAIL ATTACHMENTS */
.mail-attachements { margin-top: 40px; padding-top: 31px; border-top: 1px solid #ebebea; }
.mail-attachements .table { color: #6b7280; }
.mail-attachements .table a { color: #2bb3c0; }
.mail-attachements .table th, .mail-attachements .table td { padding: 0; border-width: 0; }
.mail-attachements .table th { padding-bottom: 7px; font-weight: 400; }
.mail-attachements .table td { padding-top: 2px; }
.mail-attachements .table td .fa { font-size: 12px; }
/* 6.15. MAIL COMPOSE */
.mail-compose__title { padding-top: 3px; min-height: 51px; }
/* 6.16. MAIL SENDER INFO */
.main-sender-info { margin-bottom: 40px; color: #555; -ms-flex-align: center; -webkit-box-align: center; -ms-grid-row-align: center; align-items: center; }
.main-sender-info__name { font-weight: 600; }
.main-sender-info__name > img { display: block; width: 45px; margin-right: 7px; margin-bottom: 7px; border-radius: 50%; }
.main-sender-info__name > a, .main-sender-info__name > span { color: #2bb3c0; }
.main-sender-info__detail { margin-left: auto; }
.main-sender-info__detail > .star-icon { margin-right: 13px; }
/* 6.17. MAIL SUBJECT LINE */
.mail-subject-line > .h3 { margin-top: -9px; color: #393939; font-weight: 300; }
/* 6.18. MAIL VIEW */
.mail-view { margin-top: 36px; line-height: 2.2; }
.mail-view:after { content: " "; display: block; clear: both; }
.mail-view p:not(:last-child) { margin-bottom: 1.25rem; }
/* 6.19. NOTE LABEL */
.note--label .dropdown-toggle { display: block; width: 25px; height: 25px; border-radius: 2px; -webkit-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out; cursor: pointer; }
.note--label .dropdown-toggle:after { display: none; }
.note--label ul { padding: 10px 15px; font-size: 0; line-height: 0; white-space: nowrap; }
.note--label ul.dropdown-menu { margin-top: 10px; margin-left: -20px; }
.note--label ul:after { content: " "; display: block; clear: both; }
.note--label li { display: inline-block; width: 25px; height: 25px; margin: 5px; border-radius: 2px; cursor: pointer; }
/* 6.20. NOTE LIST */
.note--list { margin: 0; padding: 0; list-style: none; }
.note--list > li { position: relative; z-index: 0; }
.note--list > li + li { margin-top: 10px; }
.note--list > li > .view-item { display: block; padding: 9px 20px 11px 85px; color: inherit; border-style: solid; border-width: 1px 1px 1px 2px; border-top-color: #f8f8f8 !important; border-right-color: #f8f8f8 !important; border-bottom-color: #f8f8f8 !important; }
.note--list > li:hover > .view-item, .note--list > li.active > .view-item { background-color: #f8f8f8; }
.note--list > li > .view-item > .title { margin-bottom: 0; font-size: 16px; line-height: 26px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.note--list > li > .view-item > .desc { display: block; margin-top: -1px; color: #6b7280; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.note--list > li > .view-item > .date { display: block; margin-top: 2px; color: #acacac; font-size: 12px; line-height: 22px; }
.note--list > li > .remove-item { position: absolute; top: 0; right: 0; padding: 12px 13px; font-size: 12px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transition: color .25s, opacity .25s, visibility .25s; transition: color .25s, opacity .25s, visibility .25s; }
.note--list > li:hover > .remove-item { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; }
.note--list > li > .remove-item:not(:hover) { color: #393939; }
/* 6.21. NOTE CONTENT */
.note--content { display: -ms-flexbox; display: -webkit-box; display: flex; padding-left: 40px; background-color: #fdf7f4; border-style: solid; border-width: 0 1px 1px; border-color: #eee; background-image: -webkit-linear-gradient(top, #eee, #eee 1px, transparent 1px, transparent); background-image: linear-gradient(to bottom, #eee, #eee 1px, transparent 1px, transparent); background-size: 100% 50px; line-height: 50px; }
.note--content textarea { min-height: 500px; padding: 0 30px; background-color: transparent; border-width: 0 0 0 1px; border-radius: 0; line-height: inherit; }
.note--content textarea:focus { background-color: transparent; border-color: #eee; }
/* 6.22. PROFILE COVER */
.profile-cover { position: relative; z-index: 0; }
.profile-cover__action { display: -ms-flexbox; display: -webkit-box; display: flex; padding: 120px 30px 10px 153px; border-radius: 5px 5px 0 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; overflow: hidden; }
.profile-cover__action > .btn { margin-left: 10px; margin-bottom: 10px; }
.profile-cover__action > .btn > span { display: none; }
.profile-cover__img { position: absolute; top: 120px; left: 30px; text-align: center; z-index: 1; }
.profile-cover__img > img { max-width: 120px; border: 5px solid #fff; border-radius: 50%; }
.profile-cover__img > .h3 { color: #393939; font-size: 20px; line-height: 30px; }
.profile-cover__img > img + .h3 { margin-top: 6px; }
.profile-cover__info .nav { margin-right: 28px; padding: 15px 0 10px 170px; color: #6b7280; font-size: 16px; line-height: 26px; font-weight: 300; text-align: center; text-transform: uppercase; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; }
.profile-cover__info .nav li { margin-top: 13px; margin-bottom: 13px; }
.profile-cover__info .nav li:not(:first-child) { margin-left: 30px; padding-left: 30px; border-left: 1px solid #eee; }
.profile-cover__info .nav strong { display: block; margin-bottom: 10px; color: #e16123; font-size: 34px; }
/* 6.23. CHAT */
.chat { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; }
.chat--items { position: relative; height: 498px; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; overflow: hidden; z-index: 0; }
.chat--item + .chat--item { margin-top: 30px; }
.chat--item:after { content: " "; display: block; clear: both; }
.chat--avatar { float: left; position: relative; margin-right: 15px; z-index: 0; }
.chat--content { padding: 14px 20px 16px; color: #6b7280; background-color: #ebebea; border-radius: 4px; overflow: hidden; }
.chat--info:after { content: " "; display: block; clear: both; }
.chat--user { float: left; margin-right: 36px; color: #353535; font-weight: 600; }
.chat--user a { color: inherit; }
.chat--time { float: left; display: block; color: #6b7280; }
.chat--text { margin-top: 0px; }
.chat--text:after { content: " "; display: block; clear: both; }
.chat--left .chat--content { color: #fff; background-color: #313939; }
.chat--left .chat--avatar:before { border-right-color: #313939; }
.chat--left .chat--user { color: #fff; }
.chat--right .chat--avatar { float: right; margin-left: 15px; margin-right: 0; }
.chat--right .chat--avatar:before { left: -15px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); content: " "; position: absolute; top: 30%; right: -15px; width: 0; height: 0; margin-top: -6px; border-style: solid; border-width: 6px; border-color: transparent #00B36C transparent transparent; }
.chat--item.chat--left .chat--content::before { display: none; content: " "; position: absolute; top: 19%; left: 55px; width: 0; height: 0; margin-top: -6px; border-style: solid; border-width: 8px; border-color: transparent #ececec transparent transparent; }
.chat--left { position: relative; }
.chat--right .chat--user { float: none; margin-right: 0; }
.chat--right .chat--time { float: right; }
.bg-darker .chat--right .chat--content { color: #fff; background-color: #313939; }
.bg-darker .chat--right .chat--avatar:before { border-right-color: #313939; }
.bg-darker .chat--right .chat--user { color: #fff; }
.chat--form { margin-top: 30px; }
/* 6.24. CONTACT VIEW */
.contact--view { color: #6b7280; }
.contact--view:after { content: " "; display: block; clear: both; }
.contact--view__avatar { max-width: 100px; margin-right: 40px; border-radius: 50%; overflow: hidden; }
.contact--view__info { overflow: hidden; }
.contact--view__name { margin-top: 25px; margin-bottom: 12px; color: #393939; font-size: 30px; line-height: 40px; }
.contact--view__role { margin-bottom: 4px; }
.contact--view__work { margin-bottom: 0; }
.contact--view__extra { width: 100%; }
.contact--view__extra td { padding-top: 15px; padding-right: 15px; vertical-align: top; }
.contact--view__extra td + td { color: #6b7280; }
.contact--view__social li { margin-top: 0px; margin-right: 10px; }
.contact--view__social a { display: block; min-width: 35px; line-height: 33px; border: 1px solid #ececec; border-radius: 50%; font-size: 12px; text-align: center; }
.contact--view__social li a:hover { color: #009378; border-color: rgba(0, 147, 120, 0.3); }
/* 6.25. USER LIST */
.user--list-w { position: relative; max-height: 778px; margin: 0 -20px; z-index: 0; }
.user--list { margin: 0; padding: 0; list-style: none; }
.user--list > li { position: relative; z-index: 0; }
.user--list > li + li { margin-top: 1px; }
.user--list > li > a { display: block; position: relative; padding: 17px 20px 13px 75px; color: inherit; z-index: 0; }
.user--list > li:hover > a, .user--list > li.active > a { background-color: #f8f8f8; }
.user--list > li > a > .avatar { position: absolute; top: 18px; left: 20px; max-width: 45px; }
.user--list > li > a > .avatar > .avatar-text { display: block; width: 45px; padding-bottom: 3px; border-radius: 50%; color: #fff; font-size: 18px; line-height: 42px; font-weight: 700; text-align: center; }
.user--list > li > a > .avatar > img { border-radius: 50%; }
.user--list > li > a > .info .label { display: inline-block; margin-left: auto; font-size: 12px; line-height: 18px; border-radius: 3px; cursor: inherit; }
.user--list > li > a > .info > .title { margin-bottom: 0; color: #6b7280; font-size: 14px; line-height: 32px; font-weight: 400; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
.user--list > li > a > .info > .title > .title-text { display: block; margin-top: -2px; padding-right: 15px; color: #111827; font-size: 15px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.user--list > li > a > .info > .title > .time { display: block; margin-left: auto; white-space: nowrap; }
.user--list > li > a.has-attachment > .info > .title > .time:before { content: "\f0c6"; margin-right: 10px; color: #6b7280; font-family: "Font Awesome\ 5 Free"; font-weight: 700; }
.user--list > li > a > .info > p { margin-bottom: 0; }
.user--list > li > a > .info > .subtitle { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.user--list > li > a > .info > .desc { -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; color: #6b7280; }
.user--list > li > a > .info > .desc > .desc-text { display: block; padding-right: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.user--list > li > a.star-icon { position: absolute; right: 0; bottom: 13px; padding: 0 20px 0 15px; z-index: 1; }
.user--list > li > a.star-icon + a > .info > .desc { padding-right: 28px; }
.user--list > li > a.is-unread > .info > .title > .title-text { font-weight: 700; }
.user--list > li > a.is-unread > .info > .title > .time { color: #2bb3c0; font-weight: 600; }
.user--list > li > a.is-unread > .info > .subtitle { font-weight: 600; }
/*------------------------------------*\
    7. PANELS
\*------------------------------------*/
/* 7.1. MINI STATS PANEL */
.miniStats--panel { border-radius: 5px; }
.miniStats--panel p { margin-bottom: 0; }
.miniStats--header { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 21px 7px; border-radius: 5px 5px 0 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; }
.miniStats--chart { display: inline-block; }
.miniStats--label { display: inline-block; margin-left: auto; padding: 0 10px; border-radius: 25px; font-size: 12px; line-height: 25px; }
.miniStats--body { position: relative; padding: 15px; z-index: 0; min-height: 160px; }
.miniStats--icon { position: relative; font-size: 80px; line-height: 80px; opacity: 0.15; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; z-index: -1; }
.miniStats--caption { font-size: 13px; line-height: 23px; letter-spacing: 1px; }
.miniStats--title { color: #fff; font-weight: 700; text-transform: uppercase; font-size: 15px; }
.miniStats--num { margin-top: 0px; font-size: 36px; line-height: 46px; font-weight: 300; }
/* 7.2. TODO PANEL */
.todo--panel .list-group { position: relative; max-height: 314px; margin-bottom: 0; padding-top: 23px; padding-bottom: 25px; overflow: auto; z-index: 0; }
.todo--panel .list-group:before { content: " "; position: absolute; top: 0; left: 20px; right: 20px; border-top: 1px solid #eee; }
.todo--panel .list-group-item { margin-top: 27px; padding: 0; border-width: 0; }
li.list-group-item:first-child { margin-top: 0; }
.todo--label { padding-left: 20px; padding-right: 30px; color: #6b7280; font-weight: 400; }
.todo--input { display: none; }
.todo--text { display: block; position: relative; padding-left: 39px; -webkit-transition: color .25s; transition: color .25s; cursor: pointer; z-index: 0; }
.todo--text:before { content: " "; position: absolute; top: 50%; left: 0; margin-top: -10px; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 2px; }
.todo--text:after { content: "\f00c"; position: absolute; top: 50%; left: 0; margin-top: -10px; width: 20px; height: 20px; color: #fff; background-color: #009378; border-radius: 2px; font-family: "Font Awesome\ 5 Free"; font-size: 11px; line-height: 21px; font-weight: 700; text-align: center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(0.3); transform: scale(0.3); -webkit-transition: opacity .25s linear, -webkit-transform .25s linear; transition: opacity .25s linear, -webkit-transform .25s linear; transition: opacity .25s linear, transform .25s linear; transition: opacity .25s linear, transform .25s linear, -webkit-transform .25s linear; }
.todo--input:checked + .todo--text { color: #6b7280; text-decoration: line-through; }
.todo--input:checked + .todo--text:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1); transform: scale(1); }
.todo--remove { position: absolute; top: 50%; right: 20px; margin-top: -15px; color: #6b7280; font-size: 18px; line-height: 28px; }
.todo--panel .input-group { border-top: 1px solid #eee; }
.todo--panel .form-control { height: auto; padding: 13px 20px 14px; border-width: 0; }
.todo--panel .btn-link { padding: 12px 16px; color: #ccc; font-size: 28px; border-width: 0; }
.todo--panel .ps__rail-x, .todo--panel .ps__rail-y { z-index: 1; }
.todo--extras .fa { margin-left: 15px; font-size: 16px; line-height: 22px; }
.todo--date { margin-left: 15px; white-space: nowrap; }
.todo--actions { margin-left: 10px; padding-left: 10px; }
.todo--actions > .fa { cursor: pointer; }
.todo--filter { padding-left: 20px; font-size: 20px; line-height: 30px; }
/* 7.3. WEATHER PANEL */
.weather--panel { padding: 24px 20px 36px; border-radius: 5px; text-align: center; }
.weather--title { font-size: 18px; line-height: 28px; font-weight: 600; }
.weather--title .fa { margin-right: 5px; font-size: 30px; line-height: 40px; }
.weather--info { margin-top: 14px; font-size: 46px; line-height: 56px; }
.weather--info .wi { margin-right: 10px; }
/* 7.4. PROFILE PANEL */
.profile--panel { text-align: center; }
.profile--panel .img-wrapper { padding: 75px 0 0; background-size: 100% 150px; background-position: top center; border-radius: 5px 5px 0 0; }
.profile--panel .img { position: relative; max-width: 150px; margin-left: auto; margin-right: auto; border: 5px solid #fff; border-radius: 50%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); z-index: 0; }
.profile--panel .img:before { content: " "; position: absolute; right: 11px; bottom: 11px; width: 15px; height: 15px; background-color: #2bb3c0; border: 3px solid #fff; border-radius: 50%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity .35s; transition: opacity .35s; }
.profile--panel .img.online:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.profile--panel .name { margin-top: 17px; }
.profile--panel .name .h3 { color: #393939; font-weight: 400; }
.profile--panel .role { margin-top: 2px; font-size: 16px; line-height: 26px; }
.profile--panel .action { padding-top: 13px; padding-bottom: 30px; }
.profile--panel .action .btn { padding: 7px 30px; font-size: 16px; line-height: 26px; }
.profile--panel .bio { padding: 1px 20px 23px; }
.profile--panel .info { padding: 10px 20px 30px; font-size: 20px; line-height: 30px; }
.profile--panel .info li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding: 5px 15px; }
.profile--panel .info li:not(:last-child) { border-style: solid; border-width: 0 1px 0 0; border-color: #ebebea; }
.profile--panel .info strong { color: #e16123; font-weight: 600; }
.profile--panel .info span { display: block; color: #6b7280; font-weight: 300; }
/* 7.5. FEEDS PANEL */
.feeds-panel { margin: 20px 20px 0; padding-top: 17px; padding-bottom: 23px; border-top: 1px solid #ebebea; }
.feeds-panel li { position: relative; width: 100%; min-height: 20px; padding-left: 40px; z-index: 0; }
.feeds-panel li:before, .feeds-panel li:after { content: " "; display: table; }
.feeds-panel li:after { clear: both; }
.feeds-panel li + li { margin-top: 12px; }
.feeds-panel .fa { position: absolute; top: 0; left: 0; min-width: 30px; border-radius: 2px; font-size: 12px; line-height: 30px; text-align: center; }
.feeds-panel .text { color: #6b7280; line-height: 26px; }
.feeds-panel .time { float: right; margin-left: 5px; color: #ccc; font-style: italic; }
.feeds-panel li a { color: #e16123; }
/* 7.6. COMMENTS PANEL */
.comments-panel > ul { margin: 0; padding: 20px 20px 30px; list-style: none; }
.comments-panel > ul > li { position: relative; padding: 12px 20px 20px 0; z-index: 0; }
.comments-panel > ul > li:before, .comments-panel > ul > li:after { content: " "; display: table; }
.comments-panel > ul > li:after { clear: both; }
.comments-panel > ul > li + li { margin-top: -1px; }
.comments-panel .img { float: left; margin-right: 15px; max-width: 40px; border: 2px solid #ebebea; border-radius: 50%; }
.comments-panel .img:before { content: " "; position: absolute; top: 0; left: 20px; right: 0; bottom: 0; border: 1px solid #ebebea; z-index: -1; }
.comments-panel .info { overflow: hidden; }
.comments-panel .h6 { margin-bottom: 4px; color: #393939; font-weight: 600; }
.comments-panel .action { margin-top: 13px; }
.comments-panel .action:before, .comments-panel .action:after { content: " "; display: table; }
.comments-panel .action:after { clear: both; }
.comments-panel .status { float: left; }
.comments-panel .btn { float: right; padding-top: 1px; padding-bottom: 1px; }
.comments-panel .nav { display: block; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: -12px; padding: 0 20px 17px; font-size: 12px; line-height: 22px; font-weight: 600; text-transform: uppercase; overflow: hidden; }
.comments-panel .nav .prev { float: left; }
.comments-panel .nav .next { float: right; }
.comments-panel .nav .next .fa { margin-left: 3px; }
/*------------------------------------*\
    8. CHARTS
\*------------------------------------*/
/* 8.1. CHART TITLE */
.chart--title { margin-top: 17px; margin-bottom: 18px; }
.chart--title .h2 { font-family: "Montserrat", sans-serif; text-align: center; }
/* 8.2. CHART STATS */
.chart--stats { padding: 10px 0; border-top: 1px solid #d9d9d9; }
.chart--stats .nav > li { margin: 10px 25px; padding: 0px 0 2px 29px; text-align: left; }
.chart--stats .nav > li:before { top: 8px; bottom: 5px; width: 15px; border-radius: 2px; height: 15px; }
.chart--stats .amount { margin-bottom: 3px; color: #111827; font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 30px; font-weight: 500; }
.chart--stats .label { margin-right: 8px; padding: 0; color: #6b7280; font-size: 14px; line-height: 24px; font-weight: 400; }
.chart--stats .label + span { white-space: nowrap; }
.chart--stats .fa { margin-right: 6px; }
.chart--stats.style--2 .nav > li { padding-left: 0; }
.chart--stats.style--2 p[data-overlay] { padding-left: 20px; }
.chart--stats.style--2 p[data-overlay]:before { top: 50%; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; }
.chart--stats.style--3 { padding: 1px 0 10px; border-top-width: 0; }
.chart--stats.style--3 .nav > li { margin-left: 0; margin-right: 15px; }
.chart--stats.style--3 p { margin-bottom: 0; }
.chart--stats.style--3 p[data-trigger="sparkline"] { margin-bottom: 7px; }
.chart--stats.style--4 { color: #6b7280; margin-top: 7px; padding: 0 20px 23px; border-top-width: 0; text-align: left; }
.chart--stats.style--4 .nav { display: block; }
.chart--stats.style--4 .nav > li { display: block; position: relative; margin: 0; padding: 0 0 0 23px; overflow: hidden; }
.chart--stats.style--4 .nav > li:before { content: " "; position: absolute; top: 50%; left: 0; bottom: auto; width: 9px; height: 9px; margin-top: -5px; border: 1px solid #ff4040; border-radius: 50%; }
.chart--stats.style--4 .nav > li + li { margin-top: 9px; }
.chart--stats.style--4 .nav > li > .stat { float: right; margin-left: 10px; color: #2bb3c0; clear: both; }
/* 8.4. LINE CHART */
.line--chart { margin-top: -4px; padding: 0 0 5px 6px; height: 324px; }
.line--chart.style--2 { height: 200px; }
.line--chart.style--3 { height: 204px; }
.line--chart.style--4 { position: relative; height: auto; margin: 17px 20px 0; padding: 0 0 17px; z-index: 0; }
.line--chart.style--4:before { content: " "; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 20px; border: 1px solid #ebebea; z-index: -1; }
/* 8.5. AREA CHART */
.area--chart { margin-top: -4px; padding: 0 0 5px 6px; }
.area--chart.style--1 { height: 240px; }
.area--chart.style--2 { height: 340px; }
/* 8.6. SPARKLINE CHART */
.jqstooltip { box-sizing: content-box; }
/* 8.7. CHART ACTION */stomStage
.chart--action { padding: 3px 20px 18px; }
/*------------------------------------*\
    9. NAVBAR
\*------------------------------------*/
.navbar {margin-bottom: 0;padding: 0;background-color: #fff;border-width: 0;border-radius: 0;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);-webkit-box-pack: initial;-ms-flex-pack: initial;justify-content: initial;-webkit-transition: padding .25s cubic-bezier(0.99, 0, 0.5, 0.99);transition: padding .25s cubic-bezier(0.99, 0, 0.5, 0.99);z-index: 999;display: flex;flex-wrap: wrap;align-items: center;}
.navbar-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 999; }
/* 9.1. NAVBAR HEADER */
.navbar--header { display: -ms-inline-flexbox; display: -webkit-inline-box; display: block; position: absolute; top: 0px; left: -270px; bottom: 0; width: 270px; background-color: #000000; -webkit-transition: left .25s cubic-bezier(0.99, 0, 0.5, 0.99); transition: left .25s cubic-bezier(0.99, 0, 0.5, 0.99); z-index: 1; text-align: center; padding-top: 24px; padding-bottom: 24px;}
.navbar--header .logo { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; padding: 20px; line-height: 50px; }
.navbar--btn { padding: 20px 0 20px 30px; color: #393939; font-size: 18px; line-height: 50px; }
.navbar--header .navbar--btn { padding-left: 3px; padding-right: 20px; color: #ccc; }
.sidebar-light .navbar--header { background-color: #fff; }
.sidebar-mini .navbar--header { left: 0; }
/* 9.2. NAVBAR SEARCH */
.navbar--search { display: none; position: relative; max-width: 450px; margin: 0; z-index: 0; }
.navbar--search .form-control { height: auto; padding: 10px 25px 10px 38px !important; background-color: #f3f4f4; border-width: 0; border-radius: 25px; box-shadow: none; }
.navbar--search button { position: absolute; top: 0; left: 0; padding: 8px 25px; border-width: 0; color: #393939; cursor: pointer; z-index: 0; }
/* 9.3. NAVBAR NAV */
.navbar--nav .nav-item { position: relative; z-index: 0; }
.navbar--nav .nav-link { padding: 12px 15px; font-size: 18px; line-height: 50px; }
.navbar--nav .nav-link .badge { position: absolute; top: 2px; left: 5px; }
.navbar--nav .dropdown > a { color: #393939; font-size: 14px; line-height: 40px; font-weight: 600; }
.navbar--nav .dropdown > a:hover, .navbar--nav .dropdown > a:focus { color: #393939; }
.navbar--nav .dropdown > .dropdown-menu { left: 10px; min-width: 128px; min-width: 8rem; margin-top: 0; padding: 10px 0; border-radius: 0 0 5px 5px; font-size: 14px; line-height: 24px; font-weight: 600; }
.navbar--nav .dropdown > .dropdown-menu > li > a { display: block; padding: 2px 20px 3px; white-space: nowrap; font-size: 14px !important; line-height: 24px !important;}
.navbar--nav .nav--user img { width: 50px; }
.navbar--nav .nav--user img + span { display: none; margin-left: 11px; }
.navbar--nav .nav--user .dropdown-menu { left: auto; right: 15px; min-width: 192px; min-width: 12rem; font-weight: 400; }
.navbar--nav .nav--user .dropdown-menu i { margin-right: 8px; font-size: 12px; }
.navbar--nav .nav-language { display: none; }
.navbar--nav .nav-language img { margin-right: 4px; }
.navbar--nav .nav-language span, .navbar--nav .nav-language i { vertical-align: middle; }
/*------------------------------------*\
    10. SIDEBAR
\*------------------------------------*/
.sidebar { position: fixed; top: 61px; left: -270px; bottom: 0; width: 270px; margin-left: 0; background-color: #000000; box-shadow: 3px 0 5px rgba(0, 0, 0, 0.05); -webkit-transition: margin .35s cubic-bezier(0.99, 0, 0.5, 0.99), left .25s cubic-bezier(0.99, 0, 0.5, 0.99); transition: margin .35s cubic-bezier(0.99, 0, 0.5, 0.99), left .25s cubic-bezier(0.99, 0, 0.5, 0.99); overflow-x: hidden; overflow-y: hidden; z-index: 99; }
.sidebar-light .sidebar { background-color: #fff; }
.sidebar-mini .sidebar { left: 0; }
/* 10.1. SIDEBAR PROFILE */
.sidebar--profile { padding-top: 20px; padding-bottom: 32px; background-color: #151515; text-align: center; }
.sidebar-light .sidebar--profile { background-color: #f1f1f1; }
.sidebar-light .sidebar--profile a:hover { color: #111827; }
.profile--img { max-width: 80px; margin: 0 auto 11px; }
.profile--name { margin-top: 12px; font-size: 20px; line-height: 30px; font-weight: 600; }
.profile--name a:hover, .profile--name a:focus { color: #fff; }
.profile--nav { display: inline-block; margin-top: 11px; }
.profile--nav .nav-link { padding: 0 15px; }
.profile--nav .nav-link:hover { color: #fff; }
/* 10.2. SIDEBAR NAV */
.sidebar--nav { position: relative; padding: 20px 0 21px; z-index: 0; }
.sidebar--nav ul { margin: 0; padding: 0; list-style: none; }
.sidebar--nav ul ul { padding-bottom: 15px; border-top: 1px solid #353535; }
.sidebar--nav li { position: relative; z-index: 0; }
.sidebar--nav > ul > li + li { margin-top: 0px; }
/* .sidebar--nav > ul > li + .is-dropdown { margin-top: 0px; } */
/* .sidebar--nav ul ul li { border-bottom: 1px solid #353535; } */
.sidebar--nav a { display: block; position: relative; padding: 8px 20px 8px 20px; font-weight: 600; text-transform: uppercase; z-index: 0; }
.sidebar--nav ul ul a { padding: 6px 20px 7px 20px; color: #D1D5DB; font-weight: 600; text-transform: none; margin-top: 7px;margin-left: 15px; line-height: 27px;}
.sidebar--nav ul ul a:hover, .sidebar--nav ul ul .open > a, .sidebar--nav ul ul .active > a, .sidebar--nav ul ul .active > a:before, .sidebar--nav ul ul .active > a:after { color: #D1D5DB; background-color: rgb(31 41 55); width: 90%;border-radius: 5px;margin-top: 7px;margin-left: 15px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sidebar--nav .is-dropdown > a:before, .sidebar--nav .is-dropdown > a:after { display: none; position: absolute; top: 50%; right: 20px; margin-top: -12px; color: #6b7280; font-family: "Font Awesome\ 5 Free"; font-weight: 700; -webkit-transition: color .25s; transition: color .25s; }
.sidebar--nav .is-dropdown > a:before { content: "\f146"; }
.sidebar--nav .is-dropdown > a:after { content: "\f0fe"; }
.sidebar--nav .is-dropdown.open > a:before, .sidebar--nav .is-dropdown > a:after { display: none; }
.sidebar--nav .is-dropdown > a:before, .sidebar--nav .is-dropdown.open > a:after { display: block; }
.sidebar--nav > ul > .is-dropdown > a:before { font-weight: 400; }
.sidebar--nav ul ul ul { display: none; }
.sidebar--nav ul ul .open > ul { display: block; }
.sidebar--nav ul ul ul a:hover, .sidebar--nav ul ul ul .open > a, .sidebar--nav ul ul ul .active > a, .sidebar--nav ul ul ul .active > a:before, .sidebar--nav ul ul ul .active > a:before { background-color: transparent; }
.sidebar--nav ul ul ul { padding-top: 5px; padding-bottom: 6px; }
.sidebar--nav ul ul ul a { padding-left: 50px; }
.sidebar--nav ul ul ul li { border-bottom-width: 0; }
.sidebar--nav ul ul .is-dropdown > a:before { content: "\f105"; }
.sidebar--nav ul ul .is-dropdown > a:after { content: "\f107"; }
.sidebar--nav .is-dropdown > a:hover:before, .sidebar--nav .is-dropdown > a:hover:after, .sidebar--nav .is-dropdown > .open > a:before, .sidebar--nav .is-dropdown > .open > a:after, .sidebar--nav .is-dropdown > .active > a:before, .sidebar--nav .is-dropdown > .active > a:after { color: #fff; }
.sidebar--nav i { min-width: 22px;margin-right: 10px;font-size: 20px; }
.sidebar-light .sidebar--nav ul ul, .sidebar-light .sidebar--nav ul ul li { border-color: #efefef; }
.sidebar-light .sidebar--nav ul ul a:hover, .sidebar-light .sidebar--nav ul ul .open > a, .sidebar-light .sidebar--nav ul ul .active > a, .sidebar-light .sidebar--nav ul ul .active > a:before, .sidebar-light .sidebar--nav ul ul .active > a:after { color: #111827; background-color: transparent; }
.sidebar-light .sidebar--nav ul ul ul { background-color: #f9f9f9; }
.sidebar-light .sidebar--nav .is-dropdown > a:hover:before, .sidebar-light .sidebar--nav .is-dropdown > a:hover:after, .sidebar-light .sidebar--nav .is-dropdown > .open > a:before, .sidebar-light .sidebar--nav .is-dropdown > .open > a:after, .sidebar-light .sidebar--nav .is-dropdown > .active > a:before, .sidebar-light .sidebar--nav .is-dropdown > .active > a:after { color: #111827; }
/* 10.3. SIDEBAR WIDGETS */
.sidebar--widgets { margin-top: 40px; margin-bottom: 50px; }
.sidebar--nav + .sidebar--widgets { margin-top: 20px; }
/*------------------------------------*\
    11. MAIN CONTAINER
\*------------------------------------*/
.main--container { display: -ms-flexbox; display: -webkit-box; display: flex; position: relative; min-height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; padding-top: 72px; -webkit-transition: padding-left .25s cubic-bezier(0.99, 0, 0.5, 0.99); transition: padding-left .25s cubic-bezier(0.99, 0, 0.5, 0.99); }
/* 11.1. PAGE HEADER */
.page--header { padding: 10px 15px; background-color: #fff; }
body.page-light .page--header { box-shadow: 0 0 6px rgba(0, 0, 0, 0.05); }
.page--title { color: #ffcf00; font-weight: 600; text-transform: uppercase; }
.page--header .summary--widget { display: none; float: right; margin-left: -10px; margin-right: -10px; }
.page--header .summary--chart { width: 71px; }
.page--header .summary--item { float: left; padding-top: 0; padding-bottom: 0; min-width: 220px; }
.page--header .summary--title { font-size: 13px; line-height: 23px; }
.page--header .summary--stats { margin-top: -3px; margin-bottom: -2px; font-size: 22px; line-height: 32px; }
/* 11.2. MAIN CONTENT */
.main--content { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; padding: 30px 30px 0; }
/* 11.3. MAIN FOOTER */
.main--footer { padding: 33px 30px; text-align: center; }
.main--footer-transparent { padding-top: 23px; padding-bottom: 23px; }
.main--footer-light { background-color: #fff; }
.main--footer-dark { background-color: #232a2b; }
body.page-light .main--footer-light { box-shadow: 0 0 5px rgba(0, 0, 0, .08); }
.breadcrumb-separator { margin: 0 8px; }
.navbar--message { display: inline-block; margin: 0 auto; }
/************************************************/

.edit-icon-hover { display: none; }
.hover-div:hover .edit-icon-hover { display: block; position: absolute; right: 10px; z-index: 9999; top: 5px; }
.hover-div .form-control:hover .edit-icon-hover { display: none !important; visibility: hidden; }
.hover-div:hover { box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08); min-height: 30px; }
.hover-div { cursor: pointer; position: relative; }
/*.selectedContact {
    background: #000;
}*/

.edit-icon-hover { padding: 0px 0px; }
.contact--view__extra tr td { padding-top: 0px; padding-right: 0px; vertical-align: top; height: 41px; padding-bottom: 0px; }
td.p-t-10 { padding-top: 12px !important; }
.hover-div { width: 100%;}
.main--content .panel-title { font-size: 16px; }
.m-t-20 { margin-top: 25px; }
.select-style select { background: #fff; color: #111827 !important; padding: 7px; border: 1px solid #ebebea; border-radius: 1px; }
.toolbar { margin-bottom: 0px; padding-bottom: 0px; }
ul.user--list li.active a { /*background: #f8f8f8 !important;*/ background: #defcff !important; }
.custom-img img { height: 100px; padding-bottom: 8px; }
span.form-text.text-muted { font-size: 12px; }
.desc_no_record { padding: 20px 32px; color: #545454; font-weight: bold; }
.contact--view__extra tbody tr td:first-child { width: 35%; }
.m-r-3 { margin-right: 3px; }
p#task_view_description { width: 94%; }
section.main--content { overflow-x: hidden; }
.p-r-0 { padding-right: 0px; }
.bootstrap-datetimepicker-widget table th { font-size: 12px !important; }
.bootstrap-datetimepicker-widget table td.day { font-size: 11px !important; }
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #e16123 !important; }
.bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #e16123 !important; }
.scroll1::-webkit-scrollbar {
 width: 10px;
}
 .scroll1::-webkit-scrollbar-track {
 background: #ddd;
}
.scroll1::-webkit-scrollbar-thumb {
 background: #6b7280;
}
.scroll1 { scrollbar-color: #6b7280;}
.note--list .avatar { position: absolute; top: 18px; left: 20px; max-width: 45px; }
.note--list .avatar > .avatar-text { display: block; width: 45px; padding-bottom: 3px; border-radius: 50%; color: #fff; font-size: 18px; line-height: 42px; font-weight: 700; text-align: center; }
.capitalizeText { text-transform: capitalize; }
.mandatory { color: #e16123; }
.hover-div-social { height: 50px; }
.hover-div-social:hover .edit-icon-hover { display: block; position: absolute; right: 9px; z-index: 2; top: -29px; }
li.hover-div-social i { font-size: 11px; }
.hover-div-social .form-control:hover .edit-icon-hover { display: none !important; visibility: hidden; }
.hover-div-social:hover { min-height: 39px; }
.hover-div-social { cursor: pointer; position: relative; }
.error { color: #e16123; }
.p-l-0 { padding-left: 0px; }
.m-account--form-w.register-form { max-height: 580px; overflow: auto; display: grid; }
.m-account--content-w { background: #d9b402; }
.m-account-w { background-color: #bbb; }
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; }
.agency_complete_box.form--wizard .steps a { font-size: 17px; font-weight: bold; }
.bg-inner { min-height: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.bg-inner .logo, .bg-invite-users .logo { /* text-align: center; */ margin-bottom: 23px; }
.m-t-10 { margin-top: 10px; }
.m-b-10 { margin-bottom: 10px; }
.add-more-button i { font-size: 12px; }
.add-more-button button { cursor: pointer; border: 0px; }
.add-more-numbers:hover { background: none; color: #009378; }
.add-more-numbers:focus { background: none; color: #009378; }
label.error { display: block; margin-bottom: 0; float: left; width: 100%; color: red; font-size: 12px; }
h3.contact--view__name { padding-left: 0px; margin-top: 0px; padding-top: 0px; }
ul#tag--list--popup li { min-height: 63px; }
ul#tag--list--popup li a { padding: 30px 10px; }
.img-profile img { height: 80px; margin-top: 15px; }
.input-group.date label.error { width: 0% !important; }
aside.sidebar.custom-scroll-sidebar { max-height: 100%; overflow: auto; }
.view_tag_row { padding-left: 0px; }
.hover-div.table-hover-class { width: 70%; height: 39px; }
.avatar-text.custom-avatar { display: block; width: 37px; padding-bottom: 0px; border-radius: 50%; color: #fff; font-size: 15px; line-height: 35px; font-weight: 700; text-align: center; position: absolute; color: #111827; background: #f5f5f5; top: -4px; }
.pipeline-custom-title { font-weight: 600; font-size: 13px; margin-bottom: 0px; display: block; margin-top: -2px; color: #393939; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.avatar.main-div { position: relative; }
.avatar.main-div span.subtitle { padding-left: 45px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; display: block; }
.pipeline-main-div li { padding: 6px 6px 10px 13px; }
.m-b-20 { margin-bottom: 20px; }
.btn-1 { background: #1057A5 !important; border-color: #1057A5 !important; }
.btn-2 { background: #DEA729 !important; border-color: #DEA729 !important; }
.btn-3 { background: #00899A !important; border-color: #00899A !important; }
.btn-4 { background: #517BC3 !important; border-color: #517BC3 !important; }
.btn-5 { background: #7A64AF !important; border-color: #7A64AF !important; }
.btn-6 { background: #ea9999 !important; border-color: #ea9999 !important; }
.btn-7 { background: #41ae76 !important; border-color: #41ae76 !important; }
.btn-8 { background: #ef6548 !important; border-color: #ef6548 !important; }
a.navbar--btn { padding: top; padding-top: 10px; padding-bottom: 10px; }
section#formWizard-p-0 { min-height: 219px; }
section#formWizard-p-1 { min-height: 219px; }
section#formWizard-p-2 { min-height: 219px; }
#formWizard-h-0 { display: none; }
#formWizard-h-1 { display: none; }
#formWizard-h-2 { display: none; }
.scroll1.pipeline-scroll { border: 1px solid rgba(0,0,0,.125); padding: 5px; background: #fdfdfd; overflow: hidden; }
.list-group-item:first-child { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
.list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; }
.scroll1.pipeline-scroll li { margin-bottom: 8px; }
span.pipeline-setting-icon { position: absolute; right: 15px; cursor: pointer; }
.responsive-content p.list-group-item { position: relative; }
i.fas.fa-envelope-open-text { color: #e16123; }
i.fas.fa-sms { color: #2bb3c0; }
h4.title.pipeline-custom-title span.task-status { float: right; font-size: 12px; font-weight: normal; color: orange; padding-right: 0px; }
.loading-main { background: rgba(0,0,0, 0.7); position: absolute; height: 100%; width: 100%; z-index: 9; }
.pipeline-box { width: 15.6%; display: inline; float: left; margin-right: 1%; margin-bottom: 1%; }
.dot i.fas.fa-sms { color: #e16123; }
.dot i.fa.fa-tasks { color: #00B36C; }
.dot i.fas.fa-envelope { color: #00B36C; }
.m-account--form .input-group-postpend { margin-right: 0; padding: 8px 20px; color: #b3b5b5; background-color: #494f50; border-left: 1px solid #6b7280; border-radius: 0rem .25rem .25rem .0;
-ms-flex-align: center; -webkit-box-align: center; -ms-grid-row-align: center; align-items: center; }
/*.select2-selection { background-color: #494f50 !important; border-color: #494f50!important; height: 40px!important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: white; line-height: 35px; }
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #8c8d8d; padding-left: 10px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 7px; right: 1px; width: 20px; }
.select2-container--default .select2-selection--single { border: 1px solid #aaa; border-radius: 0px 4px 4px 0px; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { color: white; background-color: #494f50; }
.select2.select2-container { width: 81%; }
.select2-dropdown { background-color: #aaa; }
.select2-results__option, .loading-results { color: #fff !important; }
.select2-dropdown { padding: 13px 0; }
input.select2-search__field { border-radius: 4px; }g1434
 .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
 width: 5px;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track-piece {
 background: #888
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
 background: #eee
}
.select2-container--default .select2-results > .select2-results__options { scrollbar-color: #6b7280 #ddd; scrollbar-width: thin; }*/
li.list-group-item .info { width: 80%; display: inline; float: left; }
/*.won-loss-icon { position: absolute; right: 6px; top: 1px;float:right; }*/ 

.won-loss-icon { position: absolute; right: 5px; top: 0; }
.won-loss-icon span { margin: 6px 0px; }
.won-loss-icon span.badge { font-size: 9px; }
.won-loss-icon span.badge.text-white.bg-success { background: #7dc57d !important; }
.won-loss-icon span.badge.text-white.bg-danger { background: #ef6767 !important; }

/* Track */
.pipeline-container::-webkit-scrollbar-track {
 background: #f5f5f5;
}

/* Handle */
.pipeline-container::-webkit-scrollbar-thumb {
 background: #888;
}

/* Handle on hover */
.pipeline-container::-webkit-scrollbar-thumb:hover {
 background: #555;
}
.pipeline-box { display: inline; float: left; margin-right: 1%; margin-bottom: 1%; flex: 1 1 auto; }
#sortable_7, #sortable_8 { background: #f9f7f7; }
.note-editor.note-frame { border: 1px solid #ececec !important; }
.ui-sortable-helper { border-bottom: 1px solid #111827; }
#send_sms_form textarea { margin-top: 0px; box-shadow: none; border: navajowhite; background: #f5f5f5; min-height: 230px; }
.nav.nav-tabs.nav-tabs-line.tab-button { width: 100%; }
.nav.nav-tabs.nav-tabs-line.tab-button.task-tab { width: 100%; background: transparent; margin: 15px 0px; }
.task-tab li a i { color: #009378; padding-right: 11px; }
.nav.nav-tabs.nav-tabs-line.tab-button.task-tab a.nav-link:hover { background-color: transparent; border-color: transparent !important; }
.nav.nav-tabs.nav-tabs-line.tab-button.task-tab a { font-weight: 600; }
.nav.nav-tabs.nav-tabs-line.tab-button li { width: 50%; }
.nav.nav-tabs.nav-tabs-line.tab-button li a { text-align: center; padding: 10px; cursor: pointer; }
.nav.nav-tabs.nav-tabs-line.tab-button .nav-item.show .nav-link, .nav.nav-tabs.nav-tabs-line.tab-button .nav-link.active { background: #fff; color: #e16123; border-radius: 0px; border-color: #ffcf00; }
.nav.nav-tabs.nav-tabs-line.tab-button.task-tab .nav-item.show .nav-link, .nav.nav-tabs.nav-tabs-line.tab-button.task-tab .nav-link.active { background: #e16123; color: #fff; border-radius: 0px; border-color: #e16123; }
#the-count { float: right; padding: 0.1rem 0 0 0; font-size: 0.875rem; }
textarea { width: 100%; min-height: 110px; resize: none; border-radius: 8px; border: 1px solid #ddd; padding: 0.5rem; color: #666; box-shadow: inset 0 0 0.25rem #ddd; margin-top: 30px; &:focus {
 outline: none;
 border: 1px solid darken(#ddd, 5%);
 box-shadow: inset 0 0 0.5rem darken(#ddd, 5%);
}
 &[placeholder] {
 font-style: italic;
 font-size: 0.875rem;
}
}
.user--list-conversation { margin: 0; padding: 0px 0px 15px 0px; list-style: none; width: 100%; position: relative; }
.user--list-conversation .avatar-text { display: inline-block; width: 82px; padding-bottom: 3px; border-radius: 50%; color: #fff; font-size: 29px; line-height: 77px; font-weight: 700; text-align: center; }
.bg-grey { background: #f7f7f7; }
.user--list-chat .avatar-text { display: inline-block; width: 41px; padding-bottom: 3px; border-radius: 50%; color: #00B36C; font-size: 15px; line-height: 37px; font-weight: 700; text-align: center; margin-bottom: 15px; }
.contact--view__extra tbody tr td:first-child { width: 27%; }
.view_text { margin-bottom: 0px; padding-left: 0px; padding: 11px 0px; }
.contact--view__name { margin-top: 0px; color: #111827; font-size: 18px; font-weight: 600; padding-top: 0px; padding-bottom: 0px; line-height: 27px; margin-right: 8px; }
.chat--left .chat--content { color: #111827; background-color: #ece8e8; }
#assigned_tags_box span { margin-bottom: 10px; position: relative; padding-left: 16px; }
.contact--view__extra { width: 100%; margin-bottom: 15px; }
.tag::after { background: #fff; border-bottom: 11px solid transparent; border-left: 10px solid #eee; border-top: 13px solid transparent; content: ''; position: absolute; right: 0; top: 0; }
.tag::before { background: #fff; border-radius: 10px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); content: ''; height: 6px; left: 5px; position: absolute; width: 6px; top: 10px; }
.nav { display: inline-flex; }
.chat--item.chat--right .chat--content { background: #2bb3c0; text-align: left; width: 74%; float: right; color: #fff; border-radius: 10px; }
.chat--item.chat--right .chat--time { color: #fff; }
.chat--item.chat--right .chat--user.h6 a { color: #fff; }
.chat--item.chat--right .fas.fa-ellipsis-h { color: #fff; }
.p-l-0 { padding-left: 0px; padding-right: 0px; }
.email-subject { border-bottom: 1px solid #7ac9d2; padding-bottom: 10px; }
.chat--left .email-subject { border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; }
.chat-content-email { width: 100%; }
.fas.fa-ellipsis-h { font-size: 17px; color: #ccc; cursor: pointer; }
.email-collapse { padding-top: 10px; }
.chat--item.chat--left .chat--content { background: transparent; padding-top: 0px; padding-left: 0px; border-radius: 0px; width: 74%; background: #ececec; padding: 14px 20px 16px; border-radius: 10px; position: relative; }
.reply-section.left { float: left; width: 100%; text-align: left; background: #e6e5e5; }
.chat--content.reply .reply-section.right::before { content: " "; position: absolute; top: 13%; left: -12px; width: 0; height: 0; margin-top: -6px; border-style: solid; border-width: 6px; border-color: transparent #e6e5e5 transparent transparent; }
.chat--content.reply.left { background: #f5f5f5 !important; margin-left: 55px; margin-top: -7px; border-radius: 0px !important; }
.user--list-chat { text-align: center; }
.chat-content-email p { display: block; color: #393939; font-size: 15px; /* white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden; */ margin-bottom: 5px; }
.chat--item.chat--left .chat--user.h6 a { color: #111827; }
.chat--item.chat--left .chat--avatar::before { display: none; }
.chat--user { float: none; }
.email-collapse-content { line-height: 27px; }
.chat--item.chat--right .chat-content-email { width: 100%; }
.chat--item.chat--right .chat-content-email p { color: #fff; background: none !important; }
#slicename { text-transform: uppercase; }
div#policy_div { position: relative; right: 0; top: -22px; }
.user--list-chat.reply { text-align: center; color: #ccc; cursor: pointer; }
.user--list-chat.reply:hover { color: #e16123; }
.chat--item.chat--right .chat--content.reply .chat--user.h6 a { color: #111827; }
.chat--content.reply { background: #f5f5f5 !important; margin-right: 73px; margin-top: 1px; border-radius: 0px !important; }
.chat--item.chat--right .chat--content.reply .chat--time { color: #111827; }
.chat--item.chat--right .chat--content.reply .chat--text p { color: #111827 !important; }
.reply-section { background: #fff; padding: 12px; border-radius: 7px; margin-bottom: 10px; position: relative; float: left; width: 100%; }
.reply-section.right { float: left; width: 100%; text-align: left; background: #e6e5e5; position: relative; }
.reply-section.right .chat--time { float: left; }
.chat--content.reply .reply-section.left::before { content: " "; position: absolute; top: 50%; right: -12px; width: 0; height: 0; margin-top: -6px; border-style: solid; border-width: 6px; border-color: transparent #e6e5e5 transparent transparent; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.logo.complete-logo { text-align: center; }
.right-form { position: relative; background: #fff; box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(0,0,0,.4); left: -35px; z-index: 2; padding: 15px 30px 15px 70px; max-height: 550px; min-height: 550px; }
.logo.complete-logo { text-align: center; padding: 40px 0px 70px; }
.background-green { background-color: #2bb4c0; color: #fff; border-radius: 0px 20px 20px 0px; position: absolute; width: 100%; min-height: 630px; top: -40px; }
\h3.chat--user.h6 span { color: #111827 !important; text-align: center; display: block; margin-bottom: 12px; }
.custom-tab-complete { position: absolute; right: -20px; z-index: 3; margin-top: 60px; }
.headings { position: absolute; }
.headings h4 { margin: 95px 77px 93px 16px; font-size: 21px; text-align: center; line-height: 38px; }
.custom-tab-complete li a { background: #fff; border-radius: 50% !important; padding: 33px !important; margin: 31px 0px; border: 5px solid #ffce00 !important; font-size: 40px; font-weight: bold; height: 100px; width: 100px; }
.custom-tab-complete li a:hover, .custom-tab-complete li a.nav-link:focus { color: #ffce00; }
h1.complete-heading { font-size: 21px; color: #1b2223; font-weight: 600; margin-bottom: 15px; text-transform: uppercase; text-align: center; padding-left: 0px; display: block; width: 100%; }
.custom-tab-complete li a.nav-link.active { background: #ffce00; color: #fff; }
.right-form .tab-content { border: 0px !important; }
.button-complete { position: absolute; right: 0; border: 0; bottom: 0; }
.button-complete.last { bottom: -59px; }
.custom-button { padding: 10px 30px; font-size: 16px; font-weight: bold; }
.custom-button.yellow { background: #ffce00; }
h1.search-number { text-align: center; color: #393939; margin-bottom: 43px; font-size: 28px; }
.custom-label-style { font-size: 27px; color: #111827; padding-left: 19px; text-align: center; margin-bottom: 20px; }
.custom-label-style span { display: block; font-size: 18px; font-weight: normal; color: #6b7280; }
.form-control.custom-form-control { border-radius: 0px; border-color: #e8e8e8; height: 52px !important; font-size: 18px; font-weight: 600; text-align: center; }
.btn-flat { border-radius: 0px; padding: 13px; font-size: 17px; margin-top: 6px; }
i.fa.fa-phone { transform: rotate(90deg); }
h1.twillio-number { text-align: center; margin-top: 0px; font-size: 20px; color: #393939; line-height: 35px; padding: 47px 0px; }
h1.twillio-number span { display: block; font-size: 33px; font-weight: bold; color: #e16123; }
.container.custom-container { width: 600px; }
table.table.table-striped.custom-table-style.area-code-table thead tr th { font-size: 15px; text-transform: uppercase; }
table.table.table-striped.custom-table-style.area-code-table tbody tr td { font-size: 16px; padding: 13px; }
span.btn.btn-default.btn-sm.custom-default { background: #e2e2e2; }
.loading-sms { text-align: center; }
.form-group.height-label { min-height: 70px; }
.custom-login-button { background: #00b36c; }
.custom-login-button:hover, .custom-login-button:focus, .custom-login-button:not(:disabled):not(.disabled):active { background: #00b36c; }
.custom-login-title { margin-bottom: 33px; color: #00b36c; font-size: 27px; line-height: 28px; text-align: center; }
a.nav-main-heading { color: #FFFFFF !important; font-size: 12px; }
a.nav-main-heading:hover { color: rgba(209, 213, 219, 1); font-size: 12px;; }
ul.breadcrumb li a { color: #111827; }
.mail-icon { display: inline; margin-right: 45px; }
.mail-icon a { color: #111827; font-size: 13px; text-transform: uppercase; padding-left: 0px; font-weight: bold; }
.add-more-button { text-align: right; }
.remove_field { color: #e16123; cursor: pointer; }
.remove-email-icon { border: none; cursor: pointer; }
ul#attachment_list { padding-left: 0px; margin-top: 10px; }
ul#attachment_list li { padding: 0px 0px 7px 0px; border-bottom: 1px solid #f1f1f1; font-size: 13px; }
span.attach-delete-icon { float: right; /* margin-top: 15px;*/ margin-right: 10px; }
span.attach-delete-icon i { color: #e16123; }
.custom-file-label::after { color: #2bb3c0 !important; /* background-color: #2bb3c0 !important; */ /* border-left: 1px solid #2bb3c0 !important; */ background: none !important; border: none !important; /* left: 50%; */ bottom: 0 !important; width: 100% !important; top: 41px !important; height: auto; font-size: 49px; font-weight: bold; }
.custom-file-input:lang(en)~.custom-file-label::after { content: "" !important; }
.upload-btn { height: 52px; margin-top: 10px; }
ul#attachment_list li i.fa.fa-file { background: none; padding: 20px; border-radius: 50%; color: #009378; }
select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../../img/bottom-icon.png) !important; background-repeat: no-repeat !important; background-position: right center !important; background-size: 20px auto !important; padding-right: 28px !important; }
.area-code-table tbody tr td label.error { display: none !important; }
.new-design-bg { background: #fff; padding: 10px 15px; box-shadow: 0 5px 23px rgba(0, 0, 0, .09); margin-bottom: 20px; position: relative; border-radius: 11px; margin: 20px 20px 20px 20px; }
.new-circle-initials { position: relative; top: -40px; text-align: center; }
p.custom-label.heading-text { display: inline-block; margin-bottom: 0px; color: #313131; font-size: 15px; }
.grey-bg-partion { background: #f6f6f6; padding: 12px 19px; margin-top: 15px; }
.heading-action { cursor: pointer; }
.policy-name { margin: 0px 13px; border-bottom: 1px solid #ebebeb; padding: 12px 5px; }
.policy-name p { display: inline-block; margin-bottom: 0px; }
/*.days-left {
    background: #f6f6f6;
    padding: 2px 12px;
    font-size: 11px;
    border-radius: 40px;
    color: #e16123;
}*/
.policy-name.last { border: 0px; }
p.policy-type { width: 220px; }
p.policy-price { font-weight: bold; color: #313131; }
.p-r-10 { padding-right: 10px; }
label.custom-file.contact-attachments { height: auto; border: 0px; background: transparent; border-radius: 0px; }
span.custom-file-label.contact-page-attach { padding: 0px; line-height: unset !important; background: transparent; text-align: center; font-size: 13px; font-size: 14px; font-weight: bold; padding-right: 17px; }
.file-note { padding: 0px 10px; font-size: 12px; }
.custom-table-style { color: #6b7280; }
span.custom-file-label.contact-page-attach:after { top: -8px !important; left: -63px; font-size: 22px; color: #FFF !important; }
/* .uploaded_files_list { margin: 20px; } */
ul#attachment_list li a { color: #313131; }
.chat--item.chat--right .chat--user.h6 span { color: #fff; }
.chat--item.chat--left .chat--user.h6 span { color: #111827; }
.low-priorties { background: #FFA500; }
.medium-priorties { background: #FFDC01; }
.high-priorties { background: #E40B00; }
.panel-dashboard {margin-bottom: 30px;color: #6b7280;background-color: #fff;border-radius: 5px;box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;transition: ease 0.3s all;}
.panel-dashboard:hover {box-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;transition: ease 0.3s all;}
button.btn-outline-warning.remove_field { border: none; font-size: 13px; }
button.btn-outline-warning.remove_field:hover, button.btn-outline-warning.remove_field:focus { border: none; background: none; color: #e16123; }
button.btn-outline-success.add-more-numbers-contact-card:focus, button.btn-outline-success.add-custom-fields-contact-card.btn-sm:hover, button.btn-outline-success.add-custom-fields-contact-card.btn-sm:focus { border: none !important; background: none !important; color: #009378 !important; box-shadow: none !important; }
button.btn-outline-success.add-custom-fields-contact-card.btn-sm { padding-top: 10px; }
input#contact-muiltiple-files:focus { box-shadow: none !important; outline: none !important; }
.select2-container--default .select2-selection--multiple { border: solid #ebebea 1px !important; outline: 0; }
.form-check-import-certification .form-check-label { text-align: justify; font-size: 12px; line-height: 19px; }
.form-check-import-certification .form-check-label::before, .form-check-import-certification .form-check-label::after { top: 13px; }
.campaign_list { margin-bottom: 10px; }
.select2-container { width: 100% !important; }
section.page--header { display: none; }
.custom-switch .switch { position: relative; display: inline-block; width: 45px; height: 23px; }
.custom-switch .switch input { opacity: 0; width: 0; height: 0; }
.customer-contact .dropdown { margin-left: 14px; margin-top: 5px; }
.customer-contact .dropdown a { color: #9c9c9c; }
.custom-switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.custom-switch .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 1px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.custom-switch input:checked + .slider { background-color: #2bb3c0; }
.custom-switch input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
.custom-switch input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
/* Rounded sliders */
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
.no-padding { padding: 0; }
.content { position: relative; }
.edit-icon-campaign-master { position: absolute; top: 4px; right: 6px; }
.padding-bottom-15 { padding-bottom: 15px; }
.delay-label { padding-top: 7px; }
.vertical-timeline > ul > li + li { margin-top: 0px!important; }
.text-bold { font-weight: bold; }
.vertical-timeline { margin-top: 25px; }
ul.list-unstyled li { margin-bottom: 6px; }
.vertical-timeline .time { font-size: 13px; line-height: 18px; }
.tick-position { position: absolute; right: 11px; bottom: 10px; font-size: 11px; }
.reply-tick-position { position: absolute; right: 11px; bottom: 9px; font-size: 11px; }
.custom-label { margin-bottom: 5px; font-weight: bold; }
.bootstrap-datetimepicker-widget { z-index: 99999 !important; }
.contact--view__info { overflow: unset; }
/*Associated Campaigns : css for associated campaigns listing*/

.switch { position: relative; display: inline-block; width: 50px; height: 29px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 0px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #00B36C; }
input:focus + .slider { box-shadow: 0 0 1px #00B36C; }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
/* Rounded sliders */
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
.tabs_loader img { width: 25px; position: absolute; right: 63px; top: 2px; }
.assocaited_campaigns .panel-subtitle h5 { color: #515151; }
.block-head h3 { display: block; float: unset; }
.modal-bodyRC .panel-content.scroll1 { border-top: none; padding-top: 0; padding-left: 0; padding-bottom: 0; color: #6b7280; }
.modal-bodyRC .vertical-timeline .time { font-size: 12px; }
.modal-bodyRC .vertical-timeline > ul::before { left: 162px; }
.modal-bodyRC .vertical-timeline .content .btn { min-width: 110px; }
.modal-bodyRC .vertical-timeline .content .tabs_loader { display: inline-block; text-align: center; max-width: 110px; min-width: 110px; }
.modal-bodyRC .vertical-timeline .content .tabs_loader img { top: 0; position: relative; width: 20px; right: 0; left: 0; }
span.avatar-text.new-circle-initials { display: none; }
ul#attachment_list li a { padding-left: 10px; }
.assocaited_campaigns h5 { margin-top: 17px; }
select .dashboard_count_select { color: #fff; }
option .dashboard_count_select { color: #000 !important; }
option .dashboard_count_select:first-child { color: #000 !important; }
select.form-control.dashboard_count_select:focus { border-color: #fff; box-shadow: none; color: #ccc; }
option.form-control.dashboard_count_select:focus { color: #000 !important; }
select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background-image: url('/img/bottom-icon-dashboard.png') !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 20px auto !important;

    padding-right: 28px !important;
}
.paginator { text-align: center; }
ul.pagination { display: block; margin-left: -0.3125rem; min-height: 1.5rem; }
.paginator ul.pagination li { float: none; display: inline-block; }
ul.pagination li { color: #222; font-size: 0.875rem; height: 1.5rem; margin-left: 0.3125rem; }
.pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
ul.pagination li a { color: rgba(0, 0 ,0 , 0.54); }
ul.pagination li a, ul.pagination li button { border-radius: 3px; transition: background-color 300ms ease-out; background: none; color: #6b7280; display: block; font-size: 1em; font-weight: normal; line-height: inherit; padding: 0.0625rem 0.625rem 0.0625rem; }
.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #428bca; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; }
span#contact_lead_type { background: #6f5fa6; color: #fff; padding: 3px 6px; border-radius: 3px; font-size: 10px; text-transform: uppercase; }
.recentMessage { position: absolute; top: 0; right: 0; }
/**************start onboarding css********/
.cta-wrapper { margin: 0 auto; }
.cta-wrapper a { position: relative; color: #fff; width: 100%; bkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; transition: 0.1s all ease-in; display: block; border-radius: 50px; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05); padding: 12px 51px 12px 20px; font-weight: 700; }
.cta-wrapper a span { display: block; width: 8px; top: 0; bottom: 0; margin: auto; right: 10px; height: 10px; position: absolute; }
.cta-wrapper a span span { background: url(../../img/arrow.png); display: block; width: 8px; top: 0; bottom: 0; margin: auto; right: 0px; height: 10px; opacity: 1; position: absolute; }
.cta-wrapper a .arrow:before { content: ""; background: url(../../img/arrow.png); display: block; width: 8px; top: 0; bottom: 0; margin: auto; right: 10px; height: 10px; position: absolute; opacity: 0.5; }
.cta-wrapper a .arrow:after { content: ""; background: url(../../img/arrow.png); display: block; width: 8px; top: 0; bottom: 0; margin: auto; right: 20px; height: 10px; position: absolute; opacity: 0.3; }
.cta-wrapper a .arrow:before { animation: animate-arrow-2 1s ease-in-out infinite 0.1s; }
.cta-wrapper a .arrow:after { animation: animate-arrow-3 1s ease-in-out infinite 0.2s; }
.cta-wrapper a .arrow span { animation: animate-arrow-1 1s ease-in-out infinite; }
 @keyframes animate-arrow-1 { 0% {
transform:translateX(-40px);
opacity: 0;
}
 70%, 100% {
transform:translateX(0px);
opacity: 1;
}
}
@keyframes animate-arrow-2 { 0% {
transform:translateX(-20px);
opacity: 0;
}
 70%, 100% {
transform:translateX(0px);
opacity: 0.5;
}
}
@keyframes animate-arrow-3 { 0% {
transform:translateX(-10px);
opacity: 0;
}
 70%, 100% {
transform:translateX(0px);
opacity: 0.3;
}
}
/*************end onboarding css*********/
.unread_messages_div { position: absolute; right: 9px; top: 9px; height: 10px; width: 10px; background-color: red; border-radius: 50%; }
.note-description { font-size: 12px; }
.yellow-box-thanks { background-color: #ffce00; text-align: center; padding: 35px 0px; }
.thanks-text { font-size: 25px; text-align: center; padding: 13px 0px; color: #324a5e; font-weight: bold; }
.thanku-page { margin-top: 150px; }
.review-div { text-align: center; padding: 0px 0px 18px 0px; font-size: 17px; }
.review-us-button { background-color: #4E69AB; padding: 7px; border-radius: 4px; color: #fff; text-decoration: none; font-size: 12px; margin-right: 20px; border-color: #4E69AB; }
/*Below is the css regarding pipeline page modules for each pipeline stage*/
.btn-new-lead { background: #1057A5 !important; border-color: #1057A5 !important; }
.btn-working { background: #DEA729 !important; border-color: #DEA729 !important; }
.btn-appointment-schedule { background: #00899A !important; border-color: #00899A !important; }
.btn-quote-ready { background: #517BC3 !important; border-color: #517BC3 !important; }
.btn-quote-sent { background: #7A64AF !important; border-color: #7A64AF !important; }
.btn-closing { background: #ea9999 !important; border-color: #ea9999 !important; }
.btn-won { background: #45A94E !important; border-color: #45A94E !important; }
.btn-lost { background: #DE4243 !important; border-color: #DE4243 !important; }
.stage-1 { width: 85%; float: left; }
.stage-2 { width: 15%; float: left; }
.pipeline-container1 { display: block; }
.pipeline-box1.won ul { height: 230px !important; }
.pipeline-box1 { width: 100%; max-height: 330px; overflow: hidden; margin-bottom: 11px; }
.main-container { width: 100%; overflow: auto; }
.avatar.main-div a { width: 8%; float: left; }
.info span.avatar-text.bg-grey i { color: #45A94E; font-size: 12px; }
.avatar.main-div span.subtitle { padding-left: 10px; position: relative; }
.avatar.main-div span.subtitle { width: 84%; }
.count_appointment { font-size: 14px; font-weight: bold; text-transform: uppercase; margin-top: 13px; line-height: 20px; }
span.count_appointment i { color: green; padding-right: 7px; font-size: 15px; }
span.count_appointment i.far.fa-thumbs-down { color: red; }
.button-clipboard { padding: 0px; }
.btn-group-sms .btn.btn-sm { padding: 1px 8px; font-size: 10px !important; }
.row.row-email { margin-left: -5px; margin-right: -5px; }
.row.row-email .col-md-5, .row.row-email .col-md-7 { padding-right: 5px; padding-left: 5px; }
.row.row-email .nav-tabs .nav-link { padding: 12px 18px; }
.policy_type_list { list-style: none; }
.policy_type_list { width: 100%; padding-left: 16px; }
.policy_type_list li { margin-bottom: 5px; }
.policy_type_list button { padding: 1px 6px; font-size: 12px; }
.btn-outline-warning.deletePolicyTypeRow { position: absolute; right: -18px; top: 7px; }
/*.won_stage_fields, .lost_stage_fields { background: #f2f2f2; }*/

.row.attachents_list { margin-bottom: 5px; }
.attachents_list .btn-outline-warning.unselect-inputed-img { padding: 0px 5px; font-size: 11px; }
.checkboxes.checkboxes-attach { margin-top: 15px; }
.custom-file.contact-attachments-cc { background: #2bb3c0 !important; border-radius: 40px !important; padding: 2px; }
label.custom-file.contact-attachments-cc .custom-file-label.contact-page-attach { color: #fff; width: 100%; padding-right: 0px !important; font-weight: normal; font-size: 13px; padding: 3px 0px; }

label.custom-file.contact-attachments-cc span.custom-file-label.contact-page-attach::after { top: -10px !important; left: -65px !important; font-size: 22px !important; color: #fff !important; }
.hover-div-email:hover .edit-icon-hover-email { display: block; position: absolute; z-index: 9999; }
.projected-value { font-size: 12px; background: rgba(255, 255, 255, 0.2); padding: 0px 4px; border-radius: 5px; display: block; text-align: center; }
#all_deals_projected_value { margin-bottom: 12px; font-weight: bold; }
.attach-file-name-div { width: 90% !important; height: auto !important; padding: 5px; position: relative; }
.attach-file-name-div-email { width: 80% !important; height: auto !important; padding: 5px; position: relative; }
.update_file_name_icons { position: absolute; right: -30px; top: 30px; }
/*Service pipeline page css*/

.service-card-title { display: block; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px; padding-top: 10px; padding-bottom: 2px; }
/* Hide the browser's default radio button */
.icon-radio input { position: absolute; opacity: 0; cursor: pointer; }
/* Create a custom radio button */
.checkmark { position: absolute; top: 0; left: 0; height: 16px; width: 16px; background-color: #eee; border-radius: 50%; }
/* On mouse-over, add a grey background color */
.icon-radio:hover input ~ .checkmark { background-color: #ccc; }
/* When the radio button is checked, add a blue background */
.icon-radio input:checked ~ .checkmark { background-color: #FFCE02; }
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }
/* Show the indicator (dot/circle) when checked */
.icon-radio input:checked ~ .checkmark:after { display: block; }
/* Style the indicator (dot/circle) */
.icon-radio .checkmark:after { top: 5px; left: 5px; width: 6px; height: 6px; border-radius: 50%; background: white; }
.loading-main-tabs { position: absolute; height: 100%; width: 100%; z-index: 9; margin-top: 10px; }
 @media (max-width: 1470px) {
.new-request-btn {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 160px;}  
.new-request-btn:hover {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 } 
.pipeline-main-div li { padding: 6px 9px 10px 16px; }
.avatar.main-div span.subtitle { padding-left: 45px; position: relative; top: -1px; font-size: 15px; width: 92%; }
.padding-responsive { padding-left: 5px; padding-right: 5px; }
.contact--view__extra tbody tr td:first-child { width: 23%; }
.contact--view__extra .hover-div input { padding-left: 5px; padding-right: 27px; }
}
@media (max-width: 1380px) {
.new-request-btn {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:140px;}  
.new-request-btn:hover {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.responsive-content { padding: 10px 10px 0; }
.avatar.main-div span.subtitle { top: 0px; font-size: 15px; padding-left: 10px; position: relative; width: 85%;}
.avatar-text.custom-avatar { width: 28px; font-size: 13px; line-height: 26px; }
.pipeline-main-div li { padding: 6px 7px 10px 7px; }
.padding-responsive { padding-left: 5px; padding-right: 5px; }
/*.chat--item.chat--right .chat--content, .chat-content-email { width: 100%; float: none !important; }*/
.miniStats--icon { font-size: 44px; margin-top: -15px; }
p.policy-type { width: 150px; }
span.avatar-text i { font-size: 12px; }
}
 @media (max-width: 1279px) {
.pipeline-box { width: 19%; flex: 0 0 auto; }
}
@media (min-width: 1200px) {
.main--footer { text-align: left; }
.sidebar { left: 0; }
.sidebar-mini .sidebar { left: -270px; }
.main--container { padding-left: 270px; }
.sidebar-mini .main--container { padding-left: 0; }
.navbar--header { left: 0; }
.navbar--header .navbar--btn { display: none; }
.sidebar-mini .navbar--header { left: -270px; }
.navbar { padding-left: 270px; }
.sidebar-mini .navbar { padding-left: 0; }
.nav-tabs .nav-link { padding: 12px 15px; }
}
@media screen and (max-width: 1199px) {
.chart--stats .nav > li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; }
.headings h4 { font-size: 18px; }
.right-form { padding: 15px 69px; }
h1.complete-heading { font-size: 19px; }
.custom-tab-complete li a { padding: 23px !important; margin: 43px 0px; font-size: 35px; height: 80px; width: 80px; }
.custom-tab-complete { right: -8px; }
.attachments_list_html .custom-table-style { width: 467px; overflow-x: auto; }
}
 @media (min-width: 992px) {
.vertical-timeline > ul:before, .vertical-timeline .dot { display: block; }
.vertical-timeline .time { float: left; position: relative; top: auto; left: auto; min-width: 100px; margin-top: 26px; margin-right: 22px; text-align: right; }
.vertical-timeline .content { padding-top: 10px; }
.vertical-timeline .title { margin-left: 96px; }
.vertical-timeline .action { margin-left: 65px; }
.navbar--nav .nav-link { padding-left: 16px; padding-right: 30px; }
.navbar--nav .nav-link .badge {left: 18px;top: -9px;}
.navbar--nav .nav--user:before { left: 67px; }
.page--header .summary--widget { display: block; }
.records--header .actions { width: auto; padding-left: 0; }
.app_wrapper { padding-left: 15px; padding-right: 20px; }
.app_sidebar { margin: 0; padding-left: 20px; padding-right: 20px; border-right-width: 1px; border-bottom-width: 0; }
.help_link_model { max-width: 1000px; }
}
 @media (max-width: 991px) {
.right-form { left: 1px; }
.custom-tab-complete { right: -38px; }
.logo.complete-logo img { width: 110px; }
.headings h4 { margin: 95px 49px 93px 16px; font-size: 20px; }
.right-form { padding: 15px 38px; }
h1.complete-heading { font-size: 20px; padding-left: 0px; line-height: 31px; }
.attachments_list_html .custom-table-style { width: 100%; overflow-x: auto; }
}
 @media (min-width: 768px) and (max-width: 991px) {
.app_sidebar.col-md-6 { margin: 0; padding-left: 20px; padding-right: 20px; border-right-width: 1px; border-bottom-width: 0; }
.right-form { padding: 15px 22px; }
.headings h4 { margin: 98px 49px 93px 16px; font-size: 15px; }
.custom-tab-complete { right: -25px; }
.custom-tab-complete li a { padding: 11px 15px !important; margin: 58px 0px; font-size: 25px; height: 55px; width: 55px; }
}
 @media (min-width: 768px) {
.panel-activity__list { padding-left: 20px; }
.panel-activity__list:before { display: block; }
.panel-activity__list > li { padding-left: 50px; }
.activity__list__icon { display: block; }
.navbar--nav .nav-language { display: block; }
.navbar--nav .nav--user img + span { display: inline-block; }
.navbar--search { display: block; }
.contact--view__avatar { float: left; }
.m-account--content-w { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: inherit; }
.records--list .topbar .right { width: auto; margin-top: 0; }
.search--results .stats { padding-left: 60px; padding-left: 60px; }
.search--results .results li { padding-left: 40px; padding-right: 40px; }
.search--results .results li > a { padding-left: 20px; padding-right: 20px; }
.search--box form, .search--box .options { padding-left: 40px; padding-right: 40px; }
.form--wizard .steps li { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.form--wizard .steps li:not(:last-child) { margin-right: 10px; }
.form--wizard .steps li:before { display: block; }
}
 @media (max-width: 767px) {
.records--header .search { width: 100%; }
.background-green { background-color: transparent; min-height: 630px; }
.headings { display: none; }
.custom-tab-complete { right: -38px; }
.custom-tab-complete li a { padding: 22px 25px !important; }
.right-form { padding: 15px 38px; min-height: 739px; }
.custom-tab-complete li a { margin: 77px 0px; }
}
@media screen and (max-width: 767px) {
.todoApp_contentBody .tag { margin-top: 0; font-size: 0; }
.todoApp_contentBody .tag:before { margin-right: 0; font-size: 12px; vertical-align: middle; }
}
 @media (max-width: 600px) {
.profile-cover__info .nav { display: block; margin: 90px auto 0; padding-left: 30px; padding-right: 30px; }
.profile-cover__info .nav li:not(:first-child) { margin-top: 8px; margin-left: 0; padding-top: 18px; padding-left: 0; border-top: 1px solid #eee; border-left-width: 0; }
.sidebar-mini .sidebar { left: 0; }
.sidebar-mini .navbar--header { left: 0px }
}
@media (min-width: 577px) {
.invoice { text-align: left; }
.invoice--header { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
.invoice--header .invoice--address { padding-top: 3px; padding-bottom: 3px; margin-left: auto; text-align: right; }
.invoice--billing { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; }
.invoice--info { padding-top: 0; padding-bottom: 3px; margin-left: auto; text-align: right; }
.invoice--footer { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
.invoice--actions { margin-top: 0; margin-left: auto; }
}
@media (min-width: 576px) {
.records--body .table-simple th, .records--body .table-simple td { padding-left: 20px; padding-right: 20px; }
}
 @media (max-width: 575px) {
.btn-group.d-sm-flex > .btn:first-child { border-radius: 4px 4px 0 0; }
.btn-group.d-sm-flex > .btn { display: block; }
.btn-group.d-sm-flex > .btn + .btn { margin-left: 0; }
.btn-group.d-sm-flex > .btn:last-child { border-radius: 0 0 4px 4px; }
}
 @media (min-width: 481px) {
.profile-cover__action > .btn { min-width: 125px; }
.profile-cover__action > .btn > span { display: inline-block; }
}
@media (min-width: 480px) {
.toolbar__nav > li > a > span { display: inline-block; }
.user--list > li > a.star-icon + a > .info > .desc { display: -ms-flexbox; display: -webkit-box; display: flex; }
.user--list > li > a > .info > .title { display: -ms-flexbox; display: -webkit-box; display: flex; }
.note--content { padding-left: 100px; }
.main-sender-info { display: -ms-flexbox; display: -webkit-box; display: flex; }
.main-sender-info__name > img { display: inline-block; }
.m-error--social { padding-left: 60px; padding-right: 60px; }
}
@media (max-width: 480px) {
.mail-attachements .table tr { display: block; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.mail-attachements .table th, .mail-attachements .table td { display: block; }
}
@media screen and (max-width: 480px) {
.todoApp_contentBody .tag { display: none; }
.todo--date, .todo--info, .todo--star { display: none; }
}
@media (max-width: 450px) {
.profile--panel .info li { width: 100%; flex-basis: auto; }
.profile--panel .info li:not(:last-child) { border-width: 0 0 1px; }
}
.logo img { display: block; margin: 0 auto; width: 225px; }
/***new-changes***/
.panel-dashboard .miniStats--header { display: block; padding: 13px; }
/***new-changes***/
.logo img { display: block; margin: 0 auto; width: 225px; }
.user--list p { color: #1F2937; }
.edit-btn .fa-edit { float: right; width: 40px; background-color: #00B36C; padding: 13px 0px; border-radius: 0 .25rem .25rem 0px;
color: #fff; text-align: center; }
.edit-btn input { float: left; width: calc(100% - 40px); border-radius: .25rem 0px 0px .25rem;
}
.navbar--nav .nav--user img.rounded { width: 40px; height: 40px; object-fit: cover; background-color: #f2f2f2; border-radius: 50% !important; }
/*.tick-position-task { position: absolute; right: 11px; bottom: 70px; font-size: 11px; }*/
/* .btn-onboarding { background: #232828; }
.btn-onboarding h4 { color: #fff; text-transform: uppercase; font-weight: 500; font-size: 15px; } */
.clear { clear: both; }
/* .btn-onboarding p { color: #fff; text-transform: uppercase; font-size: 19px; font-weight: 600; margin-bottom: 10px; } */
/* .small_progress_line { width: 100%; background: #fff; height: 4px; border-radius: 50px; display: block; position: relative; opacity: .8; margin-top: 0px; } */
/* .small_progress_fill { width: 50%; height: 100%; border-radius: 50px; display: block; position: absolute; background: #ffcf00; } */
/* .btn-onboarding h6 { color: #fff; padding-top: 10px; } */
/* .btn-onboarding img { padding-top: 50px; } */


.btn-onboarding { background-color: #000000; }
.btn-onboarding h4 { color: rgba(209, 213, 219, 1); text-transform: uppercase; font-weight: 500; font-size: 15px; }
.btn-onboarding p { color: #ffffff; text-transform: uppercase; font-size: 19px; font-weight: 600; margin-bottom: 10px; }
.btn-onboarding h6 { color: rgba(209, 213, 219, 1); padding-top: 10px; }
.btn-onboarding img { padding-top: 50px; }
.onboarding-data ul li a i { color: #00B36C; padding-right: 10px; font-size: 16px; }
.small_progress_line { width: 100%; background-color: #ffffff; height: 4px; border-radius: 50px; display: block; position: relative; opacity: .8; margin-top: 0px; }
.small_progress_fill { width: 50%; height: 100%; border-radius: 50px; display: block; position: absolute; background-color: #00B36C; }

.load_opportunity_data.onboarding-data { border: 1px solid #6b7280; padding: 20px 10px; border-bottom-left-radius: 7px !important; border-bottom-right-radius: 7px !important; min-height: 330px; overflow-y: auto; }
.onboarding-data ul { padding-left: 10px; }
.onboarding-data ul li { list-style: none; padding-top: 10px; }
.onboarding-data ul li a { color: #6b7280; font-size: 13px; }
.onboarding-data h4 { color: #6b7280; font-size: 14px; }
.list-group-item.btn-onboarding { border-top-left-radius: 7px !important; border-top-right-radius: 7px !important; min-height: 165px; }
/* .onboarding-data ul li a i { color: #1db91d; padding-right: 10px; font-size: 16px; } */
iframe { border: none; }
p.note { padding-left: 35px; color: #7c7c7c; }
/* .onboarding-data ul li a i { color: #b3b3b3; padding-right: 10px } */
.m-t-50 { margin-top: 50px; }
.desktop-preview { background: #D4DCE1; border: 1px solid #cccdce; padding: 6px; border-radius: 5px; }
.desktop-preview-content { background: #fff; padding: 10px; }
.desktop-preview-header { height: 43px; }
.desktop-preview-header span.dot { height: 13px; width: 13px; background: #fff; padding-top: 24px; }
.desktop-preview-header span.dot { height: 9px; width: 9px; background: #9a9eab; float: left; border-radius: 50%; padding-right: 0px; margin-right: 3px; margin-top: 4px; padding: 0px; }
.desktop-preview-content { background: #fff; padding: 10px; font-size: 13px; line-height: 17px; }
.phone-preview { background-repeat: no-repeat; background-size: contain; padding-top: 0px; padding-left: 8px; padding-right: 7px; height: 100%; width: 100%; background: #d4dce1; border-radius: 20px; border: 1px solid #cccdce; }
.phone-preview-header { height: 44px; text-align: center; margin: 0px auto; width: 100%; float: left; }
.phone-preview-header span.dot { height: 5px; width: 38px; background: #9a9eab; display: block; text-align: center; margin: 23px auto 0px; border-radius: 54px; }
.phone-preview-footer span.dot { height: 33px; width: 33px; display: block; border-radius: 50%; margin: 8px auto; padding-top: 14px; border: 1px solid #9a9eab; }
.phone-content { background: #fff; padding: 9px; line-height: 17px; font-size: 13px; width: 100%; }
.test-campaign-bg { background: #f5f5f5; padding: 15px 10px; }
div#view_campaign_sms_content_text { width: 80%; background: #2bb3c0; color: #fff; padding: 10px; border-radius: 10px; float: left; font-size: 12px; line-height: 15px; }
.phone-menu { padding: 2px 0px; border-bottom: 1px solid #e6e4e4; margin-bottom: 8px; }
.main-msg { min-height: 297px; }
.user-name { background: #eae8e8; display: inline-block; height: 30px; width: 30px; border-radius: 50%; text-align: center; line-height: 27px; font-size: 11px; color: #111827; margin-right: 3px; float: left; }
.phone-footer { margin-top: 5px; border-top: 1px solid #e6e4e4; }
.phone-footer { margin-top: 10px; border-top: 1px solid #e6e4e4; padding: 5px 0px; font-size: 12px; }
p.send-btn { background: #009378; color: #fff; padding: 1px 9px; border-radius: 10px; font-size: 10px; }
.rating span.heading { font-size: 12px; font-weight: bold; }
.rating span.fa-star { font-size: 12px; }
.reviews { font-size: 11px; text-align: center; padding: 0px; position: relative; top: -7px; }
.rating-number { color: #00B36C; margin-bottom: 0px; font-weight: bold; }
.progress-bar-rating i { font-size: 11px; color: #ccc; position: relative; top: -2px; }
.rating-point .small_progress_line { background: #eae6e6; float: left; display: inline-block; width: 80%; margin-top: 10px; margin-left: 8px; }
.number { float: left; }
.message-chat-image { float: left; width: 50px; margin: 0 10px 10px 0; }
.message-chat-image img { border-radius: 4px; }
.message-chat-text { line-height: 22px; margin-bottom: 15px; }
.font-12 { font-size: 12px; }
.tab-content.agency-tab { padding-left: 20px; padding-right: 20px; width: 100%; }
.nav-tabs-line .nav-link:hover { background-color: transparent; border-color: #289378; }
.customer-contact { float: left; position: relative; }
.prospect { float: left; margin-top: 3px; margin-right: 5px; }
.contact-details { float: left; width: 100%; margin: 15px 0px; }
.add_custom_emails_contact_card { width: 100%; }
.p-b-10 { padding-top: 15px; }
.border-top { border-top: 1px dashed #dee2e6!important; }
.col-md-12.grey-bg { background: #f5f5f5; padding: 15px; margin-top: 11px;/* border: 1px solid #ccc; */ }
.select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0 15px; }
a.anchor-name::after { color: #00B36C !important; }
div#contact_card_view_policy_box h5 { margin-bottom: 0px; color: #111827; }
.about-content { float: left; width: 100%; padding-bottom: 10px; padding-left: 10px; font-size: 17px; text-transform: uppercase;
color: #4d4d4d; font-weight: bold; }
/*.card-header h5 button {
    text-transform: uppercase !important;
    font-size: 14px !important;
    color: #000 !important;
}*/
.border-bottom-tab { border-bottom: 1px solid #ececec; }
#tab_commercial .nav-tabs .nav-link { padding: 12px 15px; }
.pl-0 { padding-left: 0px; }
.m-l-11 { margin-left: -11px; }
a.additional-location { color: #209378 !important; font-weight: bold; }
.current-folder { list-style: none; background: #fff; padding: 5px 10px; color: #393939; margin-bottom: 10px; font-weight: bold; cursor: pointer; }
/*.icon-listing-main ul {padding-left: 20px; list-style: none; color:#393939; font-weight:bold;}*/
.image { background: #fff; padding: 10px 5px; margin: 5px !important; width: 17.9% !important; font-size: 12px; color: #393939; border-radius: 5px; cursor: pointer; height: 104px; float: left; font-weight: 600 }
.add-more-button button { position: absolute; left: 2px; }
.contact--view button.btn.btn-sm.btn-default { position: absolute; left: 0; }
.image p { line-height: 16px; /* max-height: 68px; */ /* word-break: break-all; */ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-top: 5px; }
.image:hover { border: 2px solid #FFCE02; }
.image img { width: 75%; margin-top: 10px; }
input#image_filter { width: 100%; margin-bottom: 14px; border: navajowhite; padding: 5px 10px; color: #393939; }
span#selected_image { background: #f5f5f5; display: inline-block; padding: 12px 15px; border-radius: 5px; }
.disabledInput { background-color: #f5f5f5 !important; }
.sub-nav-tab li a { padding: 8px 12px !important; }
.commission-setup-table { max-height: 700px; overflow-y: scroll; }
table.table.table-border.popup-table-carriers { border: 1px solid #dee2e6; }
table.table.table-border.popup-table-carriers thead th { width: 90%; font-size: 16px; }
label.icon-radio { position: relative; top: -4px; }
.image { position: relative; }
.icon-listing-main ul, .icon-listing-main li { padding: 0; margin: auto; list-style: none; color: #393939; font-weight: bold; }
.icon-listing-main > .listing-main > .listing-main { padding-left: 25px; color: #393939; font-weight: bold; }
.icon-listing-main > .listing-main > .listing-main > li { position: relative; padding-left: 18px; color: #393939; font-weight: bold; }
.icon-listing-main > .listing-main > .listing-main > .listing-main > li { padding-left: 28px; font-weight: normal; }
.icon-listing-main > .listing-main > .listing-main > li::before { position: absolute; content: ""; left: 0; top: 12px; bottom: 0; background: #393939; width: 9px; height: 3px; }
/* Style the list */
ul.breadcrumb { padding: 0px 16px 10px; list-style: none; }
/* Display list items side by side */
ul.breadcrumb li { display: inline; font-size: 13px; font-weight: normal; color: #111827; }
/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before { padding: 8px; color: black; content: ">>"; font-size: 11px; }
span#business_lead_type { /* right: 0px; */ background: #6f5fa6; color: #fff; padding: 3px 6px; border-radius: 3px; font-size: 10px; text-transform: uppercase; }
/* .sales-policy-icon { text-align: right; position: absolute; right: 6px; bottom: 6px;} */
div#appointment-missed-opp-div-12 { position: absolute; background: #f5f5f5; width: 36%; text-align: center; margin: 6px auto; font-weight: bold; color: red; bottom: -2px; left: 0; margin-top: 10px; border-radius: 0px 40px 40px 00px; font-size: 12px; }
.renewal-policy-icon { text-align: right; position: absolute; right: 6px; bottom: 6px; }
.renewal-policy-icon span.text-white img, .service-policy-icon span.text-white img, .sales-policy-icon span.text-white img { height: 30px; width: 30px; }
.customer-contact .dropdown { position: absolute; left: 7px; top: -2px; }
/* .table td, .table th {
 padding: .75rem; vertical-align: top; font-size: 14px !important; border-top: 1px solid #dee2e6; } */
.ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; padding-right: 20px; position: fixed; }
/* Search Css 8 june 2020 */


#custom-search-input { padding: 3px; border-radius: 6px; background-color: #fff; }
#custom-search-input input { border: 0; box-shadow: none; }
#custom-search-input button { margin: 2px 0 0 0; background: none; box-shadow: none; border: 0; color: #6B7280; padding: 0 8px 0 10px; border-left: solid 1px #ccc; }
#custom-search-input button:hover { border: 0; box-shadow: none; border-left: solid 1px #ccc; }
#custom-search-input .glyphicon-search { font-size: 23px; }
#custom-search-input .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; }
#custom-search-input .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }
#custom-search-input .list-group { padding-left: 0; margin-bottom: 20px; }
li.list-group-item p.search-name { font-weight: bold; }
.load_opportunity_data li.list-group-item { position: relative; }
.load_service_data li.list-group-item { position: relative; /*min-height: 150px;*/ }
.load_renewal_data li.list-group-item { position: relative; /*min-height: 150px;*/ }
.renewal-policy-icon { text-align: right; position: absolute; right: 6px; top: 6px; }
.service-policy-icon { text-align: right; position: absolute; right: 6px; top: 6px; }
ul.auto-complete-list { list-style-type: none; margin: 0; padding: 0; position: absolute; z-index: 2006; max-height: 250px; overflow: auto; }
li.list-group-item p.search-name { font-weight: bold; padding-bottom: 0px; margin-bottom: 0px; }
.search-email { margin-bottom: 0px; }
.ui-menu .ui-menu-item { padding: 5px 10px; }
.ui-menu-item .ui-menu-item-wrapper.ui-state-active { background: transparent !important; font-weight: inherit !important; color: #111827!important; border: none !important; }
.user_search_icon { float: left; width: 10%; margin-bottom: 45px; }
li.list-group-item.ui-menu-item:hover { background: #f5f5f5; }
.user-icon-left { /*float: left;
    display: block;
    width: 10% !important;
    padding-bottom: 95px !important;*/ position: absolute !important; }
.ui-autocomplete { padding-right: 0px !important; }
.user-icon-left i { color: #3dc4ce; }
p.search-phoneno { position: absolute !important; right: 0px; top: 7px; }
ul#resultExistingSecondary { list-style: none; position: absolute; background: #fff; z-index: 999; box-shadow: 5px 5px 20px #d2d2d2; padding: 10px 15px; width: 95%; overflow-y: scroll; height: 140px; display: none; border: 1px solid #e7e7e7; }
ul#resultExistingSecondary li { cursor: pointer; }
.search-text-right.ui-menu-item-wrapper { margin-left: 0px; }
.search-text-right.ui-menu-item-wrapper { margin-left: 27px; }
/* Notification css 08072020 */
ul.show-notification-top.dropdown-menu li { padding: 9px 10px; border-bottom: 1px solid #dddfe2; }
li.unread-notication-top { background: #eef2f9; }
.time-icon-section span { font-size: 13px; color: #91949b; }
.time-icon-section .avatar-text { display: inline-block; color: #2bb3c0; font-size: 15px; font-weight: 700; text-align: center; padding-right: 5px; padding-top: 2px; position: relative; top: 2px; }
ul.show-notification-top.dropdown-menu h6 { font-size: 16px; font-weight: bold; border-bottom: 1px solid #dddfe2; padding: 11px; margin-bottom: 0px; }
span.initials { background: #f5f5f5; font-size: 14px; font-weight: bold; margin-bottom: 38px; height: 40px; width: 40px; line-height: 40px; text-align: center; float: left; border-radius: 50%; text-transform: uppercase; }
.notification-block { margin-bottom: 10px; position: relative; }
.right-content { padding-left: 51px; }
.right-content a { color: #1e2128 !important; }
.see_more_notification { float: left; width: 100%; text-align: center; font-size: 13px; color: #3e5993 !important; font-weight: bold; cursor: pointer; padding: 6px; }
ul.show-notification-top.dropdown-menu h6 span { float: right; font-size: 13px; font-weight: 600; color: #3e5993; padding-left: 10px; }
.right-content a:hover { color: #1e2128 !important; }
li.unread-notication-top span.initials { background: white; }
/* .scroll_wide { scrollbar-width: unset; } */
a.nav-link.notification-bell.notification-bell-icon img {
    width: 24px;
}
li.nav-item.nav-notification-item.open a.notification-bell {padding: 0px; height: 30px; width: 30px;text-align: center;line-height: 30px;border-radius: 50%; position: relative; top: 19px;margin-left: 13px;}
li.nav-item.nav-notification-item i {cursor: pointer;color: white !important; font-size: 17px !important;}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {display:none;}
.tooltip-inner {background-color:  rgba(97, 97, 97, 0.9) !important;color: #fff ;font-weight: 400;font-size: 14px;		top:10px;}
.show-notification-top::-webkit-scrollbar-track {
 background-color: #F5F5F5;
}
 .show-notification-top::-webkit-scrollbar {
 width: 10px;
 background-color: #F5F5F5;
}
 .show-notification-top::-webkit-scrollbar-thumb {
 background-color: #ccc;
 border: 2px solid #ccc;
}
.phone-notification { color: #54b9a6d6; }
.time-icon-section span i { font-size: 16px; }
.message-notification { color: #93bb5b; }
ul.show-notification-top.dropdown-menu li:hover { background-color: #e7edfb; cursor: pointer; }
ul.show-notifications.notifications-details li { list-style: none; }
ul.show-notifications.notifications-details { padding-left: 0px; cursor: pointer }
.notifications-details .notification-block { margin-bottom: 10px; position: relative; padding: 15px; }
/*COMMISSION TABLE*/
#table_commission tr > :first-child { position: -webkit-sticky; position: sticky; background: #ffcf00; left: 0; width: 254px; color: #fff; }
table#table_commission thead tr th.types-head { width: 254px !important; position: -webkit-sticky; position: sticky; left: 0; z-index: 4; padding: 36px 5px; line-height: 17px; }
.table-container { position: relative; overflow: auto; max-height: 700px; }
td.fixed-td { position: sticky; top: 95px; z-index: 2; }
th.carriers-head { position: sticky; top: 94px; z-index: 4; }
#table_commission thead { position: -webkit-sticky; position: sticky; top: 0; z-index: 2; }
#table_commission thead th { min-width: 250px; background: #2bb3c0; max-width: 100%; height: 94px; line-height: 17px; vertical-align: middle; }
#table_commission th.carriers-head { background: #fff !important; padding: 0px; }
/*thead*/
#table_commission thead { position: sticky; display: block; /*seperates the header from the body allowing it to be positioned*/ width: 100%; overflow: visible; }
#table_commission thead th:nth-child(1) {/*first cell in the header*/ position: relative; display: block; /*seperates the first cell in the header from the header*/ }
/*tbody*/
#table_commission tbody { position: relative; display: block; /*seperates the tbody from the header*/ width: 100%; height: auto; }
#table_commission tbody tr td:nth-child(1) {  /*the first cell in each tr*/ position: relative; display: block; /*seperates the first column from the tbody*/ }
.commission_box .input.text.custom-input-table input { background: transparent; width: 50%; display: inline; border-radius: 0px; height: 53px; text-align: center; font-size: 13px; padding: 0px 5px; }
.commission_box table thead th { vertical-align: bottom; border-bottom: 0px solid #dee2e6; text-align: center; font-size: 14px; font-weight: 600; background: #2bb3c0; color: #fff; padding: 20px 5px; }
.commission_box .table-bordered td, .table-bordered th { border: 2px solid #fff; width: 250px; }
.commission_box .table td { padding: 0px; vertical-align: top; border-top: 6px solid #ffff; }
.commission_box td.first-child { background: #ffcf00; font-size: 15px; color: #fff; font-weight: bold; width: 254px; padding: 14px 4px; }
.commission_box .form-control:focus { border-color: #009378; box-shadow: none; background: #f5f5f5 !important; }
.commission_box .panel-title.commission { display: block; text-align: center; float: none; font-size: 25px; margin-top: 25px; }
.commission_box .panel-title.commission::before, .panel-title.commission::after { display: inline-block; content: ""; border-top: .1rem solid #393939;
width: 4rem; margin: -8px 1rem; transform: translateY(-1rem); }
.commission_box table.table.custom-table-style tbody tr td span { width: 48.9%; display: inline-block; text-align: center; background: #111827; color: #fff; font-size: 11px; padding: 6px 0px; border: 0px; }
.commission_box .link-setup { display: block; text-align: center; font-size: 16px; margin-top: 17px; }
 .commission_box input.form-control.inline.cross::placeholder {
color: red;
}
.commission_box .sucess-message { color: #155724; background-color: #d4edda; border-color: #c3e6cb; padding-right: 4rem; position: relative; padding: .75rem 1.25rem;
padding-right: 1.25rem; margin-bottom: 1rem; }
.commission_box .alert.alert-success.sucess-message.alert-dismissible.show.custom-flash-success { position: absolute; top: 10px; left: 43%; width: auto; z-index: 999; padding: 10px 40px; }
.commission_box .alert-dismissible .close { position: absolute; top: -3px; right: -10px; padding: .75rem 1.25rem;
color: inherit; margin-left: 18px; }
.commission_box .types-head { background: #117079 !important; text-align: left !important; padding-left: 14px !important; padding-right: 14px !important; }
.commission_box .carriers-head span { background: #ffffff !important; font-size: 16px !important; font-weight: bold; display: block !important; width: 100% !important; text-align: left !important; padding: 6px 14px !important; color: #3e340d !important; }
.commission_box .types-head i, .carriers-head i { float: right; margin-top: 5px; }
.commission_box .pieID { display: block; vertical-align: top; text-align: right; margin: 0; padding: 0; }
.commission_box .legend li { display: inline-block; margin-right: 10px; }
.commission_box .legend em { font-style: normal; background: #111827; color: #fff; font-weight: bold; margin-right: 5px; width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 20px; font-size: 12px; }
.commission_box .present { background: orange; }
.commission_box .one { float: left; width: 50%; }
.commission_box .two { float: left; width: 50%; }
/*Broadcast*/
.nav-tabs-line.email-template-tab .nav-item.show .nav-link, .nav-tabs-line.email-template-tab .nav-link.active { border: none; }
.nav-tabs-line.email-template-tab .nav-link:hover { background-color: transparent; border: none !important; color: #00B36C !important; }
.nav-tabs.email-template-tab .nav-link { padding: 9px 25px; }
.nav-tabs-line.email-template-tab .nav-link.active:hover { color: #fff !important; }
li.nav-item:focus { outline: -webkit-focus-ring-color auto 0px; }
.email-template-tab a.nav-link.active { background: #00B36C !important; border-radius: 40px; color: #fff !important; /* padding: 6px 18px; */ font-weight: bold; }
.template-screenshot { max-height: 325px; overflow: hidden; width: 100%; }
.template-container { /* padding-right: 10px; */ padding: 15px 0px; }
.template-screenshot img { height: 100%; width: 100%; object-fit: cover; }
.overlay-template { position: absolute; top: 0; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); transition: background 0.5s ease; right: 0;/* margin-right: 10px; */ }
.template-screenshot:hover .overlay-template { display: block; background: rgba(0, 0, 0, .7); }
.button-overlay { position: absolute; width: 100%; left: 0; top: 150px; text-align: center; opacity: 0; transition: opacity .35s ease; }
.button-overlay a:hover { background: #FF7F0E; border-color: #FF7F0E }
.button-overlay a { width: 200px; padding: 10px 35px; text-align: center; color: white; border: solid 2px white; z-index: 1; border-radius: 40px; margin-right: 5px; }
.button-overlay a.view-template { width: 100px; padding: 10px 12px; }
.template-screenshot:hover .button-overlay { opacity: 1; }
.main-overlay { position: absolute; top: 20px; right: 20px; cursor: pointer; opacity: 0.8; color: #000; text-decoration: none; }
.main-overlay:hover { opacity: 1; }
.overlay-full { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.9); color: #fff; visibility: hidden; opacity: 0; overflow: auto; -webkit-transition: all .35s; transition: all .35s; -webkit-transform: scale(3); transform: scale(3); z-index: 999999999999; }
.overlay-full ul { margin: 0; padding: 0; list-style: none; font-size: 200%; }
.overlay-full li { text-align: center; margin-bottom: 20px; }
.overlay-full a { color: #fff; text-decoration: none; }
.overlay-full:target { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.content-overlay { width: 90%; max-width: 1000px; margin: 90px auto; }
.content-overlay.narrow { max-width: 500px; }
a.main-overlay i { font-size: 35px; }
.iphone-bg { background: url(../img/iphone.png); height: 598px; width: 100%; background-repeat: no-repeat; }
.ipad-bg { background: url(../img/ipad.png); height: 598px; width: 100%; background-repeat: no-repeat; }
.ipad-content { height: 540px; overflow: hidden; padding-top: 53px; padding-left: 30px; width: 60%; }
.ipad-content img { width: 100%; height: 100%; object-fit: cover; }
.iphone-content { height: 540px; overflow: hidden; padding-top: 64px; padding-left: 13px; width: 92%; }
ul.nav.nav-tabs.nav-tabs-line.email-template-tab { margin-bottom: 10px; }
.iphone-content img { width: 100%; height: 100%; object-fit: cover; }
.email-builder .note-editor.note-frame .note-editing-area .note-editable { padding: 0px !important; }
.cc-bcc-btn { cursor: pointer; }
.bootstrap-datetimepicker-widget.dropdown-menu { width: 38rem !important; }
.custom-file.contact-attachments-notes { background: #2bb3c0 !important; border-radius: 40px !important; padding: 2px; }
label.custom-file.contact-attachments-notes .custom-file-label.contact-page-attach { color: #fff; width: 100%; padding-right: 0px !important; font-weight: normal; font-size: 13px; padding: 3px 0px; }
label.custom-file.contact-attachments-notes span.custom-file-label.contact-page-attach::after { top: -10px !important; left: -65px !important; font-size: 22px !important; color: #fff !important; }
.custom-file.contact-attachments-policy { background: #2bb3c0 !important; border-radius: 40px !important; padding: 2px; }
label.custom-file.contact-attachments-policy .custom-file-label.contact-page-attach { color: #fff; width: 100%; padding-right: 0px !important; font-weight: normal; font-size: 13px; padding: 3px 0px; }
label.custom-file.contact-attachments-policy span.custom-file-label.contact-page-attach::after { top: -10px !important; left: -65px !important; font-size: 22px !important; color: #fff !important; }
i.fas.fa-paperclip { cursor: pointer; }
.policy_attachment_btn { margin-top: 15px; }
.append-policy { float: left; margin-right: 4px; }
tbody#attachment_list span.attach-delete-icon { float: none !important; /* margin-top: 15px;*/ margin-left: 5px; }
tbody#attachment_list i { font-size: 14px; }
.custom-file.task-attachments { background: #00B36C !important; border-radius: 40px !important; padding: 2px; }
label.custom-file.task-attachments .custom-file-label.contact-page-attach { color: #fff; width: 100%; padding-right: 0px !important; font-weight: normal; font-size: 13px; padding: 3px 0px; }
label.custom-file.task-attachments span.custom-file-label.contact-page-attach::after { top: -10px !important; left: -65px !important; font-size: 22px !important; color: #fff !important; }
.task_attach_image, .service_attach_image { position: relative; width: 20%; }
.t_img { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; max-height: 64px; }
.task_attachment_middle, .service_attachment_middle { transition: .5s ease; opacity: 0; position: absolute; top: 46%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);/* text-align: center; *//* right: 100%; *//* top: 0; *//* left: 0; *//* right: 0; *//* bottom: 0; */
    /* height: 30px; */
    /* width: 30px; */
    /* text-align: center; */
    /* line-height: 30px;*/
}
.task_attach_image:hover .image, .task_attach_image:hover .t_img, .service_attach_image:hover .image, .service_attach_image:hover .t_img { opacity: 0.3; }
.task_attach_image:hover .task_attachment_middle, .service_attach_image:hover .service_attachment_middle { opacity: 1; }
.task_attchment_text, .service_attchment_text { background-color: #6c757d; color: white; font-size: 16px; padding: 6px 10px; }
#attachment_list .hover-div-email:hover .edit-icon-hover-email { right: 3px; }
.custom-file.service-attachments { background: #2bb3c0 !important; border-radius: 40px !important; padding: 2px; }
label.custom-file.service-attachments .custom-file-label.contact-page-attach { color: #fff; width: 100%; padding-right: 0px !important; font-weight: normal; font-size: 13px; padding: 3px 0px; }
/* .ui-widget.service-contact-search { z-index: 99999; position: relative; width: 100% !important; max-width: 550px !important; } */
ul#checklist { list-style: none; pointer-events: none; list-style-position: outside; padding: 0px; }
ul#checklist li:before { content: "\2610"; font-family: "Font Awesome 5 Free"; padding: 0 10px 0 0 10px; list-style-position: outside; margin-right: 5px; left: -20px; pointer-events: all; }
.removeactive:before {
 content=""; margin-right: 5px; }
#checklist .checklist_inactive:before { list-style-position: outside; content: "\2610"; margin-right: 5px; font-family: "Font Awesome 5 Free"; top: 0;/* border: solid; */ }
#checklist .checklist_active:before { list-style-position: outside; content: "\2611"; margin-right: 5px; font-family: "Font Awesome 5 Free"; }
.checklist-progress { position: absolute; right: 0px; top: 0px; width: 20%; height: 85px; }
.checklist-progress-circle { transform: rotate(-90deg); width: 99%; margin-left: 14px; }
.checklist-progress-circle-back { fill: none; stroke: #D2D2D2; stroke-width: 5px; }
.checklist-progress-circle-prog { fill: none; stroke: #0aab2e!important; stroke-width: 5px; stroke-dasharray: 0 999; stroke-dashoffset: 0px; transition: stroke-dasharray 0.7s linear 0s; }
.checklist-progress-text { width: 100%; position: absolute; top: 39px; text-align: center; font-size: 12px; margin-left: 0px; / font-weight: bold;
/ color: #232929;
}
.task_list_ul .checklist_span li:before { pointer-events: none !important; }
#agency-campaign-templates-preview .checklist_span li:before { pointer-events: none !important; }
/* .contact-message-div .checklist_span li:before { pointer-events: none !important; }
 @media (min-width:1200px) {
.ui-widget.service-contact-search { max-width: 550px !important; }
} */
/* ul.ui-widget.service-contact-search { z-index: 99999; position: relative; width: 63% !important; } */
ul.service-contact-search .ui-menu-item-wrapper.ui-state-active { background: transparent !important; font-weight: inherit !important; color: #111827!important; border: 0px solid transparent !important; font-size: 14px; }
ul.ui-widget-content.service-contact-search { color: inherit !important; }
ul.ui-menu.service-contact-search .ui-menu-item { padding: 3px !important; }
ul.ui-menu.service-contact-search .ui-menu-item-wrapper { position: relative; padding: 0px !important; }
 /* @media (max-width:991px) {
ul.ui-widget.service-contact-search { width: 34% !important; }
}
 @media (max-width:767px) {
ul.ui-widget.service-contact-search { width: 60% !important; }
} */
tbody#service_attachment_view_list .service_attach_image, tbody#service_attachment_list .service_attach_image { height: 70px; width: 100px; padding-left: 0px; }
tbody#service_attachment_view_list .service_attach_image img, tbody#service_attachment_list .service_attach_image img { height: 100%; width: 100%; object-fit: contain; }
.chat--content.new-chat-content-design { padding: 0px !important; background-color: #fff !important; border: 1px solid #e6e6e6; color: #6b7280 !important; }
.chat-header { background: #2bb3c0; padding: 10px 15px; color: #fff !important; }
.new-email-subject { border-bottom: 0px; padding-bottom: 0px; }
.chat--item.chat--right .chat--content.new-chat-content-design .chat-content-email p { color: #6b7280; padding-bottom: 0px; margin-bottom: 0px; }
.chat--content.new-chat-content-design .email-collapse { padding: 10px; }
.chat--item.chat--right .chat--content.new-chat-content-design .fas.fa-ellipsis-h { color: #6b7280; }
.email-subject.new-email-subject p { margin-bottom: 0px; }
.new-chat-text .email-subject { border-bottom: 0px solid #7ac9d2; padding-bottom: 0px; }
.new-chat-text .email-subject p { margin-bottom: 0px; }
.chat--text.chat-text-content-new { padding: 10px; }
p.tick-position-task { color: #fff; }
.chat--item.chat--left .chat--content.new-chat-content-design .chat--user.h6 a { color: #fff; }
.chat--left .email-subject.new-email-subject { border-bottom: 0px solid #e4e4e4; padding-bottom: 0px; }
.chat--left .chat--avatar:after { left: 59px; -webkit-transform: rotateY(380deg); transform: rotateY(deg); content: " "; position: absolute; top: 30%; width: 0; height: 0; margin-top: -6px; border-style: solid; border-width: 6px; border-color: transparent #2bb3c0 transparent transparent; }
.sms-chat-text { padding: 10px; }
.ui-widget.service-contact-linking { z-index: 99999; position: relative; width: 100% !important; max-width: 472px !important; }
@media (min-width:1200px) {
.ui-widget.service-contact-linking { max-width: 472px !important; }
}
ul.ui-widget.service-contact-linking { z-index: 99999; position: relative; width:31% !important%;
}
ul.service-contact-linking .ui-menu-item-wrapper.ui-state-active { background: transparent !important; font-weight: inherit !important; color: #111827!important; border: 0px solid transparent !important; font-size: 14px; }
ul.ui-widget-content.service-contact-linking { color: inherit !important; }
ul.ui-menu.service-contact-linking .ui-menu-item { padding: 3px !important; }
ul.ui-menu.service-contact-linking .ui-menu-item-wrapper { position: relative; padding: 0px !important; }
@media (max-width:991px) {
ul.ui-widget.service-contact-linking { width: 34% !important; }
}
@media (max-width:767px) {
ul.ui-widget.service-contact-linking { width: 60% !important; }
}
.service-icon { float: left; position: absolute; text-align: right; right: 9px; font-weight: bold; bottom: 7px; cursor: pointer; font-size: 16px; }
.read-more { position: absolute; /* top: 0; */ right: 12px; bottom: 10px; font-size: 12px; }
.service_attchment_text i.fas.fa-image { pointer-events : none; }
.search-phoneno { color: #111827; }
.dot i.fas.fa-comment { color: #e16123; }
.log--list { margin: 0; padding: 0; list-style: none; }
.log--list > li { position: relative; z-index: 0; }
.log--list > li + li { margin-top: 10px; }
.log--list > li > .view-item { display: block; padding: 9px 20px 11px 85px; color: inherit; border-style: solid; border-width: 1px 1px 1px 2px; border-top-color: #f8f8f8 !important; border-right-color: #f8f8f8 !important; border-bottom-color: #f8f8f8 !important; }
.log--list > li:hover > .view-item, .log--list > li.active > .view-item { background-color: #f8f8f8; }
.log--list > li > .view-item > .title { margin-bottom: 0; font-size: 16px; line-height: 26px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.log--list > li > .view-item > .desc { display: block; margin-top: -1px; color: #6b7280; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.log--list > li > .view-item > .date { display: block; margin-top: 2px; color: #acacac; font-size: 12px; line-height: 22px; }
.log--list > li > .remove-item { position: absolute; top: 0; right: 0; padding: 12px 13px; font-size: 12px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; -webkit-transition: color .25s, opacity .25s, visibility .25s; transition: color .25s, opacity .25s, visibility .25s; }
.log--list > li:hover > .remove-item { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; }
.log--list > li > .remove-item:not(:hover) { color: #393939; }
.policy-trigger-opp-icon { text-align: right; position: absolute; right: 6px; bottom: 6px; }
p.tick-position-task { font-size: 11px; text-align: right; }
/*new Policy detail popup*/


div#view-task .nav-tabs-line .nav-item.show .nav-link, div#view-task .nav-tabs-line .nav-link.active { border-color: transparent; color: #e16123 !important; font-weight: bold; }
div#view-task .nav-tabs-line .nav-link:hover { background-color: transparent; border-color: transparent; color: #e16123 !important; }
div#view-task .nav-tabs { border-bottom: transparent; }
div#view-task .tab-content { border-top: 1px dashed #b3b3b3; }
.edit-polict-btn-panel { background: #FFF9E6; padding: 10px; }
div#view-task .card-body { padding: 0px; }
div#view-task .btn-custom { background: #efb341; color: #fff; }
div#view-task .btn-custom-downlaod { background: #3b3b3a; color: #fff; }
.panel-padding { padding: 15px; }
.list-item-type p { float: left; width: 50%; }
.table-orange thead { background: #e49048; color: #fff; }
.table-orange td, .table-orange th { padding: 6px 5px; }
.table-orange tbody tr td:first-child { color: #e49048; font-weight: 600; }
.table-orange tbody tr td:first-child:nth-of-type(odd) { background-color: rgba(228,114,72,.05); }
.table-green thead { background: #0d7084; color: #fff; }
.table-green td, .table-green th { padding: 6px 5px; }
.table-green tbody tr td:first-child { color: #0d7084; font-weight: 600; }
.table-green tbody tr td:first-child:nth-of-type(odd) { background-color: rgba(13,112,132,.05); }
.table-green-1 thead { background: #0d7084; color: #fff; }
.table-grey thead { background: #EBEBEB; }
.table-grey td, .table-grey th { padding: 6px 5px; }
.table-green-1 td, .table-green-1 th { padding: 6px 5px; }
ul.nav.nav-tabs.nav-tabs-line.other-tabs { background: #575757; width: 100%; }
div#view-task .nav-tabs-line.other-tabs .nav-item.show .nav-link, div#view-task .nav-tabs-line.other-tabs .nav-link.active { border-color: #efb341; color: #fff !important; font-weight: bold; }
.nav-tabs-line.other-tabs li a { color: #fff !important; }
div#view-task .nav-tabs-line.other-tabs .nav-link:hover { background-color: transparent; border-color: #efb341; color: #fff !important; }
.other-section .tab-content { border-top: 1px dashed #b3b3b3 !important; border-color: transparent !important; }
ul.discounts-list li { list-style: none; padding: 10px 0px; font-weight: 600; color: #111827; }
ul.discounts-list { padding-left: 14px; }
.create-new-btn { position: absolute; top: 6px; right: 16px; }
.policy_detail_html { color: #6b7280; position: relative; }
.custom-btn .fa-edit { float: right; width: 40px; background-color: #009378; padding: 13px 0px; border-radius: 0 .25rem .25rem 0px;
color: #fff; text-align: center; }
.custom-btn input { float: left; width: calc(100% - 40px); border-radius: .25rem 0px 0px .25rem;
}
table.table.table-striped.table-orange tbody tr td:first-child { padding-left: 20px; }
table.table.table-striped.table-orange thead tr th:first-child { padding-left: 20px; }
table.table .table-striped .table-green tbody tr td:first-child { padding-left: 20px; }
table.table .table-striped .table-green thead tr th:first-child { padding-left: 20px; }
/*LISTING DESIGN*/
.modal-search-filter-sidebar .bell-icon { cursor: pointer; color: #000 !important; }
.modal-search-filter-sidebar li.nav-item.dropdown.nav--user.online span { color: #000; }
.modal-search-filter-sidebar #listing-design-new .form-control { border-radius: 40px; background: #f7f7f7; }
.modal-search-filter-sidebar section.top-search { border-bottom: 1px solid #e6e6e6; padding-bottom: 6px; }
.border-right { border-right: 1px solid #e6e6e6; }
.blue-btn { background-color: #1f77b4; border-radius: 5px; color: #fff; font-size: 14px; }
.modal-search-filter-sidebar #listing-design-new .btn-group>.btn-group:not(:last-child)>.btn, #listing-design-new .btn-group>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.modal-search-filter-sidebar span.policy-text { padding-left: 15px; color: #111827; }
.modal-search-filter-sidebar .policy-type-categories { display: inline; float: left; width: 100%; overflow: hidden;}
.modal-search-filter-sidebar .policy-type-div { width: 100%; }
.modal-search-filter-sidebar .btn-left { float: left;}
.modal-search-filter-sidebar p.policy-text { margin-bottom: 0px; color: #111827; font-size: 13px; }
/* .modal-search-filter-sidebar .policy-name-list p { background: #E5F0FF; color: #353535; font-size: 12px; padding: 2px 8px; border-radius: 5px; font-weight: 600; margin-bottom: 5px; margin-right: 5px; display: inline; } */
.modal-search-filter-sidebar .policy-name-list { overflow: auto; text-overflow: clip; white-space: nowrap; }
.modal-search-filter-sidebar .policy-name-list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
.modal-search-filter-sidebar .policy-name-list::-webkit-scrollbar {
width: 2px;
background-color: #F5F5F5;
height:6px;
}
.modal-search-filter-sidebar .policy-name-list::-webkit-scrollbar-thumb {
background-color: #a5a5a5;
}
.modal-search-filter-sidebar .search-cat { padding-right: 10px; display: inline-block }
.modal-search-filter-sidebar #listing-design-new .pb-5 { padding-bottom: 7px !important; }
.modal-search-filter-sidebar h6.policy-text { font-size: 12px; color: #111827; font-weight: 600; margin-bottom: 1px; margin-left: 15px;}
.modal-search-filter-sidebar section.actions { border-bottom: 1px solid #e6e6e6; padding: 20px 0px; }
.green-btn { background-color: #91BA09; border-radius: 5px; color: #fff; font-size: 14px; }
/* #contact_list_actions { background: #8bbb35; } */
.modal-search-filter-sidebar .modal.left .modal-dialog, .modal.right .modal-dialog { position: fixed; margin: auto; width: 400px; height: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.modal-search-filter-sidebar .modal.left .modal-content, .modal.right .modal-content { height: 100%; overflow-y: auto; }
.modal-search-filter-sidebar .modal.left .modal-body, .modal.right .modal-body { padding: 10px 17px; }
.modal-search-filter-sidebar .modal.left.fade .modal-dialog { left: -320px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; }
.modal-search-filter-sidebar .modal.left.fade.in .modal-dialog { left: 0; }
.modal-search-filter-sidebar .modal.right.fade .modal-dialog { right: -0px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; }
.modal-search-filter-sidebar .modal.right.fade.in .modal-dialog { right: 0; }
.modal-search-filter-sidebar .my-side-model .modal-content { border-radius: 0; border: none; overflow-x: hidden; }
.modal-search-filter-sidebar .my-side-model .modal-header { border-bottom-color: #ffcf00; background-color: #fff; border-width: 2px; }
/* .modal-search-filter-sidebar .my-side-model .modal-title { color: #393939; font-size: 17px; font-weight: 700; } */
.modal-search-filter-sidebar .my-side-model .modal-header { padding: 15px; }
.modal-search-filter-sidebar .my-side-model .modal-title span { font-size: 12px; }
.modal-search-filter-sidebar .my-side-model .close { float: right; font-size: 35px; font-weight: 100; line-height: 1; color: #fff; text-shadow: 0 1px 0 #fff; opacity: 1; }
.modal-search-filter-sidebar .my-side-model h6 { text-transform: uppercase; color: #1F2937; margin-bottom: 20px; }
.modal-search-filter-sidebar .custom-radio { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 700; color: #1F2937; }
.modal-search-filter-sidebar .custom-radio input { position: absolute; opacity: 0; cursor: pointer; }
.modal-search-filter-sidebar .checkmark-new { position: absolute; top: 6px; left: 0; height: 16px; width: 16px; background-color: #eee; border-radius: 50%; }
.modal-search-filter-sidebar .custom-radio:hover input ~ .checkmark-new { background-color: #ccc; }
.modal-search-filter-sidebar .custom-radio input:checked ~ .checkmark-new { background-color: #00B36C; }
.modal-search-filter-sidebar .checkmark-new:after { content: ""; position: absolute; display: none; }
.modal-search-filter-sidebar .custom-radio input:checked ~ .checkmark-new:after { display: block; }
.modal-search-filter-sidebar .custom-radio .checkmark-new:after { top: 5px; left: 5px; width: 6px; height: 6px; border-radius: 50%; background: white; }
.modal-search-filter-sidebar .condition-above p { color: #111827; font-style: italic; }
.conditions { border-bottom: 1px solid #e4e4e4; }
.modal-search-filter-sidebar .custom-checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.modal-search-filter-sidebar .custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.modal-search-filter-sidebar .checkmark-check { position: absolute; top: 4px; left: 0; height: 16px; width: 16px; background-color: #eee; }
.modal-search-filter-sidebar .custom-checkbox:hover input ~ .checkmark-check { background-color: #ccc; }
.modal-search-filter-sidebar .custom-checkbox input:checked ~ .checkmark-check { background-color: #009378; }
.modal-search-filter-sidebar .checkmark-check:after { content: ""; position: absolute; display: none; }
.modal-search-filter-sidebar .custom-checkbox input:checked ~ .checkmark-check:after { display: block; }
.modal-search-filter-sidebar .custom-checkbox .checkmark-check:after { left: 6px; top: 3px; width: 5px; height: 9px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.modal-search-filter-sidebar .grey-btn { background: #a3a3a3; color: #fff; border-radius: 5px; font-size: 14px; }
.modal-search-filter-sidebar .accordion { margin-top: 10px; }
.modal-search-filter-sidebar .accordion .card { border: none; margin-bottom: 20px; cursor: pointer; }
.modal-search-filter-sidebar .accordion .card h6:after { content: "Hide"; position: absolute; right: 0px; font-size: 11px; color: #000; font-weight: 600; }
.modal-search-filter-sidebar .accordion .card h6.collapsed:after { content: "show"; position: absolute; right: 0px; font-size: 11px; color: #000; font-weight: 600; }
.owner-filter-checkboxes label { font-size: 13px; padding-left: 23px !important; }
.mt-30 { margin-top: 30px; }
.modal-search-filter-sidebar .accordion .card-body { padding-left: 0; padding-right: 0; }
.modal-search-filter-sidebar .card-head { border-bottom: 1px solid #e8e8e8; padding-bottom: 10px; }
.modal-search-filter-sidebar .form-action { padding: 5px 0px; }
.modal-search-filter-sidebar .nested-modal .modal-dialog { position: fixed; right: 20px; width: 356px; top: 76px; box-shadow: 0 3px 13px rgb(0 0 0 / 8%); z-index: 9999; background: #fff; border-radius: 5px; }
.modal-search-filter-sidebar .nested-modal .modal-content { padding: 0px 5px 14px 5px; }
.modal-search-filter-sidebar .red-btn { background-color: #D04343; ; border-radius: 5px; color: #fff; font-size: 14px; }
.modal-search-filter-sidebar .date_created_two { display: inline-flex; }
.modal-search-filter-sidebar .date_created_one { display: inline-flex; }
.modal-search-filter-sidebar .date_created_two span { color: #c7c7c7; }
.btn.info-btn.btn-sm.btn-block.exportTask { border-radius: 5px; }
.modal-search-filter-sidebar .accordion .card-body { padding-left: 0; padding-right: 0; border-top: 0px; }
.modal-search-filter-sidebar .form-inline select.form-control:not([size]):not([multiple]) { width: 100%; }
.modal-search-filter-sidebar .select2-container { width: 100% !important; }
.modal-search-filter-sidebar .select2-container--default .select2-selection--single { border: solid #ebebea 1px !important; outline: 0; height: 40px; }
/* .modal-search-filter-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered { color: #6b7280; line-height: 32px; } */
/* .modal-search-filter-sidebar .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 8px; right: 1px; width: 20px; } */
.option-disabled { background: #bfbfbf; color: #6f6f6f !important; }
.form-inline .green-btn { background-color: #009378; border-radius: 5px; color: #fff; font-size: 14px; padding: 5px 21px; width: 75px; }
/*end listing design*/


.btn-radius { border-radius: 40px !important; }
.new-filter-design .card-header:first-child { border-radius: 0px; background-color: transparent; border-bottom: 0px; border-width: 0px; }
.new-filter-design .card-body { border-top: 0px solid #ebebea; padding: 20px 15px; }
.new-filter-design .card { border-color: #ebebea; border-width: 0px; margin-bottom: 10px; }
.new-filter-design #accordion-1 .card h6 { background: url(https://cdn0.iconfinder.com/data/icons/entypo/91/arrow56-512.png) no-repeat calc(100% - 10px) center; background-size: 12px; cursor: pointer; font-size: 14px; font-weight: bold; }
.new-filter-design #accordion-1 .card h6.collapsed { background-image: url(https://cdn0.iconfinder.com/data/icons/arrows-android-l-lollipop-icon-pack/24/expand2-256.png); font-weight: normal; background-size: 14px; }
.new-filter-design #accordion-1 .card-header { border-bottom: 1px solid #e8e8e8; padding-bottom: 10px; }
.new-filter-design #accordion-2 .card h6 { background: url(https://cdn0.iconfinder.com/data/icons/entypo/91/arrow56-512.png) no-repeat calc(100% - 10px) center; background-size: 12px; cursor: pointer; font-size: 14px; font-weight: bold; }
.new-filter-design #accordion-2 .card h6.collapsed { background-image: url(https://cdn0.iconfinder.com/data/icons/arrows-android-l-lollipop-icon-pack/24/expand2-256.png); font-weight: normal; background-size: 14px; }
.new-filter-design #accordion-2 .card-header { border-bottom: 1px solid #e8e8e8; padding-bottom: 10px; }
.modal-search-filter-sidebar { width: 100%; }
/*end new listing design*/
.campaign_class_list { font-size: 14px; font-weight: 700; color: #1F2937; font-family: system-ui; }
.export-btn-div { text-align: right; margin-bottom: 12px; margin-top: 12px; margin-right: 5px; }
/* .export-btn-div button { border-radius: 5px; background-color: #fece00; } */
#hubspot-messages-iframe-container { display: initial!important; z-index: 999 !important; position: fixed!important; bottom: 0!important; }
.ui-timepicker-wrapper { overflow-y: auto; max-height: 150px; width: 8.5em !important; background: #fff; border: 1px solid #ddd; -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgb(0 0 0 / 20%); outline: none; z-index: 10052; margin: 0; }
.select2-container--default .select2-results__group { cursor: default; display: block; color: black; font-size: 15px; padding: 6px; }
.summernote-custom-error { border: 1px solid #ff0000 !important; }
/*Notification Figma*/
span.badge.text-white.notification-badge.bg-blue { width: 20px; height: 20px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #FF4C51; border-radius: 100px; }
li.unread-notication-top span.initials, span.initials { background: #E0E0E0; width: 40px; height: 40px; font-size: 16px; font-weight: 700; font-family: 'Roboto', sans-serif; line-height: 40px; color: #000000 !important; margin-bottom: 0px !important; }
ul.show-notification-top.dropdown-menu h6 { font-size: 16px; font-weight: 700; border-bottom: 1px solid #E0E0E0; padding: 8px 16px; margin-bottom: 0px; line-height: 30px; font-family: 'Roboto', sans-serif; }
ul.show-notification-top .right-content { width: 275px; overflow: hidden; text-overflow: ellipsis; padding-left: 15px; line-height: 20px; }
ul.show-notification-top .right-content a { color: #000 !important; font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; white-space: nowrap; width: 100%; }
ul.show-notification-top.dropdown-menu li { padding: 16px; border-bottom: 1px solid #dddfe2; height: 72px; float: left; display: block; width: 100%; }
li.unread-notication-top { background: #fff; }
.time-icon-section span { font-size: 10px; color: #000; font-family: 'Roboto', sans-serif; line-height: 12px; }
.time-icon-section .avatar-text { display: none; }
.notification-block { margin-bottom: 0px; position: relative; }
a.see_more_notification { color: #000 !important; font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 700; font-size: 12px; line-height: 30px; }
.green-dot { height: 10px; width: 10px; background: #29AD8E; border-radius: 100px; position: absolute; right: 0px; top: 0px; }
.show-notification-top { min-width: 376px !important; max-height: 550px !important; width: 376px !important; top: 67px; }
span.icon-bg { background: #5FB322; height: 20px; width: 20px; border-radius: 50px; display: inline-block; line-height: 23px; color: #fff; font-size: 12px; }
ul.show-notification-top.dropdown-menu li:hover { background-color: #FAFAFA; cursor: pointer; }
.notification-page-figma .panel-heading { padding: 10px 24px !important; }
.notification-page-figma .panel-heading h3 { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 30px; color: #000000; }
.notification-page-figma .panel-content { border-top: 1px solid #EBEBED; }
.notification-page-figma .notification-block { background: #FAFAFA; border: 1px solid #FAFAFA; min-height: 92px; box-shadow: 0px 2px 1px -1px rgb(58 53 65 / 20%), 0px 1px 1px rgb(58 53 65 / 14%), 0px 1px 3px rgb(58 53 65 / 12%); border-radius: 4px; padding: 24px 25px; width: 100%; display: inline-block; margin-bottom : 5px; }
.notification-page-figma .notification-block:hover { border: 1px solid #29AD8E; }
.left-content-notification { float: left; width: 74%; padding-left: 10px; padding-top: 7px; }
.right-content-notification { float: right; text-align: right; line-height: 17px; padding-top: 5px; }
span.attach-download-icon { margin-left: 0px !important; }
.left-content-notification a { color: #000000 !important; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; }
.comm-type-section span { color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 12px; text-transform: capitalize; }
.time-icon-section span { font-size: 10px; color: #000; font-family: 'Roboto', sans-serif; line-height: 12px; color: #000; }
.import-error-file-section { color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 20px; text-decoration-line: underline; }
span.attach-download-icon { margin-left: 8px !important; }
span.attach-download-icon i { color: rgba(58, 53, 65, 0.54) !important; }
.notification-page-figma .notification-block.active_state { border: 1px solid #29AD8E; }
/*Figma Design CSS*/
.new-import-design h3.panel-title { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; margin: 5px 0px; color: #000 !important; padding-top: 4px; }
.new-import-design .btn-figma { background-color: transparent; border: 1px solid #29AD8E; color: #3A3541; font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 22px; }
.new-import-design .note-contact { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 22px; color: #000000; }
.new-import-design .panel-content { padding-top: 30px; }
.new-import-design .container.custom-container { width: 450px; }
.upload-file-container { height: 91px; border-radius: 0px; max-width: 407px; width: 100%; position: relative; margin-top: 50px; background-image: repeating-linear-gradient(-2deg, #BDBDBD, #BDBDBD 9px, transparent 9px, transparent 18px, #BDBDBD 18px), repeating-linear-gradient(88deg, #BDBDBD, #BDBDBD 9px, transparent 9px, transparent 18px, #BDBDBD 18px), repeating-linear-gradient(178deg, #BDBDBD, #BDBDBD 9px, transparent 9px, transparent 18px, #BDBDBD 18px), repeating-linear-gradient(268deg, #BDBDBD, #BDBDBD 9px, transparent 9px, transparent 18px, #BDBDBD 18px); background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px; background-position: 0 0, 0 0, 100% 0, 0 100%; background-repeat: no-repeat; }
/*.upload-file-container:hover {
background-image: repeating-linear-gradient(-2deg, #29AD8E, #29AD8E 9px, transparent 9px, transparent 18px, #29AD8E 18px), repeating-linear-gradient(88deg, #29AD8E, #29AD8E 9px, transparent 9px, transparent 18px, #29AD8E 18px), repeating-linear-gradient(178deg, #29AD8E, #29AD8E 9px, transparent 9px, transparent 18px, #29AD8E 18px), repeating-linear-gradient(268deg, #29AD8E, #29AD8E 9px, transparent 9px, transparent 18px, #29AD8E 18px) !important;
background-size: 1px 100%, 100% 1px, 1px 100% , 100% 1px !important;
background-position: 0 0, 0 0, 100% 0, 0 100% !important;
background-repeat: no-repeat !important;
background: #FAFAFA;
 }*/
.upload-file-container .custom-file { height: 100%; width: 100%; border: none; }
button.choose-file-button { position: absolute; left: 0px; top: 28px; left: 32px; border: 1px solid #29AD8E; border-radius: 5px; padding: 6px 11px; color: #3A3541 !important; background: none; font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; letter-spacing: -0.32px; }
p.drag-drop-text { position: absolute; left: 152px; top: 34px; color: #000000; font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; }
.select-upload p { color: #000; margin-top: 25px; letter-spacing: -0.32px !important; font-family: 'Roboto', sans-serif !important; font-style: normal !important; font-weight: 400 !important; font-size: 16px !important; line-height: 22px !important; }
.form-radio-label.figma-radio { display: inline-block; position: relative; padding-left: 30px !important; padding-left: 1.875rem !important; cursor: pointer !important; z-index: 0 !important; color: #212529 !important; letter-spacing: -0.32px !important; font-weight: 400 !important; font-size: 16px !important; line-height: 19px !important; }
.form-radio-label.figma-radio:after { content: "" !important; color: #fff !important; background-color: transparent !important; border: 4px solid #29AD8E !important; width: 16px; height: 16px; }
.form-radio-label.figma-radio:before { width: 16px; height: 16px; }
.form-check-label.figma-form-check-label.form-check-label:before { width: 16px; height: 16px; border-radius: 4px; }
span.form-check-label.figma-form-check-label { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 10px; line-height: 12px; color: #000000; }
span.form-check-label.figma-form-check-label { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 10px; line-height: 12px; color: #000000; }
button.btn.upload-btn-figma { width: 146px; height: 48px; background: #29AD8E; border-radius: 4px; color: #fff; font-style: normal; font-weight: 400; font-size: 20px; line-height: 23px; letter-spacing: 0.38px; cursor: pointer; opacity: 0.5; }
button.btn.upload-btn-figma.disabled { opacity: 0.5; }
.footer-text { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 10px; line-height: 12px; color: #000000; }
.footer-text ul { padding-left: 15px; }
.footer-text { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 10px; line-height: 12px; color: #000000; }
.footer-text #links a { margin-bottom: 8px; text-decoration: underline; display: block; line-height: 12px; }
.form-check-label.figma-form-check-label.form-check-label:after { background-color: #29AD8E !important; border-radius: 4px; height: 16px; width: 16px; top: 12px; line-height: 16px; }
.panel-timeline { margin-bottom: 10px; position: relative; color: #6b7280; background-color: #fff; border-radius: 5px; box-shadow: 0 1px 5px rgb(0 0 0 / 8%); }
.summernote-custom-error { border: 1px solid #ff0000 !important; }
hr { border-top: 1px solid rgba(3,3,3,.5); }
span.file-name-text { position: absolute; left: 0px; top: 30px; bottom: 0; right: 0; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; }
.figma-table-new tr th { background: #F9FAFC; height: 54px; padding: 15px 20px; color: #3A3541; text-transform: uppercase; font-family: 'Roboto'; font-style: normal; font-weight: 600; font-size: 12px !important; line-height: 24px; }
.figma-table-new tr td { padding: 15px 20px !important; color: #3A3541; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; vertical-align: middle; }
.table-striped.figma-table-new tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.002) !important; }
.table-striped.figma-table-new tbody tr:nth-of-type(even) { background-color: rgba(63, 87, 81, 0.08) !important; }
.new-import-design .switch { position: relative; display: inline-block; width: 34px; height: 14px; }
.new-import-design input:checked + .slider { background: #ecb0b1; }
.new-import-design .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: -6px; bottom: -3px; background: #FAFAFA; transition: .4s; box-shadow: 0px 2px 1px -1px rgba(58, 53, 65, 0.2), 0px 1px 1px rgba(58, 53, 65, 0.14), 0px 1px 3px rgba(58, 53, 65, 0.12); }
.btn-back-figma { color: #538ECB; font-weight: 500; font-size: 15px; line-height: 26px; text-transform: uppercase; background-color: transparent; background: none; }
.import-task-complete-text { font-family: 'Roboto'!important; font-style: normal!important; font-weight: 400!important; font-size: 14px !important; line-height: 20px !important; text-align: center; color: #000000 !important; }
.tick-icon { background: #5FB322; border-radius: 50px; display: inline-block; height: 48px; width: 48px; color: #fff; line-height: 48px; font-size: 28px; }
.btn-review-figma { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 22px; text-transform: uppercase; color: #538ECB; }
i.custom-icon-check-box { height: 18px; width: 18px; border: 2px solid rgba(58, 53, 65, 0.54); position: absolute; top: 11px; border-radius: 2px; left: 11px; }
.notification-block .initials { position: relative; }
.acord_action_menu .fa-ellipsis-h { font-size: 13px; color: #212529; }
/* .action_menu_option { box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; padding: 8px 0px; position: absolute; width: 164px; height: auto; left: 392px; top: 795px;  */
background: #FFFFFF; /* Stroke/Input */
border: 1px solid #CED4DA; border-radius: 8px; }
span.icon-zapier-notification { height: 20px; width: 20px; border-radius: 50px; display: inline-block; line-height: 23px; color: #fff; font-size: 16px; }
li.unread-notication-top span.zapier-review-initial, span.zapier-review-initial { background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), #ED6C02; }
.session-timeout-text p { font-weight: 400!important; font-size: 18px!important; line-height: 28px!important; color: #3A3541!important; font-family: 'Roboto', sans-serif !important; }
.ja_title > div { background: #fff!important; font-weight: bold!important; font-size: 14px!important; line-height: 20px!important; color: #3A3541!important; padding: 20px!important; font-family: 'Roboto', sans-serif !important; }
span.jTimeout_Countdown { font-weight: bold!important; font-family: 'Roboto', sans-serif !important; }
.ja_btn_wrap.optBack { background: #fff!important; text-align: right!important; padding-right: 20px!important; padding-bottom: 20px!important; margin-top: 5px!important; }
.ja_btn_blue, .ja_btn_blue:link, .ja_btn_blue:visited { background: #29AD8E!important; color: #fff!important; box-shadow: 0px 4px 8px -4px rgb(58 53 65 / 42%)!important; border-radius: 5px!important; width: 157px!important; height: 38px!important; line-height: 33px!important; text-align: center!important; font-weight: bold !important; font-size: 14px !important; text-transform: uppercase !important; font-family: 'Roboto', sans-serif !important; }
.ja_sm { width: 600px !important; height: 240px !important; overflow: hidden; }
.ja_body { padding-top: 0px !important; }
p#forcelyLogOutMsg { background-color: #eff6ff; color: #1D4ED8; padding: 12px; border-radius: 5px; height: 44px; font-weight: 400 !important; font-size: 14px !important; line-height: 20px !important;  width: 885px; margin-left: 18px;     border: 1px solid #d8dfe7; box-shadow: 0 14px 24px -8px rgba(0, 0, 0, 0.1);}
p#forcelyLogOutMsg span { padding-right: 8px; }
.load-main { background: #ffff; position: fixed; height: 100vh; z-index: 999; left: 0; right: 0; top: 0px; width: calc(100% - 253px); margin-left: 270px; }
.load-main img { position: relative; height: 48px; width: 48px; top: 50%; -ms-transform: translateY(-50%); }
label.form-check.renewal-pipeline-checkbox { position: absolute; right: -8px; top: 0px; }
.renewal-pipeline-checkbox .form-check-label:before { border: 1px solid #fff; width: 15px; height: 15px; }
.renewal-pipeline-checkbox .form-check-label:after { color: #00947a; background-color: #ffffff; width: 15px; height: 15px; font-size: 8px; line-height: 17px; }
/***New Account Creation Workflow***/
.m-account--form-w.new-welcome-design { padding: 48px 28px 32px; box-shadow: 0px 2px 10px rgb(58 53 65 / 10%); background: #fff; max-width: 450px; height: 800px; }
.welcome-heading { font-weight: 600; font-size: 28px; line-height: 36px; text-align: center; color: #3A3541; font-family: 'Roboto'; }
.welcome-text { font-weight: 400; font-size: 16px; line-height: 24px; color: rgba(58, 53, 65, 0.68); font-family: 'Roboto'; text-align: center; }
.new-welcome-design .m-account--form { width: 100%; max-width: 100%; }
.get-started-btn { background: #29AD8E; box-shadow: 0px 4px 8px -4px rgba(58, 53, 65, 0.42); border-radius: 5px; width: 148px; height: 42px; text-transform: uppercase; font-weight: 500; font-size: 15px; line-height: 26px; }
.custom-contact-list thead { position: relative;z-index: 1 !important;}
.custom-contact-list span.avatar-text.bg-grey {position: relative;z-index: 0;}


/*model-issue-css*/

.model-height-auto{height: 100%; overflow: hidden auto; max-height: 46vh;}

body .model-footer-fix{ position: unset !important; padding: 15px 0px !important;}

.model-height-auto label.v-label.v-label--active.theme--light {top: 11px !important; left: 10px !important;}


body .modal-right-panel .dropdown-menu.custom-dropdown-action.show {left: -23px !important;}

/*model-issue-css*/


/*new-css*/
body .height-auto { min-height: auto !important;}

.placeholder-style input[type="text"]::placeholder{font-weight: 500 !important; font-size: 13px !important;}

body .modal-right-panel .dropdown-menu.custom-dropdown-action.show.dropdown-right {right: 20px !important;left: auto !important;transform: unset !important;top: 50px !important;}

.min-height-auto{min-height: auto !important;}


.v-card.v-sheet.theme--light.drop-down-show {    overflow: visible !important;}

.drop-down-show .dropdown-menu.custom-dropdown {left: auto !important;right: 0;}

.link-btn {    color: #009379 !important;cursor: pointer;  font-weight: 500;}


.alert-overlay.overlay-full-height{    height: calc(100% + 40px);}


.min-width-180{min-width: 180px !important;}

.model-height-auto.scroll-email-reply{max-height: 350px !important;min-height: 350px !important;}

.overview-max-height{height: calc(1080px - 320px) !important;margin-bottom: 20px; max-height: calc(1080px - 320px) !important}
.email-tab-max-height{height: calc(1080px - 350px) !important;margin-bottom: 20px; max-height: calc(1080px - 350px) !important}
.text-tab-max-height{height: calc(1080px - 270px) !important;margin-bottom: 20px; max-height: calc(1080px - 270px) !important}
.campaign-tab-max-height{height: calc(1080px - 350px) !important;margin-bottom: 20px; max-height: calc(1080px - 350px) !important}
.attachment-table-main table tbody{height: calc(1080px - 657px) !important;margin-bottom: 20px; max-height: calc(1080px - 657px) !important;overflow: auto;
display: inline-block;width: 100%;}
.attachment-table-main table thead .fixed-header{background-color: transparent !important;}


.attachment-table-main tr td{line-height: 16px !important;}
.attachment-table-main tr td a{font-size: 14px !important;text-transform: capitalize;}


.attachment-table-main table tbody tr {  width: 100%;  display: inline-block;}
.attachment-table-main table {  width: 100%;  display: inline-block;min-width: 750px;}

.attachment-table-main tr th:nth-child(1n) , .attachment-table-main tr td:nth-child(1n) {width: 48%;display: inline-block;border-spacing: 0 !important;}
.attachment-table-main tr th:nth-child(2n) , .attachment-table-main tr td:nth-child(2n) {width: 20%;}
.attachment-table-main tr th:nth-child(3n) , .attachment-table-main tr td:nth-child(3n) {width: 19%;}
.attachment-table-main tr th:nth-child(4n) , .attachment-table-main tr td:nth-child(4n) {width: 12%;}

.attachment-table-main tr td:nth-child(1n) {white-space: break-spaces;}

.attachment-table-main tr{white-space: nowrap;width: 100%;display: inline-block;}

.attachment-table-main thead{  width: 100%; display: block;}

.attachment-table-main tr th {border: none !important;}
.attachment-table-main .position-center { }
.attachment-table-main  .position-center td { position: absolute;  left: calc(50% - 25%);}

.acord-tab-max-height.attachment-table-main table tbody{height: calc(1080px - 430px) !important; max-height: calc(1080px - 430px) !important;}

.notes-tab-max-height{height: calc(1080px - 360px) !important;margin-bottom: 20px; max-height: calc(1080px - 360px) !important}
/*.acord-tab-max-height{height: calc(1080px - 350px) !important;margin-bottom: 20px; max-height: calc(1080px - 350px) !important;overflow: auto;}*/
.logs-tab-max-height{height: calc(1080px - 360px) !important;margin-bottom: 20px; max-height: calc(1080px - 360px) !important}
.content-details .heading-text .policy-card-tags { float: unset; display: inline-block;}
.first-note{padding-top:50px !important;}
.attachment-table-main .v-data-table__wrapper { max-height: unset; overflow: unset;min-height: unset;}
tr.fixed-header th {
  position: sticky;
  top: 0;
}

@media (max-width:1400px) {

 .date-time-inline {    float: left;    width: 100% !important;    padding: 5px 20px 0 !important;}

 }
 @media (min-width:1400px) {
    .margin-right-126 {margin-right: 126px; position: relative; padding-top: 1px;}
 }
 @media (min-width:991px) {
    .margin-right-126 {margin-right: 90px;}
 }
/*new-css*/




/*-- 21/09/23 --*/

/*-- Custom scrollbar Css --*/
/* width */
.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
  }
  
  /* Track */
  .custom-scrollbar::-webkit-scrollbar-track { 
    border-radius: 10px;
  }
   
  /* Handle */
  .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 10px;
  }
  
  /* Handle on hover */
  .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #D9D9D9;
  }

/*-- Top Search Filter Css --*/
.top-search-wrapper {
    padding: 1rem 0;
}
.filter-search-outline, .top-right-content .navbar--search .form-control {
    background: #fff;
    color: #538ECB;
    padding: 12px 15px;
    border-radius: 6px;
    border: 1px solid #d2d2d2;
    font-size: 13px;
    font-weight: 500;
    position : relative;
}
.filter-search-outline {
    text-transform: uppercase;
}
.top-right-content .navbar--search .form-control {
    border-radius: 100px;
    padding: 10px 15px 10px 50px;
    font-size: 16px;
}
.top-right-content .navbar--search input.form-control::placeholder {
    color: #b0b0b0;
    font-weight: 400;
}
.top-right-content .navbar--search button.btn-link, .search_contact_unmatched .navbar--search button.btn-link{
    height: 100%;
}
.top-right-content .navbar--search .form-control:placeholder {
     color: #e9e9e9; 
}
.top-right-content .navbar--search {
    min-width: 300px;
    width: 100%;
    margin-right: 20px;
}
/*-- Top Search Filter Css End--*/

.unmatched-policies-panel-body {
    padding: 0;
}
.btn-light {
    border: 1px solid #e1e1e1;
    color: rgba(58, 53, 65, 0.5);
}
.fs-12 {
    text-transform: uppercase;
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
}
.fs-14 {
    font-size: 14px;
    color: rgba(58, 53, 65, 0.68);
    font-weight: 500;
}

.form-label-text {
    font-size: 16px;
    color: #3A3541;
    margin-bottom: .5rem;
}
.text-link {
    font-size: 14px;
    display: block;
    color: #29AD8E !important;
    font-weight: 500;
    margin-top: 6px;
}
.text-success {
    color: #00b36c !important;
}

table.unmatch-custom tr th {
    color: #3A3541;
    text-transform: uppercase;
    font-size: 16px;
    padding: 15px 20px;
    border-top: 0;
    background: #f9fafc;
}
table.unmatch-custom tr td a{
    color: #3A3541;
    font-weight: 600;
}
table.unmatch-custom tr td{
    color: #3A3541;
    font-size: 16px !important;
    padding: 15px 20px;
}
.see-matches-btn[aria-expanded="true"], .show-policies-btn[aria-expanded="true"] {
    display: none;
}
.table.unmatch-custom .fa-chevron-down {
    transition: all .3s ease-in;
    cursor: pointer;
    color: rgba(0, 0, 0, .3);
}
.table.unmatch-custom .fa-chevron-down:hover, .table.unmatch-custom .fa-chevron-down:active, .table.unmatch-custom .fa-chevron-down:focus   {
    color: rgba(0, 0, 0, .8);
}
.table.unmatch-custom .fa-chevron-down[aria-expanded="true"] {
    transform: rotateX(180deg);
    color: rgba(0, 0, 0, .8);
}
.search_contact_suggest .table.open-tr tbody tr td:first-child {
    padding-left: 0;
}
.search_contact_suggest .table.open-tr tbody tr td:last-child {
    padding-right: 0;
    text-align: right;
}
.search_contact_suggest .table.open-tr tbody tr td {
    min-width: 150px;
    font-size: 16px !important;
    color: #3a3541;
}
.btn-square {
    text-transform: uppercase;
    padding: 7px 22px !important;
    border-radius: 6px;
    border-color: #8A8D9380;
    font-size: 14px;
}
.btn-see-matches {
    display: block;
    color: #29AD8E;
    margin-top: 8px;
}
.search_contact_no_results_found {
    text-align: center;
    max-width: 530px;
    margin: 0 auto;
    width: 100%;
}
.search_contact_no_results_found i.fa-ban {
    width: 48px;
    height: 48px;
    background: rgba(244, 245, 250, 1);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .5rem auto;
    font-size: 18px;
    color: rgba(58, 53, 65, 1);
}
.user-detail-matches ul {
    padding: 0;
    margin: 0;
}
.user-detail-matches ul li {
    list-style: none;
    font-weight: 600;
    color: #3A3541;
    display: grid;
    grid-template-columns: auto 1fr;
    font-size: 14px;
}
.suggestMatches .user-detail-matches ul li span {
    width: 100%;
    white-space: break-spaces;
}
.user-detail-matches ul li span {
    width: 65px;
    display: inline-block;
    font-weight: 400;
    color: #3a3541;
}
.user-detail-matches i.fa-external-link-alt {
    color: #0E71A3;
    font-size: 12px;
    margin-left: 6px;
}
.user-detail-matches h4 {
    font-size: 16px;
    font-weight: 600;
}
.btn-see-matches.blue-btn {
    color: #fff;
    margin: 0 0 0 auto;
}
table.table.open-tr tbody tr td {
    background: #fff;
}
.confirm-match-policy .user-detail-matches {
    display: grid;
    grid-template-columns: 1fr 90px 1fr;
    max-width: 90%;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
#create_contact_policy_modal .confirm-match-policy .user-detail-matches, #create_policy_modal .confirm-match-policy .user-detail-matches{
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}
.confirm-match-policy .user-detail-matches i.fa-arrow-right {
    font-size: 1rem;
    display: inline-block;
    margin: auto 1rem;
    color: rgba(58, 53, 65, 1);
}
.confirm-match-policy .user-detail-matches ul li span {
    width: 85px;
}
.confirm-match-policy .bg-transparent {
    color: #29AD8E;
}
.confirm-match-policy .user-detail-matches h4 {
    color: #3A3541;
    font-size: 18px;
}
.confirm-match-policy .modal-title {
    text-transform: capitalize;
}
.search_contact_unmatched .navbar--search {
    width: 100%;
}
.search_contact_unmatched .navbar--search .form-control {
    border: 1px solid #29AD8E;
    border-radius: 6px;
    background: #fff;
}
.search_contact_unmatched .navbar--search button.btn-link {
    padding-left: 15px;
}
.user-detail-matches ul {
    padding: 0;
    margin: 0;
}
.search_contact_unmatched .user-detail-matches {
    display: inline-block;
    max-width: 100%;
}
.search_contact_unmatched .user-detail-matches ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1.5fr;
    width: 100%;
}
.create-new-contact-policy {
    display: flex;
    align-items: center;
    background-color: #F4F5FA;
    padding: 1rem;
    margin: 20px -20px 20px -20px;
}
.search_contact_suggest .user-detail-matches ul {
    display: initial;
}
.search_contact_suggest .user-detail-matches {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: .8rem;
    padding-bottom: 0.8rem;
}
/*.unmatch-custom .suggestMatches {*/
/*    display: grid;*/
/*    grid-template-columns: 283px 1fr;*/
/*    margin-bottom: 1.5rem;*/
/*}*/
.unmatch-custom .suggestMatches .user-detail-matches {
    margin-right: 1.5rem;
    white-space: break-spaces;
}
body .modal-search-filter-sidebar .my-side-model .modal-header {
    border-bottom-color: transparent;
}
body .modal-search-filter-sidebar .my-side-model .modal-title {
    text-transform: capitalize;
}
button#unmatch-search-button:hover {
    color: #29AD8E;
    background: #fff;
}
.unmatched_policies.overflow-auto {
    height: 82vh;
}
#user_details_matching_with ul li b {
    display: inline-block;
    width: 150px;
    font-weight: 600;
}
table.table .child-unmatch-custom tbody tr td {
    border: 0;
}
.theme--light.v-btn.v-btn--has-bg {
    background-color: #f5f5f5;
}
.r-outline-btn{
    position: relative;
}
.r-outline-btn:hover, .r-outline-btn:active, .r-outline-btn:focus{
    background: transparent !important;
    color: #29AD8E !important;
}
.toggle-hide-show-transaction {
    width: calc(100% - 280px);
    margin-left: auto;
}
blue-btn{
 position: relative;
 border: none;
}
.blue-btn:before, .r-outline-btn:before {
    background-color: currentColor;
    border-radius: inherit;
    bottom: 0;
    color: inherit;
    content: "";
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s cubic-bezier(.4,0,.6,1);
}
.blue-btn:hover:before, .r-outline-btn:hover:before {
    opacity: 0.08;
}
form#search_policy_form .modal-footer {
    border-top: 0;
}
table.unmatch-custom.unmatch-sticky thead {
    position: sticky;
    /*position: -webkit-sticky;*/
    top: 0;
    z-index: 2;
}
.panel.insurance-unmatched-panel {
    min-height: initial !important;
}
.manual_unmatched_search_height {
    min-height: 411px;
}
.apply-filter-btn {
    height: 36px;
    min-width: 64px;
    padding: 0 16px;
    color: rgba(0,0,0,.26);
    border-radius: 6px;
    background: #fff;
    font-size: .875rem;
    font-weight: 500;
}
.search_contact_suggest {
    padding-right: 5px;
}
.hover-bg-none-btn:hover {
    background: 0 !important;
    color: #009378;
}
table.unmatch-custom tr th {
    width: 14.28%;
}
table.child-unmatch-custom tr th {
    border: 0;
    background: #fff;
    padding: 0;
}
.suggested_match_list {
    margin-left: -20px;
    margin-right: -20px;
}
.create-suggest-match-btn {
    display: flex;
    justify-content: space-between;
    padding-right: 90px;
}

@media (max-width: 767.98px) {
 #create_contact_policy_modal .confirm-match-policy .user-detail-matches, #create_policy_modal .confirm-match-policy .user-detail-matches {
  grid-template-columns: 1fr;
  grid-gap: 20px;
 }
}

@media (min-width: 576px) {
 .modal-md-custom {
  max-width: 700px;
 }
}

/*-- Client Css --*/

#iavns_unmatched_policies{
max-height: none;
}

b, strong {
font-weight: 500;
}

@media (min-width: 992px) {
 .modal-lg {
  max-width: 1000px;
 }

 .btn-see-matches {
  background-color: white;
 }

 .btn-see-matches:hover {
  background-color: #29AD8E;
 }
}

/*-- 23-10-23 --*/
/* .detail-text {
    color: #6b7280;
    font-weight: 500;
} */
.nav-tabs-line-bottom .nav-link {
    border-bottom-width: 3px;
    border-color: transparent;
    border-radius: 0;
}
.nav-tabs-line-bottom .nav-item.show .nav-link, .nav-tabs-line-bottom .nav-link.active {
    border-color: transparent transparent #29AD8E;
    color: #29AD8E !important;
    font-weight: 500;
}
.nav-tabs-line-bottom .nav-item .nav-link:hover {
    color: #29AD8E !important;
}
.border-box {
    border: 1px solid #f3f4f6;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}
table.table.rm-custom-table thead tr th {
    color: rgba(58, 53, 65, 0.87);
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: 500;
    background: #f9fafc;
    border-top: 0;
}
table.table.rm-custom-table tbody tr td {
    font-size: 16px !important;
    color: rgba(58, 53, 65, 0.87);
}
.br-t-lr-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.br-b-lr-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
table.table.rm-custom-table tbody tr.tr-bg-grey{
    background: rgb(63, 87, 81, 0.08);
}
.form-control {
    padding: 8px 14px !important;
    border-radius: 6px;
    font-weight: 400;
    color: #6b7280;
    font-size: 14px;
}
table.table.rm-custom-table.th-br thead tr th::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 2px;
    height: 14px;
    background: rgba(58, 53, 65, 0.12);
    transform: translateY(-50%);
}
table.table.rm-custom-table.th-br thead tr th {
    position: relative;
}
.box-stretch {
    margin-right: -20px;
    margin-left: -20px;
}
.text-dark-2{
    color: rgba(58, 53, 65, 0.54) !important;
}
table.table.rm-custom-table.th-br thead tr th:first-child {
    padding-left: 2rem;
}
table.table.rm-custom-table.th-br tbody tr td:first-child {
    padding-left: 2rem;
}
.dropdown-p-right {
    right: 0 !important;
    max-width: 253px;
    min-width: 253px;
}
.fs-18 {
    font-size: 18px;
}
.fw--600{
    font-weight: 600;
}
.fw-400{
   font-weight: 400;
}
.fw-500{
   font-weight: 500;
}
/* .modal .modal-title {
    color: #3A3541;
    font-weight: 500;
    text-transform: capitalize;
} */
.custom-modal-md {
    max-width: 600px;
}
/*.modal-backdrop.show:nth-child(2n + 1) {*/
/*    z-index: 1050;*/
/*}*/
/*#exampleModal2, #exampleModal {*/
/*    z-index: 1051;*/
/*}*/
.btn-danger-2{
 background: #F65559;
}
.text-light-2 {
    color: #6b7280;
}
.text-warning-2{
    color: #F65559;
}
table.table.rm-custom-table tbody tr td a.text-success {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
}
.box-stretch table.table.rm-custom-table thead tr th {
    font-weight: 600;
    color: rgba(58, 53, 65, 1);
}
.box-stretch table.table.rm-custom-table tbody tr td {
    font-size: 14px;
    font-weight: 500;
    color: rgba(58, 53, 65, 1);
}
.box-stretch table.table.rm-custom-table tbody tr:hover {
    cursor: pointer;
    background: linear-gradient(0deg, rgba(63, 87, 81, 0.08), rgba(63, 87, 81, 0.08)),
linear-gradient(0deg, rgba(196, 196, 196, 0.25), rgba(196, 196, 196, 0.25));
    transition: all .3s ease;
}
.modal-body.custom-scrollbar {
    min-height: 400px;
    max-height: 600px;
    overflow: scroll;
    overflow-x: hidden;
}
.sticky-header {
    position: sticky;
    /*position: -webkit-sticky;*/
    top: 0;
    background-color: #fff;
    z-index: 9999;
}
button#unmatched-policies-load-more-button:hover {    background-color: #ebf7f6 !important;}
button#unmatched-policies-load-more-button{border-radius: 0 !important;}
.dropdown-menu.custom-dropdown a:hover {
    background-color: #f0f2f1;
}

.d-inline-table.show {
display: inline-table !important;
}
.form-control.form-select-icon {
    background-image: url(../img/down-arrow.png) !important;
    background-size: 10px !important;
    background-position-x: 97% !important;
    background-position-y: center !important;
}
.form-control.form-calendar-icon {
    background-image: url(../img/calendar.png) !important;
    background-size: 24px !important;
    background-position-x: 97%;
    background-repeat: no-repeat;
    background-position-y: center;
}
textarea.form-textarea-height {
    min-height: inherit;
}
.coverage-fields {
    font-weight: 500;
}
.coverage_policy_detail{
    color: rgba(105, 105, 105, 1);
    font-weight: 500;

}
.prefix {
    margin-right: -10px;
    position: absolute;
    margin-left: 5px;
    margin-top: 8px;
    display: none;
    color: rgba(58, 53, 65, 0.68)
  }
  #coverage_table table.table.rm-custom-table thead tr th:first-child, #coverage_vehicles table.table.rm-custom-table thead tr th:first-child {
    border-top-left-radius: 8px;
    width: 30%;
}
#coverage_table table.table.rm-custom-table thead tr th:last-child {
    border-top-right-radius: 8px;
}
.dropdown-menu.custom-dropdown a:hover {
    background-color: #f0f2f1;
}

.d-inline-table.show {
display: inline-table !important;
}
.policy-details-tab .navbar--search input.form-control {
    padding-left: 35px !important;
}
#view_policy_details_modal_active label.text-muted {
    color: #6b7280 !important;
}
.coverage_tab_text_feilds {
    color: #6b7280;
    font-weight: 500;
}
.fs-13 {
    font-size: 13px;
}
.fw-500{
    font-weight: 500;
}
#view_policy_details_modal_active table.table.rm-custom-table.th-br thead tr th:first-child {
    border-top-left-radius: 8px;
    width: 32%;
}
#vehicles table.table.rm-custom-table.th-br thead tr th:first-child {
    width: auto;
}
#vehicles table.table.rm-custom-table.th-br thead tr th, #vehicles table.table.rm-custom-table.th-br tbody tr td {
    padding-left: 20px;
    padding-right: 20px;
}
#view_policy_details_modal_active table.table.rm-custom-table thead tr th {
    border-bottom: 0;
}
.text-light-primary {
    color: rgba(58, 53, 65, 0.54);
}
.modal-close-btn {
    opacity: 1;
    color: rgba(58, 53, 65, 0.54);
}
.td-valign{
    vertical-align: middle !important;
}
table.table.rm-custom-table.th-br.remove-before thead tr th::after{
    display: none;
}
#table_vehicles .table.rm-custom-table thead tr th:first-child, #table_vehicles .table.rm-custom-table tbody tr td:first-child {
	padding-left: 40px !important;
}
.hvr-outline:hover {
    background: #fff;
    border-color: #c4c6c9;
    color: #009378;
}
.text-warning-2:hover {
    color: #e16123;
}

#tab-edit-view{
    display: none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    position: absolute;
    width: calc(100% - 40px);
    right: 0;
    top: 60px;
    transform: translateX(100%);
    background: #fff;
}
#tab-edit-view.tab-edit-view-active {
    transform: translateX(-20px);
    animation: scale-display .3s;
    display: block;
}
#tab-edit-view.tab-edit-view-out {
	animation: scale-display--reversed .4s;
	animation-fill-mode:forwards;
    display: block;
}   

@keyframes scale-display {
            0% {
                opacity: 0;
                transform: translateX(90%);
                -webkit-transform: translateX(90%);
            }

            90% {
                opacity: 0.6;
                transform: translateX(2%);
                -webkit-transform: translateX(2%);
            }

            100% {
                opacity: 1;
                transform: translateX(0);
                -webkit-transform: translateX(0);
            }
        }

        @keyframes scale-display--reversed {
            0% {

                opacity: 1;
                transform: translateX(0);
                -webkit-transform: translateX(0);
            }

            99% {

                opacity: 0;
                transform: translateX(60%);
                -webkit-transform: translateX(60%);
            }

            100% {
                display: none;
                opacity: 0;
                transform: translateX(103%);
                -webkit-transform: translateX(103%);
            }
        }

.coverageDropdownMenu a.dropdown-item {
    padding: 8px 20px;
}
.fw-600{
    font-weight: 600;
}
#buildinglist {
    background: #F9FAFC;
}
.border-box.building-list {
    margin: 0;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #F9FAFC;
}
.building-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.btn-square[disabled], .btn-square[disabled]:hover {
    background: var(--light-action-disabled-background, rgba(58, 53, 65, 0.12));
    color: #3A354142;
    font-weight: 500;
}
/* #deleteBuildingModal, #tabDeletModal {
    z-index: 99999999;
}
#PolicyCoverageDetail {
    z-index: 9999999;
}
.modal-backdrop.fade.show:nth-child(2n + 1) {
    z-index: 9999;
}
.modal-backdrop.fade.show:nth-child(3n + 1) {
    z-index: 99999;
} */
.hr-divider {
    margin-left: -20px;
    margin-right: -20px;
    border-color: #ececeb;
}
#table_locations table.table.rm-custom-table.th-br thead tr th:first-child {
    width: auto;
}
#table_locations table.table.rm-custom-table.th-br thead tr th:nth-child(3), #table_locations table.table.rm-custom-table.th-br thead tr th:nth-child(4) {
    width: 22%;
}
.empty-coverage
{
    height: 200px;
    border-top: 1px solid #f3f4f6;
}
.detail-text.fw-400 {
    font-weight: 400 !important;
}
.tr-bg-grey.fw-400 {
    font-weight: 400 !important;
}
#PolicyCoverageDetail .modal-body.custom-scrollbar {
    min-height: 650px;
}
table.table.rm-custom-table tbody tr td a.text-success:hover, table.table.rm-custom-table tbody tr td a.text-success:focus , table.table.rm-custom-table tbody tr td a.text-success:active {
    color: #29ad8e !important;
}

table.table.rm-custom-table tbody tr td a.text-success:hover, table.table.rm-custom-table tbody tr td a.text-success:focus , table.table.rm-custom-table tbody tr td a.text-success:active {
    color: #29ad8e !important;
}
.status-suggested-match {
    display: flex;
    justify-content: space-between;
    padding-right: 35px;
    grid-gap: 8px;
}
table.table.child-unmatch-custom tbody tr:first-child td .status-suggested-match {
    padding-right: 50px;
}
.nav .nav-item .dropdown .assetOptions:hover, .nav .nav-item .dropdown .assetOptions:active, .nav .nav-item .dropdown .assetOptions:focus {
    color: #111827 !important;
}
.dropdown.md-dropdown .dropdown-menu {
    min-width: 165px;
    max-width: 165px;
    margin-top: -12px;
}

.search_client_field .sub-popup-search {
    left: 20px;
    width: fit-content;
    display: inline-block !important;
    top: 20px;
}
.search_client_field .v-input__control .v-select__slot input {
    padding-left: 24px !important;
}
.search_client_field .v-label.v-label--active.theme--light {
    top: 9px;
    left: 0 !important;
}
.search_client_field .v-input--dense .v-label {
    top: 10px;
    left: 18px !important;
}
#save_driver_details div#table_drivers thead tr th:first-child {
    width: auto;
}

.map-policy .v-select-list{
    max-height: 80px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.map-policy .v-select-list::-webkit-scrollbar, .v-dialog::-webkit-scrollbar {
    width: 4px;
}
.map-policy .v-select-list::-webkit-scrollbar, .v-dialog::-webkit-scrollbar {
    width: 4px;
}
.map-policy .v-select-list::-webkit-scrollbar-thumb, .v-dialog::-webkit-scrollbar-thumb {
    background: #BDBDBD;
    border-radius: 5px;
}
.map-policy .v-select-list::-webkit-scrollbar-thumb, .v-dialog::-webkit-scrollbar-thumb {
    background: #BDBDBD;
    border-radius: 5px;
}
.map-policy .v-select-list::-webkit-scrollbar-track, .v-dialog::-webkit-scrollbar-track {
    background: #fff;
}
.map-policy .v-select-list::-webkit-scrollbar-track, .v-dialog::-webkit-scrollbar-track {
    background: #fff;
}
.map-policy .map-active-policy
{
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: 0px !important;
    color: rgba(58, 53, 65, 1);

}
.map-policy .map-inactive-policy
{
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: 0px !important;
    color: rgba(58, 53, 65, 0.68);
}
.v-list-item__title.fs-12 {
    font-size: 12px !important;
}
.v-card__title .policy-heading.fs-14{
    font-size: 14px;
    text-transform: none;
}
.view-model-height-auto {
    height: 100%;
    max-height: 490px;
    min-height: 490px;
}
.view-table-height-modal-panel-right {
    height: 100%;
    max-height: 450px;
    min-height: 450px;
}
.view-height-modal-panel-right-all-policy {
    height: 100% !important;
    max-height: 490px;
}
.additional-insured-checkbox .v-select__selection--comma {
    min-height: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px!important;
}
.v-application .additional-insured-checkbox .v-menu__content .v-select-list .primary--text {
    background: transparent !important;
    color: #29ad8e !important;
}
.additional-insured-checkbox .theme--light.v-list-item.v-list-item--highlighted:before, .additional-insured-checkbox .theme--light.v-list-item--active:before {
    opacity: 0 !important;
}
.additional-insured-checkbox .v-list-item.primary--text.v-list-item--active.v-list-item--link.theme--light:hover {
 background: rgba(63, 87, 81, 0.08) !important;
}
.fs-10 {
    font-size : 10px !important;
    font-weight: 500 !important;
    color: rgba(58, 53, 65, 0.38);
}
.policy-download-icon {
    position: absolute;
    right: 15px;
    top: 15px;
}
body .additional-insured-checkbox .v-text-field.v-text-field--enclosed:not(.v-text-field--rounded)>.v-input__control>.v-input__slot {
    height: auto !important;
    min-height: 36px !important;
    /*padding-top: 6px !important;*/
    /*padding-bottom: 6px !important;*/
}
.model-height-auto .additional-insured-checkbox label.v-label.v-label--active.theme--light {
    top: 6px !important;
}
body .additional-insured-checkbox .v-select__selections.slim_scroll {
    overflow-y: auto;
    height: auto;
    padding-top: 10px !important;
    line-height: normal;
}
.additional-insured-checkbox .v-select__selection--comma {
    min-height: 10px;
    overflow: initial ;
    text-overflow: initial;
    white-space: initial;
    margin: 0px!important;
}
body .additional-insured-checkbox .v-text-field--outlined.v-input--dense .v-label {
    top: 8px;
}
body .additional-insured-checkbox .v-list-item__subtitle, body .additional-insured-checkbox  .v-list-item__title {
    overflow: initial;
    text-overflow: initial;
    white-space: initial;
}
.textcolor span a {
    line-height: 24px;
}
.ui-menu .ui-menu-item .search-phoneno.ui-menu-item-wrapper {
 right: 10px;
 padding: 0;
}
.custom-drop-btn {
    border: 1px solid rgba(138, 141, 147, 0.5);
    background: #fff;
    border-radius: 6px;
    padding: 8px 26px 8px 26px;
    font-size: 15px;
    font-weight: 500;
    color: rgba(41, 173, 142, 1);
}
.dropdown-item {
    cursor: pointer;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #f0f2f1;
}

.wrap-text-view-all-policy{overflow: hidden; text-overflow: ellipsis; width: 100px; height: 28px; white-space: nowrap; text-transform: capitalize;}
.all-policy-modal.v-dialog.v-dialog--active.v-dialog.v-dialog--active {
 width: 1200px !important;
}
@media (min-width:730px) {
 .all-policy-modal .container {
  max-width: 100%;
 }
}
.policy_title{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #111827;
    padding-top: 16px;
    padding-bottom: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.policy-text-values {
    color: #6b7280;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
}
/*.policy_edit_text{*/
/*    font-size: 16px;*/
/*}*/
.policy-text-label {
    font-weight: 400;
    font-size: 14px;
    color: #6b7280;
    padding-left: 6px;
}
.policy-detail-heading {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    padding: 16px 0px 16px 0px;
    color: #343A40;
}
.btn-policy-edit {
    border-radius: 5px;
    margin-left: 16px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
}
.btn-policy-cancel {
    border-radius: 5px;
    border: 1px solid #8A8D9380;
    font-size: 13px;
    font-weight: 500;
}
.fs-18-dark {
    font-size: 18px;
    color: rgba(58, 53, 65, 1);
}
.form-control-dark {
    color: rgba(58, 53, 65, 1);
}

.parent-carrier-dropdown-content {
  position: absolute;
  background-color: #fff;
  overflow: auto;
  z-index: 99999;
  width: 315px;
}
.parent-carrier-dropdown-content a {
    color: rgba(58, 53, 65, 0.87);;
    padding: 5px 5px;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #8A8D9380;
}
.parent-carrier-dropdown-content a:hover {background: rgb(63, 87, 81, 0.08);}
.selected_parent_carrier {
    background: rgb(63, 87, 81, 0.08);
}
.select-search-dropdown .parent_carrier_dropdown_list{
  border: 1px solid #8A8D9380;
}
.parent-height{
 height:40px;
}
.form-control.disabled-bg-white:disabled {
    background-color: #fff;
    opacity: 1;
    color: rgba(58, 53, 65, 0.38);
}
.form-control.fs-16 {
    font-size: 16px;
}
.btn-success-new{
   background-color: #29AD8E;
}
.commercial-policy-dropdown a {
 padding: 5.38px 14.36px 5.38px 14.36px;
 font-size: 16.15px;
 font-weight: 400 !important;
}
span.btn-align {
    position: relative;
    top: 1px;
}
.integration_select.ba-multi-select .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 15px 15px 15px;
}
.integration_select.ba-multi-select .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    margin: 15px 8px 0 0;
}
.select-search-dropdown .com_parent_carrier_dropdown_list, .select-search-dropdown .com_writing_carrier_dropdown_list {
  border: 1px solid #8A8D9380;
}
/****button-unmatched-download-buttons*****/
.unmatch-match-policy-button {
    background-color: #29AD8E !important;
    border-color: #29AD8E !important;
    box-shadow: 0px 4px 8px -4px rgb(58 53 65 / 42%);
    border-radius: 5px !important;
    height: 29px !important;
    line-height: 19px;
    font-size: 13px;
    padding: 4px 13px 6px !important;
    font-weight: 500;
}
.unmatch-create-button{
    border-radius: 5px !important;
    font-weight: 500;
    color: #29AD8E !important;
    height: 29px !important;
    line-height: 19px;
    font-size: 13px;
    padding: 4px 13px 6px !important;
}
.unmatched-button-width
{
 width: 135px;
}
.unmatched-search-contacts
{
  border-radius: 5px !important;
    font-weight: 500;
    color: #29AD8E !important;
    height: 29px !important;
    line-height: 19px;
    font-size: 13px;
    padding: 4px 13px 6px !important;
}
/****button-unmatched-download-buttons-end*****/

/*carrier css*/
.writing-carrier-dropdown-content {
 position: absolute;
 background-color: #fff;
 overflow: auto;
 z-index: 3;
 width: 315px;
}
.writing-carrier-dropdown-content a {
 color: rgba(58, 53, 65, 0.87);;
 padding: 5px 5px;
 text-decoration: none;
 display: block;
 border-bottom: 1px solid #8A8D9380;
}
.writing-carrier-dropdown-content a:hover {background: rgb(63, 87, 81, 0.08);}
.col-form-label.service-card-title {
    color: #3A3541;
}
.pipeline-box.renewal-pipline-box .load_renewal_data li.list-group-item .renewal-request-title {
    margin-bottom: 5px !important;
    font-weight: 600;
    text-transform: capitalize;
}
/* span.avatar-text.renewal_pipeline_change_stage {
    color: #1F2937;
    font-size: 14px;
    line-height: 16px;
} */
/* span .old_premium_subtitle {
    color: rgba(58, 53, 65, 0.38);
    font-weight: 500;
    font-size: 14px;
} */
.percantage-label{
    font-weight: 500;
    font-size: 14px;
    color: rgba(243, 149, 63, 1);
}
span .new_premium_subtitle {
    color: rgba(58, 53, 65, 1);
    font-weight: 500;
    font-size: 14px;
}
.pipeline-box.renewal-pipline-box .load_renewal_data li.list-group-item, .load_service_data li.list-group-item {
    border-radius: 6px !important;
    padding: 1rem;
}
.load_renewal_data li.list-group-item .avatar.main-div span.subtitle, .load_service_data li.list-group-item .avatar.main-div span.subtitle {
    margin-bottom: 0 !important;
}
.right_side_arrow {
 color: rgba(58, 53, 65, 0.38);
}
.renewal_premium_amount{
 color: rgba(58, 53, 65, 1);
 font-weight: 500;
 line-height: 14px;
}
.renewal_card_label{
    color: rgba(58, 53, 65, 0.38);
    font-weight: 500;
}
.card-label-text{
 font-size: 10px;
 font-weight: 500;
}
/* .cancel-policy-card-text{
 color: rgba(58, 53, 65, 0.5) !important;
} */
.icon-color-light-orange {
 color: rgba(243, 149, 63, 0.5) !important;
}
.icon-color-light-orange svg.svg-orange path {
    fill: rgba(243, 149, 63, 0.5);
}

.icon-color-light-secondary {
 color: rgba(58, 53, 65, 0.5) !important;
 margin: auto;
 padding: auto;
}
.icon-color-light-secondary svg.svg-black path {
    fill: rgba(58, 53, 65, 0.5);
}
.icon-color-light-blue {
 color: rgba(83, 142, 203, 0.5) !important;
}
.icon-color-light-blue svg.svg-blue path {
    fill: rgba(83, 142, 203, 0.5);
}
svg.svg-card-icon {
    margin-bottom: -1px;
}
svg.svg-black {
    transform: scale(1.2);
}
.card-percentage-label {
 line-height: 14px;
}
.assigned-owner-name{
 padding-left: 30px !important;
}
.renewal-pipeline-page .avatar.main-div span.subtitle { width: 100%; }
.mt-12 {
    margin-top: 12px;
}
.service-pipline-box li.list-group-item .info.service-card-custom{width: 100% !important;}
.service-card-custom .avatar.main-div a {width: 15px; margin-right: 5px;}
.service-card-custom .avatar.main-div span.subtitle {width:calc(100% - 20px) !important;}

@media (max-width: 1470px){
.service-card-custom .avatar.main-div span.subtitle {padding-left: 5px;}
.assigned-owner-name {
    padding-left: 26px !important;
}
}
.text-primary {
    color: #29AD8E !important;
}
.dragSvgColo svg path {
    fill: #100f0f;
}

input[type="checkbox"]:disabled {
 background-color: rgb(66 207 174 / 50%) !important;
 border-color: rgb(173 233 219 / 50%) !important;
 cursor: auto;
}
.creat-new-text.disabled {
 color: rgb(58 53 65 / 38%) !important;
}
[data-title]:hover:after {
 opacity: 1;
 transition: all 0.1s ease 0.5s;
 visibility: visible;
}
[data-title]:after {
 content: attr(data-title);
 background-color: #717171f5;
 color: #fff3e0;
 position: absolute;
 padding: 1px 5px 2px 5px;
 bottom: -3.6em;
 left:25px;
 box-shadow: 1px 1px 3px #222222;
 opacity: 0;
 z-index: 99999;
 border-radius: 5px;
 visibility: hidden;
 width: 190px;
}
[data-title] {
 position: relative;
}
.disabled-create-new{
 cursor: auto;
}
.disabled-create-new:hover{
 background-color: transparent !important;
}
.updated-by {
     font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    font-style: italic;
}
/* .launch-campaign-btn.btn-sm {background: transparent;color: #29AD8E;border: 1px solid rgba(138, 141, 147, 0.5);border-radius: 5px;padding: 7px 22px 7px 22px;cursor: pointer;} */
.disabled-launch-campaign-btn.btn-sm {
    background: transparent;
    color: rgba(58, 53, 65, 0.26);
    border: 1px solid rgba(138, 141, 147, 0.5);
    border-radius: 5px;
    padding: 7px 22px 7px 22px;
}
.campaign-type-toggle .input-group-text {
 background: transparent;
 color: #0d0d11;
 border: none;
}
.select2-selection__choice__remove {
    float: right;
    margin-left: 5px
}
.disabled-btn {
    background: rgba(58, 53, 65, 0.12);
    border: none;
    border-radius: 5px;
    padding: 8px 26px 8px 26px;
    color: rgba(58, 53, 65, 0.26);
}
.save-custom-campaign-btn {
    background: rgba(41, 173, 142, 1);
    color: rgba(255, 255, 255, 1);
    border: none;
    border-radius: 5px;
    padding: 8px 26px 8px 26px;
}
.campaign-button{
 font-size: 15px;
 font-weight: 500;
 line-height: 26px;
 text-transform: uppercase;
 cursor: pointer;
}
ul li input.select2-search__field {
     width: 100% !important;
 color: green;
}
.custom_campaign_name::placeholder{color: rgba(58, 53, 65, 0.68)}
.user-checkbox{cursor: pointer}
ul#select2-add_campaign_owner_select-results {padding: 8px 0px 8px 0px;border-radius: 5px;}
.stage-total-premium{
 font-weight: 500;
 font-size: 14px;
 color: rgba(0, 0, 0, 1);
}
.dropdown-menu.custom-stage-dropdown {
    left: -73px !important;
    top: 15px !important;
    transform: none !important;
    width: 85px !important;
    min-width: 85px;
    padding: 0px;
    height: auto;
}
.custom-stage-dropdown .dropdown-item{color: rgba(58, 53, 65, 1) !important;padding: 6px 16px 6px 16px !important; font-size: 14px !important; font-weight: 400 !important; }
.v-card__title.edit-stage-title{padding: 20px !important; font-size: 14px !important; font-weight: 500 !important;}
.v-card__text.edit-stage-field{padding: 0px 20px 20px 20px !important;}
.v-card-action.stage-footer{padding: 10px !important;}
.font-weight-normal{font-size: 18px !important;letter-spacing: .0125em!important; line-height: 28px;}
.stage-card-count {    font-size: 14px !important;    font-weight: 500;    color: rgba(58, 53, 65, 0.68) !important;}
.edit-stage-name input{text-transform: capitalize;     padding: 0px 12px 0px 12px !important;}
.custom-stage-dropdown .v-messages.theme--light {display: none !important;}
.select2-results__options[role="tree"]{padding: 8px 0px 8px 0px}
li.select2-results__option{padding: 6px 16px 6px 16px !important;}
li.select2-selection__choice.sixess {border: none !important;font-size: 14px !important;margin-left: -10px !important;}
.stages-checkbox i.v-icon.notranslate.mdi.mdi-checkbox-marked.theme--light.primary--text
{
 color: #00B36C !important;
 caret-color: #00B36C !important;
}
.v-input.stages-checkbox.v-input--is-label-active.v-input--is-dirty.v-input--is-disabled
{
 color: rgb(66 207 174 / 50%) !important;
 caret-color: #29AD8E !important;
}
.stages-checkbox .theme--light.v-icon
{
 color: rgba(0,0,0,.23);
}
.bg-29AD8E{background-color: #29AD8E;}
.color-29AD8E{color: #29AD8E;}
.color-29AD8E:hover{background-color: #29AD8E;}
a.btn.border-delete-btn {background-color: transparent;
    color: #F65559;
    border: 1px solid #8A8D9380;
    padding: 4px 13px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 5px;
    line-height: 22px;}
 .pipeline-opportunity-modal span.column-second-length.custom-ellipsis {        max-width: calc(100% - 180px);        width: auto;    }
 .bg-29AD8E:hover{background-color: #29AD8E;}

 .cursor-default{cursor: default !important;}

.rounded-40 {
    border-radius: 40px;
}
button.btn.btn-primary.btn-sm.btn-orange {
    background-color: #e16123;
}
button.btn.btn-primary.btn-sm.btn-blue {
    background-color: #2dabc1;
}

.dropdown-menu.custom-drop-position.dropdown-left {left: -113px !important;}
.dropdown-menu.custom-drop-position.dropdown-left .dropdown-menu.dropdown-right {
    left: 90px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {

 outline: unset;
}
/* for message time setting info box*/
section.campaign_time_box.time-settings {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.campaign_time_box.time-settings p, .campaign_time_box.time-settings span, .campaign_time_box.time-settings ul li {
    font-size: 14px;
    font-weight: 400;
    color: #1F2937;
}
.campaign_time_box.time-settings h5{
    color: #111827;
}
.campaign_time_box.time-settings .card{
    margin-top: 82px;
}
.campaign_time_box.time-settings .card .footer-note {
    margin-top: 62px;
}
.l-h-18{line-height: 18px;}

.vector-icon-left-right {
    position: absolute;
    left: 9px;
    top: 13px;
    z-index: 21;
}
.side-div-smooth.col-lg-5 .table-list .table-responsive{
    white-space: nowrap;
}

@media(min-width: 1366px){
    .custom-padding{ padding: 0 44px 44px 30px !important;}
}
@media(min-width: 992px) and (max-width: 1380px){
    span.heading-action.add-note-btn {
    position: relative;
    left: -19px;
    top: 5px;
}
.side-div-smooth.col-lg-5 .app_sidebar, .side-div-smooth.col-lg-5 .message_tab_head {
    padding: 0;
}
.message_tab_head {
    padding: 10px 0px;
}
.side-div-smooth.col-lg-5 .card-body.custom-padding {
    padding-left: 1rem;
}
.side-div-smooth .table-list .table-responsive{
    white-space: nowrap;
}

}

@media(min-width: 992px) and (max-width: 1199px){
    .side-div-smooth.col-lg-5 #search_contact_card_notes .row .col-md-5, .side-div-smooth.col-lg-5 #search_contact_card_notes .row .col-md-2 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }
    .side-div-smooth.col-lg-5 span.heading-action.add-note-btn {
        position: relative;
        left: 0;
        top: 0;
    }
    .side-div-smooth.col-lg-5 .card-body.custom-padding {
        padding-left: 2rem;
    }
}
.side-div-smooth.col-lg-5 .card-body.custom-padding {
    padding-left: 2rem;
}
@media (min-width: 992px) {
.app_sidebar { margin: 0; padding-left: 0px !important; padding-right: 0px !important; border-right-width: 1px; border-bottom-width: 0; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .app_sidebar.col-md-6 { margin: 0; padding-left: 0px !important; padding-right: 0px !important; border-right-width: 1px; border-bottom-width: 0; }
}

.email-integration-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 300px;
    padding: 15px;
    background: white;
    box-shadow: 0px 2px 10px rgb(58 53 65 / 10%) !important;
    border-radius: 6px;
    z-index: 1000;
    border: 1px solid rgba(58, 53, 65, 0.12) !important;
}
.email-integration-notification .notification-header {
  color: #000;
}

.notification-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.notification-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.dismiss-btn {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    padding: 0 5px;
}

.cta-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 16px;
    background: rgb(255, 198, 70);
    color: white;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 500;
}
#email-integration-button.cta-btn , #email-integration-button.cta-btn:hover , #email-integration-button.cta-btn:focus{
    color: #fffdf7 !important;
  }
.lh-18{line-height: 18px;}
 
/* to make cursor as pointer when mouse over on cross to remove selected filter */
.fa-times {
    cursor: pointer;
}

.modal-search-filter-sidebar .policy-name-list p {
    margin-right: 5px;
}

.text-gray-800 {
    color: #6b7280;
}

.text-gray-900 {
    color: #1F2937;
}

.profile-user-name {
    text-transform: capitalize;
    color: #000;
    font-weight: 600;
}

.profile-user-name:hover {
    text-transform: capitalize;
    color: #00B36C;
    font-weight: 600;
}

.gb-logo-img { max-width: 85%; height: auto; }

#btn_al3_uploader { background-color: #00B36C; color: #ffffff; padding: 12px 35px 12px 35px; border-radius: 11px; font-weight: 700; position: relative; display: block; text-transform: uppercase; transition: 0.1s all ease-in; box-sizing: border-box; }
span.unmatched-policy-count { background-color: #00B36C; color: #fff; font-size: 13px; border-radius: 50%; height: 30px; width: 30px; display: inline-block; text-align: center; line-height: 30px; }

span.task-count { background-color: #f3f4f6; color: #37404c; font-size: 11px; border-radius: 50%; height: 30px; width: 30px; display: inline-block; text-align: center; line-height: 30px; }

#day_at_glance_past_due_tasks_arr_count{ background-color: #DE4243; color: #fff; }

a,a:hover, a:focus { color: #111827; }
.miniStats--num a { color: #00B36C; }
.text-green { color: #00B36C; }

.btn-success {background-color: #00B36C; border-radius: 6px; color: #ffffff;}
.btn-success.disabled, .btn-success:disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus {background-color: #009378;}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .btn-success:not(:disabled):not(.disabled):active, .nav > li > a.btn-success:hover, .nav > li > a.btn-success:focus, .nav > li.active > a.btn-success {background-color: #007748; border-radius: 6px; color: #ffffff;}
.open > .dropdown-toggle.btn-success, .open > .dropdown-toggle.btn-success:hover, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success.focus, .show > .dropdown-toggle.btn-success {background-color: #007748; border-radius: 6px; color: #ffffff;}
.mini-stats-div:hover i{opacity: 1;}
.panel-title-new {margin-top: 3px;font-size: 15px;line-height: 24px;font-weight: 700;text-transform: uppercase;text-align: left; position: relative; color: #1F2937;}
.panel-title-new:after {content: "";width: 4px;height: 31px;background-color: #6b7280;position: absolute;left: -11px;top:0px;}

.task-title-green { color: #00B36C; text-decoration:line-through; }
.task-title-blue { color: #4F94C1; }

.low-priorities { background-color: #ff7f0e; }
.medium-priorities { background-color: #1f77b4; }
.high-priorities { background-color: #2ca02c; }
.table-hover tbody tr:hover { background-color: #f3f4f6; }

.task_filters { padding-bottom: 12px; margin-bottom: 24px; background: #FFFFFF; padding: 10px; }
.td-left-heading { color: #1F2937; font-weight: 600; line-height: 20px; }
.task_view_notes { background-color: #f3f4f6; }
.task_view_notes tr td { color: #6b7280; }
.nav li a:hover:hover {color: #00B36C;}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #00B36C;
    color: white;
}

.select2-results__option {color: #6b7280;}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 40px;
    user-select: none;
    -webkit-user-select: none;
    padding: 6px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ebebea;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 70%;
    width: 0;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #6b7280;
}

imageuploadify-images-list button {
    color: #1f77b4;
    background-color: #ebebea;
}
imageuploadify-images-list button:hover {
    color: #ffffff;
    background-color: #1f77b4 !important;
}

tbody#service_closed_attachment_list .service_attach_image img{ height: 100%; width: 100%; object-fit: contain; }

.renewals-progress p {color: #1F2937 !important; font-size: 20px !important}
#good_reviews_count {color: #6b7280 !important;}
#poor_reviews_count {color: #6b7280 !important;}

.task-filter-clear-btn {
    margin-left: 25px;
    padding-top: 5px;
    font-size: 14px;
    font-weight: 500;
    background-color: #f3f4f6;
}

#task_view_contact_name a {color: #1F2937 !important;}
.task-search-input input {height: 40px; border-radius: 40px !important;}

* {
    scrollbar-width: thin;
}

*::-webkit-scrollbar {
    width: 6px; 
    height: 6px; 
}

table.dataTable.no-footer {border-bottom: 1px solid #E5E7EB !important;}
.sorting-icon-div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sorting-icon-div .sort_toggle {
    display: block;
    font-size: 15px;
}

.leads-header-container {
    display: flex;
    gap: 12px;                
}
.leads-header-container span:first-child{
   margin-top: 5px;               
}

.sorting-icons {
    display: flex;
    flex-direction: column;   
    line-height: 1;
    margin-bottom: 8px;  
}

.sorting-icons i {
    cursor: pointer;
    font-size: 14px !important;
}