/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification 
for details on configuring this project to bundle and minify static web assets. */
html {
  width: 100% !important;
  height: 100%;
  /*background-size: cover;
    background-repeat: no-repeat;
    background: -webkit-linear-gradient( to left top);
    background: -moz-linear-gradient( to left top, white, #005DB9);
    background: -o-linear-gradient( to left top, white, #005DB9);
    background: linear-gradient( to left top, white, #005DB9);*/
  background-color: #f0f0f0 !important;
}

.text-selection-none {
  user-select: none; /* supported by Chrome and Opera */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none;
}

a.disabled {
  pointer-events: none;
  cursor: default;
  color: darkgray;
}

.navbar-fixed-top {
  z-index: 1501 !important;
}

.navbar-nav.navbar-right:last-child {
  margin-right: 15px;
}

body {
  padding-top: 50px;
  min-height: 100%;
  margin: 0px;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background-color: #f0f0f0 !important;
}

#home {
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.19) !important;
}

#loading-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}

#loading-image {
  position: absolute;
  width: inherit;
  height: inherit;
  z-index: 999;
}

.nav-tabs > li > a {
  outline: none !important;
}

.nav-item > a {
  outline: none !important;
}

a {
  outline: none !important;
}

#cookiePolicyContent.body-content {
  margin-top: 40px !important;
}

#emailInput,
#passwordInput {
  width: 100%;
  display: block;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px !important;
}

#emailInput > .dx-texteditor-container {
  border-radius: 4px !important;
}

#passwordInput > .dx-texteditor-container {
  border-radius: 4px !important;
}

#pageContent {
  width: 100%;
  margin: 0px;
  flex: 1 0 auto;
  display: flex;
}

#navContainer {
  width: 100%;
  margin: 0px auto;
  z-index: 50;
}

a {
  text-decoration: none !important;
}

/* Carousel */
.carousel-caption p {
  font-size: 20px;
  line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".jpg"] {
  width: 100%;
}

#myCarousel {
  margin-top: 1%;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#myMobileCarousel {
  display: none !important;
}

#privacyPolicyContent > p {
  width: 98% !important;
}

#privacyPolicyContent {
  width: 100%;
}

.privacyBody {
  margin: 10px auto 0px auto;
  padding: 20px;
}

.cookieBody {
  margin: 50px auto 0px auto;
  padding: 20px;
}

#cookieBody.cookieBody {
  margin: 40px auto 0px auto !important;
  padding: 20px;
}

#mks1031Text ul {
  list-style-type: none;
  padding: 0px;
}

#s9spineInfo {
  list-style-type: none;
  padding-left: 0px;
}

#spineVideos > iframe {
  width: 100%;
}

#homeContent {
  background-color: white;
  width: 95%;
  margin: 50px auto 0px auto;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.1) !important;
}

#homeContent.findYourRep {
  background-color: transparent !important;
}

#privacyPolicyBody > p {
  width: 95% !important;
}

#subHomeContent {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /*padding-bottom: 25px;*/
}

#subHomeContent.contactContent {
  width: 100%;
}

#thisMap > iframe#thisMap {
  width: 100% !important;
}

#subHomeContent h3 {
  padding-top: 22px;
  color: #0078c3;
  padding-bottom: 5px;
  line-height: 38px;
  font-size: 22px;
}

#subHomeContent h3::after {
  border-left: 80px solid #0078c3;
  content: "";
  background-color: #999;
  float: left;
  width: 100%;
  height: 2px;
  padding-top: 2px;
}

#kneeAdditionalVideosSection h3::after {
  height: 3px;
}
/* QR code generator */
#qrCode {
  margin: 15px;
}

#displayFields {
  width: 25%;
  display: inline-block;
  text-align: right;
  margin-right: 6%;
  font-size: 1.3em;
}

#indexDisplayFields {
  font-size: 1.3em;
}

#searchFields {
  width: 64%;
  display: inline-block;
  font-size: 18px;
}

#searchFields > form {
  padding-bottom: 5px;
}

.header-image {
  width: 100%;
  height: 300%;
}

.navbar {
  background-color: white;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.19) !important;
}

#navbar2 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

#navbar2 > #sidebarNav {
  margin-left: 0px;
  z-index: 999;
  padding-top: 15px;
}

.container {
  width: 100%;
  flex: 1 0 auto;
  position: relative;
}

#contain {
  background-color: #005db9;
}

#bodyContentContainer {
  display: none;
}

#topLeft {
  float: left;
  width: 300px;
  color: white;
  line-height: 3em;
}

#topRight {
  float: right;
  width: 170px;
  margin-top: 0.7em;
}

#topRight img {
  width: 20px;
  margin-right: 8%;
  float: right;
}

#phoneBorder {
  border-right: 1px solid white;
  display: inline-block;
}

.navbar-nav {
  padding-top: 40px;
  margin-left: 25px;
  /*font-size: 16px;*/
}

.nav-item a {
  text-align: center;
}

#navContainer a,
#navContainer button {
  font-weight: bold;
}

#col-3-HeaderContainer {
  width: 100%;
}

.navbar-inverse .navbar-nav > li > a {
  color: black !important;
  outline: none !important;
}

.navbar-inverse .navbar-nav > .open > a {
  background-color: white !important;
}

#logoutBtn button {
  outline: none !important;
}

.mobileNavi {
  display: none;
}

.navbar-inverse {
    /*background-image: url('../images/sswhiteoffice.png');*/ /* Replace 'path/to/your/image.jpg' with the path to your background image */
    /*background-size: cover;*/ /* This will ensure the background image covers the entire navbar */
    /*background-repeat: no-repeat;*/ /* This prevents the background image from repeating */
    /*background-position: center;
    /*/
    /*background-color: #ffA500;*/
    background-color: #fff !important;
    border-color: white !important;
}

.navbar-inverse .navbar-nav > li > a:hover {
  color: #005db9 !important;
}

.navbar-inverse .btn-link {
  color: black;
  text-decoration: none !important;
}

.navbar-inverse .btn-link:hover {
  color: #005db9 !important;
}

.body-content {
  margin-top: 30px;
  /*    padding-left: 15px;
    padding-right: 15px;*/
}

.col-md-3 {
  width: 120px !important;
  padding-right: 50px;
  margin-top: 10px !important;
  padding-left: 0px !important;
}

.cookieContent {
  width: 84%;
  display: inline-block;
  vertical-align: middle !important;
  margin-right: 90px;
  border-radius: 3px !important;
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.cookieHeader {
  font-size: 18px;
}

#cookieButtons {
  display: inline-block;
  vertical-align: middle !important;
}

#cookieButtons button {
  font-size: 18px;
  border-radius: 50px !important;
}

#cookieConsent.navbar {
  z-index: 998 !important;
  background-color: #005db9 !important;
  color: white !important;
  position: fixed !important;
  bottom: 0 !important;
  top: 88% !important;
  left: 0 !important;
  width: 99% !important;
  margin: 0px auto 10px auto !important;
  border-radius: 5px !important;
}

#newFeaturesNotification.navbar {
  z-index: 997 !important;
  background-image: linear-gradient(#f0f8ff, #f0f8ff, #3e83ca);
  color: black !important;
  position: absolute;
  width: 50%;
  left: 51%;
  top: 0;
  border-radius: 5px !important;
  border: 2px solid black;
  box-sizing: border-box;
}

#newFeaturesNotification.navbar:before {
  position: absolute;
  width: 50px;
  height: 50px;
  top: -1px;
  left: 94.2%;
  margin-left: -25px;
  content: "";
  transform: rotate(45deg);
  margin-top: -25px;
  background: #f0f8ff;
  border-left: 2px solid black;
  border-top: 2px solid black;
}

#cookieContent > p {
  color: white !important;
}

#cookieConsent > .container {
  width: 80%;
}

#accountNav {
  list-style-type: none;
  padding-top: 5px;
  margin-right: 12%;
  font-size: 18px;
  width: 10%;
  float: right;
}

#accountNav li {
  display: inline;
}

#accountNav a {
  border-radius: 25px;
  text-decoration: none;
  background-color: white;
  padding: 4px 8px;
}

.col-md-4 {
  margin: 0px auto 0px auto;
  float: none;
  margin-top: 7.5%;
}

.col-md-6 {
  float: left;
  width: 40%;
}

.col-md-9 {
  float: right;
  margin-right: auto;
  margin-left: auto;
  display: inline-block;
  margin-top: 2%;
  width: 85%;
  margin-bottom: 100px;
}

#eventsContainer > table > tbody > tr:nth-child(2n + 1) {
  background-color: #eee !important;
}

#eventsContainer > table > tr {
  border-radius: 4px;
}

#googleLoginBtn {
  width: 36%;
  float: right;
}

#changePasswordContainer {
  float: none;
  margin: 0px auto 0px auto;
  margin-top: 7.5%;
}

#monthYearPicker {
  display: inline-block;
}

.dx-datagrid-header-panel
  > .dx-toolbar
  > .dx-toolbar-items-container
  > .dx-toolbar-after {
  width: 100% !important;
  margin: 0px auto;
  padding-right: 20px;
}

#kneeListSection {
  width: 100%;
}

#kneeSurgeon > img {
  width: 80%;
}

#kneeViceImg {
  text-align: center;
  width: 36%;
  display: inline-block;
}

#kneeAdditionalVideosSection {
  clear: both;
}

#kneeSurgeon {
  width: 30%;
  text-align: center;
  float: left;
}

#kneeLinkSection {
  clear: both;
}

#kneeSurgeonReviewSection {
  width: 100%;
}

#kneeSurgeonQuotes {
  width: 65%;
  vertical-align: top;
  margin-top: 80px;
  float: right;
}

.dx-datagrid-search-panel > .dx-texteditor-container {
  border-radius: unset !important;
  border: unset !important;
}

.dx-toolbar-item > .dx-item-content > .dx-datagrid-search-panel {
  border-radius: 4px !important;
  /*border: 1px solid black !important;*/
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.19) !important;
}

.dx-texteditor-container {
  border: 1px solid black;
  color: black;
}

.dx-datagrid-export-button {
  border: 1px solid black !important;
}

.dx-placeholder {
  color: black !important;
}

#thisRentalTable {
  display: flex;
  width: 100%;
}

#salesRepBOExpandButton.checkboxSection {
  margin-bottom: 10px;
}

#expandButton {
  color: black !important;
}

#thisRentalTable > .dx-datagrid {
  width: 100%;
}

#backOrdersTable > .dx-datagrid {
  width: 100%;
}

#monthlyDisplayFields {
  float: right;
  margin-right: 6%;
  text-align: right;
}

.dx-texteditor.dx-editor-outlined {
  /*border-radius: 0px !important;*/
  border: none !important;
  /*box-shadow: 0 8px 12px 0 rgba(0,0,0,0.1), 0 6px 10px 0 rgba(0,0,0,0.19) !important;*/
}

#saveAsModule {
  width: 30%;
  display: inline-block;
}

#saveAsModule a {
  color: green;
}

#commSaveAsModule {
  width: 20%;
  display: inline-block;
}

#commSaveAsModule a {
  color: #337ab7;
  background-color: white;
  padding: 6px;
}

#saveAsModule {
  width: 20%;
  display: inline-block;
}

#saveAsModule a {
  color: #337ab7;
  background-color: white;
  font-size: 17px;
  padding: 5px;
  border-radius: 25px;
}

#clearTable {
  color: #337ab7;
  background-color: white;
  padding: 3px;
  border-radius: 25px;
  text-decoration: none;
  padding: 6px;
}

#commSaveAsBtn {
  border-radius: 25px;
  padding: 20px;
  text-decoration: none;
}

#saveAsDropdown {
  float: right;
  position: static;
}

#monthYearPicker button {
  border: none;
  color: #337ab7;
  font-size: 17px;
  border-radius: 25px;
  padding: 4px 8px;
}

select#month {
  font-size: 18px;
}

select#year {
  font-size: 18px;
}

.accountFunctions {
  background-color: #005db9;
  padding: 20px;
  font-size: 24px;
  text-align: center;
  color: white;
  margin: 5px;
  border-radius: 25px;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  width: 90%;
  padding: 10px;
}

.nav-pills a {
  color: black;
}

.col-md-3 .nav-pills > li > a:hover {
  background-color: #005db9;
  color: white;
}

.col-md-3 .nav-pills > li > ul > li a:hover {
  background-color: #005db9;
  color: white;
}

.dropdown-menu > li > a {
  outline: none !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #005db9;
  color: white;
}

.footer {
  flex-shrink: 0 !important;
  text-align: center;
  background-color: #292f4c;
  color: white;
  height: 45px !important;
  margin-top: 40px !important;
}

#revMap {
  margin-top: 25px;
  padding-bottom: 20px;
}

#footerContent {
  height: inherit;
  padding: 10px;
}

#commTable {
  width: 95%;
}
/*
#pageContent {
    min-height: 100%;
}*/

#eventsTable {
  border-spacing: 0;
  border: 1px solid #cccccc;
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  /*box-shadow: 0 1px 1px #CCCCCC;*/
  border-collapse: separate !important;
}

#eventsTable td {
  border: 0px;
  padding: 4px;
}

#eventsTable td:first-child {
  /*border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;*/
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  padding-left: 10px;
}

#eventsTable td:last-child {
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
}

#eventsContainer {
  margin-top: 2%;
}

#eventsContainer table {
  margin: 0px auto;
}

#accountPage .col-md-9 {
  margin-top: 2%;
  display: block;
}

#msHeader {
  width: 65%;
  display: inline-block;
}

#backordersTable {
  width: 95%;
}

#pricingTable {
  width: 95%;
}

#partinfoTable {
  width: 95%;
}

.lefty {
  float: left;
  width: 70%;
}

.righty {
  float: right;
  width: 30%;
}

#AIdiv1,
#AIdiv2,
#AIdiv3 {
  border: 1px solid;
}

#AIdiv1 {
  padding: 22%;
}

#AIdiv2,
#AIdiv3 {
  padding: 22.51%;
}

body table {
  background-color: white;
}

/*tr:nth-child(even) {
    background-color: #dddddd;
}*/

#selectRep {
  padding-bottom: 10px;
}

.dx-datagrid-header-panel .dx-toolbar {
  margin-bottom: 0px !important;
  background-color: #0072bc !important;
}

.dx-scrollable-content {
  margin-bottom: 10px;
}

#chart {
  background-color: white;
  padding: 10px;
}

#reset-zoom {
  float: right;
}

.salesSummaryOutput,
.commsSummaryOutput {
  display: inline-block !important;
}

.salesSummaryOutput {
  margin-right: 5px;
  border-right: 1px solid black;
  padding-right: 5px;
}

#shuklaFeedbackContainer {
  margin-top: 30px;
  background-color: #f5f5f5;
  padding: 30px;
  border-radius: 5px;
  border: 1px solid black;
}

#commsDisplay {
  width: 45%;
  font-size: 18px;
  background-color: #005db9;
  color: white;
  padding: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
  display: inline-block;
  float: right;
  height: 65px;
  /*    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.5), 0 6px 10px 0 rgba(0,0,0,0.19) !important;*/
}

#accountChart {
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.19) !important;
}

#salesDisplay {
  width: 54%;
  font-size: 18px;
  background-color: #005db9;
  color: white;
  padding: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
  display: inline-block;
  height: 65px;
  /*        box-shadow: 0 8px 12px 0 rgba(0,0,0,0.5), 0 6px 10px 0 rgba(0,0,0,0.19) !important;*/
}

#SRsalesDisplay {
  width: 100%;
  font-size: 28px;
  background-color: #005db9;
  color: white;
  padding: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
  display: inline-block;
}

#accountEventsTable {
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.19) !important;
}

#accountIndexLeft {
  width: 50%;
  display: inline-block;
  /*    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.5), 0 6px 10px 0 rgba(0,0,0,0.19) !important;*/
}

#accountIndexRight {
  width: 48%;
  float: right;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.19) !important;
}

#chartContainer {
  position: relative;
}

#resetBtn {
  position: absolute;
  width: 97%;
  top: 0px;
  left: 0px;
  padding-top: 8px;
}

#commsDataGridTitle {
  background-color: black;
  text-align: center;
  color: white;
  font-size: 36px;
  font-family: "Orbitron", sans-serif;
}

#mainHeader {
  background-color: black;
  color: white;
  font-size: 36px;
  font-family: "Asap", sans-serif;
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
  border-radius: 10px;
}

#materialType {
  font-size: 16px;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
  display: inline-block;
  vertical-align: middle;
}

#materialContainer {
  display: inline-block;
  float: right;
}

#materialType > input {
  transform: scale(1.5);
}

#trainingMaterialHeadText {
  display: inline-block;
}
/* Dropdown Toggle */
summary {
  display: list-item;
  font-size: 26px;
  cursor: pointer;
}

.trainingVideo {
  width: 100%;
  height: 230px;
}

#materialsContainer {
  width: 100%;
}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  width: 33%;
  display: inline-block;
}

.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

details p {
  padding-left: 50px;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
  background: transparent;
}

.dropdown-toggle.toggled-on .icon {
  -ms-transform: rotate(-180deg); /* IE 9 */
  -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
  transform: rotate(-180deg);
}

/* Products TreeView    */
#simple-treeview,
#product-details {
  display: inline-block;
}

#product-details {
  vertical-align: top;
  width: 400px;
  height: 420px;
  margin-left: 20px;
}

#product-details > img {
  border: none;
  height: 300px;
  width: 400px;
}

#product-details > .name {
  text-align: center;
  font-size: 20px;
}

#product-details > .price {
  text-align: center;
  font-size: 24px;
}

.hidden {
  visibility: hidden;
}

.nav-tabs > li.active.leftTab > a:after {
  content: "\f078";
  font-family: FontAwesome;
  float: right;
}

.nav-tabs > li.active.rightTab > a:before {
  content: "\f078";
  font-family: FontAwesome;
  float: left;
}

#findYourRepNavTabs > .nav-tabs > li {
  width: 25%;
}

#findYourRepNavTabs > .nav-tabs > li > a {
  border-top: 1px black solid !important;
  border-right: 1px black solid !important;
  border-left: 1px black solid !important;
  border-bottom: 1px black solid !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: none !important;
  background-color: #0072bc !important;
  color: white !important;
  font-weight: 900;
  border-top: 2px black solid !important;
  border-right: 2px black solid !important;
  border-left: 2px black solid !important;
}

.nav-tabs {
  border-bottom: none !important;
  vertical-align: bottom !important;
}

.nav-tabs > li > a {
  background-color: white !important;
  color: black !important;
}

.nav-tabs > li > a {
  border: none !important;
}

#miniBrochures {
  padding: 20px;
}

#setBrochure {
  padding: 20px;
  width: 100%;
  display: inline-block;
}

#maxiBrochure {
  padding: 20px;
}

#hipImage {
  display: inline-block;
}

#accountIndexCommsTable {
  max-height: 431px !important;
}
/*
#repAccountIndexCommsTable {
    max-height: 421px !important;
}*/

.dx-datagrid-total-footer > .dx-datagrid-content {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.centerIframe {
  text-align: center !important;
}

.dx-datagrid .dx-column-indicators {
  color: white !important;
}

#orderDeatailRepSelect {
  width: 391px;
}

.dx-checkbox-icon {
  border: 1px solid black !important;
}

.commsDatePicker {
  display: inline-block !important;
}

#reorderQuoteBox > .dx-checkbox-container {
  vertical-align: super !important;
}

.dx-header-row {
  background-color: black !important;
}

.dx-header-row .dx-datagrid-text-content {
  color: white !important;
}

.dx-datagrid-filter-row .dx-menu-item-content .dx-icon {
  color: black !important;
}

.dx-datagrid-group-opened {
  color: black !important;
}

.dx-datagrid-summary-item {
  color: black !important;
}

.dx-datagrid-group-closed {
  color: black !important;
}

.dx-datagrid-total-footer {
  background-color: #a7a7a7 !important;
}

.dx-info {
  color: black !important;
  opacity: 1 !important;
}

.dx-page {
  color: black !important;
}

.dx-group-row {
  background-color: #d3d3d3 !important;
  border-top: 1px black solid !important;
  border-bottom: 1px black solid !important;
  color: black !important;
}

.dx-row td {
  color: black !important;
}

#thisOpenOrderTable {
  display: inline-block !important;
  width: 100%;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.19) !important;
}

#thisRentalTable {
  border: 0.1px black groove !important;
  display: flex;
}

#invoiceDataGrid {
  display: inline-block;
  width: 100%;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.19) !important;
}

#backOrdersTable {
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.19) !important;
}

#commsDateBox {
  height: 22px;
}

.dx-texteditor {
  display: inline-block !important;
}

dx-datagrid dx-gridbase-container dx-datagrid-borders {
  padding: 1.5% !important;
}

.caret-right {
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 4px solid;
  display: inline-block;
  margin-left: 6px !important;
}

.nav li {
  cursor: pointer;
}

.nav-pills li {
  background-color: white;
  border-radius: 8px;
  width: 100%;
  /*margin-top: 10px;*/
  /*padding-top: 8px !important;*/
  color: black;
  border: 1px black solid;
}

.nav-pills li ul {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
  cursor: pointer;
}

.nav-pills li ul li a:hover {
  background-color: blue;
}

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

.dropdown-menu .sub-menu {
  left: 100%;
  position: absolute;
  top: 0;
  visibility: hidden;
  margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
  visibility: visible;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu,
.navbar .dropdown-menu {
  margin-top: 0;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
}

.carousel-indicators li {
  background-color: #0078c3 !important;
}

.carousel-indicators {
  bottom: -4px;
}

.carousel-indicators .active {
  width: 14px;
  height: 14px;
}

#threeSetIndex {
  margin-top: 20px;
}

#threeSetIndex img {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 15px;
}

.setSectionHR {
  display: none;
}

.setSection {
  width: 24%;
  display: inline-block;
  clear: both;
  padding: 0px 10px;
  vertical-align: top;
  text-align: center;
}

.setSection img {
  width: 100%;
  margin-bottom: 10px;
}

.setSection iframe {
  width: 75%;
}

#setContentInfo {
  margin-top: 55px;
  font-weight: bolder;
}

#ProfessionalFeedback_State {
  font-weight: 800;
  color: #8d8d8d !important;
}

.dx-closebutton {
  float: right;
}

.dx-popup-normal,
.dx-popup-fullscreen {
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.19) !important;
  border: 1px solid black !important;
  border-radius: 6px;
}

.dx-datagrid.dx-datagrid-borders > .dx-datagrid-header-panel {
  padding: 10px;
  background-color: #0072bc !important;
}

.dx-datagrid-header-panel > .dx-toolbar > .dx-toolbar-items-container {
  background-color: #0072bc !important;
}

.dx-toolbar-item > .dx-item-content > .dx-button {
  border: 1px solid black;
}

/*.dx-toolbar > .dx-toolbar-items-container {
    background-color: white !important;
}*/

.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
  border-bottom: 1px black solid !important;
}

.distRecentSalesTotal {
  white-space: nowrap;
  display: inline-block;
}

.dx-datagrid-search-panel {
  width: 429px !important;
}

#trainingDropdown iframe {
  width: 33%;
}

.setHeader {
  margin-bottom: 0px !important;
}

#trainingDropdown summary {
  background-color: white !important;
  padding-left: 10px;
  border-bottom: 1px black solid;
  border-left: 5px #005db9 solid !important;
  color: black;
}

#trainingDropdown summary:hover {
  background-color: #005db9 !important;
  color: white;
  border: none;
  border-left: 5px white solid !important;
}

.setHeader {
  color: #0078c3;
  font-weight: bold;
  font-family: "Asap", sans-serif;
}

#myBtn {
  width: 50px;
  height: 50px;
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 50px; /* Place the button at the bottom of the page */
  right: 5px; /* Place the button 30px from the right */
  z-index: 999 !important; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #f1703d; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 50%; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #428bca; /* Add a dark-grey background on hover */
}

.dx-scrollable-scroll > .dx-scrollable-scroll-content {
  background-color: #484848 !important;
  min-width: 300px;
}

#xrayExpandButton {
  color: white !important;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}

#USReps tr {
  display: inline-table !important;
  width: 33% !important;
}

#USReps td {
  padding-left: 20px;
  padding-top: 20px;
}

#IntReps p {
  display: inline-block !important;
  width: 33% !important;
  height: 100px;
  margin: 0px 0px 20px 0px;
}

#teamTable {
  width: 100%;
  text-align: left;
}

#teamTable tr {
  display: inline-block;
  width: 24%;
  height: 100px;
  /*margin: 0px 0px 0px 0px;*/
}

.oneLineRow {
  /*display: block !important;*/
  height: 20px !important;
  vertical-align: top;
}

.readjustRow {
  height: 100px !important;
}

.dx-datagrid-export-button {
  width: 72px !important;
}

.dx-datagrid-export-button .dx-icon-export-excel-button::before {
  content: "\f060" !important;
}

.dx-datagrid-export-button .dx-icon-export-excel-button::after {
  content: "Export" !important;
  font-family: "Roboto", sans-serif !important;
  padding-left: 3px;
}

.dx-datagrid-export-button > .dx-button-content {
  text-align: left !important;
}

.dx-toolbar-after .dx-toolbar-item:first-child {
  width: 70px !important;
}

#feedbackSubmitBtn {
  background-color: #005db9 !important;
  border-color: #005db9 !important;
}

.btn-warning {
  background-color: #005db9 !important;
  border-color: #005db9 !important;
}

#feedbackSubmitBtn > .btn-warning:hover {
  background-color: #005db9 !important;
  border-color: #005db9 !important;
}

button#feedbackSubmitBtn {
  background-color: #005db9 !important;
  border-color: #005db9 !important;
}

#feedbackSubmitBtn > .btn > .btn-lg > .btn-warning > .btn-block {
  background-color: #005db9 !important;
  border-color: #005db9 !important;
}

.btn-warning {
  background-color: #005db9 !important;
}

.littleScreen {
  display: none !important;
}

.hideOnBigScreen {
  display: none !important;
}

.selectBoxSection {
  display: inline-block;
  margin-top: 5px;
}

#XRaySection {
  margin-top: 20px;
}

.row {
  margin-top: 0%;
  display: flex;
}

#salesForceLogo {
  width: 100% !important;
  margin-top: -40px;
  margin-bottom: -10px;
}

#colMD3LogoSection {
  text-align: center !important;
  border-bottom: 1px solid black !important;
}

.viewbagTitle {
  font-family: "Open Sans", sans-serif !important;
  font-size: 22px;
  font-weight: bold !important;
  display: block;
  text-shadow: 1.2px 1.2px #fff;
}

#sidebarNav.navbar-nav {
  font-size: 14px;
  margin: 0px;
}

#sidebarNav > li {
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19);
  border-radius: 4px !important;
}

#sidebarNav > li > a {
  padding: 12px !important;
}

.form-control {
  border: 1px solid black;
}

#findYourRepContent.tab-content {
  border: 1px solid black;
  background-color: white;
}

.form-style-9 {
  border-radius: 10px;
}

.form-style-9 ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.form-style-9 ul li {
  display: block;
  margin-bottom: 15px;
  min-height: 35px;
}

.form-style-9 ul li .field-style {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 8px;
  outline: none;
  border: 3px solid #b0cfe0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.form-style-9 ul li .field-style:focus {
  box-shadow: 0px 0px 5px #b0cfe0;
  border: 2px solid #b0cfe0;
}

.form-style-9 ul li .field-split {
  width: 49%;
}

.form-style-9 ul li .field-full {
  width: 100%;
}

.form-style-9 ul li input.align-left {
  float: left;
}

.form-style-9 ul li input.align-right {
  float: right;
}

.form-style-9 ul li select.align-right {
  float: right;
}

.dx-invalid-message.dx-overlay-wrapper {
  visibility: visible !important;
}

.form-style-9 ul li textarea {
  width: 100%;
  height: 100px;
}

/*            .form-style-9 ul li input[type="button"],
            .form-style-9 ul li input[type="submit"] {
                -moz-box-shadow: inset 0px 1px 0px 0px #3985B1;
                -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1;
                box-shadow: inset 0px 1px 0px 0px #3985B1;
                background-color: #216288;
                border: 1px solid #17445E;
                display: inline-block;
                cursor: pointer;
                color: #FFFFFF;
                padding: 8px 18px;
                text-decoration: none;
                font: 12px Arial, Helvetica, sans-serif;
            }*/

.form-style-9 ul li input[type="text"] {
  border-radius: 5px;
}

.form-style-9 ul li input[type="button"]:hover,
.form-style-9 ul li input[type="submit"]:hover {
  background: linear-gradient(to bottom, #2d77a2 5%, #337da8 100%);
  background-color: #28739e;
}

/*#optionPlaceHolder {
    font-weight: 900 !important;
    color: green !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}


.optionPlaceHolder::-moz-placeholder {
    font-weight: 900;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.optionPlaceHolder::-webkit-input-placeholder {
    font-weight: 900;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.optionPlaceHolder:-ms-input-placeholder {
    font-weight: 900;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.field-style::-moz-placeholder {
    font-weight: 900;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.field-style::-webkit-input-placeholder {
    font-weight: 900;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.field-style:-ms-input-placeholder {
    font-weight: 900;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}*/

#xrayVideosContent {
  width: 40%;
  display: inline-block;
  margin-bottom: 25px;
}

#xrayVideosContent > iframe {
  width: 100%;
}

#xrayContent2 {
  width: 56%;
  float: right;
  line-height: 30px;
}

#reorderCheckBox {
  width: 10%;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  margin-left: 10px;
}

#quotingSelectBoxSection {
  display: inline-block;
}

#selectedPartsList {
  display: inline-block;
  color: black;
  padding-left: 5px;
  padding-right: 13px;
  width: 100%;
  overflow-y: scroll;
  margin-bottom: 0px;
  height: 76%;
}

#noPartsSelectedTextContainer > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

#selectedPartsList > li {
  margin-bottom: 10px;
  margin-left: 10px;
  list-style: none;
}

#selectedPartsList > li:first-child {
  margin-top: 10px;
}

#noPartsSelectedText {
  height: 76%;
  position: relative;
  text-align: center;
}

#noPartsSelectedTextContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

#selectedPartsContainer {
  text-align: left;
  width: 98%;
  height: 96%;
  margin-left: auto;
  margin-right: auto;

  /*float: right;
    position: absolute;
    top: -30px;
    right: -65px;*/
  background-color: white;
  z-index: 999;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
  border-radius: 5px;
}

#partSelectionContainer {
  margin-top: 10px;
  margin-bottom: 10px;
}

#shoppingCartTotalContainer {
  color: white;
  background-color: black;
  text-align: right;
}

#shoppingCartTotal {
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
  margin-right: 10px;
  font-weight: 700;
  font-size: 1.2em;
}

#partPricingDataGrid {
  display: inline-block;
  width: 100%;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
}

#buyingOption {
  width: 65%;
}

#selectedSystem {
  width: 65%;
}

#discountTextBox {
  width: 65%;
}

#discountCheckBoxSection {
  display: inline-block;
}

#quoteIDContainer {
  font-size: 1.5em;
  float: left;
  display: inline-block;
  text-align: left;
  margin-left: 25px;
  margin-top: 10px;
}

#quoteOutput {
  background-color: white;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
}

#clearSelectedPartsBtn {
  margin-top: 5px;
  margin-left: 5px;
  float: left;
  display: inline-block;
}

table#quoteLinesTable {
  text-align: center !important;
  padding: 3px !important;
  width: 100% !important;
}

table#quoteLinesTable > tbody > tr > th {
  text-align: center !important;
  padding: 3px !important;
  border: 1px solid black;
}

table#quoteLinesTable > thead > tr > th {
  text-align: center !important;
  border: 1px solid black;
  padding: 3px !important;
  background-color: #005cb9;
  color: white;
}

table#quoteLinesTableBO11 > thead > tr > th {
  text-align: center !important;
  border: 1px solid black;
  padding: 3px !important;
  background-color: #005cb9;
  color: white;
}

table#quoteLinesTable > tbody > tr > td {
  padding: 3px !important;
  border: 1px solid black;
}

table#quoteLinesTable > tfoot > tr > th#quoteTotalCost {
  text-align: right !important;
  padding: 3px 15px 3px 3px !important;
  border: 1px solid black;
}
/*kdfakfj*/
table#quoteLinesTableBO11 {
  text-align: center !important;
  padding: 3px !important;
  width: 100% !important;
}

table#quoteLinesTableBO11 > tbody > tr > th {
  text-align: center !important;
  padding: 3px !important;
  border: 1px solid black;
}

table#quoteLinesTableBO11 > thead > tr > th {
  text-align: center !important;
  border: 1px solid black;
  padding: 3px !important;
}

table#quoteLinesTableBO11 > tbody > tr > td {
  padding: 3px !important;
  border: 1px solid black;
}

table#quoteLinesTableBO11 > tfoot > tr > th#quoteTotalCost {
  text-align: right !important;
  padding: 3px 15px 3px 3px !important;
  border: 1px solid black;
}

#quoteFilterContent {
  border: 1px solid black;
  padding-top: 20px;
}

#quoteFilterContent > .dnsOption {
  color: red !important;
}

#quoteFilterContent > .quoteTotalPrice {
  color: green !important;
  font-weight: 800;
}

/*.dx-collection {
    display: inline-block !important;
}*/

#quoteLabelContainer {
  background-color: #d3d3d3;
  width: auto;
  margin: 0px auto;
  margin-bottom: 10px;
  width: 13%;
  font-size: 1.5em;
  font-weight: 700;
  padding: 3px;
}

#quoteOutputHeaderInfo {
  text-align: center;
  line-height: 0.9;
  margin-bottom: 10px;
  margin-top: 10px;
}

#quoteToCustomerContainer {
  border-top: 1px black solid;
  border-bottom: 1px black solid;
  padding-bottom: 2%;
  width: 50%;
  display: inline-block;
  height: 225px;
  vertical-align: bottom;
}

#quoteImageContainer {
  width: 100%;
}

#salesRepDataContainer {
  width: 50%;
  border-top: 1px black solid;
  border-bottom: 1px black solid;
  border-left: 0.5px black solid;
  padding-bottom: 2%;
  display: inline-block;
  height: 225px;
  float: right;
}

#soldByDataContainer {
  padding: 2% 0% 0% 8%;
}

#quoteContent {
  display: inline-block;
  padding: 5px;
}

#shuklaQuoteSection {
  text-align: center;
}

#shuklaQuoteSection img {
  width: 95% !important;
}

#customerInfoContainer {
  width: 100%;
}

#quoteToLbl {
  font-weight: 700;
  padding: 2% 0% 0% 4%;
}

#soldToDataContainer {
  padding: 2% 0% 0% 8%;
}

.dx-button-mode-contained.dx-button-default {
  background-color: #77a9db !important;
  border: 1px solid black !important;
}

.dx-button-mode-contained.dx-button-default:hover {
  background-color: #5a95d2 !important;
}

/*.modal-content {
    width: 100%;
}*/

/*.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}

@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }
}*/

.reorderQuoteBox {
  display: block !important;
}

#c {
  position: absolute !important;
  z-index: -1 !important;
  width: 100%;
  height: 100%;
  /*margin-left: -10%;*/
  display: none;
}

#searchContentFYR {
  width: 40%;
  padding: 25px 10px 40px 10px;
  border-radius: 6px;
}

#findYourRepOutput {
  width: 40%;
  padding: 10px;
  border-radius: 6px;
}

#searchContentFYRul {
  padding: 25px;
}

#findYourRepOutputul {
  padding: 5px;
}

.quoteInputsContainer
  > .dx-field-item-content
  > .dx-form-group
  > .dx-form-group-content
  > .dx-layout-manager
  > .dx-widget
  > .dx-box-flex
  > .dx-item {
  display: block !important;
}

.quoteInputsContainer {
  margin-top: 10px;
}

#buyingOption,
#discountTextBox {
  margin-top: 15px;
}

.quoteButtons
  > .dx-field-item-content
  > .dx-form-group
  > .dx-form-group-content
  > .dx-layout-manager
  > .dx-widget
  > .dx-box-flex
  > .dx-item {
  display: inline-block !important;
  min-height: unset !important;
  flex-grow: unset !important;
  flex-shrink: unset !important;
  font-size: 1.1em !important;
}

.quoteButtons
  > .dx-field-item-content
  > .dx-form-group
  > .dx-form-group-content
  > .dx-layout-manager
  > .dx-widget {
  font-size: 1.1em !important;
}

.quoteButtons {
  margin-top: 15px;
}

.dx-layout-manager .dx-field-item:not(.dx-first-row) {
  padding-top: unset !important;
}

#findYourRepOutputul > ul > li {
  margin-bottom: 0px !important;
}

#findYourRepOutputul.form-style-9 > ul > li {
  min-height: 0px !important;
  padding: 2px;
}

#fyrArrow {
  font-size: 15vw;
  width: 15%;
  height: inherit;
}

#fireArrow {
  width: 1px;
  border-left: 4px dotted black;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.fyrOutput {
  padding-bottom: 15px !important;
}

#orFYR {
  width: 100%;
  text-align: center;
}

#stateSelectFYR,
#zipInputFYR,
#cityInputFYR {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 900 !important;
  color: #919191 !important;
}

#findYourRepSearchContainer {
  display: flex;
  flex-direction: row;
}

.findYourRepContent {
  margin-bottom: 10px;
}

#newUpdateIcon {
  width: 30px;
  margin-top: 10px;
  margin-left: 10px;
  border-radius: 4px;
}

#shoppingCartIcon2 {
  width: 40px;
  margin-top: 10px;
  border-radius: 4px;
}

#accSideMenuLArrowIcon,
#accSideMenuRArrowIcon {
  width: 30px;
  margin-top: 10px;
  border-radius: 4px;
}

#shoppingCartIcon {
  width: 50px;
  margin-top: 10px;
  border-radius: 4px;
}

#cartAnchor {
  padding: 0;
}

#cartNotification {
  margin-right: -10px;
  padding: 2px 2px;
  border-radius: 30%;
  background-color: red;
  color: white;
  min-width: 20px;
  display: none;
  text-align: center;
  transition: 1s;
}

#cartNotification2 {
  margin-right: -20px;
  padding: 2px 2px;
  border-radius: 30%;
  background-color: red;
  color: white;
  min-width: 20px;
  display: none;
  text-align: center;
  transition: 1s;
  font-size: 8px;
}

#dismissNotification {
  position: absolute;
  top: 0;
  right: 5px;
}

#dismissNotification > button {
  border: 1px solid white;
}

#newFeatureContent {
  padding: 20px;
}

#underConstruction {
  width: 70%;
}

#underConstructionContainer {
  width: 100%;
  text-align: center;
}

.dx-checkbox-text {
  color: white;
}

#generateQuoteButton,
#quoteTorightPDF,
#submitQuote,
#clearQuoteButton,
#addCustomer,
#quoteToPDF,
#emailPDF {
  margin-right: 5px;
  margin-top: 5px;
  font-size: 18px;
}

#generateQuoteButton {
  margin-left: 5px;
}

/*#accordion {
    background-color: black !important;
}*/

.select-editable {
  position: relative;
  background-color: white;
  border: solid grey 1px;
  width: 120px;
}

.select-editable select {
  font-size: 14px;
  border: none;
  width: 120px;
  margin: 0;
}

.select-editable input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100px;
  padding: 1px;
  font-size: 12px;
  border: none;
}

.select-editable select:focus,
.select-editable input:focus {
  outline: none;
}

#editable-select {
  background-color: white;
  width: 20%;
}

#rentalRequestSetSelection {
  margin-bottom: 20px;
}

#consignedRequestSetSelection {
  margin-bottom: 20px;
}

#consignedRequestSection {
  margin-left: 20px;
  margin-bottom: 20px;
}

#consignedRequestLeftSection {
  margin-left: 20px;
  margin-bottom: 20px;
  width: 45%;
  display: inline-block;
  vertical-align: top;
  float: left;
}

/*
#setRequestRightSection {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    margin-left: 2%;
    padding-left: 2%;
}

#setRequestLeftSection {
    margin-left: 20px;
    margin-bottom: 20px;
    width: 35%;
    display: inline-block;
    vertical-align: top;
    float: left;
}*/

/*Change me back form new set request*/

#setRequestLeftSection {
  margin-left: 20px;
  margin-bottom: 20px;
  width: 32%;
  display: inline-block;
  vertical-align: top;
  float: left;
  min-height: 150px;
}

#setRequestMiddleSection {
  width: 32%;
  display: inline-block;
  border-right: 4px dotted black;
  padding-left: 2%;
  min-height: 150px;
}

#setRequestRightSection {
  width: 32%;
  display: inline-block;
  vertical-align: top;
  padding-left: 2%;
  min-height: 150px;
}

#LitRequestLeftSection {
  margin-left: 1%;
  margin-bottom: 20px;
  width: 32%;
  display: inline-block;
  vertical-align: top;
  min-height: 220px;
  float: left;
  padding: 1%;
}

#LitReqRightSection {
  width: 65%;
  display: inline-block;
  vertical-align: top;
  padding-left: 20px;
  z-index: 999;
  border-left: 4px dotted black;
}

#IncidentReportLeftSection {
  width: 47%;
  display: inline-block;
  vertical-align: top;
  border-right: 4px solid black;
  border-right-style: dotted;
  padding: 1%, 0%, 1%, 1%;
  margin-left: 2%;
  float: left;
}

#IncidentReportRightSection {
  width: 47%;
  display: inline-block;
  vertical-align: top;
  margin-left: 2%;
}

#ConsignedActivityRightSection {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding-left: 3%;
}

.panel-title {
  font-weight: 700;
}

.faqPanelContent {
  color: black;
}

#setSelectionList,
#evalTypeOfList,
#demoGroupSetSelectionList,
#demoIndivSetSelectionList {
  width: 90% !important;
}

#demoCalendarModalContainer.modal-dialog {
  width: 45%;
}

#demoCalendar {
  width: 100%;
}

#shipToRadio {
  /*margin-bottom: 20px;*/
}

#requestCommentsInput {
  margin-bottom: 20px;
}

#requestCommentsInput {
  width: 100%;
}

#setRequestSubmitBtn {
  float: right;
  display: inline-block;
  font-size: 18px;
}

/*#profileUpdateBtn {
    font-size: 18px;
    float: right;
}*/

#LitReqSubmitBtn {
  font-size: 18px;
}

#ConsignedActivitySubmitBtn {
  display: block;
  margin-top: 15%;
  margin-left: 5%;
  font-size: 42px;
  padding: 10px;
}

#IncidentReportSubmitBtn {
  float: right;
  display: inline-block;
  font-size: 18px;
}

#requiredAsterik {
  color: red;
  font-size: 24px;
}

#typeOfRequestLabel {
  display: inline-block;
}

#staticRequiredAsterik {
  display: inline-block;
  color: red;
  font-size: 24px;
}

#staticRequiredAsterikSM {
  display: inline-block;
  color: red;
  font-size: 18px;
  vertical-align: sub;
  margin-left: 15px;
}

#staticRequiredTextSM {
  font-size: 14px;
  color: black;
}

#googleDemoCalendar {
  display: inline-block;
  padding: 5px;
  background-color: black;
  border-radius: 4px;
  float: right;
}

.vl {
  border-left: 6px solid black;
  display: inline-block;
  height: 80%;
}

#orderRequestForm {
  width: 100%;
  height: 100%;
  background-color: white;
  padding: 15px;
  display: inline-block;
  border-radius: 5px;
}

#setRequestSubmitSection {
  /*position: absolute;
    bottom: 2%;
    right: 2%;*/
  margin-right: 10%;
}

#LitReqSubmitSection {
  display: inline-block;
  float: right;
  margin-right: 2%;
  margin-top: 1%;
}

#ConsignedActivitySubmitSection {
  display: inline-block;
  float: right;
  margin-top: 3%;
  margin-right: 3.8%;
}

#IncidentReportSubmitSection {
  float: right;
  vertical-align: bottom;
  display: block;
  margin-right: 5%;
  margin-top: 2%;
}

#subRightRightContent,
#subRightLeftContent {
  display: inline-block;
}

#subRightRightContent {
  width: 38%;
  margin-left: 7%;
  vertical-align: bottom;
}

#subRightLeftContent {
  width: 38%;
  margin-left: 3%;
}

#attentionToInput {
  width: 90%;
}

#surgeonNameInput {
  width: 90%;
}

#ConsignedHospitalNameInput,
#ConsignedHospitalCityInput,
#ConsignedStateInput,
#ConsignedAttentionToInput,
#ConsignedHospitalContactInput,
#ConsignedHospitalContactPhoneInput,
#ConsignedSurgeonNameInput,
#ConsignedRequestCommentsInput,
#ConsignedHospitalNameSelectBoxInput,
#ConsignedHospitalContactSelectBoxInput {
  width: 100%;
}

#hospitalNameInput {
  width: 90%;
}

#OtherAddressInput,
#OtherCityInput,
#OtherStateInput,
#OtherZipInput {
  width: 90%;
}

#hospitalContactInput,
#hospitalContactPhoneInput,
#HospitalAddressInput,
#HospitalCityInput,
#HospitalStateInput,
#HospitalZipInput,
#needByDateInput,
#dateOfUseInput,
#requestCommentsInput,
#RepAddress1Input,
#RepCityInput,
#RepStateInput,
#RepZipInput,
#HospitalAddress1Input,
#OtherAddress1Input {
  width: 90% !important;
}

.dx-radiobutton-icon::before {
  border: 1px solid black !important;
}

*:focus {
  outline: none;
}

/*#Accbreadcrumbcontainer {
    margin-top: 20px;
    width: 18%;
    margin-left: -2%;
    float: right;
    z-index: 999;
}


#AccbreadcrumbOutput {
    font-weight: 700;
}*/
#profileStateInput {
  display: block;
  width: 100%;
}

#submitStatusContainer {
  padding-left: 15px;
}

#profileStateInput
  > .dx-dropdowneditor-input-wrapper
  > .dx-texteditor-container {
  border-radius: 4px !important;
}

.profileAccordion > .panel > #col_0 {
  background-color: white;
}

#submitStatusContainer {
  display: none;
}

#xraySearchFormContainer {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

#xraySearchContainer {
  width: 100%;
  margin-top: 50px;
}

.profileAccordion {
  margin: auto;
  width: 85%;
}

#profile-form {
  width: 100%;
  padding: 5px 25px 0px 25px;
}

#xraySearchLogo {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.noSelection {
  margin-left: auto;
  margin-right: auto;
  /*border: #FFFFFF 1px solid;*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#requestFormContainer {
  background-color: white;
  width: 40%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
  padding-bottom: 10px;
}

#limitedRequestFormContainer {
  background-color: white;
  width: 40%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0%;
}

#profileH2Header {
  font-family: "Acme", sans-serif;
  text-align: center;
}

#profileLeftContainer {
  width: 48%;
  padding: 0px 15px 15px 15px;
  display: inline-block;
}

#profileRightContainer {
  width: 48%;
  padding: 0px 15px 15px 15px;
  float: right;
  display: inline-block;
}

.part-selection-list {
  display: none !important;
}

/*#part-selection-list-template-container {
    display: none;
}*/

#profileBottomSplit {
  width: 100%;
}

#profileZipContainer {
  width: 40%;
  display: inline-block;
}

#profileAddress2Container,
#profileAddress3Container {
  width: 49%;
  display: inline-block;
}

#profileAddress3Container {
  float: right;
}

#profileAddressTypeContainer {
  width: 58%;
  display: inline-block;
  float: right;
}

#col-3-InfoIcon {
  display: block;
  width: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-right: 5px;
}

.tooltips {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}

.tooltips .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 999;
  top: -5px;
  left: 100%;
}

.tooltips:hover .tooltiptext {
  visibility: visible;
  padding: 10px;
  width: 300px;
}

.commissionToolTip {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 999;
  top: -5px;
  left: 100%;
}

.commissionToolTip:hover {
  visibility: visible;
  padding: 10px;
  width: 300px;
}

.SetIDtooltips {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}

.SetIDtooltips .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 999;
  top: -5px;
  left: 100%;
}

.SetIDtooltips:hover .tooltiptext {
  visibility: visible;
  padding: 10px;
  width: 300px;
}

#partReorderPrices {
  width: 100%;
}

#reset-zoom {
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
}

.dx-header-row > div.dx-select-checkbox::before {
  content: "All";
  color: white;
}

#rentalsOnlyButton > .dx-checkbox-container > .dx-checkbox-text,
#nonRentalsOnlyButton > .dx-checkbox-container > .dx-checkbox-text {
  color: black !important;
}

.rightAlignDollas {
  text-align: right;
  width: 8%;
}

li#formsDropDown ul {
  background-color: transparent !important;
}

li#formsDropDown ul > li :hover {
  background-color: #005db9 !important;
}

li#formsDropDown ul.dropdown-menu {
  border: unset !important;
  box-shadow: unset !important;
  -webkit-box-shadow: unset !important;
  padding: 10px;
  margin-top: -25px;
}

li#formsDropDown ul.dropdown-menu > li {
  margin-bottom: 5px;
}

li#formsDropDown ul.dropdown-menu > li > a {
  padding: 5px;
}

li#formsDropDown ul.dropdown-menu > li > a {
  border-radius: 4px;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
}

#WhatHappenedInput,
#HowHappenedInput,
#SurgeryResultInput,
#IncidentSystemInput,
#IncidentRentalSetIDInput,
#IncidentPartNumbersInput,
#IncidentPartLotNumbersInput,
#IncidentProductOwnerShipInput,
#IncidentNumOfRevsInput,
#IncidentEventDateInput,
#IncidentTypeOfSurgeryInput,
#IncidentTypeOfImplantRemovedInput,
#IncidentHospitalNameInput,
#IncidentHospitalStateInput,
#IncidentHospitalCountryInput,
#IncidentReportSurgeonsInput {
  width: 95% !important;
  margin-bottom: 5px;
}

#FailureTypeList {
  width: 95% !important;
}

#FailureTypeList
  > .dx-scrollable-wrapper
  > .dx-scrollable-container
  > .dx-scrollable-content
  > .dx-scrollview-content
  > .dx-list-item {
  width: 50% !important;
}

#FailureTypeList
  > .dx-scrollable-wrapper
  > .dx-scrollable-container
  > .dx-scrollable-content
  > .dx-scrollview-content
  > .dx-list-item:nth-child(2) {
  border-top: unset !important;
}

#IncidentHospitalNameInput,
#IncidentHospitalStateInput,
#IncidentHospitalCountryInput,
#IncidentReportSurgeonsInput {
  margin-bottom: 15px;
}

#LagPGInput,
#LagSTGInput,
#BladePGInput,
#BladeSTGInput,
#NailBRPGInput,
#NailBRSTGInput,
#MiniPGInput,
#MiniSTGInput,
#MaxiPGInput,
#MaxiSTGInput,
#ScrewPGInput,
#ScrewSTGInput,
#NailPGInput,
#NailSTGInput,
#HipPGInput,
#HipSTGInput,
#HipAntPGInput,
#HipAntSTGInput,
#KneePGInput,
#KneeSTGInput,
#SpinePGInput,
#SpineSTGInput,
#CopterPGInput,
#CopterSTGInput,
#GeneralAIOInput,
#GeneralLWInput,
#GeneralCSInput,
#GeneralLAMInput,
#ShoulderPGInput,
#ShoulderSTGInput,
#ShoulderBladePGInput,
#ShoulderBladeSTGInput,
#VisePGInput,
#ViseSTGInput,
#TrephinePGInput,
#TrephineSTGInput,
#CupPGInput,
#CupSTGInput,
#ScrewFlexPGInput,
#ScrewFlexSTGInput,
#ModularHipPGInput,
#ModularHipSTGInput,
#TraumaMaxiPGInput,
#TraumaMaxiSTGInput {
  width: 35%;
}

#RequestedDeliveryDateInput,
#LitReqAddress1Input,
#LitReqCityInput,
#LitReqStateInput,
#LitReqZipInput {
  width: 70% !important;
}

#LitReqAddress2Input,
#LitReqAddress3Input {
  width: 100%;
}

div.wsMsgWnd {
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: normal;
  color: #505050;
  position: fixed;
  right: 10px;
  bottom: 10px;
  left: 10px;
  z-index: 99999;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

div.wsMsgWnd *,
div.wsMsgWnd *:before,
div.wsMsgWnd *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

div.wsMsgWnd img {
  width: auto;
  height: auto !important;
  max-width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}

div.wsMsgWnd svg {
  max-width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}

div.wsMsgWnd .CloseButton {
  position: absolute;
  right: 6px;
  text-decoration: none;
  cursor: pointer;
}

div.wsMsgWnd .CloseButton:after {
  font: 21px/100% arial, sans-serif;
  line-height: normal;
  z-index: 1;
  content: "x";
}

div.wsMsgWnd .r-container {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  width: auto;
  padding-top: 17px;
  padding-bottom: 17px;
}

@media (min-width: 768px) {
  div.wsMsgWnd .r-container {
    max-width: 768px;
  }
}

@media (min-width: 992px) {
  div.wsMsgWnd .r-container {
    max-width: 992px;
  }
}

@media (min-width: 1200px) {
  div.wsMsgWnd .r-container {
    max-width: 1200px;
  }
}

div.wsMsgWnd .r-container:after {
  clear: both;
}

@media (min-width: 600px) {
  div.wsMsgWnd .r-container .Content {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
  }

  div.wsMsgWnd .r-container .Content > * {
    max-width: 90%;
  }
}

div.wsMsgWnd .r-container .Content .Title {
  -webkit-transition: opacity 100ms linear;
  -o-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
  font-family: "Open Sans Condensed", "HelveticaNeue-CondensedBold", Helvetica,
    "Arial Narrow", Calibri, Arial, "Lucida Grande", sans-serif;
  font-size: 18px;
  margin-bottom: 2px;
}

.wf-active div.wsMsgWnd .r-container .Content .Title {
  opacity: 1;
  font-stretch: normal;
}

.wf-inactive div.wsMsgWnd .r-container .Content .Title {
  opacity: 1;
  font-stretch: condensed;
  font-weight: normal;
}

@media (min-width: 992px) {
  div.wsMsgWnd .r-container .Content .Text {
    max-width: 70%;
  }
}

div.wsMsgWnd .r-container .Button {
  margin-top: 10px;
  text-align: center;
}

@media (min-width: 600px) {
  div.wsMsgWnd .r-container .Button {
    margin-top: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
  }
}

div.wsMsgWnd .r-container .Button a {
  -webkit-transition: opacity 100ms linear;
  -o-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
  font-family: "Open Sans Condensed", "HelveticaNeue-CondensedBold", Helvetica,
    "Arial Narrow", Calibri, Arial, "Lucida Grande", sans-serif;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none !important;
  white-space: nowrap;
  font-weight: bold;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 2px solid white;
  background-color: transparent;
  color: #ff7200;
  cursor: pointer;
  -ms-behavior: url("/Scripts/shim-pie?v=UEApp2x2YxzRrSXxsgx7S_fq7pC1-IAhkvdr70yTN281");
  font-size: 16px;
  padding: 7px 20px;
  margin-left: 10px;
}

.wf-active div.wsMsgWnd .r-container .Button a {
  opacity: 1;
  font-stretch: normal;
}

.wf-inactive div.wsMsgWnd .r-container .Button a {
  opacity: 1;
  font-stretch: condensed;
  font-weight: normal;
}

div.wsMsgWnd .r-container .Button a:first-child {
  margin-left: 0;
}

.personal-details {
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
}

div.wsMsgWnd.Important {
  background-color: #005db9 !important;
  border: 1px solid #005db9;
  color: #fff;
  border-radius: 5px;
}

div.wsMsgWnd.Important .r-container a {
  color: #fff;
}

@media (min-width: 992px) {
  div.wsMsgWnd.Important .r-container .Content .Text {
    max-width: 90%;
  }
}

div.wsMsgWnd.Important .r-container .Button a {
  -webkit-transition: opacity 100ms linear;
  -o-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
  font-family: "Open Sans Condensed", "HelveticaNeue-CondensedBold", Helvetica,
    "Arial Narrow", Calibri, Arial, "Lucida Grande", sans-serif;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none !important;
  white-space: nowrap;
  font-weight: bold;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 2px solid white;
  background-color: #005db9 !important;
  color: #fff;
  cursor: pointer;
  -ms-behavior: url("/Scripts/shim-pie?v=UEApp2x2YxzRrSXxsgx7S_fq7pC1-IAhkvdr70yTN281");
  font-size: 16px;
  padding: 7px 20px;
  margin-left: 10px;
}

.wf-active div.wsMsgWnd.Important .r-container .Button a {
  opacity: 1;
  font-stretch: normal;
}

.wf-inactive div.wsMsgWnd.Important .r-container .Button a {
  opacity: 1;
  font-stretch: condensed;
  font-weight: normal;
}

div.wsMsgWnd.Important .r-container .Button a:first-child {
  margin-left: 0;
}

.dx-list-item-content {
  word-wrap: initial !important;
  white-space: initial !important;
}

#col_2 {
  width: 60%;
}

/*.modal-title {
    width: 80%;
    display: inline-block
}*/

.close {
  display: inline-block;
}

#custNameTextBox2,
#contactNameTextBox2,
#contactPhoneTextBox2,
#contactEmailTextBox2,
#contactAddress1TextBox2,
#contactAddress2TextBox2,
#contactAddress3TextBox2,
#contactCityTextBox2,
#contactStateTextBox2,
#contactZipTextBox2,
#selectSystem2,
#buyingOption2,
#custNameSelectBox2,
#contactNameSelectBox2 {
  width: 100% !important;
}

#selectSystem2,
#buyingOption2,
#discountTextBox2 {
  display: none !important;
}

.buttongroups-container {
  display: flex;
  justify-content: center;
  font-size: 16px;
}

.buttongroups-container > div {
  padding: 0 12px;
}

.buttongroups-container:first-child {
  margin-top: 120px;
  margin-bottom: 40px;
}

.multiple-selection-styling-mode {
  border-left-width: 1px;
  border-left-style: solid;
  border-color: #dddddd;
}

.dx-row-alt > td {
  background-color: lightslategrey;
  border-top: unset !important;
}

/* everything */
.details0 {
  transition: all 0.5s linear;
}

/* height only, no heights */
.details1 {
  transition: height 1s ease;
}

/* height only, auto heights */
.details2,
.details2 .contents {
  transition: height 1s ease;
}

.details2:not([open]) {
  height: auto;
}

.details2[open] {
  height: auto;
}

/* specific heights */
.details3 {
  transition: height 1s ease;
}

.details3:not([open]) {
  height: 1.25em;
}

.details3[open] {
  height: 3.75em;
}

/* specific heights with wrapper */
.details4 .contents {
  transition: height 1s ease;
}

.details4:not([open]) .contents {
  height: 0;
}

.details4[open] .contents {
  height: 1.25em;
}

/* specific animation */
/* https://daneden.me/animate/ */
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-1.25em);
  }

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

.details5[open] {
  animation-name: fadeInDown;
  animation-duration: 0.5s;
}

/* animate font-size (for height: auto) */
@keyframes growAndFadeInFontSize {
  0% {
    font-size: 0;
    opacity: 0;
  }

  100% {
    font-size: 1em;
    opacity: 1;
  }
}

.details6[open] {
  animation-name: growAndFadeInFontSize;
  animation-duration: 500ms;
}

/* add wrapper, continue with font-size */
@keyframes invisiblyGrowFontSize {
  0% {
    font-size: 0;
    opacity: 0;
  }

  100% {
    font-size: 1em;
    opacity: 0;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

#trainingDropdown > details {
  background-color: transparent !important;
}

#trainingDropdown > details:hover {
  background-color: transparent !important;
}

#materialTypeRadioBtns > .dx-widget {
  color: white;
}

.w3-container {
  margin-top: 5px;
}

.videoMaterialContentContainer {
  width: 33%;
  display: inline-block;
}

.videoMaterialContentContainer button {
  display: block;
  width: 100%;
  background-color: #005db9;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: none;
}

.pdfMaterialContentContainer {
  width: 49%;
  display: inline-block;
  margin-bottom: 15px;
}

.rightPDF {
  float: right;
}

.leftPDF {
  float: left;
}

.videoMaterialContentContainer button {
  white-space: initial !important;
}

.pdfMaterialContentContainer button {
  display: block;
  width: 100%;
  background-color: #005db9;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: none;
  white-space: initial !important;
}

.pdfMaterialContentContainer iframe {
  width: 100%;
}

.imgMaterialContentContainer {
  display: inline-block;
  vertical-align: top;
}

.imgMaterialContentContainer button {
  display: block;
  width: 100%;
  background-color: #005db9;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: none;
}

.box {
  display: block;
  width: 200px;
  height: 100px;
  background-color: #ddd;
}

#pop {
  padding: 0px 0px;
}

#example {
  position: relative;
}

trainingMaterialBtnContainer {
  background-color: #005db9;
}

.googleVid {
  width: 100%;
  background-color: #000;
  margin-bottom: 5px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
}

.googleVid img {
  width: 100%;
  top: 1%;
  left: 0;
  opacity: 0.7;
}

.googleVid .play-button {
  width: 90px;
  height: 60px;
  background-color: #333;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  z-index: 1;
  opacity: 0.8;
  border-radius: 6px;
}

.googleVid .play-button:before {
  content: "";
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #fff;
}

.googleVid img,
.googleVid .play-button {
  cursor: pointer;
}

.googleVid img,
.googleVid iframe,
.googleVid .play-button,
.googleVid .play-button:before {
  position: absolute;
}

.googleVid .play-button,
.googleVid .play-button:before {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.googleVid iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

#tmImageContainer {
  display: flex;
  flex-flow: column wrap;
  flex: 20%;
}

#tmImageContainer > :nth-child(3n + 1) {
  order: 1;
  width: 33%;
  padding: 5px 5px 5px 0px;
}

#tmImageContainer > :nth-child(3n + 1) > img {
  width: 100%;
}

/* 1st column */
#tmImageContainer > :nth-child(3n + 2) {
  order: 2;
  width: 33%;
  padding: 5px 5px 5px 5px;
}

#tmImageContainer > :nth-child(3n + 2) > img {
  width: 100%;
}

/* 2nd column */
#tmImageContainer > :nth-child(3n + 3) {
  order: 3;
  width: 33%;
  padding: 5px 0px 5px 5px;
}

#tmImageContainer > :nth-child(3n + 3) > img {
  width: 100%;
}

#tmImageContainer > :nth-child(-n + 3) {
  page-break-before: always; /* CSS 2.1 syntax */
  break-before: always; /* New syntax */
}

#ConsignedSetIDInput {
  margin-top: 8px;
  width: 90%;
}

#setIDLabel {
  margin: 0px;
  display: inline-block;
  vertical-align: top;
}

#updateprofileContainer {
  margin-top: unset;
}

.moveCAPTCHAup {
  bottom: 90px !important;
}

#typeOfRequestContainer {
  width: 83%;
  display: inline-block;
}

#ExistingCustomerBool > .dx-widget > .dx-item:first-child::after {
  content: !important;
  display: inline-block;
  margin-left: 10px;
  font-weight: 999;
}

#repTypeFilter > .dx-widget > .dx-item:first-child::after {
  content: "OR" !important;
  display: inline-block;
  margin-left: 10px;
  font-weight: 999;
}

#ExistingCustomerBool > .dx-widget > .dx-item > .dx-item-content {
  display: inline-block !important;
}

#repTypeFilter > .dx-widget > .dx-item > .dx-item-content {
  display: inline-block !important;
}

.contactNameSelectBox2Label {
  display: none;
}

/*#submitQuoteModalForm {
    display: none;
}*/

#quoteControlsContainer {
  background-color: black;
  width: 48%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-radius: 4px;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
  padding: 5px;
  height: 100%;
}

#inputAndCartContainer {
  height: 300px;
}

/*.dx-datagrid-rowsview .dx-selection.dx-row:hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
    background-color: #337ab7 !important;
}*/

.dx-overlay-shader {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

#quoteIDDisplay > .dx-texteditor-container,
#quoteDateDislay > .dx-dropdowneditor-input-wrapper > .dx-texteditor-container,
#quoteSystemPartNum > .dx-texteditor-container,
#quoteSystemDislay > .dx-texteditor-container,
#quoteBuyingOptionDisplay > .dx-texteditor-container,
#quoteDiscountPercentDisplay > .dx-texteditor-container,
#quoteCustNameDisplay > .dx-texteditor-container,
#quoteContactName > .dx-texteditor-container,
#quoteContactPhone > .dx-texteditor-container,
#quoteContactEmail > .dx-texteditor-container,
#quoteAddress1Display > .dx-texteditor-container,
#quoteAddress2Display > .dx-texteditor-container,
#quoteAddress3Display > .dx-texteditor-container,
#quoteCityDisplay > .dx-texteditor-container,
#quoteStateDisplay > .dx-texteditor-container,
#quoteZipDisplay > .dx-texteditor-container,
#quoteSalesRepCodeDisplay > .dx-texteditor-container,
#quoteRepNameDisplay > .dx-texteditor-container,
#quoteRepEmailDisplay > .dx-texteditor-container,
#quoteNetPriceDisplay > .dx-texteditor-container,
#quoteDiscountedSubtotalDisplay > .dx-texteditor-container,
#quoteApprovalStatusDisplay > .dx-texteditor-container,
#quoteProcessedDisplay > .dx-texteditor-container,
#quoteEpicorQuoteNum > .dx-texteditor-container,
#quoteTermsCodeSelectBox > .dx-texteditor-container {
  border: unset !important;
}

#quoteProcessedDisplay {
  margin-bottom: 10px;
}

#editQuotePopup > .dx-popup-title::before {
  content: "Hello World" !important;
}

.dx-item.dx-toolbar-item.dx-toolbar-label {
  max-width: unset !important;
}

.dx-row
  .dx-data-row
  .dx-column-lines
  .dx-row-focused
  .dx-cell-focus-disabled
  .dx-selection:hover {
  background-color: black !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
  background-color: #0089ff85 !important;
  color: black;
}

.dx-layout-manager .dx-field-item:not(.dx-first-col) {
  padding-left: 0px !important;
}

#editQuoteCancelBtn {
  float: right;
}

#rtoTC {
  width: 1000px;
  display: none;
}

#ltoTC {
  width: 1000px;
  display: none;
}

#changeRepRequestForm {
  background-color: white;
  border-radius: 6px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#googleFormContainer {
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  height: 100%;
}

#findYourRepCaptcha {
  margin-bottom: 0px !important;
}

#submitPOModal {
  z-index: 2000;
}

#custIdTextBox2,
#custNumTextBox2,
#conNumTextBox2 {
  display: none !important;
}

#productsPageLinksContainer > a > img {
  margin-bottom: 3em;
  width: 100%;
}

/*.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid green;
    display: inline-block;
    margin-left: 5px;
}*/

.panel-title {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 2em;
  margin: -2em;
  margin-top: -2em !important;
  margin-bottom: -2em !important;
  width: 100%;
}

.panel-title::after {
  content: "\f107";
  color: #333;
  font-family: "FontAwesome";
  margin-left: 10px;
  right: 0;
  position: absolute;
}

.panel-title[aria-expanded="true"]::after {
  content: "\f106";
  margin-left: 10px;
  right: 0;
  position: absolute;
}

.navbar-inverse .btn-link {
  color: black !important;
}

#loadingModal,
#alreadyPostedModal,
#successPostedModal,
#confirmPostModal,
#newCustomerPostModal,
#postQuoteAfterAddingCustomerPostModal {
  z-index: 9999999;
}

#setSelection {
  width: 100%;
}

#missingSetsCheckBox {
  width: 143px !important;
  float: right;
  margin-top: 5px;
}

#missingSetsCheckBox > .dx-checkbox-container {
  text-align: right;
}

#missingSetsCheckBox > .dx-checkbox-container > .dx-checkbox-text {
  color: black;
  display: inline;
  font-weight: 600;
}

#missingConsignedSetIDInput {
  width: 100%;
}

#dateOfUseInput {
  width: 100% !important;
}

#dateOfUseInputSR {
  width: 90% !important;
}

#outcomeInput {
  width: 100% !important;
}

#missingSetsCheckBox > .dx-checkbox-container > .dx-checkbox-icon {
  float: right !important;
  margin-left: 5px !important;
}

#shoppingCartHeaderContainer {
  background-color: #005db9;
  height: 65px;
}

.shoppingCartHeader {
  padding: 10px !important;
}

.sidenav {
  height: 30%;
  width: 0;
  position: fixed;
  z-index: 1000;
  right: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
  /*box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.19);*/
}

/*.sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        
        display: block;
        border: 1px solid black;
        
        
        padding: 5px;
    }*/

/*.sidenav a:hover {
            
        }*/

.accountSideNav .closebtn {
  position: absolute;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  display: inline-block;
}

.shoppingCartClosebtn {
  border: 1px solid black;
  float: right;
  cursor: context-menu;
  display: inline-block;
  font-size: 18px;
  padding: 5px;
  border-radius: 4px;
  background-color: #d8534e;
  transition: ease-in-out 0.2s;
  position: absolute;
  bottom: 15%;
  right: 2%;
}

.shoppingCartClosebtn:hover {
  background-color: #d8534e;
  padding: 7px;
  background-color: red;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }
}

#myAccountSidenav {
  background-color: #292f4c;
}

.accountSideNav {
  height: 100%;
  width: 100%;
  /*position: absolute;*/
  z-index: 1000;
  /*top: 0;*/
  left: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
  /*    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.19);
*/
}

.accountSideNav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #cacaca;
  display: block;
  transition: 0.3s;
}

.accountSideNav a:hover {
  color: #f1f1f1;
}

@media screen and (max-height: 450px) {
  .accountSideNav {
    padding-top: 15px;
  }

  .accountSideNav a {
    font-size: 18px;
  }
}

#refreshTimer {
  display: none !important;
}

#refreshButtonImage {
  cursor: pointer;
}

#time {
  cursor: default;
}

.qtyFontSKW {
  font-size: 54px;
  color: red;
  text-shadow: -1px 0 black, 0 2px black, 2px 0 black, 0 1px black;
  vertical-align: baseline;
}

.headline5TextSKW {
  font-size: 36px;
  text-align: left;
  margin-left: 15%;
}

#shuklaReporterVideo {
  height: 100vh;
  width: 100vw;
  margin-left: -1%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  right: 0;
  object-fit: fill;
}

#initialshuklaReporterVideo {
  height: 100vh;
  width: 100vw;
  margin-left: -1%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  right: 0;
  object-fit: fill;
}

#breakingNewsVideo {
  height: 100vh;
  width: 100vw;
  margin-left: -1%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  right: 0;
  object-fit: fill;
}

.headlineHeader {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 1) 61%,
    rgba(185, 0, 0, 1) 78%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0px 1px 45px rgba(255, 255, 255, 0.2);
  font-size: 96px;
}

/*.headlineHeader {

    font-size: 100px;
    color: #222;
    animation: Color 4s linear infinite;
    -webkit-animation: Color 4s ease-in-out infinite;
    text-shadow: 10px 10px #F0F0F0;
}*/

#testCloseBtn {
  border: 1px solid black;
  float: right;
  cursor: auto;
  display: inline-block;
  padding: 5px;
  border-radius: 4px;
  background-color: #d8534e;
  transition: ease-in-out 0.2s;
  position: absolute;
  top: 5px;
  right: 5px;
}

#testCloseBtn:hover {
  background-color: #d8534e;
  padding: 7px;
  background-color: red;
}

#cartItemContainer {
  margin-left: 20px;
}

.subTotalLine {
  text-align: right;
  display: block;
  margin-right: 3%;
}

.subTotalValue {
  display: inline-block;
  /*margin-right: 15px;*/
}

#quoteTotalContainer {
  position: absolute;
  bottom: 0;
  background-color: black;
  width: 100%;
  color: white;
  text-align: right;
}

#totalPlaceHolder {
  font-size: 18px;
  padding-right: 3%;
}

#currentQuoteTotal {
  font-size: 18px;
  padding-right: 3%;
}

.requestedDiscount {
  text-align: right;
  display: block;
  margin-right: 3%;
}

#shoppingCartIconContainer2 {
  display: none;
}

#rentalBoolContainer {
  display: none;
}

.select2-selection__placeholder {
  color: black !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  opacity: 1 !important;
}

/* Firefox */
input[type="number"] {
  opacity: 1 !important;
}

#backToAccountPageBtn {
  background-color: lightgrey;
  padding: 10px;
  border-radius: 3px;
  color: black;
  font-weight: 800;
  border: 1px solid black;
}

#backToAccountPageBtn:hover {
  background-color: #005db9;
  color: white;
}

#QuoteSubmissionsDG {
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.19) !important;
}

.icon-bar_socialMedia {
  position: fixed;
  top: 55%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1000;
}

.icon-bar_socialMedia a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
  transition: all 0.2s ease-in-out;
}

.icon-bar_socialMedia a:hover {
  background-color: #000;
  transform: scaleX(1.2);
}

.facebook {
  background: #3b5998;
  color: white;
}

.twitter {
  background: #55acee;
  color: white;
}

.instagram {
  background: linear-gradient(
    45deg,
    #ffdc80,
    #fcaf45,
    #f77737,
    #f56040,
    #fd1d1d,
    #e1306c,
    #c13584,
    #833ab4,
    #5851db,
    #405de6
  );
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

.paragraphStyleDX {
  font-family: "OpenSansCondensedBold", "HelveticaNeue-CondensedBold", Helvetica,
    "Arial Narrow", Calibri, Arial, "Lucida Grande", sans-serif;
  color: #1b4461;
  font-weight: 680;
  font-size: 1.2em;
}

.headerStyleDx {
  font-family: "OpenSansCondensedBold", "HelveticaNeue-CondensedBold", Helvetica,
    "Arial Narrow", Calibri, Arial, "Lucida Grande", sans-serif;
  color: #768fa0;
  font-weight: 800;
}

#repExsitsModal > .modal-dialog > .modal-content {
  margin: 0px auto;
  width: 80%;
}

#loadingModalAddRep > .modal-dialog > .modal-content {
  margin: 0px auto;
  width: 40%;
}

#addedRepSuccessModal > .modal-dialog > .modal-content {
  margin: 0px auto;
  width: 60%;
}

.buyingOptionInput,
.systemPartNumInput {
  background-color: white;
}

/*#partSelectTagBox1 {
    border: 1px solid #B0CFE0 !important;
}*/

#mainPageSystemGrid > .grid-item > .overlay > h4,
#mainPageSystemGrid > .grid-item > .overlay > p {
  margin-bottom: 2px;
}

#setRequestConfirmationCheck {
  margin-bottom: 25px;
}