body {
  font-size:12px;
  line-height: 1.5;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.eot');
  src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Poppins-Regular.woff2') format('woff2'),
       url('../fonts/Poppins-Regular.woff') format('woff'),
       url('../fonts/Poppins-Regular.ttf')  format('truetype'),
       url('../fonts/Poppins-Regular.svg#Poppins') format('svg');
}

a:hover {
  color:#88c2ee;
}
.login_wrapper {
  margin-top:1%;
  max-width:450px;
}
.row {
  width:100%;
}
.login-box {
  position:absolute;
  width:100%;
  top:40%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.login-logo {
  margin:0 0 20px 0;
  text-align:center;
}
.login-logo img {
  max-width: 100%;
  display:block;
  margin:0 auto 12px auto;
  /*background:rgba(255, 255, 255, 0.4);*/
  border-radius: 5px;
}
.login-logo span {
  display:block;
  font-size:24px;
  line-height: 36px;
  text-transform: uppercase;
  color:#fff;
  letter-spacing: 4.8px;
}
.login_content {
  text-align: left;
}
.login_content form input[type="text"], .login_content form input[type="email"], .login_content form input[type="password"] {
  border-radius:0;
  box-shadow: none;
  border:none;
  margin:0;
}
.login_content form button[type="submit"] {
  display:block;
  background-color:#57B8FF;
  color:#EBF6FD;
  width:100%;
  padding:10px;
  border:none;
  margin:24px 0 24px 0;
  font-family:'Calibri';
  font-size:14px;
  line-height: 21px;
  cursor: pointer;
  font-weight: normal;
  text-transform: uppercase;
  outline:none;
  text-shadow:none;
  letter-spacing: 2.24px;
}
.login_content form button[type="submit"]:hover { 
  background-color: #819fd1;
  transition:all 0.3s ease-in-out;
}
.login_content form input[type="text"]:focus, .login_content form input[type="email"]:focus, .login_content form input[type="password"]:focus {
  border:none;
}
.login-help {
  padding:5px 10px;
  text-align:center;
  font-size:11px;
  color:#EBF6FD;
}
.nav_title {
   padding:0px 0 0px 0;
   height: auto;
   min-height: 66px;
 }
.left_col {
  max-width: 230px;
}
.nav-md .container.body .col-md-3.left_col.menu_fixed {
  padding-bottom:70px;
}
.nav_menu {
  border-bottom:none;
  box-shadow: 0px 1px 4px #15223214;
}
a.user-profile {
  font-size:14px;
  line-height: 20px;
}
.user-profile img {
  float:left;
  width:36px;
  height: 36px;
}
a.user-profile div {
  display:inline-block;
  vertical-align: middle;
}
a.user-profile span {
  display: block;
  font-size:10px;
}
.menu_section>ul {
  margin-right: 16px;
}
.menu_section ul.tree, .menu_section ul.tree ul {
  margin-right: 0;
  margin-left: 6px;
}

.nav.side-menu>li>a, .nav.child_menu>li>a {
  color:#5195cb;
}
.nav li.current-page>a {
  color: #fff;
}
.nav.side-menu>li.active>a {
  background:rgba(87,184,255, 0.1);
  text-shadow: none;
  box-shadow: none;
  color:#ffffff;
}
.nav.side-menu>li.current-page, .nav.side-menu>li {
  border-left:4px solid transparent;
}
.nav.side-menu>li.current-page, .nav.side-menu>li.active {
  border-right: none;
  border-left:4px solid #57B8FF;
}
.nav-md ul.nav.child_menu li:before {
  display:none;
}
.nav-md ul.nav.child_menu li:after {
  border-left:none;
}


.nav.child_menu li {
  padding-left:4px;
}
.site_title {
  height: auto;
  padding:0;
  margin:0;
}
.site_title img {
  display:block;
  width:100%;
  margin:0 auto;
}
.menu_section h3 {
  font-size:16px;
  padding-left:13px;
  text-shadow: none;
  font-weight: normal;
}
.main_menu span.childnav-trigger {
  float: right;
  position: absolute;
  text-align: center;
  margin-top: 5px;
  font-size: 9px;
  min-width: 24px;
  color:#5195cb;
  height:24px;
  padding:7px 8px 18px 8px;
  right:10px;
  top:6px;
}
.h3, h3 {
  font-size:1.5rem;
  font-weight: bold;
}
.x_title h2 {
  font-size:18px;
  color:#171725;
  font-weight: bold;
}
.page-title {
  height: auto;
  padding:24px 0 24px 0;
}
.page-title .title_left h3 {
  color:#171725;
  font-weight: bold;
}
.navbar-nav {
  flex-direction: row;
  justify-content: space-between;
}
.top_search {
  padding: 13px 0 0 13px;
  width:240px;
}
.btn-primary {
  color:#ffffff;
}
#svgload svg {
  display: block;
  width: 100%;
  max-width: 100%;
}
svg g.hover
{
cursor:pointer;
}
svg g.hover circle  {
  fill:transparent;
  cursor: pointer;
  r:11;
  stroke:none;
}
svg g.hover:hover circle, svg g.hover.active circle  {
  fill:#FF0000 !important;
  cursor: pointer;
  r:11;
}

svg g.hover:hover text, svg g.hover:hover tspan, svg g.hover.active text, svg g.hover.active tspan {
  cursor: pointer;
  fill: #ffffff !important;
}
.textalign-center {
  text-align: center;
}
.table tr.active td, .table tr.highlight td {
  background-color:#FFFF00 !important;
}
.scroll-box .table tr[id="0"] td {
  background-color:#fbb5b5;
}
.panel-container {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  /* avoid browser level touch actions */
  xtouch-action: none;
  border:2px solid #E6E9ED;
}
.panel-left {
  flex: 0 0 auto;
  /* only manually resize */
  padding: 10px;
  min-height: 200px;
}
.splitter {
  flex: 0 0 auto;
  width:8px;  
  background: url(https://technosofteng.in/epartsdemo/build/images/vsizegrip.png) center center no-repeat #E6E9ED;
  min-height: 200px;
  cursor: col-resize;  
}

.panel-right {
  flex: 1 1 auto;
  /* resizable */
  padding: 10px;
  width: 100%;
  min-height: 200px;
  min-width: 200px;
  background: #ffffff;
} 
.parent { border: 1px solid #E6E9ED;box-shadow: 1px 0 3px rgb(0 0 0 / 15%);
    border-radius: 5px;
    position: relative;
    min-height: 400px;
 }
.svg-loader-anim {
  position:absolute;
  left:0;
  right: 0;
  top:23%;
  margin: auto;
}    
.panzoom-parent { border: 2px solid #333; }
.panzoom-parent .panzoom { border: 2px dashed #666; }
.buttons { margin:0px 0 0px 0; } 
.add_to_cart:hover {
  color:#0B416A;
  cursor: pointer;
}
#jsc3d_console {
  display:none;
}
#main_frame {
  position:relative;
  min-height: 450px;
}
canvas#cv {
  width:100%;
  height: 100%;
}
.table thead th {
  border-top:none;
  border-bottom:none;
  background-color:#F5F6FA;
  color:#0c416b;
  text-transform: uppercase;
  letter-spacing: 0.87px;
  font-size:12px;
  font-weight: 600;
}
table.table.hover thead th{white-space:nowrap;}
.table td {
  border-top:none;
  border-bottom:1px solid #F5F6FA;
  color: #46484A;
}
.table tr.selected {
  background:#D7E7FF;
}
.btn {
  font-size:13px;
  border:none;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
.btn-primary, a.btn-primary {
  background:#ffffff;
  border:2px solid #57B8FF;
  color:#57B8FF;
}
.btn-primary-filled, a.btn-primary-filled {
  background:#D7E7FF;
  border:2px solid #D7E7FF;
  color:#3B86FF;
}
.btn-primary-filled:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-success {
  background:#D6F8E1;
  border:none;
  color:#30BA5A;
}
.btn-danger, a.btn-danger {
  background:#ffffff;
  border:2px solid #BA5A30;
  color:#BA5A30;
}
.btn-danger, a.btn-danger {
  background:#ffffff;
  border:2px solid #BA5A30;
  color:#BA5A30;
}
.btn-danger-filled, a.btn-danger-filled {
  background:#F1DED5;
  border:2px solid #F1DED5;
  color:#BA5A30;
}
.btn-danger-filled:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-info {
  background:#F1DED5;
  border:none;
  color:#BA5A30;
}
/*div*/
.test-menu {
  display:inline-block;
}
/** Default button **/
.btn.btn-default {
  color: #333;
  background-color: #F5F6FA;
  border-color: #ccc;
}
.btn-default:hover {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-row-action {
  width:36px;
  height: 36px;
  border-radius: 50%;
  text-align:center;
  padding:8px 0 0 0;
  background-color:#ebebeb;
  color:#798fa7;
  font-weight: bold;
  font-size:14px;
  margin-right:2px;
}
.btn-row-action:hover {
  background-color:#cccccc;

}
.btn-row-action-sm {
  width:30px;
  height: 30px;
  border-radius: 50%;
  text-align:center;
  padding:4px 0 0 0;
  background-color:#F5F6FA;
  color:#798FA7;
  font-weight: bold;
  font-size:13px;
  margin-bottom: 5px;
}
.btn-row-action-sm:hover {
  background-color:#cccccc;
  color:#798FA7;
}

.btn-breadcrumb .test-menu .btn:last-child:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .test-menu .btn:last-child:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .test-menu .btn {
  float:right;
  position:relative;
}

/* breadcrumb testmenu ends*/
/*page breadcrumb starts*/
/** The Magic **/

.btn-breadcrumb .btn:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid #e0e1e7;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}

.btn-breadcrumb .btn:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}


.btn-breadcrumb .btn {
  font-size:12px;
  line-height: 24px;
  padding:5px 12px 5px 24px;
  background:#e0e1e7;
  border-color:#f1f2f7;
  border: 1px solid transparent;
  transition:none;
}
.btn-breadcrumb .btn:hover {
  background:#2ab5ad;
  border-color:#f1f2f7;
  color:#fff;
  transition:none;
}
.btn-breadcrumb .btn:first-child {
  padding:5px 6px 5px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:5px 18px 5px 24px;
}



.btn-breadcrumb .btn.btn-default:after {
  border-left: 10px solid #e0e1e7;
}
.btn-breadcrumb .btn.btn-default:before {
  border-left: 10px solid #f1f2f7;
}
.btn-breadcrumb .btn.btn-default:hover:after {
  border-left: 10px solid #2ab5ad;
}
.btn-breadcrumb .btn.btn-default:hover:before {
  border-left: 10px solid #f1f2f7;
}

.btn-breadcrumb .test-menu .btn:first-child {
  padding: 5px 12px 5px 24px;
  
}
.btn-breadcrumb .test-menu .btn.btn-default:after {
  border-left: 10px solid #e0e1e7;
}
.btn-breadcrumb .test-menu .btn.btn-default:before {
  border-left: 10px solid #f1f2f7;
}
.btn-breadcrumb .test-menu .btn.btn-default:hover:after {
  border-left: 10px solid #2ab5ad;
}
.btn-breadcrumb .test-menu .btn.btn-default:hover:before {
  border-left: 10px solid #f1f2f7;
}


.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
  border-left: 10px solid #007bff;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
  border-left: 10px solid #0062cc;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
  border-left: 10px solid #0069d9;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
  border-left: 10px solid #0062cc;
}

.btn-breadcrumb .test-menu .btn:first-child {
  padding: 5px 12px 5px 24px;
}
.btn-breadcrumb .test-menu .btn.btn-primary:after {
  border-left: 10px solid #007bff;
}
.btn-breadcrumb .test-menu .btn.btn-primary:before {
  border-left: 10px solid #0062cc;
}
.btn-breadcrumb .test-menu .btn.btn-primary:hover:after {
  border-left: 10px solid #0069d9;
}
.btn-breadcrumb .test-menu .btn.btn-primary:hover:before {
  border-left: 10px solid #0062cc;
}




/* page breadcrumbs ends here*/

.panel.with-nav-tabs .panel-heading{
  padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
  color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
  color: #777;
background-color: #ddd;
border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
color: #555;
background-color: #fff;
border-color: #ddd;
border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
  background-color: #f5f5f5;
  border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
  color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
  color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
color: #fff;
background-color: #3071a9;
border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
color: #428bca;
background-color: #fff;
border-color: #428bca;
border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
  background-color: #428bca;
  border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
  color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  background-color: #4a9fe9;
}


/*Tree Menu style*/
.tree, .tree ul {
  margin:0;
  padding:0;
  list-style:none
}
.tree ul {
  margin-left:1em;
  position:relative;
  display:none;
}
.tree .active > ul {
  display:block;
}
.tree ul ul {
  margin-left:.5em
}
.tree ul:before {
  content:"";
  display:block;
  width:0;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  border-left:1px solid #5195CB;
}
.tree li {
  margin:0;
  padding:0 1em;
  line-height:2em;
  color:#5195cb;
  position:relative
}
.tree ul li:before {
  content:"";
  display:block;
  width:10px;
  height:0;
  border-top:1px solid #5195CB;
  margin-top:-1px;
  position:absolute;
  top:1em;
  left:0
}
.tree ul li:last-child:before {
  background:#0C416B;
  height:auto;
  top:1em;
  bottom:0
}
.indicator {
  margin-right:0;
  margin-left:2px;
  font-size:13px;
}
.tree li a {
  text-decoration: none;
  color:#5195cb;
  font-size:12px;
  line-height: 17px;
}
.tree li.active > a {
  text-decoration: none;
  color:#ffffff;
}
.tree li button, .tree li button:active, .tree li button:focus {
  text-decoration: none;
  color:#ffffff;
  border:none;
  background:transparent;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  outline: 0;
}
.tree li a > span {
  display:inline-block !important;
}

.tree li a:hover {
  text-decoration: none;
  color:#ffffff;
}
/*Radio box style*/
.node-box {
  padding:4px;
  min-height: 700px;
  height: 300px;
	width: 100%;
	overflow-y: scroll;
  margin-bottom: 25px;
  margin-top:12px;
  border:1px solid #ccc;
  border-radius:8px;
}
.force-overflow
{
	min-height: 450px;
}
/*SCROLL STYLE FOR NODE TREE*/
.scroll-box::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.scroll-box::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.scroll-box::-webkit-scrollbar-thumb
{
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.node-box ul {
  list-style:none;
  margin:0 0 8px 0;
  padding:0;
}
.node-box ul ul li {
  position: relative;
}
.node-box ul ul li:before {
  content:'';
  position:absolute;
  top:14px;
  left:-14px;
  height: 9px;
  /* background-color:#57b8ff; */
  background-image: url(https://technosofteng.in/epartsdemo/build/images/treen.png);
  background-repeat:no-repeat;
  width:20px;
}
.node-box ul ul li:last-child:after {
  content:'';
  position:absolute;
  left:-17px;
  top:18px;
  height:100%;
  background-color:#fff;
  width:1px;
  z-index: 1;
}
.node-box ul ul {
  margin:0 0 8px 18px;
  position:relative;
}
.node-box ul ul:before {
  content: '';
  position: absolute;
  height: 98%;
  top: -14px;
  width: 1px;
  background-color: #57b8ff;
  left: -11px;
}
.node-box .frb .model_toggle {
  display:inline-block;
  vertical-align: top;
  margin-top:9px;
  color:#E74C3C;
}
.node-box .frb .model_toggle i.fa { 
  font-size:1.5em;
}
.frb-group {
	margin: 15px 0;
}

.frb ~ .frb {
	margin-top: 15px;
}

.frb input[type="radio"]:empty,
.frb input[type="checkbox"]:empty {
	display: none;
}

.frb input[type="radio"] ~ label:before,
.frb input[type="checkbox"] ~ label:before {
	font-family: FontAwesome;
	content: '\f096';
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: 5px;
	font-size: 15px;
}

.frb input[type="radio"]:checked ~ label:before,
.frb input[type="checkbox"]:checked ~ label:before {
	content: '\f046';
}

.frb input[type="radio"] ~ label,
.frb input[type="checkbox"] ~ label {
	position: relative;
	cursor: pointer;
	border: 1px solid #F0F0F0;
	border-radius: 2px;
  background-color: #ffffff;
  margin-right: 4px;
}

.frb input[type="radio"] ~ label:focus,
.frb input[type="radio"] ~ label:hover,
.frb input[type="checkbox"] ~ label:focus,
.frb input[type="checkbox"] ~ label:hover {
	box-shadow:none;
  border:1px solid #0C416B;
}

.frb input[type="radio"]:checked ~ label,
.frb input[type="checkbox"]:checked ~ label {
	color: #fafafa;
}

.frb input[type="radio"]:checked ~ label,
.frb input[type="checkbox"]:checked ~ label {
	background-color: #f2f2f2;
}

.frb.frb-default input[type="radio"]:checked ~ label,
.frb.frb-default input[type="checkbox"]:checked ~ label {
	color: #333;
}

.frb.frb-primary input[type="radio"]:checked ~ label,
.frb.frb-primary input[type="checkbox"]:checked ~ label {
	background-color: #0C416B;
}

.frb.frb-success input[type="radio"]:checked ~ label,
.frb.frb-success input[type="checkbox"]:checked ~ label {
	background-color: #5cb85c;
}

.frb.frb-info input[type="radio"]:checked ~ label,
.frb.frb-info input[type="checkbox"]:checked ~ label {
	background-color: #5bc0de;
}

.frb.frb-warning input[type="radio"]:checked ~ label,
.frb.frb-warning input[type="checkbox"]:checked ~ label {
	background-color: #f0ad4e;
}

.frb.frb-danger input[type="radio"]:checked ~ label,
.frb.frb-danger input[type="checkbox"]:checked ~ label {
	background-color: #d9534f;
}

.frb input[type="radio"]:empty ~ label span,
.frb input[type="checkbox"]:empty ~ label span {
	display: inline-block;
}

.frb input[type="radio"]:empty ~ label span.frb-title,
.frb input[type="checkbox"]:empty ~ label span.frb-title {
	font-size: 11px;
  line-height: 12px;
	margin: 7px 8px 7px 23px;
}

.frb input[type="radio"]:empty ~ label span.frb-description,
.frb input[type="checkbox"]:empty ~ label span.frb-description {
	font-weight: normal;
	font-style: italic;
	color: #999;
	margin: 9px 5px 8px 50px;
}

.frb input[type="radio"]:empty:checked ~ label span.frb-description,
.frb input[type="checkbox"]:empty:checked ~ label span.frb-description {
	color: #fafafa;
}

.frb.frb-default input[type="radio"]:empty:checked ~ label span.frb-description,
.frb.frb-default input[type="checkbox"]:empty:checked ~ label span.frb-description {
	color: #999;
}

#addnewdesign-box, #addnewpart-box {
  display:none;
}
.panel_toolbox>li>a{
  color:#ffffff;
  font-size:12px;
  font-weight: bold;
}
.panel_toolbox>li>a:hover {
  background-color:#0069d9;
  border-color:#0069d9;
  color:#ffffff;
}
.panel_toolbox>li>a.btn-primary{
  color:#57B8FF;
}
.panel_toolbox>li>a.btn-danger{
  color:#BA5A30;
}
.panel_toolbox>li>a.btn-danger:hover{
  background-color:#BA5A30;
  border:2px solid #BA5A30;
}
.panel_toolbox>li>a.btn-primary:hover, .panel_toolbox>li>a.btn-danger:hover{
  color:#ffffff;
}
.cart-link {
  padding-right: 18px;
}
.top_nav li a.cart-link i {
  font-size:24px;
}
td span#lastdesignid {
  opacity:0;
  display:none;
}
.thumbnail.bucket .image {
  position:relative;
  height: 160px;
  padding:10px;
}
.bucket .view-first img {
  display:block;
  max-height: 140px;
  max-width:90%;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
}
.view .mask, .view .content {
  height: 100%;
}
.view-first:hover .tools, .view-first:hover p {
  -webkit-transform: translateY(39px);
  -moz-transform: translateY(39px);
  -ms-transform: translateY(39px);
  -o-transform: translateY(39px);
  transform: translateY(39px);
}
.thumbnail {
  height: 202px;
 /* border:1px solid #ccc; */
  margin-bottom:24px;
  border-radius: 5px;
  box-shadow:1px 0 3px rgb(0 0 0 / 15%)
}
.caption {
  font-size:15px;
  text-align:center;
  text-transform: uppercase;
  color:#203864;
}
.hidden {
  display: none!important;
  visibility: hidden!important;
}
/*autodesk viewer style start*/
.left { float: left; }
        .right { float: right; }
        .clear { clear: both; }

        div#project { margin: 0 auto; width: 100%; text-align: left; }
        div#viewer { width: 100%; height: 48vw; cursor: pointer; padding: 0px; margin-bottom: 20px; position: relative; overflow: hidden;
            background-color: #eee; border: 2px dashed #aaa; border-radius: 10px; max-height:700px; }
        div#footer { margin: 0 auto; width: 100%; text-align: left; }
        div#list { width: 175px; height: 700px; padding: 0px; position:relative;
            background-color: #eee; border: 2px dashed #aaa; border-radius: 10px;
	        overflow: auto; }

        div#list div button {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44c767), color-stop(1, #5cbf2a));
            background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
            background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
            background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
            background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
            background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767', endColorstr='#5cbf2a',GradientType=0);
            background-color:#44c767;
            -moz-border-radius:12px;
            -webkit-border-radius:12px;
            border-radius:12px;
            border:1px solid #18ab29;
            display:inline-block;
            cursor:pointer;
            color:#ffffff;
            font-family:Verdana;
            font-size:12px;

            text-decoration:none;
            text-shadow:0px 1px 0px #2f6627;
            margin: 2px;
	        /*height: 42px;*/height: 212px;
            width: 170px;
        }
        div#list div button:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
            background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
            background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
            background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
            background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
            background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a', endColorstr='#44c767',GradientType=0);
            background-color:#5cbf2a;
        }
        div#list div button:active { position:relative; top:1px; }

        div#list div button div img { width: 150px; }
		.print-btn{
	padding:30px 5px;
	display:block;
	text-align:left;
}
.print-btn > a{
	padding:7px 18px;
	background:#F60;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
.print-btn > a:hover{
	background:#F00;
	color:#000;
}
.print-btn.active{
	display:block;
}
/*autodesk viewer style ends*/
.no-hover thead tr th:hover, .no-hover thead tr:hover th, .no-hover thead tr:hover td, .no-hover thead tr td:hover
 {
    background-color: none !important;   
}
.mapped-img img {
  max-width:100%;
  display:block;
  margin:0;
}
#Map area, #Map area:hover {
  transition:all 0.3s ease-in;
} 
/*image map page style*/
.mapped-img {width:auto; margin:0 auto; text-align:center}
.mapped-img > div {
  margin:0 auto;
}


#selections table{border-collapse: collapse; margin:0 auto;}
#selections td, #selections th{border:1px solid #666; font-family:Verdana, Geneva, sans-serif; font-size:10px; padding:5px}
#selections td p, #selections th p{margin:0;}
#selections th{background-color:#014374; color:#fff}
#selections .wheel{ width:200px;}
#selections .wheel img{width:50%;}
.row-thumb-img {
  width:40px;
}
.row-thumb-img img {
  max-width: 100%;
  display: block;
}
.mt27 {
  margin-top:27px;
}
body.login {
  background:url('https://crestlinecoach.epartsmanual.com/build/images/logo-icon.svg') no-repeat center 30% #0c416b;
}
.maparea-cancel-btn, .maparea-edit-save-btn {
  display: none;
}
.part-list-box {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content:space-around;
}
.part-list-box .part-item-box {
  width:22%;
  max-width:300px;
  padding:10px 5px;
  margin:0 1% 32px 1%;
  text-align: center;
  color:#203864;
}

.box-thumb-img {
  text-align:center;
  margin:0 0 10px 0;
  height: 150px;
  position: relative;
}
.box-thumb-img img {
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 150px;
}
area{
  outline:none;
}
#selections{
  margin-top:20px;
}
#selections span {
  display:block;
  color:#ff0000;
  font-size:11px;
  padding:4px 0 0 0;
}
#selections span.color {
  color:#203864;
}
#selections span.add_to_cart{
  color:#73879C;
  font-size:13px;
  display:block;
  padding:10px 0 10px 0;
  text-align:center;
  font-family:Verdana, Geneva, sans-serif;
  cursor: pointer;
}
#selections span.add_to_cart:hover{
  color:#0B416A;
  cursor: pointer;
} 

.part-list-box{
	position:relative;
}

.part-item-box strong{
	color:#96430b;
}

/*div#\31 666{
	width: 52%;
    max-width: 605px;
	
}
div#\31 666 .box-thumb-img{
height: 253px;	
}

div#\31 666 .box-thumb-img img{
max-height: 240px;	
}*/

/*div#\31 790{
	position: absolute;
    width: 120px;
    height: 100px;
    left: 27%;
    border: none;
    top: 65px;
}
div#\31 790 .box-thumb-img {
	height:0;
}*/

/*div#\31 802{
	position: absolute;
    width: 11%;
    height: 100px;
    left: 30%;
    border: none;
    top: 153px;
}
div#\31 802 .box-thumb-img {
	height:0;
}*/

/*div#\31 803{
	position: absolute;
    width: 11%;
    height: 100px;
    right: 28%;
    border: none;
    top: 3px;
}
div#\31 803 .box-thumb-img {
	height:0;
}*/
/*div#\31 804{
	position: absolute;
    width: 11%;
    height: 100px;
    right: 25%;
    border: none;
    top: 106px;
}
div#\31 804 .box-thumb-img {
	height:0;
}*/
div#\31 667 {
  max-width: 600px;
  width: 60%;
}
div#\31 667 .box-thumb-img {
  height: 280px;
}


div#\31 805 {
  position: absolute;
  width: 150px;
  left: 26%;
  top: 8%;
  height: 110px;
}
div#\31 806 {
  position: absolute;
  width: 180px;
  left: 18%;
  top: 34%;
}

div#\31 807 {
  position: absolute;
  left: 62%;
  top: 25%;
  width: 160px;
}
div#\31 711 {
  max-width: 400px;
  width: 35%;
}
div#\31 711 .box-thumb-img {
  height: 400px;
}
div#\31 711 .box-thumb-img img {
  max-height: none;
}
div#\31 860 {
  position: absolute;
  left: 32%;
  top: 46%;
  width: 150px;
}
div#\31 861 {
  position: absolute;
  left: 58%;
  top: 58%;
  width: 150px;
}
div#\31 27 {
  width: 50%;
  max-width: 600px;
}
div#\31 27 .box-thumb-img {
  height: 205px;
}
div#\31 27 .box-thumb-img img {
  max-height: none;
}

div#\31 28 {
  position: absolute;
  width: 150px;
  left: 15%;
  top: 1%;
}
div#\31 30 {
  position: absolute;
  width: 150px;
  left: 12%;
  top: 29%;
}
div#\31 29 {
  position: absolute;
  width: 150px;
  left: 46%;
  top: 14%;
}

div#\31 41 {
  width: 100%;
  max-width:1032px;
}
div#\31 41 .box-thumb-img {
  height: 415px;
}
div#\31 53 {
  width: 100%;
  max-width:586px;
}
div#\31 53 .box-thumb-img {
  height: 350px;
}

div#\31 27 .box-thumb-img img, div#\31 41 .box-thumb-img img, div#\31 53 .box-thumb-img img {
  max-height: none;
}

div#\31 42, div#\31 43, div#\31 44, div#\31 45, div#\31 46, div#\31 47, div#\31 48 {
  position:absolute;
  width:200px;
}
div#\31 54, div#\31 55, div#\31 56, div#\31 57 {
  position:absolute;
  width:160px;
}
div#\31 816 {
  width: 50%;
  max-width:506px;
}
div#\31 816 .box-thumb-img {
  height: 255px;
}
div#\31 816 .box-thumb-img img {
  max-height: none;
}

div#\31 817, div#\31 818 {
  position:absolute;
  width:160px;
}

div#\31 936 {
  width: 50%;
  max-width:475px;
}
div#\31 936 .box-thumb-img {
  height: 390px;
}
div#\31 936 .box-thumb-img img {
  max-height: none;
}

div#\31 90 {
  width: 80%;
  max-width:570px;
}
div#\31 90 .box-thumb-img {
  height: 304px;
}
div#\31 90 .box-thumb-img img {
  max-height: none;
}

div#\31 824, div#\31 825, div#\31 937, div#\31 826, div#\31 827, div#\31 828 {
  position:absolute;
  width:130px;
}
div#\31 91, div#\31 92 {
  position:absolute;
  width:160px;
}

div#\31 812 {
  width: 60%;
  max-width:700px;
}
div#\31 812 .box-thumb-img {
  height: 284px;
}
div#\31 812 .box-thumb-img img {
  max-height: none;
}

div#\31 813, div#\31 814, div#\31 933, div#\31 815, div#\31 934 {
  position:absolute;
  width:160px;
}

div#\32 02 {
  width: 50%;
  max-width:533px;
}
div#\32 02 .box-thumb-img {
  height: 251px;
}
div#\32 02 .box-thumb-img img {
  max-height: none;
}

div#\32 03, div#\32 04, div#\32 05 {
  position:absolute;
  width:160px;
}

div#\31 58, div#\32 10 {
  width: 60%;
  max-width:340px;
  position: relative;
}
div#\31 58 .box-thumb-img, div#\32 10 .box-thumb-img {
  height: 255px;
}
div#\31 58 .box-thumb-img img, div#\32 10 .box-thumb-img img {
  max-height: none;
}

div#\31 59, div#\31 60, div#\32 11, div#\32 12, div#\32 35 {
  position:absolute;
  width:160px;
}

div#\32 34 {
  width: 40%;
  max-width:205px;
  position: relative;
}
div#\32 34 .box-thumb-img {
  height: 133px;
}
div#\32 34 .box-thumb-img img {
  max-height: none;
}

div#\31 95, div#\31 96 {
  position:absolute;
  width:240px;
}

div#\31 94 {
  width: 35%;
  max-width:370px;
  position: relative;
}
div#\31 94 .box-thumb-img {
  height: 280px;
}
div#\31 94 .box-thumb-img img {
  max-height: none;
}

div#\31 53 {
  width: 100%;
  max-width:586px;
}
div#\31 53 .box-thumb-img {
  height: 350px;
}

div#\32 26 {
  width: 100%;
  max-width:586px;
}
div#\32 26 .box-thumb-img {
  height: 270px;
}

div#\32 27, div#\32 28, div#\32 29, div#\32 30 {
  position:absolute;
  width:200px;
}

div#\31 27 .box-thumb-img img, div#\31 41 .box-thumb-img img, div#\31 53 .box-thumb-img img, div#\32 26 .box-thumb-img img {
  max-height: none;
}

div#\31 42 {left:73%; top:32%;}
div#\31 43 {left: 65%; top:49%}
div#\31 44 {left: 58%; top:64%}
div#\31 45 {left: 29%; top:12%}
div#\31 46 {left: 18%; top:25%}
div#\31 47 {left: 10%; top:38%}
div#\31 48 {left: 1%; top:54%}

div#\31 54 {left: 23%; top:40%}
div#\31 55 {left: 28%; top:21%}
div#\31 56 {left: 35%; top:1%}
div#\31 57 {left: 50%; top:52%}

div#\31 817 {left: 8%; top:42%}
div#\31 818 {left: 47%; top:0%}

div#\31 824 {left:53%; top:7%;}
div#\31 825 {left: 51%; top:15%}
div#\31 937 {left: 60%; top:-3%}
div#\31 826 {left: 83%; top:4%}
div#\31 827 {left: 85%; top:22%}
div#\31 828 {left: 84%; top:37%}

div#\31 91 {left: 20%; top:0%}
div#\31 92 {left: 60%; top:40%}

div#\31 813 {left: 33%; top:38%}
div#\31 814 {left: 29%; top:12%}
div#\31 933 {left: 40%; top:7%}
div#\31 815 {left: 74%; top:7%}
div#\31 934 {left: 72%; top:37%}

div#\32 03 {left: 14%; top:0%}
div#\32 04 {left: 32%; top:6%}
div#\32 05 {left: 39%; top:34%}

div#\31 59 {left: 25%; top:-8%}
div#\31 60 {left: 20%; top:15%}

div#\32 11 {left: 14%; top:-4%}
div#\32 12 {left: 8%; top:9%}
div#\32 35 {left: 8%; top:7%}

div#\31 95 {left: 10%; top:-3%}
div#\31 96 {left: 4%; top:8%}

div#\32 27 {left: 25%; top:61%}
div#\32 28 {left: 32%; top:46%}
div#\32 29 {left: 40%; top:36%}
div#\32 30 {left: 49%; top:71%}

div#\33 27 {
  width:50%;
  max-width: 600px;
}
#selections div#\33 27 span.add_to_cart {
  display:none;
}




div#\31 805 .box-thumb-img, div#\31 806 .box-thumb-img, div#\31 807 .box-thumb-img, div#\31 860 .box-thumb-img, div#\31 861 .box-thumb-img,
div#\31 28 .box-thumb-img, div#\31 30 .box-thumb-img, div#\31 29 .box-thumb-img, div#\31 42 .box-thumb-img, div#\31 43 .box-thumb-img, 
div#\31 44 .box-thumb-img, div#\31 45 .box-thumb-img, div#\31 46 .box-thumb-img, div#\31 47 .box-thumb-img, div#\31 48 .box-thumb-img,
div#\31 54 .box-thumb-img, div#\31 55 .box-thumb-img, div#\31 56 .box-thumb-img, div#\31 57 .box-thumb-img, div#\31 817 .box-thumb-img, 
div#\31 818 .box-thumb-img, div#\3 1824 .box-thumb-img, div#\31 825 .box-thumb-img, div#\31 937 .box-thumb-img, div#\31 826 .box-thumb-img, 
div#\31 827 .box-thumb-img, div#\31 828 .box-thumb-img, div#\31 91 .box-thumb-img, div#\31 92 .box-thumb-img, div#\31 813 .box-thumb-img,
div#\31 814 .box-thumb-img, div#\31 933 .box-thumb-img, div#\31 815 .box-thumb-img, div#\31 934 .box-thumb-img, div#\32 03 .box-thumb-img, 
div#\32 04 .box-thumb-img, div#\32 05 .box-thumb-img, div#\31 59 .box-thumb-img, div#\31 60 .box-thumb-img, div#\32 11 .box-thumb-img,
div#\32 12 .box-thumb-img, div#\32 35 .box-thumb-img, div#\33 27 .box-thumb-img, div#\31 95 .box-thumb-img, div#\31 96 .box-thumb-img,
div#\32 27 .box-thumb-img, div#\32 28 .box-thumb-img, div#\32 29 .box-thumb-img, div#\32 30 .box-thumb-img {
  height: 0;
}

div#\31 667 .box-thumb-img img, div#\31 806 .box-thumb-img img, div#\31 807 .box-thumb-img img, div#\33 15 .box-thumb-img img,
div#\31 861 .box-thumb-img img, div#\31 28 .box-thumb-img img, div#\31 30 .box-thumb-img img, div#\31 29 .box-thumb-img img, 
div#\31 42 .box-thumb-img img, div#\31 43 .box-thumb-img img, div#\31 44 .box-thumb-img img, div#\31 45 .box-thumb-img img, 
div#\31 46 .box-thumb-img img, div#\31 47 .box-thumb-img img, div#\31 48 .box-thumb-img img, div#\31 54 .box-thumb-img img, 
div#\31 55 .box-thumb-img img, div#\31 56 .box-thumb-img img, div#\31 57 .box-thumb-img img, div#\31 817 .box-thumb-img img, 
div#\31 818 .box-thumb-img img, div#\31 824 .box-thumb-img img, div#\31 825 .box-thumb-img img, div#\31 937 .box-thumb-img img, 
div#\31 826 .box-thumb-img img, div#\31 827 .box-thumb-img img, div#\31 828 .box-thumb-img img, div#\31 91 .box-thumb-img img, 
div#\31 92 .box-thumb-img img, div#\31 813 .box-thumb-img img, div#\31 814 .box-thumb-img img, div#\31 933 .box-thumb-img img, 
div#\31 815 .box-thumb-img img, div#\31 934 .box-thumb-img img, div#\32 03 .box-thumb-img img, div#\32 04 .box-thumb-img img, 
div#\32 05 .box-thumb-img img, div#\31 59 .box-thumb-img img, div#\31 60 .box-thumb-img img, div#\32 11 .box-thumb-img img,
div#\32 12 .box-thumb-img img, div#\32 35 .box-thumb-img img, div#\33 27 .box-thumb-img img, div#\31 95 .box-thumb-img img,
div#\31 96 .box-thumb-img img, div#\32 27 .box-thumb-img img, div#\32 28 .box-thumb-img img, div#\32 29 .box-thumb-img img,
div#\32 30 .box-thumb-img img {
  max-height: none;
}

.table-invoice {
  margin-top: 30px;
  border-spacing: 5px;
  border-collapse: separate;
  border: none;
  font-size:12px;
}

.table-invoice thead tr th {
  background: #e8e9f0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  vertical-align: middle;
  white-space:nowrap;
}

.table-invoice tbody tr td {
  background: #f5f6f9;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  vertical-align: middle;
}

.table-invoice thead tr th:first-child, .table-invoice tbody tr td:first-child {
  text-align: center;
}

.table-invoice>tbody>tr>td {
  border-top: none;
}

.table-invoice h4 {
	font-size:13px;
	font-weight:600;
}
.table-invoice p, .table-invoice .item_quantity {
	font-size:12px;
}
.invoice-block {
  text-align: right;
}
.toggle {
  width:auto;
}
.nav_menu .toggle h3 {
  padding-left: 18px;
}
.x_panel {
  border-radius:calc(.25rem - 1px) calc(.25rem - 1px);
  box-shadow:0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 5%), 0 0.125rem 0.1875rem rgb(4 9 20 / 3%);
  border:none !important;
}
.tile-stats .icon.green-icon {
  color:#aed181;
}
.tile-stats .icon.blue-icon {
  color:#0062FF;
}
.tile-stats .icon.lightblue-icon {
  color:#57B8FF;
}
.tile-stats .icon.darkgrey-icon {
  color:#798FA7;
}
.tile-stats .icon.orange-icon {
  color:#f37048;
}
.fc-day-grid-event .fc-content {
  color:#fff;
}

.tile-stats{
	border:none !important;
	box-shadow:0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 5%), 0 0.125rem 0.1875rem rgb(4 9 20 / 3%);
}

.form-control {
    border-radius:5px !important; 
    box-shadow: 1px 0 3px rgb(0 0 0 / 15%);
    border: none;
    font-size:13px;
}
.top_search .form-group{
	box-shadow: 0px 0 3px rgb(0 0 0 / 15%);
}
.top_search .form-control{
  border: none;
  font-size:14px;
  color:#46484A;
  padding: 4px 8px;
  box-shadow: none;
}
.top_search .form-control:focus {
  border:none;
  box-shadow:none;
}
.form-control:focus {
  border:none;
  box-shadow: 0px 0 3px rgb(0 0 0 / 15%) !important;
}

.top_search .form-control::-webkit-input-placeholder {
  color: #46484A;
}

.top_search .input-group-btn button{
	box-shadow: none;
  border-radius: 0;
  color:#000;
  border:none;
  background:none;
}
.top_search .input-group-btn button:hover{
  color:#798fa7;
}

.x_title_icon {
  height: 55px;
  position:relative;
}
.icon_circle {
  width: 110px;
  height: 110px;
  background-color: #fff;
  border: 5px solid #EBF6FD;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  margin: auto;
  bottom:10px;
  padding-top:22px;
}
.icon_circle .fa {
  font-size:64px;
  color:#0000ff;
}
.mt55 {
  margin-top:55px;
}
.outlined-form .item {
  padding:10px 10px 4px 10px;
  display:block;
  background-color:#ffffff;
  border:1px solid #F0F0F0;
  border-radius: 4px;
  margin:0 0 16px 0;
}
.outlined-form label {
  font-size:12px;
  color:#0C416B;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.87px;
  margin-bottom:0;
}
.outlined-form .form-control {
  box-shadow: none;
  padding:0;
  font-size:14px;
}

.outlined-form .form-control::-webkit-input-placeholder {
  font-size:14px;
  color:#46484A;
  opacity: 0.4;
  letter-spacing: 0.2px;
}
.tile-stats{
	border:none !important;
	box-shadow:0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 0 0.25rem 0.53125rem rgb(4 9 20 / 5%), 0 0.125rem 0.1875rem rgb(4 9 20 / 3%);
	border-radius:calc(.25rem - 1px) calc(.25rem - 1px) !important;
  padding:20px;
}

.tile-stats .count, .tile-stats h3, .tile-stats p {
  margin-left:0;
}
.tile-stats h3 {
  color:#798FA7;
  font-size:16px;
  font-weight: normal;
  padding-bottom: 12px;
} 
.tile-stats p {
  color:#7E84A3;
}
.tile-stats .icon {
  top:58px;
  color:#0000ff;
}
.tile-stats .count {
  color:#46484A;
  font-size:34px;
  font-weight: bold;
}
a, a:visited, a:focus, a:active, :visited, :focus, :active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: none;
  box-shadow: none;
}
.sidebar-footer {
  background:transparent;
  padding:16px;
  font-size:10px;
  line-height: 18px;
}
footer {
   font-size:11px;
}

footer a:hover {
  text-decoration: underline;
}  
.navbar-nav .open .dropdown-menu {
  margin-top:20px;
}
#cart-success-alert
{display:none; position: fixed; top: 68px; right: 0%; z-index:999}
.dataTables_length {
  float:left;
}
.dt-buttons {
  float:right;
  margin-left:20px;
}
div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_length select {
  border:1px solid #ccc;
}
.part-img-box {
  position:relative;
  width:60px;
  height: auto;
  margin:0 auto;
  text-align: center;
}
.remove-partimg-icon {
  position:absolute;
  display:block;
  width:24px;
  height: 24px;
  background-color:rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  padding:3px 0;
  text-align:center; 
  top:3px;
  right: 3px;
  opacity: 0;
  font-size:13px;
  color:#fff;
}
.part-img-box:hover .remove-partimg-icon {
  opacity: 0.5;
}
.part-img-box:hover .remove-partimg-icon:hover {
  background-color:rgba(255, 0, 0, 1);
  color:#fff;
  opacity: 1;
}
.addpartsdrawform {
  width:350px;
}
#addmappingpart-box {
  display:none;
}
.table-header-info {
  clear:both;
  width:100%;
  padding:4px 0 4px 0;
  border-bottom:1px solid #ccc;
}
.grid-view {
  display:flex;
  flex-flow: row wrap;
  column-gap: 20px;
}
.grid-view > .bucket {
  width:100%;
  display:flex;
  height: auto;
  max-width: 460px;
}
@media (min-width: 640px) {
  .grid-view > .bucket {
    width:48%;
  }
}
@media (min-width: 1280px) {
  .grid-view {
    justify-content: space-evenly;
  }
  .grid-view > .bucket {
    width:31%;
  }
}

.grid-view > .thumbnail.bucket > .image {
  width:50%;
  height:auto;
  max-width:230px;
}

.grid-view > .bucket > .image, .grid-view > .bucket > .caption {
  width:50%;
}
.grid-view .bucket .view-first img {
  max-height: none;
  position: relative;
  width:100%;
  max-width:100%;
}

.grid-view > .bucket > .caption {
  background-color:#F5F6FA;
  color:#000000;
  text-align:left;
  padding:8px 16px 16px 16px;
}
.grid-view > .bucket > .caption h2 {
  font-size:16px;
  font-weight: bold;
  text-transform: none;
}
.grid-view > .bucket > .caption p {
  font-size:14px;
  line-height: 18px;
  text-transform: none;
}
.grid-view > .bucket > .caption a {
  color:#000000;
}
.grid-view > .bucket > .caption a:hover {
  color:#5195cb;
}

.list-view .thumbnail {
  height: auto;
  display:flex;
}
.list-view .thumbnail.bucket .image {
  float:left;
  height: auto;
  width:100px;
}

.list-view .bucket img {
  position:relative;
  width:100%;
  max-width:100%;
  height: auto;
}

.list-view .bucket .caption {
  width:calc(100% - 100px);
  display:flex;
  background-color:#ffffff;
  align-items: center;
}
.list-view .bucket .caption h2 {
  margin:0;
  width: 40%;
  text-align: left;
  padding-left:16px;
}
.list-view .bucket .caption p {
  margin:0;
  width: 20%;
}
.instructional-video {
  position:relative;
  border:1px solid #cccccc;
  max-width: 600px;
  margin:24px auto 0 auto;
}

.instructional-video img {
  display:block;
  width:100%;
  max-width:100%;
  margin:0;
}
.instructional-video iframe {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height: 100%;

}
#list.active, #grid.active {
  background-color:#0C416B;
  color:#ffffff;
}
.x_title span.partcountinfo {
  background-color:#ffc107;
  padding:1px 6px 1px 4px;
  color:#000;
  display:inline-block;
  vertical-align: top;
  border-radius: 4px;
  margin-top:6px;
}
ul.bar_tabs>li.active {
  border-right: none;
}

input[name="media_link"], input[name="media_file"] {
  display: none;
} 
.instructional-video video {
  position:absolute;
  left:0;
  top:0;
  height: 100%;
  width:100%;
}
.mt6 {
  margin-top:6px;
}
.modal-body label {
  margin-bottom:1px;
  color:#014374;
}
.modal-body .form-control {
  box-shadow: none;
  border:1px solid #ccc;
}
/* Author by HANUMAN GAURAK --- Chekout Page Css */
.radios input[type=radio]:checked + .radio_label{
  background-color: #0c416b;
  color:#fff;
}
.radio_label{
  background-color: #c7e0f3;
  display: inline-block;
  width: 500px;
  padding: 15px;
  cursor: pointer;
  border-radius: 8px;
}
.radios input[type=radio]{
    display:none
}
.add_cart_btn_red {
  color: red !important;;
}

div .chosen-select{
  width: 100% !important;
}

div .get_model_users{
  width: 100% !important;
}

span.assign_models_checkbox {
    display: inline-flex;
    align-items: center;
    padding: 2px 4px;
    border: 1px solid #dddddd75;
    line-height: 17px;
}

.assign_models_checkbox input[type=checkbox] {
    margin-right: 4px;
}

.fa.fa-picture-o.fa-2x{
  color: cadetblue;
}
.fa.fa-file-pdf-o.fa-2x{
  color: red;
}
.fa-file-excel-o.fa-2x{
  color: #17a2b8;
}
.fa-file-text.fa-2x{
  color: #17a2b8;
}

button#view_data_group_documents{
  margin-top: 5px;
}

.vehicle_div{
  margin-bottom: 30px;
}