@charset "utf-8";
/* CSS Document */


/* ==================== Custom css for commerce page ==================== */


.panel .panel-heading {
    color: #fed042 !important;
}

/*header section css*/

span.contact_line {
    color: #818182;
    margin: 0 7px;
}
span.mail_icon {
    margin-right: 12px;
}
span.phone_icon {
    margin-right: 5px;
}
.email_phone {
    display: table-cell;
    vertical-align: middle;
    padding-right: 5px;
}
.main_header {
    background: #464646;
}
.dashboard_navi {
    padding: 17px 0;
}
.dashboard_navi a {
    color: #ffffff;
	text-decoration: none;
    font-size: 14px;
}

/*         status color                    */
#readonly_1_quoteStatus_t {
	font-weight:bolder;
	color : red;
}
span.dashboard_text {
    margin-left: 9px;
}
.dashboard_navi a:hover .dashboard_text {
    margin-left: 5px;
}
.dashboard_navi span img {
    margin-top: -3px;
}
.mahtin_logo {
    text-align: center;
    padding: 6px 0;
}
.user_profile {
    text-align: right;
    padding: 7px 0;
    display: table;
    float: right;
}
span.user_email {
    display: table-cell;
    vertical-align: middle;
}
span.user_down_arrrow {
    display: table-cell;
    vertical-align: middle;
}
span.user_dropdown_arrow {
    display: unset;
}
span.user_photo {
    padding: 0 12px;
    display: unset;
}
span.user_photo a {
    display: inline-block;
}
span.user_email a:hover {
    color: #ffffff;
}
span.user_email a {
    color: #fdd042;
    text-decoration: none;
    font-size: 14px;
}
/*profile dropdown button*/
ul.user_dropdown {
    right: 0;
    left: auto;
    border-radius: 0;
    margin-top: 0;
    font-size: 17px;
    width: 252px;
	padding: 0;
}
.user_dropdown.dropdown-menu>li>a {
    padding: 15px 0;
    margin: 0 18px;
    border-bottom: 1px solid #BBBFC2;
}
.user_dropdown.dropdown-menu>li:last-child>a {
    border-bottom: 0px solid #BBBFC2;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fdd042;
    text-decoration: none;
    background-color: transparent;
	border-bottom: 1px solid #fdd042;
}
button.user_down_arrrow {
    background: transparent !important;
    border: none;
    padding: 0;
    margin: 0;
	outline: none !important;
}
button.user_down_arrrow:focus, button.user_down_arrrow:hover, button.user_down_arrrow:active {
    background: transparent;
	-webkit-box-shadow: none;
    box-shadow: none;
}
/*profile dropdown button*/
/*header section css*/

/*footer section css*/
.footer_sec {
    background: #4D4D4D;
    padding-top: 35px;
    padding-bottom: 40px;
}
.footer_location {
    padding-left: 43px;
}
h3.foo_l_head {
	font-size: 18px;
    color: #ffffff;
    margin: 7px 0 0;
    padding-right: 88px;
    line-height: 21px;
    margin-bottom: 7px;
}
p.foo_l_address {
    font-size: 14px;
    color: #ffffff;
    width: 50%;
    line-height: 16px;
    margin-bottom: 7px;
}
p.foo_l_address a {
    color: #ffffff;
    text-decoration: none;
}
p.foo_l_address a:hover {
    color: #ffd143;
}
.privacy_policy a {
    font-size: 10px;
    color: #ffffff;
    width: 50%;
    line-height: 16px;
    text-decoration: none;
}
.privacy_policy a:hover {
    color: #ffd143;
}
.copy_right p {
    font-size: 10px;
    color: #ffffff;
    width: 100%;
    line-height: 16px;
    text-decoration: none;
    margin-top: 7px;
	margin-bottom: 0px;
}
.plan_exhibit_attend {
    position: relative;
}
span.left_line {
    width: 2px;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 9px;
    bottom: -100px;
}
.plan_exhibit_attend p {
    font-size: 24px;
    color: #fdd042;
    text-transform: uppercase;
    padding-left: 44px;
    line-height: 27px;
	padding-top: 6px;
    letter-spacing: 3px;
}
.footer_menu_social ul li a {
    color: #fdd042;
    font-size: 18px;
    text-decoration: none;
    line-height: 30px;
}
.footer_menu_social ul li a:hover {
    color: #ffffff;
}
.footer_menu_social ul li {
	list-style: none;
}
.footer_menu_social ul {
    margin: 0;
    padding: 0;
}
.social_media ul li {
    display: inline-block;
    margin-right: 10px;
}
.social_media ul {
    margin-top: 40px;
}

a.facebook {
    background-image: url(/bmfsweb/javitscenter/image/images/social_icons.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 18px;
    display: inline-block;
    background-position: 0% 70%;
}
a.facebook:hover {
    background-position: 0% 0%;
}
a.twitter {
    background-image: url(/bmfsweb/javitscenter/image/images/social_icons.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 18px;
    display: inline-block;
    background-position: 23% 70%;
}
a.twitter:hover {
    background-position: 23% 0%;
}
a.insta {
    background-image: url(/bmfsweb/javitscenter/image/images/social_icons.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 18px;
    display: inline-block;
    background-position: 48% 70%;
}
a.insta:hover {
    background-position: 48% 0%;
}
a.linkedin {
    background-image: url(/bmfsweb/javitscenter/image/images/social_icons.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 18px;
    display: inline-block;
    background-position: 74% 70%;
}
a.linkedin:hover {
    background-position: 74% 0%;
}
a.youtube {
    background-image: url(/bmfsweb/javitscenter/image/images/social_icons.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 20px;
    display: inline-block;
    background-position: 101% 70%;
}
a.youtube:hover {
    background-position: 101% 0%;
}

/*footer section css*/
.button-middle {
    background: transparent;
    padding: 6px;
}
.button-left {
    background: transparent;
}
.button-right {
    background: transparent;
}
#document-form tbody tr {
    background: #fed042;
}
table.plain-button {
    background: #fed042;
    display: inline-block;
    padding: 0px;
    border: 1px solid #deb73e;
}
table.plain-button .button-left, table.plain-button .button-right, table.plain-button .button-middle {
    /* display: none; */
    background: transparent;
    padding: 2px;
}
.button-invoke-create td.button-middle{
	background-color: rgba(2, 2, 2, 0) !important;
}
table.plain-button.invocation-button.button-invoke-create.invocation-36292358 {
    background: #4d4d4d;
    border: 1px solid #4d4d4d;
}
.button-invoke-create td.button-middle:hover, .button-invoke-add td.button-middle:hover {
    background-color: rgba(6, 122, 180, 0) !important;
}
.tab-strip .tab-left {
    background: transparent;
    padding-left: 0;
    padding: 10px 15px;
    background-color: #fed042;
}
.tab-strip .tab-active a.tab-left, .tab-strip .tab-active a.tab-left .tab-inner {
    background-color: #4d4d4d;
}
.tab-strip .tab-right {
    padding-right: 0px;
    background: transparent;
}
.tab-strip .tab-active a.tab-left, .tab-strip .tab-active a.tab-left .tab-inner {
    background-color: #4d4d4d;
}
.tab-strip .tab-active a.tab-left .tab-text {
    color: #fed042;
}
.tab-strip .tab-text {
    color: #4d4d4d;
}
.tab-strip .tab-inner {
    background: transparent;
}
.tab-strip a.tab-left:hover, .tab-strip a.tab-left:hover .tab-inner {
    background-color: #4d4d4d;
}
ul.tab-strip li {
    margin-right: 1px;
}
/*commerce page css*/
.panel .panel-tl {
    border-bottom: 0px solid #336699;
    padding: 6px 0;
    background: #4D4D4D;
    border: none;
}
.panel .tab-strip {
    border-bottom: 4px solid #4d4d4d;
}
.panel .panel-tc, .panel .panel-tl, .panel .panel-tr, .panel .panel-mr, .panel .panel-ml {
    background-color: #4d4d4d !important;
}
.panel .panel-tl {
    border-bottom: 0px solid #336699 !important;
    background: #4d4d4d !important;
}
.panel .panel-tr {
    background: #4d4d4d !important;
}
.panel .panel-tc {
    background: #4d4d4d !important;
}
#document-form {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0 155px;
    max-width: 100%;
    background-image: url(/bmfsweb/javitscenter/image/images/main_page_bg2.jpg);
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    margin-top: -3px;
}
#line-item-grid .field-wrapper {
    white-space: nowrap;
    padding: 7px 12px;
    display: table-cell;
}
#line-item-grid .line-item-grid-header .list-label {
    background: #D3D1D2;
    color: black;
}
/*commerce page css*/
/* ==================== Custom css for commerce page ==================== */




/* ------------- Leonized Config UI/UX Start ----------------- */

/* group header */
.model-config .group-content .group-header span {
    padding-left: 18px;
}
.model-config .group-header {
    background-color: #ffffff !important;
    border-bottom: 3px solid #f5ad0b !important;
}
.model-config .group-header span {
    color: #f5ad0b !important;
    font-family: Helvetica,Arial,sans-serif !important;
    font-size: 18.5px !important;
    font-weight: normal !important;
}
.group-header {
    color: #000000;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    margin: 6px 0 4px;
    background: #0067c5 none repeat scroll 0 0;
}
/* Group Inner*/
.model-config .group-inner {
    border: 1px solid #878787 !important;
    margin-top: 0 !important;
    padding: 20px 5px 25px;
}
/* END group header END */
/* --- VIEW / FORM --- */
.view-header, .form-header { 
    font-family: Arial; 
    font-size: 8pt; 
    background-color: #336699; 
    color: #FFFFFF; 
    font-weight: bold; 
    padding-left: 3px;  
}

.view-text, .form-input, .form-input select, .form-input-modified, .form-input-selected, .form-input-mouseover,
.form-item input, .form-item select, .form-item textarea, .form-item .menu-attr label,
.attribute-field, .attribute-field-picklist, .cfg-image-menu, cfg-image-picklist, .ui-image-combobox-input {
    font-family: Arial !important; 
    font-size: 9pt !important; 
    color: #003366 !important; 
    font-weight:normal !important;
}
.view-text-number, .form-input-number {  
    font-family: Arial !important; 
    text-align: right !important; 
    font-size: 9pt !important; 
    color: #003366 !important; 
}    
.view-text:link, .view-text:visited { 
    color: #003366 !important;
}
a.view-text:hover, a.view-text:visited:hover { 
    color: #FFCC00 !important;
}
.view-label, 
.form-label, 
.form-item label { 
    font-family: Arial !important; 
    font-size: 9pt !important; 
    color: #003366 !important; 
    font-weight: bold !important; 
    text-align: left !important;
} 
.view-label-200px { 
    font-size: 9pt !important; 
    font-weight: bold !important; 
    color: #003366 !important; 
    padding-left: 1px !important; 
    width: 200px !important;
}
.view-number { 
    font-family: Arial !important; 
    font-size: 9pt !important; 
    color: #003366 !important; 
    text-align: right !important; 
}

/* Sticky Floating Bar with Total Price */
#sticky-actions {
    z-index: 1 !important;
}
#sticky-actions .floating {
  z-index: 999 !important;
}

.vertical-array .attribute-label {
    font-size: 9pt !important;
    font-weight: normal !important;
}

* {
    font-family:Helvetica !important;
	/* font-size: 9pt !important; */
}

.addonDiv tr td:last-child {
    width: 50%;
}
.body-inner {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    max-width: 1100px;
    padding-bottom:10px;
   }
#computeDetails, #storageDetails, #bandwidthDetails, #publicIPDetails {
    padding: 5px;
    width: 705px;
    padding:10px;
}
.help-popup {
    max-width:1000px;
    max-height:800px;
    background-color: #FFFFFF;
    border-color:#555555;
}
#computeDetails > div, #storageDetails > div, #bandwidthDetails > div, #publicIPDetails > div, #creditsTable > div {
    border-radius: 5px 5px 5px 5px;
    float: left;
    overflow: hidden;
    border:1px solid #555555;
}
.addonDiv {
    margin-left: 10px;
    margin-right: 90px;
}
#config-header {
    display: none;
}
.group-header {
    background: none repeat scroll 0 0 #0067c5;
    border-radius: 5px 5px 0 0;
    margin: 0;
}

.otherGroup .group-header{
    background: none repeat scroll 0 0 #FAD000;
}

.group-header span {
    line-height:30px;
    padding: 0px 0px 0px 7px !important;
    color: #ffffff !important;
    font-size: 10pt !important;
}
.collapsed .group-header {
    border: 0px !important;
    border-bottom: 3px solid #d92228 !important;
    /* border-radius: 5px 5px 5px 5px; */
}
.group-content {
    margin: 0 0 15px;
}
.tierTable * {
    font-size: 8pt !important;
}
#group-36618645 .group-inner, #group-36618330 .group-inner, #group-36618632 .group-inner, #group-36618658 .group-inner, #group-36619044 .group-inner {
    background-image: url("https://toneloq-cdemo.bigmachines.com/bmfsweb/toneloq-cdemo/image/VMWare/config_back1.jpg");
}
#group-36618330 .group-inner {
  background-image: url("https://toneloq-cdemo.bigmachines.com/bmfsweb/toneloq-cdemo/image/VMWare/config_back1.jpg");
  background-position: 0 30px;
  background-repeat: no-repeat;
}
#group-36619044 .attribute-label-container {
    float:right;
}
#group-36619044 #attribute-addVCloudHybridServiceDataProtection .attribute-inner.clearfix {
    width: 295px;
}
#group-36619044 #attribute-addOfflineDataTransferCredits .attribute-inner.clearfix {
    width: 203px;
}
#attribute-addVCloudHybridServiceDataProtection .attribute-label-container {
    padding-top: 2px;
}
#attribute-addVCloudHybridServiceDataProtection .attribute-help {
    bottom: 32px;
    left: 20px;
    position: absolute;
}
#attribute-chooseAddOns {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.tdUnderline {
    text-decoration:underline;
}
.addonDiv {
    float:left;
}
.tierTable {
    font-size:12px;
    color:#333333;
    width:100%;
    border-width: 1px;
    border-color: #729ea5;
    border-collapse: collapse;
    max-width:400px;
    min-width:275px;
    float:right;
    box-shadow:0px 0px 5px 0px #000000;
}
.tierTable th {
    font-size:12px;
    background-color:#555555;
    border-width: 1px;
    border-bottom:1px;
    padding: 8px;
    border-style: none;
    border-color: #333;
    text-align:center;
    color:#FFFFFF;
}
.tierTable tr {
    background-color:#d4e3e5;
}
.tierTable td:first-child {
    font-weight:bold;
}
.tierTable td {
    font-size:12px;
    border-width: 0px;
    padding: 8px;
    border-style: solid;
    border-color: #729ea5;
    text-align:center;
}
.tierTable tr:hover, .tierTable tr:hover td {
    background-color:#555555;
    color:#fff;
}
.tierAlign {
    text-align:right!important;
}

.items-header-wrapper {
  /* background: url("https://toneloq-cdemo.bigmachines.com/bmfsweb/toneloq-cdemo/image/cobalt/dashboard_header_bg.png") repeat scroll 0 50px rgba(0, 0, 0, 0) !important; */
	background: -moz-linear-gradient(top, #CCCCCC  0%, #878787  100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCCCCC), color-stop(100%,#878787)) !important;
	background: -webkit-linear-gradient(top, #CCCCCC  0%,##878787 100%) !important;
	background: -o-linear-gradient(top, #CCCCCC  0%,#878787 100%) !important;
	background: -ms-linear-gradient(top, #CCCCCC  0%,#878787 100%) !important;
	background: linear-gradient(top, #CCCCCC  0%,#878787 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC ', endColorstr='#878787',GradientType=0 ) !important;
}

.items-header-wrapper h2.grouping-heading{
	color:#efefef !important;
	font-weight:normal;
	text-shadow:0px 1px #808080 !important;
}

.items-table-content {
  background: none repeat scroll 0 0 #FFFFFF;
}
/*
.grand-total-container, .grand-total-container * {
  display: none;
}
*/
#creditsTable .tierTable {
  min-width: 230px;
}

#creditsTable .tierTable td {
  text-align: left;
}
#trainingArray tr th:first-child, #installBase  tr th:first-child{
  display: none;
}

.array {
  border-color: #CCCCCC;
}

#attribute-proServicesHTMl {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

#proServicesHTMl > img {
  border: 1px solid #444444;
  border-radius: 5px;
}

.array .attribute-label {
  padding-left:0!important;
}

#proServicesArray tr th:first-child {
  display: none;
}
.main-model.clearfix {
  /*display: none;*/
}

.plain-button a {
	position: static;
}

#attribute-summaryHTML {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
/* Order total attribute color*/

#attr_wrapper_1_orderTotal_t{
	background-color: #fed042 !important;
}
#group-36680792 .group-inner, #group-36680175 .group-inner {
  background: url("https://toneloq-cdemo.bigmachines.com/bmfsweb/toneloq-cdemo/image/VMWare/config_back2.jpg") no-repeat scroll right bottom #FFFFFF;
}

/* @end */

.attribute-inner .constraint-message {
    background: url("https://hitech-build.bigmachines.com/bmfsweb/hitech-build/image/Icons/noentry.png") no-repeat scroll 5px center / 16px auto #FFFFD6;
    border: 2px solid #BB0808;
    border-radius: 5px;
    color: #BB0808;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 7px 15px 7px 25px;
}

 .attribute-inner .recommendation-message {
	display: inline-block;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 15px 5px 25px;
	background: url("https://hitech-build.bigmachines.com/bmfsweb/hitech-build/image/Icons/recc_arrow.png") no-repeat scroll 4px center #D7EBFB;
	border: 2px solid #333333;
	border-radius:5px;
}

.group-content#group-36662175{
  width:800px !important;
  padding-left:5px;
}

.greyHeader .group-header {
    background: none repeat scroll 0 0 #444;
}

.group-header span {
    line-height:30px;
    padding: 0px 0px 0px 7px !important;
    color: #ffffff !important;
    font-size: 10pt !important;
}

.button-invoke-create td.button-middle, .button-invoke-add td.button-middle  {
	background-color: #E31837 !important;
	padding: 2px;
}

.button-invoke-create td.button-middle a, .button-invoke-add td.button-middle a {
	color:#fdd042 !important;
}

.button-invoke-create td.button-middle:hover, .button-invoke-add td.button-middle:hover { 
	background-color: #067AB4 !important; /* Button Style*/
}

/* @group Group Backgrounds */

.group-inner{
	background-repeat: no-repeat;
	background-position:bottom right;
	border-radius: 0px 0px 5px 5px;
	border: thin solid;
	border-color:#444 !important;
	border-width:0px 1px 1px 1px !important; 
}


/* @NetApp */
/*
#modelImager{
	width:48%;
	float:left;
}

#modelListItems{
	width:50%;
	float:right;
}

#modelListItems ul{
	list-style-type:none;
	list-style-image: url('https://toneloq-cdemo.bigmachines.com/bmfsweb/toneloq-cdemo/image/netapp/downloadArrow.png');
}

#modelListItems li{
	font-size:11px;
	padding-bottom:20px;
}

#group-37407243  .group-inner {
	border:0px !important;
}

img.group-icon{
	padding-bottom:3px;
	max-width:40px;
}

#adapterInfo h4{
	font-family: Helvetica, Arial;
	color:#454545;
	font-size:12px;
	margin-bottom:0px !important;
}

#adapterInfo p{
	font-family: Helvetica, Arial;
	color:#454545;
	font-size:10px;
	margin-top:5px !important;
}
*/
/* @end */

/* Errors  */
ul.error-text {
    border: 2px solid #BB0808;
}

.error-text {
    background: none repeat scroll 0 0;
    border-radius: 5px;
    display: table;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 4px !important;
    width: 800px;
}

/* @end */

/* @group Extreme styles*/

#attribute-configBanner div.attribute-inner.clearfix,
#attribute-configBanner2 div.attribute-inner.clearfix,
#attribute-configBanner3 div.attribute-inner.clearfix,
#attribute-configBanner4 div.attribute-inner.clearfix{
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}

#configBanner img, #configBanner2 img, #configBanner3 img, #configBanner4 img{
	height:50px;
}
/*
td.button-middle, #richTextButton {
	background: #6c41cb;
	background: -moz-linear-gradient(top, #0091f1 0%, #0063a4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0091f1), color-stop(100%,#0063a4));
	background: -webkit-linear-gradient(top, #0091f1 0%,#0063a4 100%);
	background: -o-linear-gradient(top, #0091f1 0%,#0063a4 100%);
	background: -ms-linear-gradient(top, #0091f1 0%,#0063a4 100%);
	background: linear-gradient(top, #0091f1 0%,#0063a4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091f1', endColorstr='#0063a4',GradientType=0 );
	border: 0px !important;
}*/

div.outterSumm {
	background:url('https://toneloq-cdemo.bigmachines.com/bmfsweb/toneloq-cdemo/image/Extreme/serverBackground.jpg');
	background-repeat:no-repeat;
	width: 100%;
	height: 250px;
}

div.innerSummLeft {
	float: left;
	width: 50%;
	text-align:center;
}

div.innerSummRight {
	float: left;
	width: 50%;
	height: 250px;
	background: #0063a4;
	color: #fff;
	font-family: "roboto light", Arial, Sans-serif;
	font-size: 14px;
	overflow: hidden;
}

h1.smallTitle {
	font-size: 24px;
	/line-height: 42px;
	padding:0px 0px 0px 30px;
}

div.innerSummRight h3 {
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	padding:0px 0px 0px 40px;
	width: 85%;
}

div.innerSummRight ul{
	margin-bottom:10px;
	padding:0px 0px 0px 30px;
	width: 75%;
	font-size:12px;
}

div.innerSummRight ul li {
	margin-bottom:10px;
}

div.innerSummRight p {
	font-family: "roboto light", Arial, Sans-serif;
	font-size: 12px;
	font-weight: 100;
	text-transform: none;
	background: #17b1e1;
	width: 187px;
	height: 34px;
	line-height: 34px;
	margin: 25px 340px;
}

div.innerSummRight p:hover{
	box-shadow: 0 2px 0 #303b49;
	-moz-box-shadow: 0 2px 0 #303b49;
	-webkit-box-shadow: 0 2px 0 #303b49;
}

div.innerSummRight p:active{
	height: 32px;
}

a.buttonBlue{
	margin-left:10px;
}

div.innerSummLeft img{
	width:60%;
}

div.innerSummRight a {
	font-family: "roboto light", Arial, Sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: white;
	padding:0px 10px;
	margin-left:5px;
}

div.innerSummRight .document {
	background: url('/bmfsweb/toneloq-cdemo/image/Extreme/bookSumm.png') no-repeat;
	display: inline-block;
	left: 8px;
	position: relative;
	top: 3px;
	width: 14px;
	height:16px;
}

#attribute-modelSummary div.attribute-inner.clearfix {
	padding: 0px !important;
}

/* @end */

#upseller{
	font-size: 14px;
	font-weight:bold;
	font-family:calibri;
	vertical-align:middle;
	border:2px dotted #335CB2;
	padding:5px;
	text-align:center;
	background-color: #efefef;
}

#appHigh{
	color:#335CB2;
	text-decoration:underline;
}

#upseller img{
	vertical-align:middle;
	padding-right:10px;
}

#productFilter .group-option {
	margin: 12px 0 0 5px !important;
	font-size:12pt !important;
	color:#444444 !important;
}

.pricebook-container {
    display: none !important;
}
.model-name, .pricebook-container label {
    display: none !important;
}
.model-price {
	display: none !important;
}
#pricing-table-wrapper{
	display:none;
}


/*Custome Css Start*/

.container {
    /*width: 100%;*/
}
.container1070 {
    max-width: 1070px;
	width: 100%;
	margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}
.font_museo_100 {font-family: 'Museo Sans Cyrl 100'}
.font_museo_300 {font-family: 'Museo Sans Cyrl 300'}
.Rotulona_hand {font-family: 'Rotulona Hand'}

.transition3s {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.padding_left0 {padding-left: 0px}
.padding_right0 {padding-right: 0px}
.margin_left60 {margin-left: 60px}
.margin_right60 {margin-right: 60px}


/*Build Your Order css Start*/

/*header section css*/
.top_header {
    background: #231f20;
    color: #A7A9AC;
	font-size: 13px
}
.phone_num {
    float: left;
    padding: 3px 0 2px;
}
.contact_header {
    float: right;
    display: inline-block;
}
.mail_add {
    margin-left: 20px;
    float: left;
    padding: 2px 0 2px;
}
span.phone_icon img {
    margin-top: -2px;
}
span.ph_num {
    margin-left: 5px;
}
span.mail_id {
    margin-left: 5px;
}
span.mail_id a {
    color: #A7A9AC;
	text-decoration: none;
}
.main_header {
    background: #464646;
}
.dashboard_navi {
    padding: 20px 0;
}
.dashboard_navi a {
    color: #ffffff;
	text-decoration: none;
}
span.dashboard_text {
    margin-left: 9px;
}
.dashboard_navi a:hover .dashboard_text {
    margin-left: 5px;
}
.dashboard_navi span img {
    margin-top: -3px;
}
.mahtin_logo {
    text-align: center;
    padding: 8px 0;
}
.user_profile {
    text-align: right;
    padding: 10px 0;
}
span.user_photo {
    padding: 0 12px;
}
span.user_email a:hover {
    color: #ffffff;
}
span.user_email a {
    color: #fdd042;
    text-decoration: none;
}
/*header section css*/

/*footer section css*/
.footer_sec {
    background: #4D4D4D;
    padding-top: 35px;
    padding-bottom: 40px;
}
.footer_location {
    padding-left: 43px;
}
h3.foo_l_head {
	font-size: 18px;
    color: #ffffff;
    margin: 7px 0 0;
    padding-right: 88px;
    line-height: 21px;
    margin-bottom: 7px;
}
p.foo_l_address {
    font-size: 14px;
    color: #ffffff;
    width: 50%;
    line-height: 16px;
    margin-bottom: 7px;
}
p.foo_l_address a {
    color: #ffffff;
    text-decoration: none;
}
p.foo_l_address a:hover {
    color: #ffd143;
}
.privacy_policy a {
    font-size: 10px;
    color: #ffffff;
    width: 50%;
    line-height: 16px;
    text-decoration: none;
}
.privacy_policy a:hover {
    color: #ffd143;
}
.copy_right p {
    font-size: 10px;
    color: #ffffff;
    width: 100%;
    line-height: 16px;
    text-decoration: none;
    margin-top: 7px;
	margin-bottom: 0px;
}
.plan_exhibit_attend {
    position: relative;
}
span.left_line {
    width: 2px;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 9px;
    bottom: -100px;
}
.plan_exhibit_attend p {
    font-size: 24px;
    color: #fdd042;
    text-transform: uppercase;
    padding-left: 44px;
    line-height: 27px;
	padding-top: 6px;
    letter-spacing: 3px;
}
.footer_menu_social ul li a {
    color: #fdd042;
    font-size: 18px;
    text-decoration: none;
    line-height: 30px;
}
.footer_menu_social ul li a:hover {
    color: #ffffff;
}
.footer_menu_social ul li {
	list-style: none;
}
.footer_menu_social ul {
    margin: 0;
    padding: 0;
}
.social_media ul li {
    display: inline-block;
    margin-right: 10px;
}
.social_media ul {
    margin-top: 40px;
}

a.facebook {
    background-image: url(../images/social_icons.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 18px;
    display: inline-block;
    background-position: 0% 70%;
}
a.facebook:hover {
    background-position: 0% 0%;
}
a.twitter {
    background-image: url(../images/social_icons.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 18px;
    display: inline-block;
    background-position: 23% 70%;
}
a.twitter:hover {
    background-position: 23% 0%;
}
a.insta {
    background-image: url(../images/social_icons.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 18px;
    display: inline-block;
    background-position: 48% 70%;
}
a.insta:hover {
    background-position: 48% 0%;
}
a.linkedin {
    background-image: url(../images/social_icons.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 18px;
    display: inline-block;
    background-position: 74% 70%;
}
a.linkedin:hover {
    background-position: 74% 0%;
}
a.youtube {
    background-image: url(../images/social_icons.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 20px;
    display: inline-block;
    background-position: 101% 70%;
}
a.youtube:hover {
    background-position: 101% 0%;
}
/*footer section css*/

div#grid-36577768, div#grid-36496289, div#grid-36727330, div#grid-36581694, div#grid-36725144, div#grid-36498380, div#grid-36583456 {
    padding: 15px 0px 0px 0px;
    margin-left: 0px;
    margin-right: 0px;
    /* border-top: 35px solid #ffffff!important; */
}
.calendar button, .calendar input, .calendar select {
  color: #000000;
}
.calendar-toolbar button {
    color: #ffffff;
}button.calendar-settoday {
    color: #000000;
    font-weight: bold;
}
button.calendar-clear {
    color: #000000;
    font-weight: bold;
}
table.header-bordercolor {
    margin-bottom: -30px;
	padding-top: 8px;
}
.topcolor {
    margin-bottom: -10px;
}

/* Added for card connect iframe hide */
.CardConnect {
    position: absolute;
    padding: 0 278px 0 222px;
    padding-bottom: 69px;
    background: #ffffff;
}
.c_connect {
    height: 310px;
    margin-top: -80px;
}
/* Added for hiding the pay for my quote action*/

a#pay_for_my_quote {
    background: #ffffff;
    padding: 8px 80px 50px 180px;
    color: #ffffff;
    margin-left: -30px;
}


/* Added for CPQ Login Page*/

  span.login-link {
	height: 45px;
    width: 574px;
    background: #ffffff;
    margin-left: -8px;
    padding: 15px 0px 0px 12px;
}

/*CSS To Hide Start Over button*/

table.plain-button.button-start-over.trail-0 {
    display: none;
}
/*Added for footer Hover*/

.plan_exhibit_attend p:hover {
    color: #ffffff;
    text-decoration: none;
}

/*Added for footer Hover*/


/*=================== Media Queries Here ===================*/


/*||=================== 1140 to 768 ===================||*/

@media screen and (max-width: 1140px) and (min-width: 640px) {

}
@media screen and (max-width: 991px) {
	.bg_layer {
		padding: 18px 0px 0px 15px;
	}
	.order_summary_sec {
		margin-left: 15px;
		margin-right: 15px;
	}
}

/*||=================== 1024 to 768 ===================||*/

@media screen and (min-width: 769px) and (max-width: 1024px) {
	.margin_right60 {
    	margin-right: 0px;
	}
	.margin_left60 {
		margin-left: 0px;
	}
	p.verify_text {
		margin: 0 0px;
	}
}
/*||=================== 1024 to 768 ===================||*/

@media screen and (max-width: 768px) {
	
	span.back_icon {
		margin-right: 0px;
		margin-left: 0px;
	}
	span.backToJ {
		display: none;
	}
	p.verify_text {
		margin: 0 0px;
	}
	.mahtin_logo {
    	text-align: right;
	}
	.electrical_service {
    	margin-right: 15px;
	}
	.e_services_sec {
		margin-left: -15px;
	}
	.order_summary_sec {
		margin-left: 0px;
		margin-right: 15px;
	}
	.table-responsive {
		border: 0px solid #ddd;
	}
	.footer_location {
		padding-left: 54px;
	}
	span.left_line {
		display: none;
	}
	.plan_exhibit_attend p {
		padding-left: 52px;
	}
	.footer_menu_social {
		padding-left: 52px;
	}
	.product_day1 {
		width: 50px;
		margin-right: 0px;
	}
	.tab_header h2 {
		font-size: 17px;
	}
	span.serv_date {
		font-size: 12px;
	}
	span.booth_numb {
		padding: 2px 0;
		font-size: 12px;
	}
	span.serv_h_line {
		height: 20px;
		margin: 0px 24px -5px 14px;
	}
	.account_balance {
		margin-right: 15px;
	}
	.dashboard_product_scrroll {
		left: -15px;
	}
	.dashboard_product_block {
		padding: 15px 15px;
	}
}

/*||=================== 768 to 640 ===================||*/

@media screen and (max-width: 768px) and (min-width: 640px) {

}
/*||=================== 768 to 220 ===================||*/

@media screen and (max-width: 768px) and (min-width: 220px) {
	.margin_right60 {
    	margin-right: 0px;
	}
	.margin_left60 {
		margin-left: 0px;
	}
}

/*||=================== 639 to 320 ===================||*/

@media screen and (max-width: 639px) and (min-width: 220px) {
	

}

/*||=================== 420 to 220 ===================||*/

@media screen and (max-width: 420px) and (min-width: 220px) {
	.contact_header {
		font-size: 11px;
	}
	h3.foo_l_head {
		padding-right: 0;
	}
	p.foo_l_address {
		width: 100%;
	}

}

a {text-decoration: none !important}
 
.row {margin-left:0;margin-right:0}