.col-md-33 {
  width: 33%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  border-top-widtth: 2px;
  border-left-widtth: 1px;
  border-right-widtth: 1px;
  border-bottom-widtth: 1px;
  border-top-color: #425563;
}

.config-bundle{
	padding-right: 25px;
  	padding-left: 25px;
	table-layout: fixed;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
  	margin-bottom: 10px !important;
}
.margin-left-24{
	margin-left: 24px;	
}
.less-config-bundle{
	border-spacing: 8px;
	justify-content: initial;
}

.col-Tiles-31 {
    width: 31.9%;
    float: left;
    border-width:1px;
    position: relative;
    min-height: 1px;
    padding-top: 30px;
    padding-right: 15px;
    padding-left: 30px;
    border-top-width: 5px;
    border-top-color: #425563;
    margin-top: -20px;
    /*border-color: #425563;*/
    height: 338px;
    border-style: groove;
    border-top-style: solid;
    cursor: pointer;
}

.cfg-bndl-tile-selected {
	border-top-width: 0 !important;
	padding-top: 35px;
	cursor: default;
}

.cfg-bndl-tile-selected::after {
    font-family: 'HPE_Icons' !important;
    font-size: 30px !important;
    content: "\ea52" !important;
    display: inline !important;
    color: white;
    margin: 0 !important;
    padding-right: 0.4em !important;
    position: absolute;
    bottom: -4px;
}

.margin-left0{
	margin-left: 0px;
}
.margin-right0{
	margin-right: 0px;
}
.margin-left1{
	margin-left: 1px;
}
.margin-right1{
	margin-right: 1px;
}

.margin-left20{
	margin-left: 23px;
}
.bkground-slate {
    background: #425563;
}
.left {
    float:left;
}
.right {
    float:right;
}
.background-white{
    background-color:#ffffff !important;
}
.font-weight600{
    font-weight: 600;
}
.font-weight800{
    font-weight: 800;
}
.font-weight400{
    font-weight: 400;
}
.font-weight300{
    font-weight: 300;
}
.font-color000{
    	color: #000000 !important;
}
.font-colorfff{
    	color: #ffffff !important;
}
/*
.colum-width10{
	width: 10%;
}
.colum-width15{
	width: 15%;
}
.colum-width20{
	width: 20%;
}
.colum-width25{
	width: 25%;
}
.colum-width30{
	width: 30%;
}
.colum-width35{
	width: 35%;
}
.colum-width55{
	width: 55%;
}
.colum-width60{
	width: 60%;
}*/

.colum-width10{
	width: 120px;
}
.colum-width15{
	width: 180px;
}
.colum-width20{
	width: 240px;
}
.colum-width25{
	width: 300px;
}
.colum-width30{
	width: 360px;
}
.colum-width35{
	width: 420px;
}
.colum-width55{
	width: 660px;
}
.colum-width60{
	width: 720px
}

.tiles-bundle-title-select{
	height: 16px;
	font-family: "HPEMetricSemibold" !important;
	font-size: 24px;
}

.tiles-bundle-desc-select{
	height: 16px;
	font-family: "HPEMetricRegular" !important;
	font-size: 22px;
}

.col-Tiles-31 table tbody tr td {
    padding-top: 6px;
    padding-bottom: 6px;
}


.tiles-bundle-catagory-select{
	height: 11px;
	font-family: "HPEMetricRegular";
	font-size: 14px;
}
.tiles-bundle-price{
	height: 20px;
	font-family: "HPEMetricRegular";
	font-size: 24px;
}

.tiles-bundle-fulfilled{
	height: 11px;
	font-family: "HPEMetricRegular";
	font-size: 14px;
	font-weight: 400;
}
.tiles-bundle-price-positon{
	position: absolute !important;
	bottom: 83px;
    right: 25px;
}
.tiles-bundle-sbundle-positon{
	position: absolute !important;
	top: 267px;
    left: 30px;
    width: 93%;
}
.col-Tiles-31 table tbody tr td {
	border-right: 0px solid !important;
	padding-left: 0px !important;
}
.col-Tiles-31 table tbody tr:nth-child(even) {
    background: transparent !important;
}
.tiles-bundle-catagory-reseller{
	height: 11px;
	color: #ffffff;
	font-family: "HPEMetricRegular";
	font-size: 18px;
	/*text-transform: uppercase;*/
}
.tiles-bundle-catagory-change{
	height: 13px;
	color: #01a982;
	font-family: "HPEMetricRegular";
	font-size: 16px;
	font-weight: 600;
	margin-left: 20px;
}
.relative-position{
	position: relative;
}

.select-bundle::before {
    font-family: 'HPE_EG-eCPQ' !important;
    font-size: 18px !important;
    font-weight: 400;
    content: "\e910" !important;
    display: inline !important;
    color: #01a982;
    margin: 0 !important;
    padding-right: 0.4em !important;
}

.select-bundle{
	color: #333333;
	font-family: "HPEMetricRegular";
	font-size: 24px;
	font-weight: 600;
	width: 130%;
}
.configure-layout{
    border: 1px groove;
}
.configure-choice{
	color: #424242;
	font-family: "HPEMetricSemibold";
	font-size: 24px;
	font-weight: 600;
}
a.open-item-detail:before {
    color: #01A982;
    font-family: 'HPE_EG-eCPQ' !important;
    font-size: 24px !important;
    content: "\ea05" !important;
    cursor: pointer;
    font-weight: 400;
}
a.close-item-detail:before {
    color: #01A982;
    font-family: 'HPE_EG-eCPQ' !important;
    font-size: 24px !important;
    content: "\ea04" !important;
    cursor: pointer;
    font-weight: 400;
}
.configure-layout table tbody tr{
    height:55px
}
.configure-layout table tbody tr:nth-child(even)  {
    background-color: #ffffff !important;
}

.configure-layout table tbody tr td {
    border-right: 0px solid !important;
    text-align: left;
    vertical-align: top;
}
.configure-layout table tbody .middle td {
    vertical-align: middle;
    background: #f6f6f6;
}
.configure-layout table tbody tr td:first-child{
    padding-left: 30px;
}
.configure-layout table tbody tr td.include {
    padding-left: 0px !important;;
}
.padding-left-2{
	padding-left: 2px !important;
}
.configure-layout .part-value{
    padding-top: 10px;
    display: inline-block;
}
.configure-layout .selectdrpdown {
	margin-right: 2px;
    font-size: 16px;
    font-weight: 300;
    font-family: "HPEMetricRegular";
}
.choice {
    width: 100%;
    float: left;
    border-right: 0px;
    text-align: left;
    padding-left: 2px;
    margin-right: -3px;
}
.choice .selectdrpdown {
    padding: 2px 0px 10px 0px !important;
 /*   background: url(../images/dropdown_green_static.png) 98% 15px no-repeat !important;
    background-size: 16px 12px !important; */
    width: 100%;
    margin-top: 5px;
}
.choice .nav li{
    font-size: 16px !important;
}
.choice .nav li a{
    color: #333333;
    font-family: 'HPEMetricRegular' !important;
    font-size: 16px !important;;
    font-weight: 400;
}    
.configure-layout .nav li a {
    line-height:26px;
}
.configure-layout .dropdown{
	max-width: 680px;
}
.configure-layout ul .selectdrpdown{
	max-width: 680px;
}
.configure-layout div .choice{
	width: 682px;
}
/*
#choice-item-selected{
    margin-top: 5px;
    margin-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    border-width: 1px solid !important;
    width: 100%;
}*/
.choice .selectdrpdown li.dropdown {
    height: 40px;
    padding-right: 0px !important;
     border: 1px solid !important;
     font-size: 16px;
     color:#999;
}
.choice .selectdrpdown  li .dropdown-menu{
    width:100% !important;
}
.change-quantity {
	padding-left: 15px !important;
    vertical-align: bottom !important;
    padding-bottom: 0;
}
.add-choice{
	cursor: pointer;
}
.add-choice::before {
    font-family: 'HPE_EG-eCPQ' !important;
    font-size: 20px !important;
    font-weight: 500;
    content: "\e904" !important;
    display: inline !important;
    color: #01a982;
    margin: 0 !important;
    padding-right: 0.4em !important;
    height: 22px;
}
.line-item-action {
    border: 1px solid #999;
    position: relative;
    left: 1em;
        height: 40px;
        padding-top: 8px;
    /* .mine    left: 0.4em;
        height: 33px;
        padding-top: 0.6em;*/
        margin-top: 7px;
        margin-bottom: 10px;
    width:140px;
}
.line-item-action-padding {
    border: 2px solid #fff;
    position: relative;
    left: 1em;
    height: 18px;
    padding-top: 0.6em;
    margin-top: 10px;
    margin-bottom: 10px;
    width:70%;
}
.buttonAlignment_left {
    float: left !important;
    border-right: 1px solid #ccc;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 28% !important;
    text-align: center !important;
    height: 24px;
    padding-top: 2px;
}
.buttonAlignment_right {
    float: left !important;
    border-left: 1px solid #ccc;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 28% !important;
    text-align: center !important;
    height: 24px;
    padding-top: 2px;
}
.buttonAlignment_middle {
    float: left !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 44% !important;
    text-align: center !important;
    font-size: 16px !important;
	padding-top: 5px;
}
.buttonAlignment_middle span{
    font-size: 16px !important;
	color: black !important;
	font-family: "HPEMetricRegular";
	text-align: center;
	font-weight:400;
}
.configure-layout a{
    text-decoration: none;
}
a.add_quantity_green:before {
    color: #01A982;
    font-family: 'HPE_EG-eCPQ' !important;
    font-size: 20px !important;
    font-weight: 500;
    content: "\e904" !important;
    cursor: pointer;
}
a.add_quantity_gray:before {
    color: #999;
    font-family: 'HPE_EG-eCPQ' !important;
    font-size: 20px !important;
    font-weight: 500;
    content: "\e904" !important;
}
a.minus_quantity_green:before {
    color: #01A982;
    font-family: 'HPE_EG-eCPQ' !important;
    font-size: 20px !important;
    font-weight: 500;
    content: "\e916" !important;
    cursor: pointer;
}
a.minus_quantity_gray:before {
    color: #999;
    font-family: 'HPE_EG-eCPQ' !important;
    font-size: 20px !important;
    font-weight: 500;
    content: "\e916" !important;
}
.font_18_600{
    color: #000000;
    font-family: 'HPEMetricRegular' !important;
    font-size: 18px;
    font-weight: 600;
}
.font_9_400{
    height: 11px;
    color: #000000;
    font-family: 'HPEMetricSemibold' !important;
    font-size: 15px;
    font-weight: 400;
}
.font_24_300{
    height: 16px;
    color: #333;
    font-family: 'HPEMetricRegular' !important;
    font-size: 24px;
    font-weight: 300;
}
.font_16_400{
    height: 10px;
    color: #767676;
    font-family: 'HPEMetricRegular' !important;
    font-size: 16px;
    font-weight: 400;
}
.font_12_400{
    height: 10px;
    color: #767676;
    font-family: 'HPEMetricRegular' !important;
    font-size: 12px;
    font-weight: 400;
}
.font_19_500{
    height: 16px;
    color: #000000;
    font-family: "HPEMetricRegular";
    font-size: 18px;
    font-weight: 600;
}
.slot-container{
    width:100%;
    table-layout: fixed;
    display: flex;
    flex-flow: row nowrap; 
    justify-content: space-between;
}
.slot{
    background-color : #C5C9CC;
    margin-left:2px;
    width:50%;
    height:10px;
    float:left;
}
.slot-occupied{
    background-color : #425563;
    width:50%;
    height:10px;
    float:left;
}
.expanded{
    display: ;
}
.closed{
 display: none;
}
.border-close{
    border-bottom:2px solid !important;
    border-bottom-color: #999 !important;
}
.inlclude-label{
    margin-top:20px;
    float:left;
    color: #767676; 
}
a.remove-choice:before {
    color: #767676 !important;
    font-family: 'HPE_EG-eCPQ' !important;
    font-size: 24px !important;
    content: "\e92e" !important;
    cursor: pointer;
    font-weight: 400;
    padding-left: 8px;
}
.line-item-action-extra {
    border: 0px solid #ccc;
    position: relative;
    height: 40px;
    padding-top: 0.6em;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 30%;
    float: right;
    left: -5px;
}

.change-partner a:focus, a:hover {
	color: #01a982;
}

.change-partner {
	color: #01a982 !important;
	margin-left: 20px;
    font-size: 16px;
    font-family: HPEMetricSemibold !important;
    display: inline;
}

.change-partner-label {
    padding: 10px 0 10px 20px;
    font-size: 16px;
    color: #333333;
    font-family: HPEMetricSemibold !important;
}

.change-partner-item {
	padding-left: 20px;
	font-size: 14px;
    font-family: HPEMetricRegular;
    color: #666;
}

.change-partner .select-partner-name {
	padding-left: 5px;
	padding-top: 3px;
	font-size: 14px !important;
    font-family: HPEMetricRegular;
    color: #666 !important;
}

.change-partner .dropdown-menu {
	width: 235px;
    border-bottom: 4px solid #425563;
}

.select-partner-price {
    display: flex;
    position: absolute;
    right: 20px;
    padding-top: 3px;
    font-size: 16px;
    font-family: HPEMetricSemibold !important;
}

.btn-in-tile {
	margin-top: 0px;
    margin-right: 20px;
    min-width: 120px;
    height: 33px;
    font-size: 16px;
    padding-top: 12px !important;
}

.btn-title-fd {
	position:relative;
	left:90px;
}
.tile-pos-td-1 {
	width: 40%;
}
.tile-pos-td-2 {
	width: 30%;
}

.choice-Price{
    width: 100%;
    float: left;
    border-right: 0px;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
}
.margin-left15 {
    margin-left: 15px;
}
.preinstall-select{
    height: 13px;
    color: #767676 !important;;
    font-family: 'HPE_EG-eCPQ' !important;
    font-size: 16px;
    font-weight: 400;
}
.choice .nav li .dropdown-toggle:after{
    color: #01A982;
    font-family: 'HPE_EG-eCPQ' !important;
    font-size: 24px !important;
    content: "\ea05" !important;
    cursor: pointer;
    font-weight: 400;
    float: right;
}
.choice .selectdrpdown{
    background:none !important;
}
.right-collapse-expand{
	float: right;
	padding-right: 20px;
}
.type-image{
	float: right;
	padding-right: 20px;
}
.sub-qty{
   height: 13px;
   color: #333333;
   font-family: 'HPEMetricRegular' !important;
   /* Text style for "4 x" */
   font-size: 18px;
   font-weight: 600;
   padding-right: 15px;
}
.sub-description{
   height: 13px;
   color: #333333;
   font-family: 'HPEMetricRegular' !important;
   font-size: 16px;
   font-weight: 400;
}
.add-subitem{
	padding-top:10px;
	display:inline-block;
}
.include-subitem{
	padding-top:20px;
	display:inline-block;
}
.unit-description {
    height: 13px;
    font-family: 'HPEMetricRegular' !important;
    font-size: 18px;
    font-weight: 400;
}
.config-pading{
    padding-right: 24px;
    padding-left: 24px;
}
.prod-padding{
	padding: 0 4px 0 3px;
}
.configure-layout .typed-icon:after{
	font-family: "HPE_Icons";
	content: "\e990";
	opacity: 0.8;
    font-size: 36px;
    float:right;
    padding:10px 30px 0 0;
}
.configure-layout span.icon_cpu::after {content: "\e993";}
.configure-layout span.icon_mem::after {content: "\e994";}
.configure-layout span.icon_os::after {content: "\e9a1";}
.configure-layout span.icon_storage::after {content: "\e9a0";}
.configure-layout span.icon_card::after {content: "\e99a";}
.configure-layout span.icon_management::after {content: "\e9a9";}
.configure-layout span.icon_power::after {content: "\e99b";}
.configure-layout span.icon_service::after {content: "\e9a2";}
.configure-layout span.icon_security::after {content: "\e979";}
.configure-layout span.icon_network::after {content: "\ea12";}
.configure-layout span.icon_accessor::after {content: "\e988";}
.configure-layout span.icon_media::after {content: "\eac9";}
.configure-layout span.icon_cable::after {content: "\ead5";}
.configure-layout span.icon_software::after {content: "\e95a";}
.configure-layout span.icon_transceiver::after {content: "\e956";}
.configure-layout span.icon_controller::after {content: "\ea2c";}


.choice .nav li a {
    padding: 6px 6px !important;
}

.hide-bundle-2 {
	padding-right: 25px;
    padding-left: 38px;
    justify-content: initial;
}
.hide-bundle-2 .margin-left26{
    margin-left: 12px;
}
.price-height{
    height: 25px !important;
}
.choice a.dropdown-toggle + span.ctooltiptext, .choice li.toggle-sort-item a .ctooltiptext{
    visibility: hidden;
    background-color: #767676;
    color: #ffffff;
    font-family: 'HPEMetricRegular' !important;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    border-radius: 6px;
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 5px;

    /* Position the tooltip */
    left:5%;
    bottom: 0%;
    position: relative;
    z-index: 1999;
}
.choice li.toggle-sort-item a .ctooltiptext{
	margin-top: -25px !important;
}
.choice a.dropdown-toggle:hover + span.ctooltiptext {
    visibility: visible;
}

.choice li.toggle-sort-item:hover a .ctooltiptext {
    visibility: visible;
}

.config-warning{
	margin: -20px 24px 30px 24px !important;
    background: #ffc8c8;
    padding: 15px 160px 15px 160px;
    text-align: center;
    font-size: 16px;
}

a.remove-choice-minitcart {
	  color: #00B388 !important;
	  float:right;
}

a.remove-choice-minitcart:before {
    color: #00B388 !important;
    font-family: 'HPE_EG-eCPQ' !important;
    font-size: 10px !important;
    content: "\e92e" !important;
    cursor: pointer;
    font-weight: 400;
    padding-left: 8px;
} 
.miniacart-remove {
    border: 0px solid #ccc;
    position: relative;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 46%;
    float: right;
    left: -5px;
}