[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak,
.ng-hide {
    display: none !important;
}


html {
    overflow-y: scroll;
}

.specOverviewRow
{
    margin-bottom:3px;
}

.specOverviewRow .attribute {
    font-weight:bold;
    vertical-align: top;
    padding-right:10px;
    margin-bottom:0px;
    width:60%;
}

.specOverviewRow .value {
    display: inline-block;
    width:auto !important;
    padding-right:5px;
}

.specOverviewGroup
{
    width:51%;
    float:left;
}

.specOverviewGroup.specOverviewGroup_Features
{
    float:none;
    width:40%;
    margin-left: 55%;
}

.specGroup{
}
.specGroupStandalone{
    margin-left: 15px;
    margin-right: 15px;
}
.specRow
{
    width:100%;
    margin-bottom:3px;
}

.specRow .attributeName {
    display: inline-block;
    font-weight:bold;
    /*width:50%;*/
    float:left;
    padding-left:10px;
    vertical-align:top;
    height:100%;
}
.specRow .attributeName .configurationsName {
background-color:white;text-align:right;font-weight:normal;padding-right:5px
}
.specRow .attributeName >button
{
    font-size: 0.6em;
    border-radius: 1em;
    background-color: #888;
    color: white;
    padding: 0px 0.3em;
    font-weight: bold;
    font-family: Courier;
    height:11px;
}

.specRow .value {
    display: inline-block;
    /*width:50%;*/
    vertical-align:top;
    height:100%;
    border-left:3px solid white;
    text-align:center;
}

.specRow .value .caSubvalue{
    float:left;
}

.specRow .value .showmore{
    cursor:pointer;
    color:gray;
}

.specRow .value .productTarget
{
    background-color:#eee;
    border: 1px solid #aaa;
    font-size:0.75em;
    white-space:nowrap;
    width:auto;
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 1px;
    cursor:pointer;
}


.specRow.even
{
    background-color:#eeeeee;
}

.specRow.odd
{
    background-color: #dddddd;
}

.specRow > *
{
}


.specRow .value.caValue
{
    padding-left:0px;
}

.specRow .value.caValue .caSubvalue
{
    /*padding-left:5px;*/
}



.specRow.odd .value .caSubvalue.evenCol
{
    background-color:#b9b9b9;
}

.specRow.odd .value .caSubvalue.oddCol
{
    background-color:#c9c9c9;
}

.specRow.even .value .caSubvalue.evenCol
{
    background-color:#c9c9c9;
}

.specRow.even .value .caSubvalue.oddCol
{
    background-color:#d9d9d9;
}

.attributeDescription {
    border-top: 3px solid white;
    background-color:#333333;
    color:white;
    min-height:30px;
    padding:15px;
}
.attributeDescription .actionButton {
    color:#ff2e03;
    font-size:1.3em;
}


/** SpecPack Design */
.specPackValue > * > td, .specPackValue span
{
    text-align:center;
}

table.specPack > tbody > tr > td{
    border-left:1px dotted gray;
    border-right:1px dotted gray;
}

table.specPackValue > tbody > tr > td {
    border-left:1px dotted white;
    border-right:1px dotted white;
}


.inlineSubCategories {
    margin-bottom:20px;
    margin-left:50px;
}
/** Attachments tile layout **/
.categoryTiles
{
    padding:0;
    margin:0;
    cursor:pointer;
    float:left;
}
.categoryTiles ul  li {
    display:inline-block;
}
.categoryTiles ul  li > * .inner {
    width:130px;
    background-color:#f0f0f0;
    height:160px;
    overflow:hidden;
    display:inline-block;
    margin:5px;
    text-align: center;
    font-weight: bold;
    font-size: 0.9em;
    white-space: normal;
}
.categoryTiles ul  li > > *.inner > i
{
    font-weight:normal;
    font-size:0.7em;
}

.categoryTiles ul  li > * .inner > div
{
    width:130px;
    height:100px;
    border:1px solid #cccccc;
    overflow:hidden;
    margin-bottom:4px;
}
.categoryTiles ul  li > * .inner > div >img
{
    width:130px;
}

.categoryTiles > * .activated, .categoryTiles > * .activated > div >div {
    background-color: #dddddd !important;
    border: 1px solid #a0a0a0 !important;
}
.categoryTiles > * .deactivated {
/*    display:none;*/
    -webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    color:gray;
    opacity: 0.3;
}

.categoryTiles > * .hasMore
{
    height: 0px !important;
    width: 0px !important;
    overflow: visible !important;
    margin: 0 !important;
}

.categoryTiles > * .hasMore > div
{
    position: relative;
    display: block;
    right: 0px;
    top: -25px;
    left: 110px;
    cursor: pointer;
    background: url("../../images/generic/more.png") repeat scroll 0% 0% / 15px 15px transparent;
    height: 15px !important;
    width: 15px !important;
}


/* Animation */
.categoryTile.ng-enter {
    -webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    width: 10px;
    opacity:0.3
}
.categoryTile.ng-enter-active {
    opacity:1;
    width: 130px;
}

/* Animation */
.categoryTile.ng-leave {
    -webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    width: 130px;
}
.categoryTile.ng-leave-active {
    width: 10px;
    opacity:0.3
}



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


.categoryDetails {
    background-color: #dddddd;
    border: 1px solid #a0a0a0 !important;
    display: block;
    position: absolute;
    left: 10px;
    right: 10px;
    overflow: visible;
    width: auto;
    height: auto;
    min-height: 50px;
    margin-top: -20px;
    z-index:10;
}

.categoryDetails.maximized
{
    left: 25px;
    right: 25px;
    top: 75px;
}
.categoryDetails .description
{

}

.description  {
    list-style:disc;
    list-style-position: outside;
}
.description ul li {
    display: list-item;
    margin-left: -20px;
}

.categoryProducts ul li {
    display: list-item;
}


.categoryDetails .product{

}

.categoryDetails .productHidden{
    color:gray;
    text-decoration: line-through;

}


/* Debug category tree in right side panel
*/
.treePlusMinus {
    height: 10px;
    padding-bottom: 2px;
    padding-right: 4px;
}

.tree {
    list-style: none;
    padding-left: 15px;
}

.tree li {
    line-height: 1em;
    /*white-space:nowrap;*/
}

.tree li label {
    font-weight: normal;
    cursor: pointer;
}

.treeDynamic + :not(.treeDynamic) {
    padding-top: 30px;
}

.treeSubheading {
    clear: both;
    font-size: 0.7em;
    font-style: italic;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 12px;
}

.treeMsg {
    padding-bottom: 10px;
}

.treeProducts {
    list-style-type:square;
    margin-left: 13px;
}


/* Multi-level drop-down */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

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

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* Disable hover concept. Replace by Angular dynamic class to make it click-sensitive */
.dropdown-submenu:hover > .dropdown-menu {
    display: none;
}
.dropdown-submenu-expanded > .dropdown-menu
{
    display:block;
}

.dropdown-submenu-expanded:hover > .dropdown-menu
{
    display:block;
}

.dropdown-product
{
    font-style: italic;
}


/* Facets */
.facets {
    /*   display: inline-block;
       width: 15%;
       padding-right: 20px;
       vertical-align: top;
       overflow-y: auto;
       float: left;
       height: 100%;*/
}

.facet h6 {
    margin-bottom: 0px;
    font-weight:bold;
}

.facet ul {
    margin-left: 5px;
    padding-left: 0px;
}

.facet ul li {
    font-size: 0.7em;
    list-style-type: none;
    padding-left: 0px;
}

.facet ul li input {
    position: relative;
    top: 3px;
}

.facet ul li span {
    margin-left: 5px;
}

.facet ul li span span
{
    color:gray;
    font-style:italic;
}
.facetShowMoreOrLess {
    font-size: 0.7em;
    margin-left: 5px;
    margin-top: -4px;
    font-style: italic;
    cursor: pointer;
}

.facetClearButton {
    color: white;
    background-color: #bbb;
    border-radius: 3px;
    padding: 0px 3px 0px 3px;
    font-size: 0.75em;
    cursor: pointer;
    margin-left: 10px;
}

/* Slider */
slider {
    display:     block;
    position:    relative;
    height:      14px;
    /*width:       200px;*/
    margin-top:  22px;
    margin-bottom:5px;
}

slider span.bar {
    height:     3px;
    z-index:    0;
    background: #eee;
    left:       0;
    top:        25%;
    cursor:     pointer;
}

slider span.bar.selection, slider span.bar.unselected {
}

slider span.bar.selection {
    background: none repeat scroll 0% 0% rgba(63, 184, 240, 1);
    opacity: 1;
}

slider span.bar.unselected {
    width:      auto;
    background: #999;
    opacity:    0.5;
}

slider span.pointer {
    cursor:           pointer;
    width:            15px;
    top: -2px;
    bottom: 1px;
    background-color: #183C5C;
    border-radius: 50%;
    border: 5px solid rgba(135, 192, 243, 1);
}

slider span.pointer:hover {
}

slider span.pointer.active {
}

slider span.bubble {
    font-size:   0.7em;
    line-height: 1.4em;
    font-family: sans-serif;
    text-align:  center;
    text-shadow: none;
    top:         -1.6em;
    cursor:      pointer;
}

slider span.bubble.selection, slider span.bubble.limit {
    top: 45%;
}
slider span.bubble.selection {
    visibility: hidden;
}

slider span.bubble.selection {
}

slider span.bubble.limit {
}

slider span.bubble.low, slider span.bubble.high {
}

::-ms-tooltip {
    display: none;
}

#slider-container {
    -webkit-touch-callout: none;
    -webkit-user-select:   none;
    -khtml-user-select:    none;
    -moz-user-select:      -moz-none;
    -ms-user-select:       none;
    user-select:           none;
}

/* END Slider */




/* Historic machines */
.historicMachinesLanes
{
    position:absolute;
    width:100%;
}

.historicMachinesLane{
    border:1px solid #eeeeee;
    display:inline-block;
    width:55px;
}

.historicMachinesLifespanBar
{
    overflow:hidden;
    border-left:4px solid red;
    width:50px;
    position:absolute;
    font-size:0.9em;
}

.historicMachinesLabelSub{
    font-size:0.8em;
}

.historicMachinesGridLabel{
    position:absolute;
    position: absolute;
    width: 100%;
    font-size: 1.5em;
    border-top: 2px dotted #cccccc;
    color:#999999
}

.attachmentHeading
{
    float:left;
}
.attachmentFilterTask
{
    float:right;
    margin-top:20px;
    white-space:nowrap
}
.attachmentFilterTask select
{
    display:inline;
    width:200px;
}

.attachmentFilterTask span
{
    cursor:pointer;
    display:inline;
    background:url(../../images/generic/delete.png);
    background-size:15px 15px;
    padding-right:15px;
    margin-left:10px;
}

.attachmentFilterCarrier
{
    float:left;
    margin-top:20px;
    margin-left:50px;
    white-space:nowrap;
}
.attachmentFilterCarrier span
{
    display:inline-block;
}

.attachmentPopup .modal-dialog
{
    width:70%;
    padding:10px;

}

.attachmentPopup .compatibleCarrierFamilies {
    min-height:100px;
}
.attachmentPopup .compatibleCarrierFamilies h2 {
    font-size:1.2em;
    font-weight:bold;
}

.attachmentPopup .compatibleCarrierFamilies ul {
}

.attachmentPopup .availableSizes h2
{
    font-size:1.2em;
    font-weight:bold;
}
.attachmentPopup .availableSizesVariations
{
    font-weight:normal;
}

.attachmentPopup .attachmentsSingleDetailsLink
{
    cursor:pointer;
}


.attachmentPopup .compatibleCarrierFamilies ul li {
    display: inline;
    float: left;
    list-style-type: none;
    padding-left: 20px;
    padding-top: 10px;
}

.attachmentPopup .subcategories h2 {
    font-size:1.2em;
    font-weight:bold;
}

/*
.attachmentPopup .subcategories ul li {
    display: inline;
    float: left;
    list-style-type: none;
    padding:0;
    height:140px;
    overflow:hidden;
    width:100px;
    font-size:0.9em;
    text-align:center;
}

.attachmentPopup .subcategories ul li img {
    width: 80px;
    height: 80px;
}*/

.attachmentPopup .subcategories
{
    padding:0;
    margin:0;
}
.attachmentPopup .subcategories ul > li {
    display:inline-block;
}
.attachmentPopup .subcategories ul > li > * .inner {
    width:130px;
    background-color:#f0f0f0;
    height:160px;
    overflow:hidden;
    display:inline-block;
    margin:5px;
    text-align: center;
    font-weight: bold;
    font-size: 0.9em;
}
.attachmentPopup .subcategories ul > li > > *.inner > i
{
    font-weight:normal;
    font-size:0.7em;
}

.attachmentPopup .subcategories ul > li > * .inner > div
{
    width:130px;
    height:100px;
    border:1px solid #cccccc;
    overflow:hidden;
    margin-bottom:4px;
}
.attachmentPopup .subcategories ul > li > * .inner > div >img
{
    width:130px;
}


.attachmentPopup .categoryMainImage {
    width:400px;
    height:400px;
}

.popup_main h2{
	padding:10px;
}

.popup_main{
	background: white;
}
.popup_main_first_section{
	min-height:350px;
	height: 50%;
}
.popover_content_left_family li
{
	display: inline;
	float: left;
	list-style-type: none;
	padding-left: 20px;
	padding-top: 10px;
}
.popup_main_second_section{
	max-height: 250px;
    overflow-y:auto;
}
.popover_content_right{
	width: 50%;
	float: right;
	padding:10px;
    height:100%;
    overflow-y: auto;
}
.popover_content_right button{
	margin-top:50px;
	margin-right:20px;
	float: right;
}
.popover_content_left{
	width: 50%;
	float: left;
	padding:10px;
}
.popover_content_left_family ul{
	width: 100%;
	margin: 0; padding: 0;
	float: left;
}
.popover_content_left_family b{
	padding: 10px;
}
.popover_content_left_family img{

}
.popover_content_left img{
    height:250px;
	float: left;
	border:1px solid;
}
.item_over .imgWrap{
	background:#FFF url("http://www.doosanequipment.com/assets/design/DoosanHeavy/css/generic/img/quickView.png");
    opacity: 0.7;
}
.simpleSubcategory ul li{
	width: 100px;
}
.simpleSubcategory img{
	width: 75px;
}
.simpleSubcategory .imgWrap{
	padding-left:10px;
}

.doosan-btn-group{
	margin: 0 10px;
}
.doosan-btn-group label.btn-primary.active, .doosan-btn-group label.btn-primary.active:hover{
	background-color: #ff2e03;
	color:#ffffff;
}
.doosan-btn-group label.btn-primary{
	background-color: #ffffff;
	border-color: #C2C2C2;
	color:#ff2e03;
}
.doosan-btn-group label.btn-primary:hover{
	background-color: #FA836A;
	color:#ffffff;
}

.deleteImage{
	background:url(../../images/generic/delete.png) no-repeat;
	background-size:15px 15px;
	border-style: none;
	height:23px;
	width:23px;
	cursor:pointer;
	display: inline-block;
}
.infoImage{
	background:url(../../images/generic/info.png);
	background-size:20px 20px;
	border-style: none;
	height:20px;
	width:20px;
	cursor:pointer;
	display: inline-block;
}
.closeImage{
	background:url(../../images/generic/close.png);
	background-size:25px 25px;
	border-style: none;
	height:25px;
	width:25px;
	cursor:pointer;
	display: inline-block;
}
.loaderGif{
	background:url(../../images/generic/loader.gif) no-repeat;
	background-size:50px 15px;
	border-style: none;
	height:15px;
	width:50px;
	cursor:pointer;
	display: inline-block;
}

.standardImage{
	background:url(../../images/generic/std.png);
	background-size:10px 10px;
	border-style: none;
	height:10px;
	width:10px;
	display: inline-block;
}
.optionalImage{
	background:url(../../images/generic/opt.png);
	background-size:10px 10px;
	border-style: none;
	height:10px;
	width:10px;
	display: inline-block;
}
.notAvailableImage, .notAvailableNoDataImage{
	background:url(../../images/generic/na.png);
	background-size:10px 10px;
	border-style: none;
	height:10px;
	width:10px;
	display: inline-block;
}

.compareDropdown
{
    text-align:left;
}
.compareDropdown ul
{
    max-height: 200px;
    overflow-y: auto;
}
.compareDropdown button
{
    width: 100%;
    text-align: left;
}
.compareDropdown .compareCompetitive
{
    padding-left:20px;
    font-size:0.9em;
    font-style: italic;
}
.compareDropdown .compareAlreadyShown {
    color: #999999;
    cursor: not-allowed;
}

.specification_p2
{
    -moz-column-count: 2;
    -moz-column-gap: 2.5em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2.5em;
     column-count: 2;
     column-gap: 2.5em;
}
.specification_p2 li{
	font-weight: bold;
}
.specification_p2 li span{
	font-weight: normal;
}

.collapseAll{
	font-weight: normal;
    font-style:italic;
}
span.sortUp{
	background:url(../../images/generic/sort_up.gif) no-repeat;
	background-size:12px 12px;
	border-style: none;
	height:12px;
	width:12px;
	display: inline-block;	
}
span.sortDown{
	background:url(../../images/generic/sort_down.gif) no-repeat;
	background-size:12px 12px;
	border-style: none;
	height:12px;
	width:12px;
	display: inline-block;	
}

.productPager {
	height:0px;
	width:0px;
	cursor: pointer;
}
.productPager div {
  width:30px;
  height:60px;
}
.productPager.next {
    padding-right:10px;
    float:right;
}
.productPager.next div{
    background: url(../../images/generic/arrow-next.png) no-repeat;
    background-position: 0 -12px;
}
.productPager.previous {
    float: left;
    position: relative;
    right: 30px;
}
.productPager.previous div {
    background: url(../../images/generic/arrow-prev.png) no-repeat;
    background-position: 0 -12px;
}
.downloadIcon{
	background:url(../../images/generic/table.png) no-repeat;
	background-size:25px 25px;
	border-style: none;
	height:25px;
	width:25px;
	cursor:pointer;
	display: inline-block;
	float: right;
	margin:5px;
	
}
.printPage{
	float: right;
	margin:5px;
	cursor:pointer;
}
.printPage:before{
	content:"Print Specifications >";
}

@media screen {
    #printSection {
        display: none;
    }
}
@media print {
    body * {
        visibility:hidden;
    }
    #printSection, #printSection * {
        visibility:visible;
    }
    #printSection {
        position:absolute;
        left:0;
        top:0;
        width: 100%;
    }
	.standardImage:before{
		content:url(../../images/generic/std.png);
	}
	.notAvailableImage:before{
		content:url(../../images/generic/na.png);
	}
}

.dropdownProductSelection  {
    width:200px;
    margin-bottom:10px;
}

.filterByCarrierDropdowns {
    margin-left:30px;
    display: inline-block;
}

.filterByCarrierDropdown {
    margin-left:0px;
}

.filterByCarrierDropdown select {
    width: 190px;
    margin-top:20px;
    display: inline;
}

.filterByCarrierDropdownCascade {
    display: inline-block;  
}

.filterByCarrierDropdown {
    display:inline-block;
    width:250px;
    top:10px;
    left:0px;
    white-space: nowrap;
}
.filterByCarrierDropdown button {
    width:230px;
    text-align:left;
}



.filterByTypeDropdown {
    display:inline-block;
    width:250px;
    top:10px;
    left:30px;
}
.filterByTypeDropdown button {
    width:230px;
    text-align:left;
}


.filterByTaskDropdown {
    display:inline-block;
    width:250px;
    float:right;
    top:10px;
    right:30px;
}
.filterByTaskDropdown button {
    width:230px;
    text-align:left;
}

.compatibleCarriersList
{
    margin-top:30px;
    width:100%;
}
.compatibleCarriersListRow
{
    background-color: #dddddd;
    margin-bottom:5px;
    padding:5px;
}

.compatibleCarriersListRowFamily {
    font-weight:bold;
}

.compatibleCarriersListRowCarriers {
    border-left:4px solid white;
}

.compatibleCarriersListRow label {
    width:140px;
    font-weight:normal;
}