button:focus-visible, button:focus, select:focus-visible, select:focus, a:focus, label:focus{outline:none!important;box-shadow:none!important;}
.accordion.accordion-white .panel {
border-color: white;
}

.accordion.accordion-white .panel > .panel-heading + .panel-collapse .panel-body {
border-top: 1px solid #999999;
}

.accordion.accordion-white .panel-heading {
background-color: white;
padding: 0;
}

.accordion.accordion-white .panel-heading .accordion-toggle {
color: #00acec;
text-decoration: none;
font-size: 26px;
font-weight: 200;
padding: 10px 15px;
display: block;
}

@-ms-viewport {
width: auto !important
}

.text-thinnest {
font-weight: 100
}

.text-thin {
font-weight: 200
}

.text-lg {
font-size: 18px;
line-height: 1.33;
}

.text-md {
font-size: 16px;
line-height: 1.2;
}

body {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
line-height: 22px;
overflow-x:hidden;
}

.form-alpaca.form-border .form-group {
border-bottom: 1px solid #eff2f7;
padding-bottom: 15px;
margin-bottom: 15px;
padding-left: 15px;
}

legend {
font-size: inherit;
font-weight: bold;
}

.box-border {
background-color: white;
border-style: solid;
border-width: 10px;
border-color: #F5F6F6;
}

.currencyCol {
text-align: right;
padding-left: 30px
}

/* ==========================================================================
On-off switch
========================================================================== */


.onoffswitch {
position: relative;
width: 90px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}

.onoffswitch.onoffswitch-sm {
width: 60px;
}

.onoffswitch-checkbox {
display: none;
}

.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
height: 30px;
padding: 0;
line-height: 30px;
border: 2px solid #999999;
border-radius: 30px;
background-color: #EEEEEE;
transition: background-color 0.3s ease-in;
margin-bottom: 0
}

.onoffswitch-label:before {
content: "";
display: block;
width: 30px;
margin: 0px;
background: #FFFFFF;
position: absolute;
top: 0;
bottom: 0;
right: 58px;
border: 2px solid #999999;
border-radius: 30px;
transition: all 0.3s ease-in 0s;
}

.onoffswitch.onoffswitch-sm .onoffswitch-label:before {
right: 30px;
}

.onoffswitch-checkbox:checked + .onoffswitch-label {
background-color: #1ABC9C;
}

.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
border-color: #1ABC9C;
}

.onoffswitch-checkbox:checked + .onoffswitch-label:before {
right: 0px;
}

.breadcrumb li:first-child > a:hover {
text-decoration: underline !important;
}
.breadcrumb li i.separator-arrow{margin-left:8px;}
.breadcrumb li i.separator-arrow.right-margin{margin-left:0px;margin-right:8px;}

.altria-cls .form-group {
border-bottom: none !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
font-size: 13px;
line-height: 15px;
}

.select2-container a.select2-choice {
height: 100% !important
}

.multiselectdropdown-menu {
max-height: 200px;
overflow-y: auto;
}

.multiselectdropdown-menu .checkbox {
margin-bottom: 0px;
margin-top: 0px
}

table.borderless td, table.borderless th {
border: none !important;
}
header .navbar{padding:0 15px 0 5px;}
header .navbar,
header .navbar .user-menu > a{
height: 45px;
line-height: 45px;
top: 0
}
header .navbar .navbar-brand{height:35px!important;line-height:32px!important;padding:0px 10px;margin-top:-4px;}
header .navbar .navbar-brand:focus{line-height:29px!important;padding:0px 9px;border:#FFF 2px solid!important;}
header .navbar .navbar-brand strong{font-weight:bold}
header .navbar .dropdown-menu {
height: auto;
line-height: normal;
}

header .navbar label {
line-height: normal
}

header .navbar .navbar-brand img {
max-width: 100%;
max-height: 100%;
margin-top: 0px
}

.helpbtnDiv, header nav a.showSearch {
font-size: 25px;
/*padding-top: 8px !important;*/
}

.helpbtnDiv {
padding:5px!important;
display:grid!important;
}
header .navbar > .nav > li > a.helpbtnDiv:focus{border:#FFF 1px solid!important;box-shadow:none!important;padding:0px 1px!important;margin:4px!important;background-color:transparent!important;}
.helpbtnDiv:hover {
text-decoration: none
}

header nav a.showSearch {
display: none
}

.helpbtnDiv:hover, header nav a.showSearch:hover {
background-color: transparent !important
}

.helpbtnDiv i {
line-height:32px;
width:32px;
height:32px;
display:inline-block;
text-align:center;
}

header #nav-search-box {
width: 700px;
margin:5px auto
}
#main-nav-bg{width:250px;}
#main-nav {
bottom: 0;
top: 1px
}
#main-nav .navigation > .nav {
border: none
}

#main-nav .navigation .search{
overflow:hidden
}

#main-nav-bg, .main-nav-closed #main-nav-bg {
display: none
}
.main-nav-closed #main-nav .sionavigation{overflow:inherit;}
#content, .main-nav-closed #content {
margin-left: 0;
}

#main-nav .navigation > .nav > li > a:after {
display: none
}

#main-nav .navigation > .nav > li > a [class^="icon-"],
#main-nav .navigation > .nav > li > a [class*=" icon-"] {
line-height: 40px
}

.text-capital {
text-transform: capitalize
}

.text-uppercase {
text-transform: uppercase
}

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

.label {
padding: .3em .6em .3em;
line-height: 2;
}

.tt-menu,
.gist {
text-align: left;
}

.typeahead,
.tt-query,
.tt-hint {
height: 45px;
padding: 8px 12px;
padding-right: 40px;
line-height: 30px;
border: 1px solid #ccc;
outline: none;
text-align: left;
font-size: 18px;
box-shadow:none!important;
}

header #nav-search-box .typeahead {
height: 35px;
padding: 5px 11px;
line-height: 27px;
font-size: 17px;
}
header #nav-search-box .typeahead:focus{border:#FFF 2px solid!important;box-shadow:#1d354d 0px 0px 0px 1px inset!important;}/*Top search input focus changes*/
header #nav-search-box .typeahead-box {
position: relative;
flex: 1 1 auto
}

.twitter-typeahead {
display: block !important;
}

.typeahead {
width: 100% !important;
}

.typeahead:focus {
border: 1px solid #ccc !important;
}

.tt-query {
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
color: #999
}

.tt-menu {
margin: 12px 0;
padding: 8px 0;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
box-shadow: 0 5px 10px rgba(0,0,0,.2);
color: #3c3c3c;
left: 0;
right: 0;
margin: 0 auto;
margin-bottom: 15px;
border-top: none;
max-height:90vh;
overflow-y:scroll;
overflow-x:hidden;
}

.tt-suggestion, .tt-notFound, .tt-loading {
padding: 7px 15px;
font-size: 14px;
line-height: 20px;
position: relative;
}

.tt-notFound {
text-align: center;
color: #d00404;
}

a.tt-suggestion {
text-decoration: none;
display: block;
color: inherit
}

.tt-suggestion:hover, .tt-suggestion.tt-cursor {
cursor: pointer;
background-color: #eee;
}

.tt-suggestion.fa-icon {
padding-left: 35px;
}

.tt-suggestion.fa-icon i.fa, .tt-suggestion.fa-icon svg{
position: absolute;
left: 15px;
top: 10px;
margin-right:10px;
}
.tt-suggestion.fa-icon svg {
margin-right: 5px;
}

.tt-suggestion .small {
font-size: 12px;
line-height: 15px;
color: #8e8e8e;
height: 15px;
overflow: hidden;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
}

.tt-menu .highlight {
color: #03739c;
}

.tt-suggestion p {
margin: 0;
}

.tt-dataset > .tt-suggestion:last-child {
border-bottom: 1px solid #ccc;
}

.tt-menu > .tt-dataset:last-child > .tt-suggestion:last-child,
.tt-dataset-recentSuppliers > .tt-suggestion:last-child,
.tt-dataset-textSearch > .tt-suggestion:last-child {
border-bottom: none;
}

label.custom-check,
label.custom-radio {
font-weight: normal;
display: block;
position: relative;
padding: 2px 0 2px 25px;
margin-bottom: 0;
cursor: pointer;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

label.custom-check input,
label.custom-radio input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/*Added this class to set the input focus*/
label.custom-check input:focus + span.checkmark,
label.custom-radio input:focus + span.checkmark {
    border:#1d354d 2px solid;
}

label.custom-check .checkmark,
label.custom-radio .checkmark {
position: absolute;
top: 4px;
left: 0;
height: 18px;
width: 18px;
background-color: #fff;
border: 1px solid #595959
}

label.custom-radio .checkmark {
border-radius: 50%;
}

/* On mouse-over, add a grey background color */
label.custom-check:hover input ~ .checkmark,
label.custom-radio:hover input ~ .checkmark {
background-color: #ccc;
}
/*label.custom-check:hover input:focus ~ .checkmark,
label.custom-radio:hover input:focus ~ .checkmark {
box-shadow:0 0 0 0.2rem rgb(67 114 170 / 50%) inset !important;
}*/

/* When the radio button is checked, add a blue background */
label.custom-check input:checked ~ .checkmark,
label.custom-radio input:checked ~ .checkmark {
background-color: #006287;
border: none
}

/* Create the indicator (the dot/circle - hidden when not checked) */
label.custom-check .checkmark:after,
label.custom-radio .checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the indicator (dot/circle) when checked */
label.custom-check input:checked ~ .checkmark:after,
label.custom-radio input:checked ~ .checkmark:after {
display: block;
}

/* Style the Checkbox checkmark/indicator */
label.custom-check .checkmark:after {
left: 7px;
top: 3px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

/* Style the indicator (dot/circle) */
label.custom-radio .checkmark:after {
top: 4px;
left: 4px;
width: 10px;
height: 10px;
border-radius: 50%;
background: white;
}

.tt-dataset .league-name {
margin: 5px 15px;
padding: 3px 0;
color: #03739c;
}

#search-block .search-type button {
margin-right: -2px;
height: 45px;
outline: none;
border-color: #ccc
}


#search-block .search-type button, #search-block .btn-search-addon button, header #nav-search-box .typeahead{vertical-align:top;}
#search-block .search-type button:focus{border:#1d354d 2px solid;}/*Edited css of focus UI changes*/
header #nav-search-box .search-type button {
height: 35px;
}
header #nav-search-box .search-type button:focus, header #nav-search-box .typeahead:focus, header #nav-search-box .btn-search:focus{border:#FFF 2px solid;box-shadow:#1d354d 0px 0px 0px 1px inset!important;}
#search-block .search-type .dropdown-menu {
left: 0;
margin-top: 0px;
z-index: 1001;
right: auto;
min-width: fit-content;
}

#search-block .search-type .dropdown-menu a {
padding-left: 10px;
padding-right: 10px;
}

#search-block .search-type .dropdown-menu a:hover,
#search-block .search-type .dropdown-menu li.active a {
color: #ffffff
}

#search-block .btn-search {
height: 45px;
border-left: none;
background-color: #fff;
outline: none;
border-color: #ccc;
/*box-shadow: none*/
}

#search-block #search_type ul.dropdown-menu hr.dropdown-divider {
    margin: 0.5rem 0;
    overflow: hidden;
}

header #nav-search-box .btn-search {
height: 35px;
}

/*#search-block .typeahead {
border-right: none
}*/

#search-block #additionalFilterBtn {
border-radius: 23px !important;
padding: 10px;
width: 35px;
height: 35px;
background-color: transparent;
border: none;
box-shadow: none;
position: absolute;
top: 5px;
right: 3px;
outline: none
}

#search-block #additionalFilterBtn:hover,
#search-block #additionalFilterBtn:active,
#search-block #additionalFilterBtn:focus {
background-color: #ddd;
}

header #nav-search-box #additionalFilterBtn {
padding: 8px;
width: 30px;
height: 30px;
top: 2px;
line-height: 15px
}

#search-block .alpaca-form .tt-hint {
display: none
}

#search-block #additinalFilterDiv {
top: 100%;
position: absolute;
padding: 10px;
z-index: 1000;
}

#search-block #additinalFilterDiv .box-content {
padding: 0;
border: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none
}

#search-block #additinalFilterDiv .typeahead-wrapper {
display: block;
margin: 100px 0;
}

#search-block #additinalFilterDiv .tt-dropdown-menu {
background-color: #fff;
border: 1px solid #000;
}

#search-block #additinalFilterDiv .tt-suggestion.tt-cursor {
background-color: #ccc;
}

header .navbar .user-menu .dropdown-toggle .user-icon {
display: none;
}

.data-expend {
cursor: pointer;
color: #4372aa;
}

.data-expend-tag {
    cursor: pointer;
    color: #4372aa;
}

.dropdown-submenu {
position: relative;
}

.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-top: -1px;
}

#supplier-actions {
float: right;
margin-bottom: 5px
}

#supplier-actions .btn-group > .btn {
padding: 5px 5px;
border-radius: 25px !important;
height: 35px;
width: 35px;
line-height: 20px;
margin-left: 4px;
border-color: #ddd;
}

#supplier-actions .btn-group > .btn:first-child {
margin-left: 0px
}

#supplier-actions .btn.other-actions {
width: auto;
padding: 5px 7px;
}

#supplier-actions .btn-group > .btn i {
line-height: 24px
}

#supplier-actions .dropdown-menu {
text-align: left
}

#supplier-actions .dropdown-menu i {
min-width: 23px;
display: inline-block;
}

#supplier-actions li.dropdown-submenu > a {
padding-right: 20px
}

#supplier-actions li.dropdown-submenu > a > span.fa {
position: absolute;
right: 15px;
top: 25%;
}

#supplier-actions .btn.powertour-activehook {
background-color: #006287 !important;
color: #fff !important
}

#supplier-actions li.powertour-activehook > a {
background-color: #ddd !important;
}

.powertour-step p {
white-space: normal;
line-height:24px;
font-size:14px;
word-break:break-word;
}

.powertour-step .single-step h3:first-child {
margin-top: 0;
}

.custom-carousel .carousel-inner {
height: 250px;
}

.custom-carousel .carousel-inner > .item {
position: relative;
height: 100%;
}

.custom-carousel .carousel-inner > .item > img {
position: absolute;
top: 50%;
transform: translateY(-50%);
max-height: 100%;
left: 0;
right: 0;
margin: auto;
}

.custom-carousel .carousel-control.left, .custom-carousel .carousel-control.right {
background-image: none;
}

ul.nav-pills.search-tabs {
margin-bottom: 7px
}

ul.nav-pills.search-tabs > li > a {
background-color: transparent;
color: #000;
}

ul.nav-pills.search-tabs > li.active > a {
background-color: transparent;
color: #35579e;
border-bottom: 2px solid #35579e;
}

ul.nav-pills.search-tabs > li > .label-beta {
font-size: 11px;
position: absolute;
top: -2px;
right: 15px;
color: #f70f0a;
line-height: 12px;
padding: 2px 4px;
}


@media only screen and (max-width: 1206px) {
header #nav-search-box {
width: 600px
}
}

@media only screen and (max-width: 1110px) {
header #nav-search-box {
width: 500px
}
}
@media only screen and (max-width: 1010px) {
header #nav-search-box {
width: 400px
}
header #nav-search-box .typeahead{font-size:13px;}
header #nav-search-box .search-type button{font-size:13px;}
}
@media only screen and (max-width: 910px) {
header nav a.showSearch{display:inline;padding:10px;display:block;}
header nav a.showSearch:focus{border:#FFFFFF 1px solid!important;padding:4px;margin:5px;background-color:transparent;}
header nav a.showSearch i{width:26px;height:26px;display:block;text-align:center;line-height:26px;}
header #nav-search-box {
display: none;
width: 100%;
position: absolute;
padding: 10px;
background-color: #ddd;
top: 100%;
left: 0;
right: 0;
margin-top: 0;
}
}
@media only screen and (max-width: 472px) {
.skiptomain{width:0px;height:0px;display:none;}
}


@media only screen and (max-width: 768px) {
.dropdown-submenu .dropdown-menu {
top: 30px;
left: auto;
right: 0;
}
}

@media only screen and (max-width: 767px) {
header .navbar .user-menu .dropdown-toggle .user-icon {
display: inline;
}

#supplier-actions {
float: none
}

#supplier-actions .btn-group {
position: unset
}

#supplier-actions .dropdown-menu {
left: 0;
right: 0
}
}

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

#search-block .input-group,
#search-block .input-group-btn .btn {
display: block;
width: 100%;
margin-bottom: 5px
}

/*#search-block .btn-search-addon {
display: none
}*/

.newuisearchbox .typeahead-box{width:calc(100% - 40px);float:left;}
.newuisearchbox .input-group-btn.btn-search-addon{width:40px;float:left;}

#search-block .typeahead, #search-block .tt-query, #search-block .tt-hint {
font-size: 16px
}

#search-block .typeahead {
border-right: 1px solid #ccc
}

#search-block .search-type button {
border-radius: 0 !important
}
}

@media only screen and (max-width: 375px) {
header .navbar .navbar-brand img {
max-width: 170px;
}

header .navbar > .nav > li > a {
padding-left: 5px;
padding-right: 5px;
}
}

.sk-post {
width: 100%;
height: 80px;
}

.sk-post .avatar {
float: left;
width: 52px;
height: 52px;
background-color: #ccc;
margin: 8px 8px 8px 0;
background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
background-size: 600px;
animation: shine-avatar 1.5s infinite linear;
}

.sk-post .line {
float: left;
width: 100%;
height: 16px;
margin-top: 12px;
background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
background-size: 600px;
animation: shine-lines 1.5s infinite linear;
}

.sk-post .avatar + .line, .sk-post .avatar + .line + .line {
margin-top: 11px;
width: 70%;
}

.sk-post .avatar + .line {
width: 50%;
}

.sk-post .line ~ .line {
background-color: #ddd;
}

@keyframes shine-lines {
0% {
background-position: -100px;
}

40%, 100% {
background-position: 400px;
}
}

@keyframes shine-avatar {
0% {
background-position: -32px;
}

40%, 100% {
background-position: 208px;
}
}

@keyframes power-flash {
0%, 50%, 100% {
opacity: 1;
}

25%, 75% {
opacity: 0;
}
}

.power-flash {
animation-name: power-flash;
animation-duration: 2.5s;
animation-fill-mode: both;
animation-iteration-count: infinite;
}

.power-flash:hover {
animation-name: none;
}

.d-inblock {
display: inline-block !important
}

.d-block {
display: block !important
}

.hidden {
display: none !important
}
.hide {
    display: none;
}

.btn {
outline: none;
}

.mar-b0 {
margin-bottom: 0px
}

.mar-b5 {
margin-bottom: 5px
}

.mar-b10 {
margin-bottom: 10px
}

.mar-b20 {
margin-bottom: 20px
}

.mar-t0 {
margin-top: 0px
}

.mar-t5 {
margin-top: 5px
}

.mar-t10 {
margin-top: 10px
}

.mar-t20 {
margin-top: 20px
}

.mar-t30 {
margin-top: 30px
}

.mar-r5 {
margin-right: 5px
}

.mar-r10 {
margin-right: 10px
}

.mar-5 {
margin: 5px
}

.mar-10 {
margin: 10px
}

.pad-10 {
padding: 10px !important
}

.pad-15 {
padding: 15px !important
}

.pad-tb15 {
padding-top: 15px;
padding-bottom: 15px;
}

.w-50 {
width: 50% !important
}

.w-100 {
width: 100% !important
}

.mnw-100px {
min-width: 100px !important
}

.brd-b0 {
border-bottom-width: 0px !important
}

.no-outline:focus {
outline: none
}

.f-right {
float: right
}

.f-left {
float: left
}

.left-4 {
left: 4rem !important;
}

.fs-inherit {
font-size: inherit !important
}

.fs-15 {
font-size: 15px !important
}

.fs-16 {
font-size: 16px !important
}

.fs-18 {
font-size: 18px !important
}

.fw-500 {
font-weight: 500 !important
}

.fw-600 {
font-weight: 600 !important
}

.lh-150 {
line-height: 1.50
}

.left-0 {
left: 0
}

.cursor-pointer {
cursor: pointer !important
}

.dropdown-menu.dropdown-menu-left {
left: unset;
right: 0
}

.dropdown-menu-left > li > a {
padding: 5px 15px;
}

.dropdown-menu-left > li > a > i {
padding-right: 5px
}

.dc-table-head {
white-space: nowrap;
}

table.dataTable thead th {
white-space: nowrap;
font-weight:500;
}

.progress-bar.active, .progress.active .progress-bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-striped, .progress-striped .progress-bar {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}

.sa {
width: 140px;
height: 140px;
padding: 26px;
background-color: #fff;
margin: 0 auto
}

.sa-error {
border-radius: 50%;
border: 4px solid #F27474;
box-sizing: content-box;
height: 80px;
padding: 0;
position: relative;
background-color: #fff;
width: 80px;
animation: animateErrorIcon .5s;
}

.sa-error:after, .sa-error:before {
background: #fff;
content: '';
height: 120px;
position: absolute;
transform: rotate(45deg);
width: 60px;
}

.sa-error:before {
border-radius: 40px 0 0 40px;
width: 26px;
height: 80px;
top: -17px;
left: 5px;
transform-origin: 60px 60px;
transform: rotate(-45deg);
}

.sa-error:after {
border-radius: 0 120px 120px 0;
left: 30px;
top: -11px;
transform-origin: 0 60px;
transform: rotate(-45deg);
animation: rotatePlaceholder 4.25s ease-in;
}

.sa-error-x {
display: block;
position: relative;
z-index: 2;
}

.sa-error-placeholder {
border-radius: 50%;
border: 4px solid rgba(200, 0, 0, 0.2);
box-sizing: content-box;
height: 80px;
left: -4px;
position: absolute;
top: -4px;
width: 80px;
z-index: 2;
}

.sa-error-fix {
background-color: #fff;
height: 90px;
left: 28px;
position: absolute;
top: 8px;
transform: rotate(-45deg);
width: 5px;
z-index: 1;
}

.sa-error-left, .sa-error-right {
border-radius: 0px;
display: block;
height: 5px;
position: absolute;
z-index: 2;
background-color: #F27474;
top: 37px;
width: 47px;
}

.sa-error-left {
left: 17px;
transform: rotate(45deg);
animation: animateXLeft .75s;
}

.sa-error-right {
right: 16px;
transform: rotate(-45deg);
animation: animateXRight .75s;
}

@keyframes rotatePlaceholder {
0%, 5% {
transform: rotate(-45deg);
}

100%,12% {
transform: rotate(-405deg);
}
}

@keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
opacity: 0;
}

100% {
transform: rotateX(0deg);
opacity: 1;
}
}

@keyframes animateXLeft {
0%, 65% {
left: 82px;
top: 95px;
width: 0;
}

84% {
left: 14px;
top: 33px;
width: 47px;
}

100% {
left: 17px;
top: 37px;
width: 47px;
}
}

@keyframes animateXRight {
0%, 65% {
right: 82px;
top: 95px;
width: 0;
}

84% {
right: 14px;
top: 33px;
width: 47px;
}

100% {
right: 16px;
top: 37px;
width: 47px;
}
}

.sa-success {
border-radius: 50%;
border: 4px solid #A5DC86;
box-sizing: content-box;
height: 80px;
padding: 0;
position: relative;
background-color: #fff;
width: 80px;
}

.sa-success:after, .sa-success:before {
background: #fff;
content: '';
height: 120px;
position: absolute;
transform: rotate(45deg);
width: 60px;
}

.sa-success:before {
border-radius: 40px 0 0 40px;
width: 26px;
height: 80px;
top: -17px;
left: 5px;
transform-origin: 60px 60px;
transform: rotate(-45deg);
}

.sa-success:after {
border-radius: 0 120px 120px 0;
left: 30px;
top: -11px;
transform-origin: 0 60px;
transform: rotate(-45deg);
animation: rotatePlaceholder 4.25s ease-in;
}

.sa-success-placeholder {
border-radius: 50%;
border: 4px solid rgba(165, 220, 134, 0.25);
box-sizing: content-box;
height: 80px;
left: -4px;
position: absolute;
top: -4px;
width: 80px;
z-index: 2;
}

.sa-success-fix {
background-color: #fff;
height: 90px;
left: 28px;
position: absolute;
top: 8px;
transform: rotate(-45deg);
width: 5px;
z-index: 1;
}

.sa-success-tip, .sa-success-long {
background-color: #A5DC86;
border-radius: 0px;
height: 5px;
position: absolute;
z-index: 2;
}

.sa-success-tip {
left: 14px;
top: 46px;
transform: rotate(45deg);
width: 25px;
animation: animateSuccessTip .75s;
}

.sa-success-long {
right: 8px;
top: 38px;
transform: rotate(-45deg);
width: 47px;
animation: animateSuccessLong .75s;
}

@keyframes animateSuccessTip {
0%, 54% {
width: 0;
left: 1px;
top: 19px;
}

70% {
width: 50px;
left: -8px;
top: 37px;
}

84% {
width: 17px;
left: 21px;
top: 48px;
}

100% {
width: 25px;
left: 14px;
top: 45px;
}
}

@keyframes animateSuccessLong {
0%, 65% {
width: 0;
right: 46px;
top: 54px;
}

84% {
width: 55px;
right: 0;
top: 35px;
}

100% {
width: 47px;
right: 8px;
top: 38px;
}
}

@keyframes rotatePlaceholder {
0%, 5% {
transform: rotate(-45deg);
}

100%, 12% {
transform: rotate(-405deg);
}
}

.sa-warning {
border-radius: 50%;
border: 4px solid #F8BB86;
box-sizing: content-box;
height: 80px;
padding: 0;
position: relative;
background-color: #fff;
width: 80px;
animation: scaleWarning 0.75s infinite alternate;
}

.sa-warning:after, .sa-warning:before {
background: #fff;
content: '';
border-radius: 50%;
height: 100%;
position: absolute;
width: 100%;
}

.sa-warning:before {
display: inline-block;
opacity: 0;
animation: pulseWarning 2s linear infinite;
left: 0
}

.sa-warning:after {
display: block;
z-index: 1;
}

.sa-warning-body {
background-color: #F8BB86;
border-radius: 0px;
height: 47px;
left: 50%;
margin-left: -2px;
position: absolute;
top: 10px;
width: 5px;
z-index: 2;
animation: pulseWarningIns 0.75s infinite alternate;
}

.sa-warning-dot {
background-color: #F8BB86;
border-radius: 50%;
bottom: 10px;
height: 7px;
left: 50%;
margin-left: -3px;
position: absolute;
width: 7px;
z-index: 2;
animation: pulseWarningIns 0.75s infinite alternate;
}

@keyframes scaleWarning {
0% {
transform: scale(1);
}

30% {
transform: scale(1.02);
}

100% {
transform: scale(1);
}
}

@keyframes pulseWarning {
0% {
background-color: #fff;
transform: scale(1);
opacity: 0.5;
}

30% {
background-color: #fff;
transform: scale(1);
opacity: 0.5;
}

100% {
background-color: #F8BB86;
transform: scale(2);
opacity: 0;
}
}

@keyframes pulseWarningIns {
0% {
background-color: #F8D486;
}

100% {
background-color: #F8BB86;
}
}

.swal2-popup,
.swal2-styled.swal2-confirm,
.swal2-styled.swal2-cancel,
.swal2-styled.swal2-deny {
    border-radius: 0px;
}

.swal2-container {
zoom: 1.3;
}

@media (min-width: 768px) {
.container.fixed {
max-width: 750px !important;
}
}

@media (min-width: 992px) {
.container.fixed {
max-width: 970px !important;
}
}

@media (min-width: 1200px) {
.container.fixed {
max-width: 1170px !important;
}
}

@media (min-width: 1280px) {
.container.fixed {
max-width: 1250px !important;
}
}
/*WCAG changes*/
.label-danger {
background-color: #a72925;
}

.text-primary {
color: blue;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
position: fixed;
margin: auto;
width: 320px;
height: 100%;
max-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.left .modal-content,
.modal.right .modal-content {
height: 100%;
overflow-y: auto;
max-height: 100vh;
}

.modal.left .modal-body,
.modal.right .modal-body {
padding: 15px 15px 80px;
}

/*Left*/
.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.left.fade.show .modal-dialog {
left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
right: -320px;
-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.right.fade.show .modal-dialog {
right: 0;
}


span.field-validation-error {
bottom: -16px;
top: inherit !important;
position: absolute;
right: 0;
left: inherit !important;
font-size: inherit !important;
color: #b10e0b;
}

.table-fixed {
max-height: 300px;
overflow: auto;
}

.table-fixed thead tr:nth-child(1) th {
background-color: #fff;
position: sticky;
top: -1px;
z-index: 10;
}

.dislikepoptext {
font-size: 15px;
color: #000000;
margin-top: 15px;
}

.dislikepoptext a {
color: #018aff;
margin-left: 10px;
}

.mt-20 {
margin-top: -20px !important;
}

/*SIDE NAVIGATION STYLINGS START*/
.mainsionavigation{height:100%;}
.minimizenavbtn{display:block;line-height:36px;min-height:36px;padding:0px;margin-bottom:5px;}
.minimizenavbtn:focus{border:#FFF 1px solid!important;width:calc(100% - 10px);margin:5px;min-height:36px;}
.minimizenavbtn:focus p{padding-left:5px;}
.minimizenavbtn p{margin:0px;color:#455a64;text-transform:uppercase;padding-left:10px;float:left;font-weight:500;font-size:12px;}
.minimizenavbtn:hover{text-decoration:none;}
.minimizenavbtn i.nav-icon{float:right;width:36px;height:36px;line-height:36px;text-align:center;background-image:url(../images/approval-sprite.png);background-position-x:0;background-position-y:-36px;background-repeat:no-repeat;display:block;cursor:pointer;}
.main-nav-closed .minimizenavbtn i.nav-icon{background-position-x:-36px;background-position-y:-36px;}
.main-nav-closed #main-nav .sionavigation a.minimizenavbtn i.nav-icon{float:none;margin:0 auto;}
.main-nav-closed #main-nav .sionavigation a.minimizenavbtn p{width:0px;height:0px;display:none;}
.minimizenavbtn:focus i.nav-icon{background-position-x:5px;}
.main-nav-closed .minimizenavbtn:focus i.nav-icon{background-position-x:-30px;}

/*Made this changes to set tier 2 and Tier 1 side nav in both ul and div structure*/
.sionavigation{overflow-x:hidden;overflow-y:scroll;height:100%;}
.sionavigation ul, .sionavigation div.nav{background:#FFFFFF;padding-left:4px;}
.sionavigation ul li, .sionavigation div.nav div.inner-parent-tab{width:100%;margin-bottom:4px;}
.sionavigation ul li a, .sionavigation div.nav div.inner-parent-tab a{padding:0px 0px 0px 36px;color:#1d354d;display:table;min-height:36px;line-height:36px;position:relative;font-size:13px;font-weight:400;text-decoration:none!important;width:100%;}
.sionavigation ul li a span, .sionavigation div.nav div.inner-parent-tab a span{color:#1d354d;line-height:16px;text-shadow:none;display:table-cell;padding-right:5px;vertical-align:middle;}
.sionavigation ul li:hover a, .sionavigation ul li a:hover, .sionavigation ul li a.active, .sionavigation div.nav div.inner-parent-tab:hover a, .sionavigation div.nav div.inner-parent-tab a:hover, .sionavigation div.nav div.inner-parent-tab a.active{background-color:#1d354d;}
.sionavigation ul li:hover a span, .sionavigation ul li a:hover span, .sionavigation ul li a.active span, .sionavigation div.nav div.inner-parent-tab:hover a span, .sionavigation div.nav div.inner-parent-tab a:hover span, .sionavigation div.nav div.inner-parent-tab a.active span{color:#FFFFFF;}
.sionavigation ul li a.active:focus, .sionavigation div.nav div.inner-parent-tab a.active:focus{border:#1d354d 2px solid!important;box-shadow:#FFF 0px 0px 0px 2px inset!important;min-height:32px;line-height:32px;}
.sionavigation ul li a.active:focus span, .sionavigation div.nav div.inner-parent-tab a.active:focus span{line-height:32px;}
.sionavigation ul li a.active:focus i, .sionavigation div.nav div.inner-parent-tab a.active:focus i{margin-top:-2px;}
.sionavigation ul li a:focus, .sionavigation div.nav div.inner-parent-tab a:focus{min-height:34px;line-height:34px;}
.sionavigation ul li a:focus span, .sionavigation div.nav div.inner-parent-tab a:focus span{line-height:34px;}
.sionavigation ul li a:focus i, .sionavigation div.nav div.inner-parent-tab a:focus i{margin-top:-1px;}
.sionavigation ul li a i, .sionavigation div.nav div.inner-parent-tab a i{background-image:url('../images/icon-sprite.png');background-repeat:no-repeat;width:36px;height:36px;position:absolute;left:0px;top:0px;text-align:center;line-height:36px;}
.sionavigation ul li a:hover i, .sionavigation ul li:hover a i, .sionavigation div.nav div.inner-parent-tab a:hover i, .sionavigation div.nav div.inner-parent-tab:hover a i, .sionavigation div.nav.pt-nav-display div.inner-parent-tab a i{color:#7a93ab!important;}
.sionavigation ul li a i.fa, .sionavigation ul li a i.fas, .sionavigation div.nav div.inner-parent-tab a i.fa, .sionavigation div.nav div.inner-parent-tab a i.fas{background-image:none;font-size:20px;}
.sionavigation ul li a svg, .sionavigation div.nav div.inner-parent-tab a svg{float:left;position:absolute;left:8px;top:8px;width:20px!important;height:20px;}
.sionavigation ul li:hover a svg, .sionavigation ul li a.active svg, .sionavigation div.nav div.inner-parent-tab:hover a svg, .sionavigation div.nav div.inner-parent-tab a.active svg{color:#7a93ab;}
.main-nav-closed #main-nav .mainsionavigation .sionavigation hr{margin-left:0px;margin-right:0px;}
.sionavigation div.nav div.inner-parent-tab a#lnkUploadTier2PrimesInBulk i.no-bg-element{background-image:none;}
.icon-fs-20{font-size:20px;}

.sionavigation .minimizenavbtn{margin:5px 4px 5px 4px;}
.main-nav-closed .sionavigation .minimizenavbtn{width:36px;}
.sionavigation .minimizenavbtn:focus{border:#1d354d 1px solid!important;width:calc(100% - 10px);margin:5px;min-height:35px;}
.main-nav-closed .sionavigation .minimizenavbtn:focus{width:35px;}
.sionavigation .minimizenavbtn:focus i.nav-icon{background-position-y:-37px;height:34px;}
.main-nav-closed .sionavigation .minimizenavbtn:focus i.nav-icon{background-position-x:-38px;}

.sionavigation ul li a i.icondashboard, .sionavigation div.nav div.inner-parent-tab a i.icondashboard{background-position:left -36px top -36px;}
.sionavigation ul li:hover a i.icondashboard, .sionavigation ul li a.active i.icondashboard, .sionavigation div.nav div.inner-parent-tab:hover a i.icondashboard, .sionavigation div.nav div.inner-parent-tab a.active i.icondashboard{background-position:left -72px top -36px;}
.sionavigation ul li a i.iconnewreq, .sionavigation div.nav div.inner-parent-tab a i.iconnewreq{background-position:left -108px top -36px;}
.sionavigation ul li:hover a i.iconnewreq, .sionavigation ul li a.active i.iconnewreq, .sionavigation div.nav div.inner-parent-tab:hover a i.iconnewreq, .sionavigation div.nav div.inner-parent-tab a.active i.iconnewreq{background-position:left -144px top -36px;}
.sionavigation ul li a i.iconprojects, .sionavigation div.nav div.inner-parent-tab a i.iconprojects{background-position:left -180px top -36px;}
.sionavigation ul li:hover a i.iconprojects, .sionavigation ul li a.active i.iconprojects, .sionavigation div.nav div.inner-parent-tab:hover a i.iconprojects, .sionavigation div.nav div.inner-parent-tab a.active i.iconprojects{background-position:left -216px top -36px;}
.sionavigation ul li a i.icontask, .sionavigation div.nav div.inner-parent-tab a i.icontask{background-position:left -252px top -36px;}
.sionavigation ul li:hover a i.icontask, .sionavigation ul li a.active i.icontask, .sionavigation div.nav div.inner-parent-tab:hover a i.icontask, .sionavigation div.nav div.inner-parent-tab a.active i.icontask{background-position:left -288px top -36px;}
.sionavigation ul li a i.iconteams, .sionavigation div.nav div.inner-parent-tab a i.iconteams{background-position:left -324px top -36px;}
.sionavigation ul li:hover a i.iconteams, .sionavigation ul li a.active i.iconteams, .sionavigation div.nav div.inner-parent-tab:hover a i.iconteams, .sionavigation div.nav div.inner-parent-tab a.active i.iconteams{background-position:left -0px top -72px;}
.sionavigation ul li a i.iconmanagefields, .sionavigation div.nav div.inner-parent-tab a i.iconmanagefields{background-position:left -36px top -72px;}
.sionavigation ul li:hover a i.iconmanagefields, .sionavigation ul li a.active i.iconmanagefields, .sionavigation div.nav div.inner-parent-tab:hover a i.iconmanagefields, .sionavigation div.nav div.inner-parent-tab a.active i.iconmanagefields{background-position:left -72px top -72px;}
.sionavigation ul li a i.iconsrcsettings, .sionavigation div.nav div.inner-parent-tab a i.iconsrcsettings{background-position:left -108px top -72px;}
.sionavigation ul li:hover a i.iconsrcsettings, .sionavigation ul li a.active i.iconsrcsettings, .sionavigation div.nav div.inner-parent-tab:hover a i.iconsrcsettings, .sionavigation div.nav div.inner-parent-tab a.active i.iconsrcsettings{background-position:left -144px top -72px;}
.sionavigation ul li a i.file-certificate, .sionavigation div.nav div.inner-parent-tab a i.file-certificate{background-position:left 0px top -108px;}
.sionavigation ul li:hover a i.file-certificate, .sionavigation ul li a.active i.file-certificate, .sionavigation div.nav div.inner-parent-tab:hover a i.file-certificate, .sionavigation div.nav div.inner-parent-tab a.active i.file-certificate{background-position:left -36px top -108px;}
.sionavigation ul li a i.view-reports, .sionavigation div.nav div.inner-parent-tab a i.view-reports{background-position:left -72px top -108px;}
.sionavigation ul li:hover a i.view-reports, .sionavigation ul li a.active i.view-reports, .sionavigation div.nav div.inner-parent-tab:hover a i.view-reports, .sionavigation div.nav div.inner-parent-tab a.active i.view-reports, .sionavigation div.nav.pt-nav-display div.inner-parent-tab a i.view-reports{background-position:left -108px top -108px;}
.sionavigation ul li a i.manage-primes, .sionavigation div.nav div.inner-parent-tab a i.manage-primes{background-position:left -144px top -108px;}
.sionavigation ul li:hover a i.manage-primes, .sionavigation ul li a.active i.manage-primes, .sionavigation div.nav div.inner-parent-tab:hover a i.manage-primes, .sionavigation div.nav div.inner-parent-tab a.active i.manage-primes{background-position:left -180px top -108px;}
.sionavigation ul li a i.tier2-options, .sionavigation div.nav div.inner-parent-tab a i.tier2-options{background-position:left -216px top -108px;}
.sionavigation ul li:hover a i.tier2-options, .sionavigation ul li a.active i.tier2-options, .sionavigation div.nav div.inner-parent-tab:hover a i.tier2-options, .sionavigation div.nav div.inner-parent-tab a.active i.tier2-options{background-position:left -252px top -108px;}
.sionavigation ul li a i.tier2-goalsettings, .sionavigation div.nav div.inner-parent-tab a i.tier2-goalsettings{background-position:left -288px top -108px;}
.sionavigation ul li:hover a i.tier2-goalsettings, .sionavigation ul li a.active i.tier2-goalsettings, .sionavigation div.nav div.inner-parent-tab:hover a i.tier2-goalsettings, .sionavigation div.nav div.inner-parent-tab a.active i.tier2-goalsettings{background-position:left -324px top -108px;}
.sionavigation ul li a i.reporting-period, .sionavigation div.nav div.inner-parent-tab a i.reporting-period{background-position:left 0px top -144px;}
.sionavigation ul li:hover a i.reporting-period, .sionavigation ul li a.active i.reporting-period, .sionavigation div.nav div.inner-parent-tab:hover a i.reporting-period, .sionavigation div.nav div.inner-parent-tab a.active i.reporting-period{background-position:left -36px top -144px;}
.sionavigation ul li a i.add-update-company-details, .sionavigation div.nav div.inner-parent-tab a i.add-update-company-details{background-position:left -72px top -144px;}
.sionavigation ul li:hover a i.add-update-company-details, .sionavigation ul li a.active i.add-update-company-details, .sionavigation div.nav div.inner-parent-tab:hover a i.add-update-company-details, .sionavigation div.nav div.inner-parent-tab a.active i.add-update-company-details{background-position:left -108px top -144px;}
.sionavigation ul li a i.tier2-businesss-rules, .sionavigation div.nav div.inner-parent-tab a i.tier2-businesss-rules{background-position:left -144px top -144px;}
.sionavigation ul li:hover a i.tier2-businesss-rules, .sionavigation ul li a.active i.tier2-businesss-rules, .sionavigation div.nav div.inner-parent-tab:hover a i.tier2-businesss-rules, .sionavigation div.nav div.inner-parent-tab a.active i.tier2-businesss-rules{background-position:left -180px top -144px;}
.sionavigation ul li a i.tier2-settings-icon, .sionavigation div.nav div.inner-parent-tab a i.tier2-settings-icon{background-position:left -216px top -144px;}
.sionavigation ul li:hover a i.tier2-settings-icon, .sionavigation ul li a.active i.tier2-settings-icon, .sionavigation div.nav div.inner-parent-tab:hover a i.tier2-settings-icon, .sionavigation div.nav div.inner-parent-tab a.active i.tier2-settings-icon, .sionavigation div.nav.pt-nav-display div.inner-parent-tab a i.tier2-settings-icon{background-position:left -252px top -144px;}

.subnavmain li a.dropdown-collapse, .subnavmain div a.dropdown-collapse{padding-right:0px;}
.subnavmain li a.dropdown-collapse i.icondownarrow, .subnavmain div a.dropdown-collapse i.icondownarrow{position:absolute;top:0px;right:0px;left:inherit!important;background-position:left -180px top -70px;}
.sionavigation ul.subnavmain li:hover a i.icondownarrow, .sionavigation ul.subnavmain li a:hover i.icondownarrow, .sionavigation ul.subnavmain li a.active i.icondownarrow, .sionavigation div.nav.subnavmain div:hover a i.icondownarrow, .sionavigation div.nav.subnavmain div a:hover i.icondownarrow, .sionavigation div.nav.subnavmain div a.active i.icondownarrow{background-position:left -216px top -70px;}
.subnavigation{padding-left:20px!important;margin:10px 0px;}
.subnavigation li{list-style:none;margin-bottom:0px!important;}
.subnavigation li a{padding-left:15px!important;border-left:rgba(0,0,0,0.15) 2px solid;background-color:#FFFFFF!important;}
.subnavigation li a span{white-space:normal!important;overflow:visible!important;text-overflow:inherit!important;line-height:16px!important;padding-top:10px;padding-bottom:10px;}
.subnavigation li a:hover, .subnavigation li a.active{border-left:#1d354d 2px solid;background-color:#FFFFFF !important;}
.subnavigation li a:hover span, .subnavigation li a.active span, .subnavigation li a span, .subnavigation li a span{color:#1d354d !important;}
.subnavigation li a:hover::after, .subnavigation li a.active::after{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #1d354d;position:absolute;left:0px;top:calc(50% - 6px);}
.sionavigation ul li .subnavigation li a.active:focus, .sionavigation div.nav div.inner-parent-tab .subnavigation li a.active:focus{border:#1d354d 1px solid!important;box-shadow:none!important;}
.main-nav-closed .lastul li:last-child{margin-bottom:50px !important;}

.main-nav-closed .sionavigation ul li a, .main-nav-closed .sionavigation div.nav div.inner-parent-tab a{width:36px;}
.main-nav-closed #main-nav .sionavigation ul li a span, .main-nav-closed #main-nav .sionavigation ul li a i.icondownarrow, .main-nav-closed #main-nav .sionavigation div.nav div.inner-parent-tab a span, .main-nav-closed #main-nav .sionavigation div.nav div.inner-parent-tab a i.icondownarrow{display:none;}
.main-nav-closed #main-nav .sionavigation ul li a:hover span, .main-nav-closed #main-nav .sionavigation ul li a:hover i.icondownarrow, .main-nav-closed #main-nav .sionavigation div.nav div.inner-parent-tab a:hover span, .main-nav-closed #main-nav .sionavigation div.nav div.inner-parent-tab a:hover i.icondownarrow{display:block;}
.main-nav-closed #main-nav .sionavigation ul.subnavmain li, .main-nav-closed #main-nav .sionavigation div.nav.subnavmain div.inner-parent-tab{position:relative;}
.main-nav-closed #main-nav .sionavigation ul.subnavmain li ul.subnavigation, .main-nav-closed #main-nav .sionavigation div.nav.subnavmain div ul.subnavigation{display:none!important;margin-top:0px;padding:10px!important;border:rgba(0,0,0,0.10) 1px solid;width:240px;overflow:hidden;max-height:200px;overflow-y:scroll;}
.main-nav-closed #main-nav .sionavigation ul.subnavmain li:hover a, .main-nav-closed #main-nav .sionavigation ul li:hover a, .main-nav-closed #main-nav .sionavigation div.nav div.inner-parent-tab:hover a{width:240px;}
.main-nav-closed #main-nav .sionavigation ul.subnavmain li:hover a span, .main-nav-closed #main-nav .sionavigation ul li:hover a span, .main-nav-closed #main-nav .sionavigation div.nav div.inner-parent-tab:hover a span{display:table-cell;}
.main-nav-closed #main-nav .sionavigation ul.subnavmain li:hover a i.icondownarrow, .main-nav-closed #main-nav .sionavigation ul li:hover a i.icondownarrow, .main-nav-closed #main-nav .sionavigation div.nav div.inner-parent-tab:hover a i.icondownarrow{display:block;}
.main-nav-closed #main-nav .sionavigation ul.subnavmain li:hover ul.subnavigation, .main-nav-closed #main-nav .sionavigation div.nav.subnavmain div:hover ul.subnavigation{display:block!important;}
.main-nav-closed #main-nav .sionavigation ul.subnavmain li:hover ul.subnavigation li a, .main-nav-closed #main-nav .sionavigation div.nav.subnavmain div:hover ul.subnavigation li a{width:100%;}
.main-nav-closed #main-nav .sionavigation ul.subnavmain li:hover ul.subnavigation li a span, .main-nav-closed #main-nav .sionavigation div.nav.subnavmain div:hover ul.subnavigation li a span{display:block!important;}

#main-nav .navigation > .nav > li > a{padding:0px 20px 0px 40px;min-height:42px;height:auto;}
#main-nav .navigation > .nav > li > .nav > li div label.custom-check{margin:5px 10px;}
#main-nav .navigation > .nav > li > a i{position:absolute;margin:0px;left:6px;top:0px;}
#main-nav .navigation > .nav > li > a i.angle-down{left:auto;right:10px;}
/*#main-nav .navigation > .nav > li > a span{width:184px;top:0px;}
#main-nav .navigation > .nav > li > a span strong{width:174px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:40px;}*/
#main-nav .navigation > .nav > li > a span{width:184px;top:0px;display:table;min-height:40px;}
#main-nav .navigation > .nav > li > a span strong{width:174px;line-height:20px;display:table-cell;min-height:40px;vertical-align:middle;word-break:break-word;}
.main-nav-opened #main-nav .navigation > .nav > li span{display:table!important;float:none;}
.main-nav-opened #main-nav .navigation.sionavigation > .nav > li span{display:inline!important;}
.main-nav-opened #main-nav .navigation > .nav > li span.filterspan{border:none;}

@media (max-width: 991px){
.minimizenavbtn p{display:none;}
.main-nav-closed .sionavigation ul li a i.icondownarrow{display:none;}
.main-nav-opened #main-nav .mainsionavigation .sionavigation .minimizenavbtn p{display:inline-block;}
.main-nav-opened #main-nav .mainsionavigation .sionavigation ul li a i.icondownarrow{display:inline-block;}
.main-nav-opened #main-nav .mainsionavigation .sionavigation h5{display:block;}
.mainsionavigation{position:relative;}
.sionavigation{position:absolute;background:#FFFFFF;}
}

/*SIDE NAVIGATION STYLINGS END*/

/*REQUEST INTAKE PAGE STYLING CHANGES*/
.requeststickybtn {
position: fixed;
bottom: 0px;
width: 100%;
left: 0px;
z-index: 500;
}

.requeststickyinner {
background: #1d354d;
padding: 20px 25px 10px 10px;
text-align: right;
}

.lastmb70 {
margin-bottom: 70px;
}

/*.reqintakenavmain{height:100%;position:fixed !important;left:0px;overflow-x:hidden;overflow-y:hidden;max-height:580px;background-color:#FFFFFF !important;padding:10px 15px 0px 15px;margin-top:5px;}*/
/*.reqintakenavmain:hover{overflow-y:scroll;}*/
.reqintakenavmain {
background-color: #FFFFFF !important;
padding: 10px 15px 0px 15px;
margin-top: 5px;
max-width: 250px;
height: 100%;
}

.stickyreqintakenav {
position: fixed !important;
top:0px !important;
margin-top: 0px;
height:100vh;
padding-top:90px;
}

.headzindex{z-index:1000;}
.reqintakenav {
margin-top: 15px;
}

.reqintakenav h5 {
font-family: Rubik,Arial, sans-serif;
font-weight: 400;
color: #455a64;
text-transform: uppercase;
margin-bottom: 20px;
}

.reqintakenav a {
line-height: 38px;
padding: 0px 0px 0px 15px !important;
display: block;
border-radius: 0px !important;
position: relative;
border-left: rgba(0,0,0,0.15) 2px solid !important;
}

.reqintakenav a:hover, .reqintakenav a.active {
background: #FFFFFF;
color: #1d354d !important;
text-decoration: none;
border-left: #1d354d 2px solid !important;
}

.reqintakenav a:hover::after, .reqintakenav a.active::after {
content: "";
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #1d354d;
position: absolute;
left: 0px;
top: 12px;
}

/*ICONS STYLINGS*/
.editicon {
width: 36px;
height: 36px;
display: inline-block;
background-image: url('../images/icon-sprite.png');
background-repeat: no-repeat;
background-position: left -252px top -72px;
}

.viewicon {
width: 36px;
height: 36px;
display: inline-block;
background-image: url('../images/icon-sprite.png');
background-repeat: no-repeat;
background-position: left -288px top -72px;
}

/*SLIM SCROLLER*/
.slimscroll{scrollbar-color:#AAAAAA #FFFFFF;scrollbar-width:thin;}
.slimscroll::-webkit-scrollbar-track{background-color:#FFFFFF;}
.slimscroll::-webkit-scrollbar{width:7px;background-color:#FFFFFF;}
.slimscroll::-webkit-scrollbar-thumb{background-color:#AAAAAA;}

.slimscrolltrack{scrollbar-color:#999 #ccc;scrollbar-width:thin;}
.slimscrolltrack::-webkit-scrollbar-track{background-color:#ccc;}
.slimscrolltrack::-webkit-scrollbar{width:7px;background-color:#ccc;}
.slimscrolltrack::-webkit-scrollbar-thumb{background-color:#999;}

/*COMMON STYLINGS*/
.aligncenter {
text-align: center;
}

/*PRODUCTS LISTING PAGE STYLINGS*/
.mainprolisttop {
background: #FFFFFF;
padding: 10px 30px;
}

.mainprolisttop h2 {
font-size: 16px;
color: #000000;
font-weight: 500;
line-height: 30px;
margin: 0px 0px 8px 0px;
}

.twodates {
width: 50%;
float: left;
}

.adjustlabelffont {
font-size: 75%;
opacity: 1;
margin: 0px;
position: absolute;
left: .75em;
top: -7px;
background: #FFFFFF;
line-height: 14px;
}

.creprobtn {
background: #1d354d;
width: 100%;
max-width: 220px;
float: right;
text-align: center;
height: 36px;
line-height: 36px;
border: none;
color: #FFFFFF;
font-size: 16px;
}

.prolistbody {
padding: 30px;
}

.needattentionhead {
font-size: 13px;
color: #d62722;
text-transform: uppercase;
line-height: 24px;
font-weight: 500;
}

.needattentionhead a {
margin-left: 15px;
line-height: 24px;
width: 90px;
height: 24px;
border: rgba(0,0,0,0.10) 1px solid;
text-align: center;
color: #666666;
font-size: 12px;
display: inline-block;
}

.needattentionhead a:hover {
color: #000000;
text-decoration: none;
border: rgba(0,0,0,0.4) 1px solid;
}

.activehead {
color: #0080ff;
}

.projectlisttable {
width: 100%;
font-family: Rubik,Arial, sans-serif;
margin-top: 10px;
margin-bottom: 40px;
}

.projectlisttable thead tr th {
color: #737f8b;
font-size: 12px;
text-transform: uppercase;
line-height: 32px;
font-weight: 400;
padding-left: 10px;
}

.projectlisttable tbody tr {
border-bottom: #f6f6f6 12px solid;
}

.projectlisttable tbody tr td {
background: #FFFFFF;
padding: 10px 0px 10px 10px;
font-size: 14px;
color: #000000;
vertical-align: top;
font-weight: 400;
}

.projectlisttable tbody tr td:first-child {
color: #666666;
}

.projectlisttable tbody tr td:nth-child(2) {
color: #666666;
}

.projectlisttable tbody tr td:nth-child(3) {
width: 200px;
}

.projectlisttable tbody tr td:last-child {
width: 90px;
border-left: rgba(0,0,0,0.10) 1px solid;
}

.projectlisttable tbody tr td .lastview {
display: block;
font-size: 12px;
color: #666666;
}

.needattention tbody tr td:first-child {
border-left: #d62722 3px solid;
}

.activeproject tbody tr td:first-child {
border-left: #0080ff 3px solid;
}

.draftproject tbody tr td:first-child {
border-left: #737f8b 3px solid;
}

/*PROJECT DETAILS PAGE*/
.pdbackbtn {
width: 90px;
height: 34px;
line-height: 34px;
background: #eeeeee;
color: #000000;
border: #eeeeee 1px solid;
display: inline-block;
text-align: center;
font-family: Rubik,Arial, sans-serif;
font-weight: 500;
}

.pdbackbtn:hover {
color: #000000;
border: #000000 1px solid;
text-decoration: none;
}

.pdeditpd {
width: 180px;
height: 34px;
line-height: 34px;
background: #1d354d;
color: #FFFFFF;
border: #eeeeee 1px solid;
display: inline-block;
font-family: Rubik,Arial, sans-serif;
position: relative;
padding-left: 36px;
margin-left: 10px;
}

.pdeditpd.viewall {
width: 115px;
font-weight: 400;
}

.pdeditpd i {
position: absolute;
left: 0px;
top: 0px;
width: 34px;
height: 34px;
text-align: center;
line-height: 34px;
font-size: 16px;
}

.pdeditpd:hover {
color: #FFFFFF;
border: #000000 1px solid;
text-decoration: none;
}

.pdprojectname {
font-family: Rubik,Arial, sans-serif;
font-size: 24px;
text-transform: uppercase;
color: #455a64;
font-weight: 400;
line-height: 40px;
}

.pdstatushead {
font-family: Rubik,Arial, sans-serif;
font-size: 13px;
text-transform: uppercase;
color: #455a64;
font-weight: 400;
line-height: 20px;
}

.pdstatusselect {
width: 100%;
line-height: 26px;
border: none;
border-bottom: rgba(0,0,0,0.10) 1px solid;
height: 36px;
}

.pdownername {
font-family: Rubik,Arial, sans-serif;
font-size: 16px;
color: #000000;
font-weight: 400;
line-height: 20px;
}

.pddescription {
font-family: Rubik,Arial, sans-serif;
}

.pddescription h2 {
font-size: 20px;
color: #000000;
font-weight: 400;
line-height: 36px;
margin: 0px;
}

.pddescription p {
font-size: 15px;
color: #666666;
font-weight: 400;
line-height: 24px;
margin: 0px;
}

.prodetbody {
padding: 30px 15px;
}

.pdmaincard {
background: #FFFFFF;
box-shadow: rgba(0,0,0,0.50) 0px 0px 2px 0px;
height: 100%;
}

.pdpadding20 {
padding: 20px;
}

.savingscon h2 {
font-family: Rubik,Arial, sans-serif;
font-size: 18px;
color: #000000;
font-weight: 400;
line-height: 20px;
margin: 0px;
}

.savingscon p {
font-family: Rubik,Arial, sans-serif;
font-size: 14px;
color: #000000;
font-weight: 400;
line-height: 20px;
height: 20px;
}

.protypecon h2, .protypecon h3 {
font-family: Rubik,Arial, sans-serif;
font-size: 12px;
color: #666666;
font-weight: 400;
line-height: 20px;
margin: 0px;
text-transform: uppercase;
}

.protypecon p {
font-family: Rubik,Arial, sans-serif;
font-size: 14px;
color: #000000;
font-weight: 400;
line-height: 20px;
min-height: 20px;
margin-bottom: 0px;
}

.pdptviewallbtn {
background: #FFFFFF;
border: #1d354d 1px solid;
height: 30px;
line-height: 28px;
color: #1d354d;
text-align: center;
width: 115px;
display: inline-block;
font-size: 14px;
}

.pdptviewallbtn:hover {
background: #1d354d;
border: #1d354d 1px solid;
color: #FFFFFF;
text-decoration: none;
}

.pdshhead p {
font-size: 24px;
color: #000000;
font-weight: 500;
float: left;
line-height: 30px;
margin: 0px;
font-family: Rubik,Arial, sans-serif;
}

.pdshhead p.smallfont {
font-size: 16px;
font-weight: 400;
}

.pdshhead a {
background: #FFFFFF;
border: #1d354d 1px solid;
height: 30px;
line-height: 28px;
color: #1d354d;
width: 160px;
display: inline-block;
position: relative;
float: right;
padding-left: 30px;
}

.pdshhead a i {
width: 30px;
height: 30px;
position: absolute;
line-height: 30px;
text-align: center;
left: 0px;
top: 0px;
}

.pdshhead a:hover {
background: #1d354d;
border: #1d354d 1px solid;
color: #FFFFFF;
text-decoration: none;
}

.pdshhead a.darkbtn {
background: #1d354d;
border: #1d354d 1px solid;
height: 30px;
line-height: 28px;
color: #FFFFFF;
width: 160px;
display: inline-block;
position: relative;
float: right;
padding-left: 30px;
}

.pdshhead a.darkbtn i {
width: 30px;
height: 30px;
position: absolute;
line-height: 30px;
text-align: center;
left: 0px;
top: 0px;
}

.pdshhead a.darkbtn:hover {
background: #FFFFFF;
border: #1d354d 1px solid;
color: #1d354d;
text-decoration: none;
}

.pdshhead .form-control {
width: 150px;
float: right;
height: 31px;
margin-right: 15px;
}

.pdtableformate {
width: 100%;
margin-top: 15px;
}

.pdtableformate thead tr th {
font-size: 13px;
color: #000000;
line-height: 30px;
}

.pdtableformate tbody tr td {
font-size: 13px;
color: #666666;
line-height: 20px;
padding: 5px 0px;
word-break: break-all;
vertical-align: top;
}

.pdtableformate tbody tr td a.iconstyle {
font-size: 13px;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
display: inline-block;
font-size: 20px;
color: #455a64;
}

.pdtableformate tbody tr td a.iconstyle.icondanger {
color: #f15656;
}

.pdshowmorebtn {
height: 13px;
border-bottom: rgba(0,0,0,0.10) 1px solid;
position: relative;
text-align: center;
margin: 20px 0px;
font-family: Rubik,Arial, sans-serif;
}

.pdshowmorebtn a {
background: #FFFFFF;
height: 24px;
line-height: 22px;
color: #018aff;
text-align: center;
width: 130px;
display: inline-block;
font-weight: 500;
font-size: 13px;
}

.pdshowmorebtn a:hover {
color: #000000;
text-decoration: none;
}
.usertask {
font-size: 14px;
color: #000000;
font-weight: 500;
font-family: Rubik,Arial, sans-serif;
}

.usertask span {
font-size: 13px;
color: #999999;
font-weight: 400;
}

.tasktextone {
font-size: 13px;
color: #888888;
line-height: 20px;
font-weight: 400;
font-family: Rubik,Arial, sans-serif;
}

.tasktextone a {
color: #00c0ff;
}

.tasktexttwo {
font-size: 14px;
color: #000000;
line-height: 20px;
font-weight: 500;
font-family: Rubik,Arial, sans-serif;
}

.tasktexttwo a {
color: #00c0ff;
}

.popupsubmitbtn {
width: 110px;
background: #5e944f;
text-align: center;
height: 34px;
line-height: 34px;
border: none;
font-family: Rubik,Arial, sans-serif;
font-weight: 500;
color: #FFFFFF;
}

.popupsubmitbtn:hover {
background: #4b823c;
text-decoration: none;
}

.popupcancelbtn {
width: 110px;
background: #DDDDDD;
text-align: center;
height: 34px;
line-height: 34px;
border: none;
font-family: Rubik,Arial, sans-serif;
font-weight: 500;
color: #000000;
}

.popupcancelbtn:hover {
background: #4b823c;
text-decoration: none;
}

.mainaddsupplier {
width: 100%;
position: relative;
}

.supplierrightmain {
position: absolute;
width: 370px;
right: 0px;
top: 0px;
background: rgba(0,0,0,0.05);
height: 100%;
border-left: rgba(0,0,0,0.15) 1px solid;
}

.supplierrightinner {
padding: 74px 15px 15px 15px;
height: 100%;
position: relative;
}

.supplierrightinner h2 {
background: #FFFFFF;
border-bottom: rgba(0,0,0,0.15) 1px solid;
font-size: 16px;
font-family: Rubik,Arial, sans-serif;
color: #505050;
line-height: 58px;
padding-left: 20px;
margin-bottom: 0px;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
}

.supplierlist {
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: scroll;
}

.mainsuggestlist {
background: #FFFFFF;
box-shadow: rgba(0,0,0,0.25) 0px 0px 2px 0px;
min-height: 50px;
margin-bottom: 15px;
}

.suggestlisthead {
position: relative;
padding: 5px 40px 5px 15px;
cursor: pointer;
min-height: 50px;
}

.suggestlisthead i {
width: 12px;
height: 12px;
position: absolute;
right: 16px;
top: 16px;
z-index: 5;
line-height: 50px;
text-align: center;
border: solid #999999;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

.suggestcompname {
font-size: 16px;
color: #000000;
font-family: Rubik,Arial, sans-serif;
font-weight: 400;
}

.comptag {
background: rgba(0,0,0,0.05);
font-size: 12px;
font-family: Rubik,Arial, sans-serif;
color: #444444;
padding: 0px 15px;
line-height: 20px;
display: inline-block;
font-weight: 400;
margin: 4px 4px 4px 0px;
}

.slbtnsmain {
padding: 10px;
}

.slbtnsmain a {
background: #FFFFFF;
border: #1d354d 1px solid;
height: 30px;
line-height: 28px;
color: #1d354d;
width: 110px;
display: inline-block;
position: relative;
text-align: center;
font-family: Rubik,Arial, sans-serif;
font-weight: 400;
}

.slbtnsmain a:hover {
background: #1d354d;
border: #1d354d 1px solid;
color: #FFFFFF;
text-decoration: none;
}

.closecontactbtn {
width: 30px;
height: 30px;
background-color: #a72925 !important;
display: block;
opacity: 1;
color: #FFFFFF;
text-shadow: none;
}

.modal-xl .modal-content.mainaddsupplier {
padding-right: 370px;
}

.modal-lg .modal-content.mainaddsupplier {
padding-right: 0px;
}

.modal-xl .modal-content.mainaddsupplier .supplierrightmain {
display: block;
}

.modal-lg .modal-content.mainaddsupplier .supplierrightmain {
display: none;
}

.contrast-blue #main-nav .navigation > .nav > li:hover > a [class^="icon-"], .contrast-blue #main-nav .navigation > .nav > li:hover > a [class*=" icon-"], .contrast-blue #main-nav .navigation > .nav > li:focus > a [class^="icon-"], .contrast-blue #main-nav .navigation > .nav > li:focus > a [class*=" icon-"], .contrast-blue #main-nav .navigation > .nav > li.active > a [class^="icon-"], .contrast-blue #main-nav .navigation > .nav > li.active > a [class*=" icon-"]{color:#FFFFFF!important;}
.contrast-blue #main-nav .navigation > .nav > li > a.in [class^="icon-"], .contrast-blue #main-nav .navigation > .nav > li > a.in [class*=" icon-"]{color:#FFFFFF!important;}
.contrast-blue header .navbar > .nav > li.dark > a:focus{border:#006287 4px solid!important;box-shadow:#FFF 0px 0px 0px 1px inset!important;line-height:35px;padding:1px 11px 0px 12px;}

/*SOURCING DIVERSITY DASHBOARD*/
.infographic {
    text-align: center;
}

.infographic img {
width: 100%;
height: auto;
}

.webtext {
font-size: 18px;
color: #1d354d;
font-weight: 500;
font-family: Rubik,Arial, sans-serif;
margin-bottom: 15px;
}

.webtext span {
font-size: 12px;
color: #737f8b;
font-weight: 500;
text-transform: uppercase;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 200px;
display: inline-block;
margin-bottom: -6px;
}

.webamttext {
font-size: 24px;
color: #000000;
font-weight: 500;
font-family: Rubik,Arial, sans-serif;
}

.sddcount {
font-size: 12px;
color: #737f8b;
font-weight: 500;
text-transform: uppercase;
margin-top: 25px;
}

.sddcount span {
float: left;
min-width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
padding: 0px 10px;
font-family: Rubik,Arial, sans-serif;
font-size: 16px;
font-weight: 500;
color: #000000;
background: #ccd8e5;
margin-top: -10px;
margin-right: 10px;
}

/*DARK THEME STYLING CHANGES*/
.has-float-label .form-control:placeholder-shown:not(:focus) + * {
font-size: 105%;
opacity: 1;
top: .7em;
}

/*PAGING STYLE*/
.displaypaging {
font-family: Rubik,Arial, sans-serif;
font-size: 14px;
color: #737f8b;
font-weight: 400;
line-height: 32px;
}

.displaypaging span {
color: #000000;
}

/*BUTTONS STYLES*/
.primarybtn {
background: #1d354d;
height: 32px;
line-height: 32px;
color: #FFFFFF;
min-width: 120px;
font-family: Rubik,Arial, sans-serif;
font-size: 14px;
font-weight: 500;
text-align: center;
display: inline-block;
}

.secondarybtn {
background: #FFFFFF;
height: 32px;
line-height: 30px;
color: #1d354d;
min-width: 120px;
font-family: Rubik,Arial, sans-serif;
font-size: 14px;
font-weight: 500;
text-align: center;
border: #1d354d 1px solid;
display: inline-block;
}
.backdbbtn {
display: block;
margin: 0px 10px 10px 10px;
height: 30px;
line-height: 30px;
color:#666;
}
.backdbbtn i {
width: 30px;
height: 30px;
display: inline-block;
text-align: center;
line-height: 30px;
color: #AAA;
}
.backdbbtn:hover {
text-decoration:none;
color: #000;
}
.backdbbtn:hover i{
color: #000;
}
.breadcrumb li {
padding: 0px 5px;
}
.breadcrumb li.separator {
margin-top: -2px;
}

.updatecard{padding:15px 5px 5px 15px;}
.updatecard:hover{background:#F2F2F2;}
.updatecard h4{margin-bottom:4px !important;font-size:14px;}
.updatecard p{margin-bottom:0px !important;font-size:11px;color:#777777;line-height:14px;}
.updatecard p.fw-600{font-size:11px;color:#444444;margin-bottom:4px !important;}
.collapsed .collapsedownarrow {
width: 12px !important;
height: 12px;
border: solid #999;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
margin-top: -4px;
}
.collapsedownarrow {
width: 12px !important;
height: 12px;
border: solid #999;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
margin-top: 0px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}

.stickyheader {
position: sticky;
width: 100%;
top: 0px;
z-index: 1000;
}

/*USER DROPDOWN STYLINGS START*/
.userddmain{background:#FFFFFF;width:260px;box-shadow:rgba(0,0,0,0.25) 0px 0px 24px 0px;border:none;padding:10px;}
.userddmain:before{content: "";width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #FFFFFF;margin-top: -15px;position: absolute;right: 30px;}
.userddmain div {padding:10px 0px;text-align: center;}
.userddmain div h2, .userddmain div p {margin:0px;word-break:break-word;}
.userddmain div p {font-size: 13px;font-weight: 400;line-height:18px;margin-top:8px;}
.userddmain ul {margin: 0px;padding: 0px;}
.userddmain ul li {list-style: none;border-top:1px solid #eee;padding:0 15px}
.userddmain ul li:hover {background: #F2F2F2;}
.userddmain ul li a {color: #1d354d;font-size: 14px;font-weight: 400;line-height: 36px;display: block;text-decoration:none}
.userddmain ul li a i {width:1em;height:36px;float: left;text-align: center;line-height: 36px;color:#1d354d;font-size: 16px;margin-right:3px;}
.userddmain ul li a:hover {background: #F2F2F2;text-decoration: none;}
.usermargin{margin-top:10px;}
.exploreradjust{line-height:41px!important;height:41px!important;padding-top:4px!important;}
.headzindex ul.nav li.user-menu a.dropdown-toggle span.user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;float:left;}
.headzindex ul.nav li.user-menu a.dropdown-toggle b.caret{display:inline-block;margin-top:22px;float:left;border-top:.3em solid white;border-right:.3em solid transparent;border-left:.3em solid transparent;margin-left:4px;}
.headzindex ul.nav li.user-menu a.dropdown-toggle:focus b.caret{margin-top:16px;}/*Added this class to set caret icon while focusing on profile dropdown*/
.headzindex{display:flex;justify-content:space-between;}
.headzindex.navbar:before, .headzindex.navbar:after{content:inherit!important;}
/*USER DROPDOWN STYLINGS END*/

/*APP MENU STYLINGS STYLINGS START*/
.greedy-nav {
position: relative;
min-width: 250px;
background: #fff;
box-shadow: rgba(0,0,0,0.20) 0px 0px 10px 0px;
z-index:55;
height:44px;
}

.greedy-nav ul {
margin: 0px;
padding: 0px;
}

.greedy-nav a {
display: block;
padding: 0px 15px 0px 0px;
background: #fff;
font-size: 14px;
color: #1d354d;
text-decoration: none;
line-height: 44px;
font-weight: 400;
}
.greedy-nav a:focus{border:#FFF 2px solid!important;box-shadow:#1d354d 0px 0px 0px 1px inset!important;line-height:38px;padding: 0px 13px 0px 0px;}
.greedy-nav a:focus i{margin:1px 6px 0px 4px}
.greedy-nav a:focus svg{margin:1px 10px 0px 8px}
.greedy-nav a i, .greedy-nav a svg {
width: 26px;
height: 32px;
float: left; /*background:url(assets/images/appmenuicons.png);*/
margin-top: 0px;
text-align: center;
line-height: 36px;
margin-top: 3px;
font-size:18px;
margin:4px 6px 0px 6px;
}
.greedy-nav a svg{margin:4px 10px 0px 10px;}
.greedy-nav a:hover{
    background:#EEE!important;
}
.greedy-nav a.dropdown-item.active, .greedy-nav a.dropdown-item:active{
    color: #1d354d
}
    .greedy-nav li.active-light > a {
        background: #EEE !important;
        color: #1d354d
    }
    .greedy-nav li.active > a {
        background: #006287 !important;
        color: #FFF !important;
    }

    .greedy-nav button {
        position: absolute;
        height: 100%;
        right: 0;
        padding: 0 25px 0 35px;
        border: 0;
        outline: none;
        color: #1d354d;
        cursor: pointer;
        background: #FFFFFF;
        max-height: 44px;
    }

.greedy-nav button:hover {
background-color: #FFFFFF;
text-decoration: none;
}

.greedy-nav button::after {
content: attr(count);
position: absolute;
width: 20px;
height: 20px;
left: 10px;
top: 11px;
text-align: center;
background-color: #1d354d;
color: #fff;
font-size: 14px;
line-height: 22px;
border-radius: 50%;
font-size: 10px;
}

.greedy-nav button:hover::after {
transform: scale(1.075);
}
.greedy-nav button:focus{border:#FFF 2px solid;box-shadow:#1d354d 0px 0px 0px 1px inset!important;padding:0 22px 0 32px;}
.greedy-nav button:focus:after{top:9px;left:6px;}
.greedy-nav button:focus .moreappcaret{right:8px;top:18px;}
.greedy-nav .hamburger {
position: relative;
width: 32px;
height: 4px;
background: #fff;
margin: auto;
}

.greedy-nav .hamburger:before,
.greedy-nav .hamburger:after {
content: '';
position: absolute;
left: 0;
width: 32px;
height: 4px;
background: #fff;
}

.greedy-nav .hamburger:before {
top: -8px;
}

.greedy-nav .hamburger:after {
bottom: -8px;
}

.greedy-nav .visible-links {
display: inline-block;
float:left;
}

.greedy-nav .visible-links li {
display: table-cell;
position: relative;
}

.greedy-nav .visible-links li div.dropdown-menu {
margin: 0px;
width: auto;
}

.greedy-nav .visible-links li div.dropdown-menu a {
line-height: 16px;
border-bottom: #EEEEEE 1px solid;
padding: 10px 15px;
}
.greedy-nav .visible-links li div.dropdown-menu a.active {
background-color:#006287!important;
color:#FFF!important;
}

.greedy-nav .visible-links li div.dropdown-menu a:last-child {
border-bottom: none
}
.greedy-nav .visible-links li div.dropdown-menu a:hover {
background-color: #F2F2F2
}

.greedy-nav .hidden-links{
position: absolute;
right: 10px;
top:60px;
width: 280px;
}
.greedy-nav .hidden-links ul{
max-height: 273px;
background: #FFFFFF;
box-shadow: rgba(0,0,0,0.18) 0px 0px 20px 0px;
overflow-x: hidden;
overflow-y: scroll;
scrollbar-color: #AAA #FFF;
scrollbar-width: thin;
z-index:1000;
}

            

.greedy-nav .hidden-links ul::-webkit-scrollbar-track {
background-color: #FFF;
}

.greedy-nav .hidden-links ul::-webkit-scrollbar {
width: 7px;
background-color: #FFF;
}

.greedy-nav .hidden-links ul::-webkit-scrollbar-thumb {
background-color: #AAA;
}

.greedy-nav .hidden-links:before {
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #FFFFFF;
margin-top: -10px;
position: absolute;
right: 30px;
}

.greedy-nav .hidden-links ul li {
display: block;
border-top: 1px solid #EEEEEE;
position: relative;
width: 50%;
float: left;
}

.greedy-nav .hidden-links ul li a {
padding: 0px;
line-height: 16px;
text-align: center;
min-height: 90px;
padding: 10px;
font-size: 13px;
word-break:break-word;
}

.greedy-nav .hidden-links ul li a:hover {
background: #F2F2F2;
text-decoration: none;
}
.greedy-nav .hidden-links ul li a:focus{padding:7px;}
.greedy-nav .hidden-links ul li a i, .greedy-nav .hidden-links ul li a svg {
display: block;
margin: 0 auto!important;
float: none;
font-size: 22px;
}

.greedy-nav .hidden-links ul li div.dropdown-menu {
margin: 0px;
padding: 10px 0px;
box-shadow: none;
}

.greedy-nav .hidden-links ul li div.dropdown-menu a {
line-height: 16px;
border-bottom: #EEEEEE 1px solid;
min-height: 0px;
padding: 10px 15px 10px 15px;
text-align: left;
}
.greedy-nav .hidden-links ul li div.dropdown-menu a:focus{padding:7px 12px 7px 12px;}
.greedy-nav .hidden-links ul li div.dropdown-menu a:last-child {
border-bottom: none;
}

.greedy-nav .visible-links ul li:first-child {
font-weight: bold;
}

.greedy-nav .visible-links ul li:first-child a {
color: #1d354d !important;
}

.greedy-nav .hidden {
visibility: hidden;
}
.tabs-api-logs-icon{display:inline-block;float:left;position:relative;margin:4px;width:24px;height:32px;}
.tabs-api-logs-icon svg, .tabs-api-logs-icon i{margin:0px!important;}
.tabs-api-logs-icon svg.fa-bars{position:absolute;left:5px;top:10px;color:#FFFFFF;width:8px;height:8px;font-size:6px;margin:0px;}
.tabs-api-logs-icon i.fa-cloud{font-size:18.5px;margin-top:-1px!important;margin-left:-2px!important;}
.tabs-api-logs-icon i.fa-bars{position:absolute;left:4px;top:9px;color:#FFFFFF;width:10px;height:10px;font-size: 6.5px;margin: 0px;line-height:10px;}
.tabs-api-logs-icon span{font-size: 5px;color:#FFFFFF;position:absolute;left:5px;top: 17px;text-transform:uppercase;line-height: 8px;height: 8px;}
.tabs-api-logs-icon i.fa-bars + span{font-size:4.5px;}
.greedy-nav li.active > a > .tabs-api-logs-icon svg.fa-bars, .greedy-nav li.active > a > .tabs-api-logs-icon i.fa-bars, .greedy-nav li.active > a > .tabs-api-logs-icon span{color:#006287 !important;filter:none;font-weight:700;}
.greedy-nav a:focus .tabs-api-logs-icon{margin:2px 4px 2px 2px;}
.greedy-nav a:focus .tabs-api-logs-icon i.fa-cloud{margin-top:-2.5px!important}
.greedy-nav a:focus .tabs-api-logs-icon i.fa-bars{top:7.5px}
.greedy-nav a:focus .tabs-api-logs-icon i.fa-bars + span{top:15.5px}
.greedy-nav .hidden-links ul li a .tabs-api-logs-icon{display:block;float:none;margin:0px auto;width:28px;}
.greedy-nav .hidden-links ul li a .tabs-api-logs-icon svg.fa-bars{left:7px;top:9px;}
.greedy-nav .hidden-links ul li a .tabs-api-logs-icon span{font-size:6px;left:7px;}
.greedy-nav .hidden-links ul li a .tabs-api-logs-icon i.fa-bars{left:5px;top:10px;font-size:7px;}
.greedy-nav .hidden-links ul li a .tabs-api-logs-icon i.fa-bars + span{top:18px;}


@media (max-width: 400px) {
    .greedy-nav .hidden-links{top:50px;}
    .greedy-nav .hidden-links ul{max-height:155px;}
}

.visible-links li a i.topnavicon, .hidden-links ul li a i.topnavicon{width:25px;height:36px;background-repeat:no-repeat;line-height:36px;background-position:center;}
.visible-links li a i.topnavicon.tierreporticon, .hidden-links ul li a i.topnavicon.tierreporticon{background-image: url('../images/tierreporticon.png');}
.visible-links li a i.topnavicon.flasheicon, .hidden-links ul li a i.topnavicon.flasheicon{background-image: url('../images/flasheicon.png');}
.visible-links li a i.topnavicon.registration-icon-menu, .hidden-links ul li a i.topnavicon.registration-icon-menu{background-image: url('../images/registration-icon.png');}
    .visible-links li a i.topnavicon.api-manager-menu, .hidden-links ul li a i.topnavicon.api-manager-menu {
        background-image: url('../images/API-manager-icon.png');
        background-size:22px;
    }
.visible-links li a i.topnavicon.evaluationsicon, .hidden-links ul li a i.topnavicon.evaluationsicon{background-image: url('../images/evaluationsicon.png');}
.visible-links li a i.topnavicon.customericon, .hidden-links ul li a i.topnavicon.customericon{background-image: url('../images/customericon.png');}
.visible-links li a i.topnavicon.managesicon, .hidden-links ul li a i.topnavicon.managesicon{background-image: url('../images/managesicon.png');}
.visible-links li a i.topnavicon.sfpicon, .hidden-links ul li a i.topnavicon.sfpicon{background-image: url('../images/sfpicon.png');}
.visible-links li a i.topnavicon.sourcingicon, .hidden-links ul li a i.topnavicon.sourcingicon{background-image: url('../images/sourcingicon.png');}
.visible-links li a i.topnavicon.autoenrichmenticon, .hidden-links ul li a i.topnavicon.autoenrichmenticon{background-image: url('../images/autoenrichmenticon.png');}
.visible-links li a i.topnavicon.enrichedprojecticon, .hidden-links ul li a i.topnavicon.enrichedprojecticon{background-image: url('../images/enrichedprojecticon.png');background-size:auto 23px;}
.visible-links li a i.topnavicon.aisearchicon, .hidden-links ul li a i.topnavicon.aisearchicon{background-image: url('../images/ai-search.png');background-size:auto 16px;}
.visible-links li a i.topnavicon.benchmark-icon, .hidden-links ul li a i.topnavicon.benchmark-icon{background-image: url('../images/benchmark-icon.png');background-size:auto 18px;}
.greedy-nav li.active a i.topnavicon, .greedy-nav li.active a i{filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1);}
.navmt90{margin-top:92px;}
.morecaret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid black;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-bottom: 0 dotted;
content: "";
}



.navpageload{height:44px;overflow:hidden;}
.navpageload ul.visible-links li a{white-space:nowrap;}
.mainmoreapp{display:inline-block;height:44px;position:relative;margin-bottom:-17px;float:left;margin-left:80px;}
.moreappcaret{position:absolute;right:10px;top:20px;}
.dotdefault{width:11px;height:11px;border-radius:50%;display:inline-block;background-color:#ffffff;border: 1px solid #aaa;}
.on_track{width:11px;height:11px;border-radius:50%;display:inline-block;background-color:#5c944d;border: 1px solid #aaa;}
.requires_attention{width:11px;height:11px;border-radius:50%;display:inline-block;background-color:#ffd200;border: 1px solid #aaa;}
.at_risk{width:11px;height:11px;border-radius:50%;display:inline-block;background-color:#ad0a0b;border: 1px solid #aaa;}
.fwidthcls {
width: 170px;
}
@media only screen and (max-width: 480px) {
.mainmoreapp{float:right;margin-right:10px;}
}
@media only screen and (max-width: 320px) {
}
.selectedcolor {
width: 14px;
height: 14px;
display: inline-block;
margin-bottom: -2px;
background: #ffffff;
margin-left: 6px;
margin-right: 4px;
border-radius: 50%;
border: 1px solid #aaa;
}

.selectedcolor.redcolor {
background-color: #ad0a0b;
}

.selectedcolor.greencolor {
background-color: #5c944d;
}

.selectedcolor.yellowcolor {
background-color: #ffd200;
}

.whitebg {
background-color: #FFF;
}

.color-picker{background:#FFF;border:1px solid #DDD;position:absolute;padding:5px;z-index:10;cursor:pointer;}
.customcolorpicker{width:100%;}
.customcolorpicker div{width:100%;height:26px;line-height:26px;position:relative;padding-left:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.customcolorpicker div span{position:absolute;height:14px;width:14px;left:5px;top:5px;border-radius:50%;border:1px solid #aaa;}
label.invalid {
    color: #DB0000;
    font-weight: normal;
}

p.highlight-search em {
    background: #fff3c4;
    display: inline-block;
    padding: 0px 3px;
    line-height: 18px;
}

.modal-default {
    max-width: 600px !important;
}
.required-field{position:relative}
.required-field::before{content:" *";font-weight:700;color:#b10e0b;right:-7px;position:absolute;bottom:-2px}
/*SOURCERADAR ROLE STYLINGS*/
.topmainrolediv{background:#fffee0;padding:20px;}
.topmainrolediv h4{font-size:18px;color:#000000;margin:0px;line-height:30px;}
.topmainrolediv p{font-size:13px;color:#666666;margin:0px;line-height:16px;}
.srremaildiv label{font-weight:normal;}
.srremaildiv span{font-weight:bold;}
.srrpad20{padding:20px;}
.srrmb-10{margin-bottom:10px!important;}
.snvalidation span.field-validation-error{bottom:-14px !important;}
.snnamevalidation span.field-validation-error{bottom:-26px!important;}
.switchnewuimain{background:#eaf4fc;padding:4px;border:#1d354d 1px solid;text-align:center;}
.switchnewuimain p{display:inline-block;padding:6px;line-height:20px;margin:0px;font-size:14px;}
.switchnewuimain > button, .switchnewuimain > a{background-color:#1d354d;height:32px;line-height:32px;width:120px;text-align:center;display:inline-block;color:#FFFFFF;font-size:13px;text-decoration:none;font-weight:600;padding:0px;border:none;}
.sobtn{background-color:#1d354d;height:32px;line-height:32px;text-align:center;display:inline-block;color:#FFFFFF;font-size:13px;text-decoration:none;font-weight:500;padding:0px 20px;border:none;}
.sobtn:hover{text-decoration:none;}
.switchmt{margin-top:7px;}
.switchmt25{margin-top:20px;}
.snnamevalidation span.field-validation-error{bottom:-26px!important;}
.loader-block{width:60px;height:60px;position:absolute;margin-left:auto;margin-right:auto;left:0px;right:0px;top:calc(50% - 17px);z-index:500;font-size:35px;}
.btn-outline-green{border:#3D5F35 2px solid;background:#FFFFFF;color:#3D5F35}
.btn-outline-green:hover{background-color:#3D5F35!important;color:#FFFFFF;border:none;padding:.36rem .61rem;}
.btn-outline-green:hover:focus{padding:.25rem .50rem;}

.table-responsive-custom{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.table tr th{font-weight:bold;}
@media only screen and (max-width: 992px) {
/*#main-content{padding-top:88px;}*/
.navmt90{margin-top:92px;}
#main-nav .navigation > .nav > li > a{padding:0px 20px 0px 20px;}
}

.mainrangesliderparent {
    width: calc(100% - 30px);
    margin: 40px auto 45px auto;
    height: 20px;
}

    .rangeslidermain{position:relative;}
    .rangeslidermain .slider-horizontal {margin-bottom:0!important;width:100%!important;}
    .rangeslidermain .slider-tick {display: none}

    .rangeslidermain.common-slider .slider-tick-label{font-size:12px;font-weight:bold;max-height:19px;overflow:hidden;}
    .rangeslidermain.common-slider .slider-tick-label-container{margin-left:-12px!important;width:236px;}
    .rangeslidermain.common-slider .slider-tick-label-container .slider-tick-label:last-child{width:30px!important;}

    .rangeslidermain.common-slider .slider .slider-track{background:#FFFFFF;height: 16px;margin-top: -8px;border-radius: 8px;}
    .rangeslidermain.common-slider .slider .slider-track .slider-selection{background-image:none;box-shadow:none; background-color:#1d354d;}
    .rangeslidermain.common-slider .slider .slider-track .slider-handle {background: #FFFFFF;border: #999 1px solid;margin-top: -2px;z-index: 100;}
    
    .rangeslidermain .tooltip-arrow, 
    .rangeslidermain .tooltip-arrow, 
    .rangeslidermain .tooltip-arrow {display: none;}

    .rangeslidermain .tooltip.top, 
    .rangeslidermain .tooltip.top, 
    .rangeslidermain .tooltip.top {left: initial !important;margin-left: 0 !important;width: 100%;text-align: center;z-index:0}

    .rangeslidermain .tooltip-inner,
    .rangeslidermain .tooltip-inner,
    .rangeslidermain .tooltip-inner {display: inline-block;}

    .rangeslidermain .disable-max-slider-handle {pointer-events: none;}
    .rangeslidermain .disable-max-slider-handle .min-slider-handle {pointer-events: all;}
    .rangeslidermain .disable-max-slider-handle .max-slider-handle {background: #ddd !important;border-color: #929292 !important;}

    .rangeslidermain.employeerange .slider .slider-tick-label{width:23.3333px!important;}
    .rangeslidermain.revenuerange .slider .slider-tick-label{width:19.0909px!important;}
    .rangeslidermain.trustiqrange .slider .slider-track .slider-selection {background-color: transparent}
    .rangeslidermain.trustiqrange .slider .slider-track .slider-handle {background: #FFFFFF;border: #e95f02 3px solid;}
    .rangeslidermain.trustiqrange .slider .slider-track {
            background: rgb(221,230,244);
            background: -moz-linear-gradient(left, rgba(221,230,244,1) 0%, rgba(61,112,163,1) 50%, rgba(31,69,105,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left, rgba(221,230,244,1) 0%,rgba(61,112,163,1) 50%,rgba(31,69,105,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, rgba(221,230,244,1) 0%,rgba(61,112,163,1) 50%,rgba(31,69,105,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde6f4', endColorstr='#1f4569',GradientType=1 ); /* IE6-9 */
    }

.tiqrangemain {
    width: calc(100% + 20px);
    margin-left: -6px;
    margin-top: 5px;
}

/*.tiqrangeinner {
    width: 19%;
    float: left;
    text-align: center;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600;
}*/

    .tiqrangeinner i {
        width: 22px;
        height: 15px;
        background-image: url(../../assets/images/trustIQImages/trustiqicons.png);
        background-repeat: no-repeat;
        display: inline-block;
        background-position-y: 0px;
    }

        .tiqrangeinner i.tiqscroe1 {
            background-position-x: -88px;
        }

        .tiqrangeinner i.tiqscroe2 {
            background-position-x: -66px;
        }

        .tiqrangeinner i.tiqscroe3 {
            background-position-x: -44px;
        }

        .tiqrangeinner i.tiqscroe4 {
            background-position-x: -22px;
        }

        .tiqrangeinner i.tiqscroe5 {
            background-position-x: 0px;
        }

   /* .tiqrangeinner p {
        display: block;
        margin: 0px;
        height: 10px;
        line-height: 10px;
        font-size: 8px;
        font-weight: 900;
        color: #999;
        margin-top: -2px;
        text-align: center;
    }

    .tiqrangeinner:first-child {
        text-align: left;
        width: 11%;
    }

    .tiqrangeinner:last-child {
        text-align: right;
        width: 11%;
        margin-right: -6px;
    }*/

.tiqicon {
    background-image: url('../images/trustIQImages/tiqicon.png');
    width: 25px;
    height: 39px;
    margin-top: 1px !important;
}

.sioverifiedicon {
    background-image: url('../images/Council_Image/sio-verified.png');
    width: 25px;
    height: 39px;
    margin-top: 1px !important;
}

.tiqrangemain.siorange .tiqrangeinner {width:30%;}
.tiqrangemain.siorange .tiqrangeinner:first-child, .tiqrangemain.siorange .tiqrangeinner:last-child{width:20%!important;}
.tiqrangemain.siorange .tiqrangeinner:last-child p{text-align:right;padding-right:12px;}
.tiqrangemain.siorange .tiqrangeinner:last-child i.tiqscroe3{background-position-x:-48px;}
.tiqrangemain.siorange .tiqrangeinner:first-child p{text-align:left;padding-left:5px;}
#SupplierIoVerifiedClassifiedDiv .tiqrangemain.siorange .tiqrangeinner:last-child{text-align:right;padding-right:12px;}
#SupplierIoVerifiedClassifiedDiv .tiqrangemain.siorange .tiqrangeinner:last-child p{padding-right:1px;}

.select2-container-multi {
    height: 100% !important;
}

.customfieldset{padding:15px!important;border:#CCC 1px solid!important;}
.customfieldset legend{display:inline-block!important;width:auto;}
.configure-label{font-size: inherit !important;}
.switchwidth-addcustomers{min-width:74px !important;max-height:30px;}
.switchwidth-addcustomers > .switch-animate > span.switch-large{padding-top:4px;}
.switchwidth-addcustomers > .switch-animate > span.switch-danger{height:30px;line-height:30px;padding:0px;float:right;display:inherit;}
.switchwidth-addcustomers > .switch-animate > span.switch-success{height:30px;line-height:30px;padding:0px;float:left;display:inherit;}

.swal2-styled.swal2-confirm {
    background-color: #4372aa
}
.contrast-blue ul.dropdown-menu .dropdown-item:hover,
.contrast-blue ul.dropdown-menu .dropdown-item:focus {
    background: #F2F2F2 !important;
    color: #000 !important
}
.workforce-icon-menu {
    background-position: center;
    background: url(../../assets/images/workforce-icon.png);
    background-size: 100%;
    background-repeat:no-repeat;
    margin-top: 7px!important;
}
.card {
    border-radius: 0px;
}
.card:first-of-type {
    width: 100%;
}
.primary-button {
    min-width: 100px;
    text-align: center;
    padding: 0px 15px;
    color: #FFF;
    border: #1d354d 1px solid;
    background: #1d354d;
    display: inline-block;
    line-height: 32px;
    font-size: 12px;
    font-weight: 500;
}

    .primary-button:hover {
        color: #FFF;
        text-decoration: none;
    }

.border-button {
    min-width: 100px;
    text-align: center;
    padding: 0px 15px;
    color: #1d354d;
    border: none;
    background: #FFF;
    display: inline-block;
    line-height: 30px;
    border: #1d354d 1px solid;
    height: 32px;
    font-size: 12px;
    font-weight: 500;
}

    .border-button:hover {
        color: #1d354d;
        text-decoration: none;
    }

.success-button {
    min-width: 100px;
    text-align: center;
    padding: 0px 15px;
    color: #FFF;
    border: none;
    background: #58b058;
    display: inline-block;
    line-height: 36px;
}

    .success-button:hover {
        color: #FFF;
        text-decoration: none;
        background: #58b058;
    }

.clear-button {
    min-width: 100px;
    text-align: center;
    padding: 0px 15px;
    color: #1d354d;
    border: none;
    background: #EEE;
    display: inline-block;
    line-height: 32px;
    font-size: 12px;
    font-weight: 500;
    border: #1d354d 1px solid!important;
}

.clear-button:hover {
    color: #000;
    text-decoration: none;
}
.clear-button:focus{border: #1d354d 2px solid!important;}
.alpaca-field-optiontree:first-child input {
    display: none!important;
}
.dataTables_wrapper .dataTables_filter input{border-radius:0px!important;}
.input-lg{border-radius:0px!important;}
.dhx_config_item, .dhx_shadow, .swal2-popup, div.dt-button-collection, .swal2-styled{border-radius:0px!important;}


#InclusionTracker-SearchFilters .tooltip.in{opacity:1;}
#InclusionTracker-SearchFilters .tooltip.tooltip-main{opacity:1;font-size:12px;font-weight:600;right:0px;left:auto!important;margin-top:-34px!important;line-height:1;width:auto;}
#InclusionTracker-SearchFilters #RevenueRangeSlider .tooltip .tooltip-inner:before{content:'Revenue: ';line-height:0.8;}
#InclusionTracker-SearchFilters #RevenueRangeSlider .slider-track, #InclusionTracker-SearchFilters #RevenueRange1Slider .slider-track{height:16px;margin-top:-8px;border-radius:8px;background:#DDDDDD;box-shadow:none;}
#InclusionTracker-SearchFilters #RevenueRangeSlider .slider-track .slider-selection, #InclusionTracker-SearchFilters #RevenueRange1Slider .slider-track .slider-selection{background:#1d354d;box-shadow:none;}
#InclusionTracker-SearchFilters #RevenueRangeSlider .slider-track .slider-handle, #InclusionTracker-SearchFilters #RevenueRange1Slider .slider-track .slider-handle{margin-top:-2px;background:#FFFFFF;border:#9A9A9A 1px solid;z-index:30;}
#InclusionTracker-SearchFilters .row.range-tracks div.col{font-size:12px;font-weight:600;}
.mb-3{margin-bottom:1rem!important;}
#InclusionTracker-SearchFilters .slider-tick-label-container{display:flex!important;}
#InclusionTracker-SearchFilters .slider-tick-label-container .slider-tick-label{flex:1 1 auto !important;}
#InclusionTracker-SearchFilters .it-input-head{line-height:16px;}
#InclusionTracker-SearchFilters .select2-choices:before{position:absolute;border-color:#343a40 transparent transparent;border-style:solid;border-width:5px 4px 0 4px;width:0;height:0;top:54%;margin-left:-4px;margin-top:-2px;cursor:pointer;display:block;content:'';right:10px;}
#InclusionTracker-SearchFilters #s2id_searchTextFieldIT .select2-choices:before{border-color:transparent!important;border-width:0px!important;}
.search-3-buttons{margin:10px 0px 0px 6px;}
.it-suggestion {padding: 7px 15px; font-size: 14px;line-height: 20px;position: relative;}

/*FOCUS CHANGES*/


/*ACCESSIBILITY UI CHANGES*/
.mb-0{margin-bottom:0px;}/*default margin bottom class*/
.ml-3{margin-left:1rem;}/*default margin left class*/
.mr-3{margin-right:1rem;}/*default margin right class*/
.ml-2{margin-left:0.5rem;}/*default margin left class*/
.mr-2{margin-right:0.5rem;}/*default margin right class*/
.dropdown-menu{border-color:#757575;z-index:900;}
.skiptomain{position:relative;color:#FFFFFF;width:auto;height:35px;line-height:35px;padding:0px 10px;font-size:13px;font-weight:400;left:-5px;top:-2px;clip:auto;font-family:'Rubik', sans-serif;}
.skiptomain:active, .skiptomain:hover{border:#FFF 1px solid!important;line-height:33px;padding:0px 9px;color:#FFF!important;text-decoration:none;}
.skiptomain:focus{border:#FFF 2px solid!important;color:#FFF;text-decoration:none;line-height:30px;}/*Added separate styling for skip focus*/
.asterisk-symbol{font-size:14px;font-weight:500;color:#DB0000;}

input.explorer-custom-checkbox{position:relative;}
input.explorer-custom-checkbox[type='checkbox']:after{content:'';display:inline-block;width:18px;height:18px;margin-top:-4px;margin-left:-4px;border:2px solid #757575;border-radius:0;background:#FFFFFF;}
input.explorer-custom-checkbox[type='checkbox']:checked:after{width:18px;height:18px;background:#006287;border:none;}
input.explorer-custom-checkbox[type='checkbox']:before{content:'';width:10px;height:6px;border:none;position:absolute;z-index:50;transform:rotate(-45deg);top:2px;}
input.explorer-custom-checkbox[type='checkbox']:checked:before{border-left:#FFFFFF 2px solid;border-bottom:#FFFFFF 2px solid;}
input.explorer-custom-checkbox[type='checkbox']:focus:after, input.explorer-custom-checkbox[type='checkbox']:focus-visible:after{border:#000 2px solid !important;}

input.explorer-custom-radio{position:relative;margin-right:5px;}
input.explorer-custom-radio[type='radio']:after{content:'';display:inline-block;width:18px;height:18px;margin-top:-1px;margin-left:0px;border:2px solid #757575;border-radius:50%;background:#FFFFFF;}
input.explorer-custom-radio[type='radio']:checked:after{width:18px;height:18px;border:#006287 4px solid;}
input.explorer-custom-radio[type='radio']:focus:after, input.explorer-custom-radio[type='radio']:focus-visible:after{border:#555 2px solid !important;}

.btn-group.open .btn-primary.dropdown-toggle:hover, .btn.btn-primary:hover, .btn-primary:hover{background-color:#0178d6!important;color:#FFF;}/*due to CSS overriding issue, Added !important to color property*/
.btn-group.open .btn-success.dropdown-toggle:hover, .btn.btn-success:hover{background-color:#028424!important;}
.btn.btn-danger:hover{background-color:#910B08!important;}
.btn.btn-warning:hover{color:#000!important;}
body .powertour-step > *{display:none;}/*Added this classs to resolve Tier 2 side nav UI issue*/
@media (max-width: 640px){
    .btn{white-space:normal;} /*Added this class to resolve 200% Zoom in issue*/
}

/*Added this class to set the datatable input border and focus*/
.dataTables_filter input{border:#1d354d 1px solid;}

.form-separator{padding-bottom:20px;border-bottom:#757575 1px solid;margin-bottom:20px;}
.modal-header{padding:5px 5px 5px 20px;}
label.switch-large{height:calc(100% - 10px);padding:3px 0px!important;border-left:#FFF 3px solid;border-right:#FFF 3px solid;background-color:#949595;}
label.switch-large:hover{background-color:#575757;}/*Added this class to resolve the switch button hover color contrast issue*/
/*Select 2 Plugin Accessibility changes*/
.select2-container--default .select2-selection--multiple{border-color:#757575!important;}
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--multiple .select2-selection__choice{border-radius:0px!important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#1d354d!important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#1d354d!important;color:#FFF!important;border-radius:0px;}

/*Bootstrap modal close (times) button placement css*/
.modal-close-placement{position:absolute;right:4px;top:4px;}
.sio-border-top{border-top:#959595 1px solid;}

/*FOCUS UI CHANGES*/
.btn-success:focus{border:#028424 2px solid;box-shadow:#FFF 0px 0px 0px 2px inset!important;background-color:#028424!important;}
.btn-primary:focus, .swal2-styled.swal2-confirm:focus, .dhx_item-modes .dhx_item-modes__select:focus, .dhx_button--view_link.dhx_button--color_primary:focus{border:#0178d6 2px solid;box-shadow:#FFF 0px 0px 0px 2px inset!important;background-color:#0178d6!important;color:#FFF!important;} /*Added additional classes to set the focus and color contrast in pivot plugin*/
.btn-danger:focus{border:#b10e0b 2px solid;box-shadow:#FFF 0px 0px 0px 2px inset!important;background-color:#b10e0b!important;}
.btn-warning{color:#FFF;}
.btn-warning:focus{border:#7f4e06 2px solid;box-shadow:#FFF 0px 0px 0px 2px inset!important;background-color:#7f4e06!important;color:#FFF;}
.btn-warning:focus:hover{color:#000!important;border:#e48a07 2px solid;background-color:#e48a07!important;box-shadow:#000 0px 0px 0px 2px inset!important;}
.btn-default:focus, .btn-light:focus{border:#FFF 2px solid;box-shadow:#1d354d 0px 0px 0px 2px inset!important;background-color:#FFF!important;}
.swal2-styled:focus{padding:.5em .981em;}
.swal2-styled.swal2-cancel{background-color:#687782;}
.swal2-styled.swal2-cancel:focus{border:#687782 2px solid;box-shadow:#FFF 0px 0px 0px 2px inset!important;background-color:#687782!important;}
.swal2-styled.swal2-deny{background-color:#E42121;}
.swal2-styled.swal2-deny:focus{border:#E42121 2px solid;box-shadow:#FFF 0px 0px 0px 2px inset!important;background-color:#E42121!important;}
#main-nav .navigation > .nav > li > a:focus{border:#FFF 1px solid!important;width:calc(100% - 10px);margin:0px 5px;height:40px;padding:0px 20px 0px 35px;}
#main-nav .navigation > .nav > li > a:focus i{margin-right:5px;}
#main-nav .navigation > .nav > li > a:focus i.angle-down{right:5px;}
a:focus, button.close:focus{border:#1d354d 1px solid!important;opacity:1!important;}
select2-container.form-control:focus, .select2-container-multi .select2-choices:focus, select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .form-control:focus, .uneditable-input:focus, .select2-offscreen, .select2-offscreen:focus{border:#1d354d 2px solid!important;}
button.close[data-dismiss="modal"], button.btn-close[data-dismiss="modal"]{width:36px;height:36px;padding:0px;margin:0px!important;}
.primary-button:focus{border:#1d354d 2px solid;box-shadow:#FFF 0px 0px 0px 2px inset!important;background-color:#1d354d!important;color:#FFF;text-decoration:none;} /*primary button focus UI changes*/
.tox .tox-button:hover{background-color:#0178d6!important;}
.tox .tox-button:focus{border:#207ab7 2px solid;box-shadow:#FFF 0px 0px 0px 2px inset!important;}
.tox .tox-button--secondary{border:#1d354d 1px solid!important;}
.tox .tox-button--secondary:focus{border:#1d354d 2px solid!important;box-shadow:none!important;}
/*Added this colors to set input focus in explorer filters*/
.navigation.navmt90 .form-control:focus, .navigation.navmt90 .select2-container--bootstrap4.select2-container--focus .select2-selection, .navigation.navmt90 .select2-container--default .select2-search--inline .select2-search__field:focus{border:#FFF 2px solid!important;box-shadow:#1d354d 0px 0px 0px 2px inset!important;}
a:focus{border-width:2px!important;} /*Increased Border width for focus*/
/*btn-info color contrast, focus and hover changes*/
.btn-info{color:#000;}
.btn-info:focus{border:#9564e2 2px solid!important;box-shadow:#FFF 0px 0px 0px 2px inset!important;color:#000;}
.btn-info:hover:focus{color:#FFF;}

/*COLOR CONTRAST UI CHANGES*/
.close{color:#595959;opacity:1;}
.close:hover{color:#1d354d;opacity:1;}
.custom-control-input:focus~.custom-control-label::before{box-shadow:none;border:#000 4px double!important;}
.custom-control-input:checked:focus~.custom-control-label::before{box-shadow:none;border:#4372aa 4px double!important;}
.custom-control-input:focus~.custom-control-label::after{width:12px;height:12px;top:6px;left:6px;}
.search-3-buttons{margin:10px 0px 0px 6px;}
.has-switch span.switch-success, .has-switch span.switch-success:hover, .has-switch span.switch-success:focus, .has-switch span.switch-success:active, .has-switch span.switch-success.active, .has-switch span.switch-success.disabled, .has-switch span.switch-success[disabled], .has-switch span.switch-success:active, .has-switch span.switch-success.active{background-color:#3D5F35;}
.has-switch span.switch-success:hover, .has-switch span.switch-success:hover:hover, .has-switch span.switch-success:focus:hover, .has-switch span.switch-success:active:hover, .has-switch span.switch-success.active:hover, .has-switch span.switch-success.disabled:hover, .has-switch span.switch-success[disabled]:hover, .has-switch span.switch-success:active:hover, .has-switch span.switch-success.active:hover{background-color:#028424;}
.has-switch span.switch-danger, .has-switch span.switch-danger:hover, .has-switch span.switch-danger:focus, .has-switch span.switch-danger:active, .has-switch span.switch-danger.active, .has-switch span.switch-danger.disabled, .has-switch span.switch-danger[disabled], .has-switch span.switch-danger:active, .has-switch span.switch-danger.active{background-color:#b10e0b;}
.has-switch span.switch-danger:hover, .has-switch span.switch-danger:hover:hover, .has-switch span.switch-danger:focus:hover, .has-switch span.switch-danger:active:hover, .has-switch span.switch-danger.active:hover, .has-switch span.switch-danger.disabled:hover, .has-switch span.switch-danger[disabled]:hover, .has-switch span.switch-danger:active:hover, .has-switch span.switch-danger.active:hover{background-color:#910B08;}
.lead{margin-top:0px!important;}
::placeholder{color:#555!important;opacity:1;}
:-ms-input-placeholder{color:#555!important;}
::-ms-input-placeholder{color:#555!important;}
.select2-default, .ms-ctn .ms-empty-text{color:#555!important;} /*Added this class to set the magic suggestion text color contrast*/
.box .box-header.blue-background .title{margin:0px;}
.box .box-header.blue-background .btn{border:#FFF 1px solid;} /*WCAG changes*/
.box .box-header.blue-background .btn:focus{border-width:2px!important;}
.box .box-header.blue-background a.btn.btn-light:focus{border-color:#FFF!important;}
.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true]{background-color:#1d354d!important;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#1d354d!important;}
.ms-ctn-bootstrap-focus, .ms-ctn-bootstrap-focus .ms-res-ctn{border:#1d354d 1px solid!important;box-shadow:none!important;}
select2-container.form-control, .select2-container-multi .select2-choices, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .form-control, .uneditable-input, .ms-ctn, .ms-ctn .ms-trigger{border-color:#6D7878;}
select2-container.form-control:focus, .select2-container-multi .select2-choices:focus, select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .form-control:focus, .uneditable-input:focus, .ms-ctn:focus, .ms-ctn .ms-trigger:focus{border-color:#1d354d!important;border-width:2px!important;}
input[type="text"]{border-width:1px!important;} /*Added this class to set the input text border width globally*/
.dc-text-filter-input{border:#6D7878 1px solid;}
.has-switch:focus, .select2-container .select2-choice:focus{border:#1d354d 2px solid!important;}/*Added same style to select 2 focus*/
.text-primary{color:#3F699D!important;} /*Color contrast UI changes*/
.text-white{color:#FFF!important;} /*Color contrast UI changes*/
.mt-0{margin-top:0px!important;}/*For old UI added this class to remove default margin*/
.mb-0{margin-bottom:0px!important;}
.btn-primary{background-color:#4372aa!important;} /*Color contrast UI changes*/
.d3-tip{background-color:#000!important;} /*modified this class to set d3 charts tooltip color contrast*/
.tier2update-btn-margin{margin-top:53px;margin-left:6px;}/*Added this style to set Tier 2 Update report position*/
/*D3 chart Global UI changes*/
.dc-chart rect.bar:hover, .dc-chart g.row rect:hover{fill-opacity:.9!important;}
.dc-chart g.row rect{fill-opacity:1!important;}
text.barLabel{font-size:9px;}
/*Color change to resolve color contrast issue*/
.nav-tabs{border-color:#757575;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{color:#000;border-color:#000;border-bottom-color:transparent;}
.page-level-tabs.nav > li > a{line-height:38px;padding:0px 15px;height:38px;}
.page-level-tabs.nav > li.active > a:focus{line-height:36px;}
.page-level-tabs.nav > li > a:focus{line-height:34px;}

/*Added this class to set the pivot plugin color contrast*/
.dhx_field_header .field_helper, .dhx_field_header .field_name{color:#000!important;} 
.dhx_item-modes{border-right:#FFF 1px solid;}
.dhx_item-modes .dhx_item-modes__select{background-color:#4372aa!important;}
.dhx_button--size_medium:focus{padding:4px 14px;}
.dhx_button--size_small:focus{padding:2px 10px;}
.dhx_button--view_flat.dhx_button--color_primary{background-color:#4372aa!important;}
.dhx_button--view_flat.dhx_button--color_primary:hover{background-color:#0178d6!important;}
.dhx_button--view_flat.dhx_button--color_primary:focus{box-shadow:#FFF 0px 0px 0px 2px inset!important;border:#0178d6 2px solid;background-color:#0178d6!important;}
.dhx_button--view_link.dhx_button--color_primary{background-color:#FFF;color:#4372aa;border:#4372aa 1px solid;}
.dhx_button--view_link.dhx_button--color_primary:hover{background-color:#4372aa!important;color:#FFF!important;border:#4372aa 1px solid;}
.dhx_button--view_link.dhx_button--color_primary:focus{box-shadow:#FFF 0px 0px 0px 2px inset!important;border:#0178d6 2px solid;background-color:#0178d6!important;}
.dhx_button--view_flat.dhx_button--color_secondary{background-color:#50595E!important;border:#50595E 1px solid;color:#FFF;}
.dhx_button--view_flat.dhx_button--color_secondary:hover{background-color:#E7E9E9!important;border:#50595E 1px solid;color:#50595E;}
.dhx_button--view_flat.dhx_button--color_secondary:focus{box-shadow:#FFF 0px 0px 0px 2px inset!important;border:#50595E 2px solid;background-color:#50595E!important;color:#FFF;}
.dhx_button--view_flat.dhx_button--color_danger{background-color:#b10e0b!important;border:#b10e0b 1px solid;color:#FFF;}
.dhx_button--view_flat.dhx_button--color_danger:hover{background-color:#910B08!important;border:#910B08 1px solid;}
.dhx_button--view_flat.dhx_button--color_danger:focus{box-shadow:#FFF 0px 0px 0px 2px inset!important;border:#910B08 2px solid;background-color:#910B08!important;color:#FFF;}

/*for old pages/bootstrap 3 related pages adding bootstrap 4 realted classes here*/
.mb-0{margin-bottom:0px!important;}
.d-inline-block{display:inline-block;}

/*Adding this class to set the view in mobile resolution*/
@media (max-width: 640px){
    .dataTables_wrapper .col-xs-6, .dataTables_wrapper .col-md-6{width:100%;} /*data table UI fixes in mobile view*/
}

/*Added this classes to set the magic suggestion default width*/
.ms-ctn{width:100%!important;}
.ms-ctn .ms-sel-item{border:#555 1px solid!important;color:#000!important;}
.ms-sel-ctn .ms-sel-item .ms-close-btn{filter: brightness(0) saturate(100%);}
.ms-sel-ctn .ms-sel-item:hover .ms-close-btn{filter: brightness(0) saturate(100%) invert(100%) sepia(11%) saturate(7437%) hue-rotate(290deg) brightness(124%) contrast(100%);}
.ms-helper{font-size:12px!important;color:#000!important;top:-22px!important}
.ms-sel-ctn .ms-sel-item:hover{color:#FFF!important;}

/*Poer Tour UI change*/
/*.powertour-step{margin-bottom:0px!important;}
.powertour-step.powertour-disable-cancel .single-step{display:none!important;}
.powertour-step.powertour-disable-cancel.powertour-activestep .single-step{display:block!important;}*/

/*Support Button and modal buttons overlapping when 250% Zoomin, to resolve this issue globally, added below CSS*/
.modal-footer{text-align:left;justify-content:flex-start;}
.btn.btn-default{border:#757575 1px solid;}

.dc-chart .fadeout{fill-opacity:0.75!important;stroke-opacity:0.75!important;}
.dc-chart rect.deselected, .dc-chart g.deselected path{fill:#919191!important;fill-opacity:1!important;}

.parent-skip-content {
    margin: 10px;
    padding: 0.8rem 1rem;
    position: fixed;
    z-index: -1;
    left: -999999px;
    background: var(--ds-surface-overlay, white);
    border: none;
    border-radius: 3px;
    box-shadow: var(--ds-shadow-overlay, 0 0 0 1px rgba(9, 30, 66, 0.08), 0 2px 10px rgba(9, 30, 66, 0.08), 0 0 20px -4px rgba(9, 30, 66, 0.31));
    opacity: 0;
    transform: translateY(-50%);
    transition: transform 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.parent-skip-content:focus-within {
    z-index: 2147483640;
    left: 0px;
    opacity: 1;
    transform: translateY(0%);
}
.list-skip-content{padding:0px;margin:0px;}
.list-skip-content li{
    list-style-type: none;
    list-style-position: outside;
}
.list-skip-content li a{
    font-size: 13px;
    display: block;
    height: 30px;
    line-height: 28px;
    border-bottom:#949494 1px solid;
    color:#000;
    padding:2px;
}
.list-skip-content li a:hover{color:#4778B3;text-decoration:none;}
.list-skip-content li a:focus{padding:0px;color:#4778B3;text-decoration:none;border:#000 2px solid!important;}
.list-skip-content li:last-child a{border-bottom:none;}
.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
    color: #000000;
}
.btn-default:hover{
    background-color:#848484;
}
.select2-dropdown, .select2-container--default .select2-selection--multiple .select2-selection__choice{
    border-color:#757575!important;
}
.main-nav-opened #main-nav .navigation > .nav > .nav-stacked > li span {
    display: table !important;
    float: none;
}

#main-nav .navigation > .nav > li span.selection, #main-nav .navigation > .nav > li span.selection span.select2-selection {
    width: 100% !important
}

.main-nav-opened #main-nav .select2-container .select2-search--inline {
    width: 100% !important;
}
.industry-icon {
    background-image: url(../images/benchmark-white-icon.png);
    width: 25px;
    height: 28px;
    margin-top: 5px !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#hs_show_banner_button {
    display: none !important;
}