/* default drop down */
body{
font-family:Arial;
}

.dropdown-wrapper{
     position:relative;
     text-align:left;
}

.RTL .dropdown-wrapper{
    text-align:right;
}

.dropdown-wrapper label{
    float:left;
    color:#00335b;
    line-height:20px;
}

.RTL .dropdown-wrapper label{
    float:right;
}


.dropdown-wrapper .dd-description{
    display:none;
}

.hiddendropdown .newListSelected,
.hiddendropdown .newListSelected .selectedTxt{
    background:none;
    cursor:pointer;
    font-size:12px;
}

.RTL .hiddendropdown .newListSelected,
.RTL .hiddendropdown .newListSelected .selectedTxt{
    background:none;
}

.hiddendropdown.hover .newListSelected,
.hiddendropdown.opened .newListSelected,
.hiddendropdown.formField .newListSelected,
.hiddendropdown.multipleSelectionInList .newListSelected
{
    background: url(../images/dropdown/bg.gif) top left no-repeat;
}

.sspSelect .hiddendropdown.hover .newListSelected,
.sspSelect .hiddendropdown.opened .newListSelected,
.sspSelect .hiddendropdown.formField .newListSelected,
.sspSelect .hiddendropdown.multipleSelectionInList .newListSelected,
.RTL .sspSelect .hiddendropdown.hover .newListSelected,
.RTL .sspSelect .hiddendropdown.opened .newListSelected,
.RTL .sspSelect .hiddendropdown.formField .newListSelected,
.RTL .sspSelect .hiddendropdown.multipleSelectionInList .newListSelected
{
    background: none;
    /*width: 100%;*/
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    border: solid 1px #cfcfcf;
    min-width:300px;
    position: relative;
}

.sspSelect .hiddendropdown .newListSelected.template {
    width: 100%;
}

.sspSelect .hiddendropdown.hover .newListSelected,
.RTL .sspSelect .hiddendropdown.hover .newListSelected {
    border-color: #787878;
}

.sspSelect .hiddendropdown.opened .newListSelected,
.RTL .sspSelect .hiddendropdown.opened .newListSelected{
    border-color: #3bb000;
}

.sspSelect .hiddendropdown.opened .newListSelected.OpenedDown,
 .RTL .sspSelect .hiddendropdown.opened .newListSelected.OpenedDown {
     border-bottom: none;
     border-radius: 6px 6px 0 0;
 }

.sspSelect .hiddendropdown.opened .newListSelected.OpenedUp,
 .RTL .sspSelect .hiddendropdown.opened .newListSelected.OpenedUp {
     border-top: none;
     border-radius: 0 0 6px 6px;
 }

.RTL .hiddendropdown.hover .newListSelected,
.RTL .hiddendropdown.opened .newListSelected,
.RTL .hiddendropdown.formField .newListSelected,
.RTL .hiddendropdown.multipleSelectionInList .newListSelected
{
  background: url(../images/dropdown/bg.gif) top right no-repeat;
}

.hiddendropdown .newListSelected .autoSuggestInput{
    position:absolute;
    top:2px;
    left:4px;
	width:155px;
    height:19px;
    border:0px;
    font-family:Arial;font-size:12px;color:#333;
}

.sspSelect .hiddendropdown .newListSelected .autoSuggestInput{
    height:30px;
}

.RTL .hiddendropdown .newListSelected .autoSuggestInput{
    right:4px;
}

.listFilter.hiddendropdown .newListSelected .autoSuggestInput,
.multipleSelectionInList.hiddendropdown .newListSelected .autoSuggestInput
{
  width:100%;
}
.hiddendropdown .newListSelected .autoSuggestInput{
    display:none;
}
.hiddendropdown.opened .newListSelected .autoSuggestInput{
    display:block;
}

.hiddendropdown.hover .newListSelected .selectedTxt,
.hiddendropdown.opened .newListSelected .selectedTxt,
.hiddendropdown.formField .newListSelected .selectedTxt,
.hiddendropdown.multipleSelectionInList .newListSelected .selectedTxt
{
    background: url(../images/dropdown/bg.gif) top right no-repeat;

}

.sspSelect .hiddendropdown.hover .newListSelected .selectedTxt,
.sspSelect .hiddendropdown.opened .newListSelected .selectedTxt,
.sspSelect .hiddendropdown.formField .newListSelected .selectedTxt,
.sspSelect .hiddendropdown.multipleSelectionInList .newListSelected .selectedTxt
{
    background: none;
    height: 40px;
    line-height: 40px;
}

.RTL .sspSelect .hiddendropdown.hover .newListSelected .selectedTxt,
.RTL .sspSelect .hiddendropdown.opened .newListSelected .selectedTxt,
.RTL .sspSelect .hiddendropdown.formField .newListSelected .selectedTxt,
.RTL .sspSelect .hiddendropdown.multipleSelectionInList .newListSelected .selectedTxt
{
    background: none;
    height: 40px;
    line-height: 40px;
}

.RTL .hiddendropdown.hover .newListSelected .selectedTxt,
.RTL .hiddendropdown.opened .newListSelected .selectedTxt,
.RTL .hiddendropdown.formField .newListSelected .selectedTxt,
.RTL .hiddendropdown.multipleSelectionInList .newListSelected .selectedTxt
{
  background: url(../images/dropdown/bg.gif) top left no-repeat;
}

.newListSelected
{
    clear:both;
    height: 24px;
    float: left;
    background: url(../images/dropdown/bg.gif) top left no-repeat;
    padding:0px;
    padding-left: 4px;
    color: #6a6a6a;
    z-index:999;
    border:0px;
}

.formField .newListSelected
{
    min-width: 182px;
}

.opened  .newListSelected
{
  z-index:1500;
  position:relative;
}

.RTL .newListSelected
{
    float: right;
    background: url(../images/dropdown/bg.gif) top right no-repeat;
    padding-right:4px;
    padding-left:0px;
}

.listFilter .newListSelected,
.multipleSelectionInList .newListSelected
{
    width: 100%;
}
.newListSelected .addedDescription{
    padding:5px;
    border:1px solid #C3C7CC;
    _left: -4px;
    position:relative;
    border-top:0px;
    background:#fff;
    margin-top: -1px;
}

.sspSelect .newListSelected .addedDescription {
    padding: 5px;
    background: #787878;
    margin-bottom: -1px;
    line-height: 20px;
    border-radius: 0 0 6px 6px;
}

.sspSelect .newListSelected .addedDescription a {
    color: white;
}

.RTL .newListSelected .addedDescription{
    right: 0px;
}

.LTR .newListSelected .containerContentDiv
{
    position:absolute;
    top:25px;
    left: 0;
}

.RTL .newListSelected .containerContentDiv
{
    position:absolute;
    top:25px;
    right: 0px;
}

.RTL .sspSelect .newListSelected .containerContentDiv
{
    right: -1px;
}

.LTR .sspSelect .newListSelected .containerContentDiv
{
    left: -1px;
}

.sspSelect .opened .newListSelected .containerContentDiv
{
    background: white;
    border: 1px solid #3bb000;
}
.sspSelect .opened .newListSelected.OpenedDown .containerContentDiv
{
    border-top: none;
    border-radius: 0 0 6px 6px;
    padding-bottom: 1px;
}

.sspSelect .opened .newListSelected.OpenedUp .containerContentDiv
{
    border-bottom: none;
    border-radius: 6px 6px 0 0;
    padding-top: 4px;
}


#containerContentDivListFix .newListSelected .containerContentDiv
{
    top:24px;
}

.newListSelected .selectedTxt
{
    background: url(../images/dropdown/bg.gif) top right no-repeat;
    height: 24px;
    padding-right: 8px;
    line-height: 24px;
}

.RTL .newListSelected .selectedTxt
{
    background: url(../images/dropdown/bg.gif) top left no-repeat;
    padding-left: 8px;
    padding-right:0px;
}

.newListSelected .selectedTxt .tooltip-control{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
    position:absolute;
    top: 34px;
    left:-22px;
    padding:5px;
    display:none;
    background:#e0f2cd;
    border:#10a010 1px solid;
    color:#000;
    font-size:10px;
    line-height:14px;
    text-wrap:no-wrap;
    min-width:200px;
    max-width:400px;
	white-space:normal;
    font-weight:normal;

}

.RTL .newListSelected .selectedTxt .tooltip-control{
    right:-22px;
}

.newListSelected ul
{
    margin: 0;
    color: #00335b;
    font-size: 11px;
    _border: 0px;
    padding: 0;
    /*width:166px;*/
    list-style: none;
    background: #fff;
    top: 0px;
    left: 0;
    overflow:hidden;
    z-index: 1000;
    position:relative;
}

.newListSelected ul li:not(.newListOptionTitle)
{
    height: 20px;
    line-height: 20px;
    border:0px;
    color: #333333;
    /*width:182px;*/
    font-weight:normal;
    white-space: nowrap;
}

.sspSelect .newListSelected ul li:not(.newListOptionTitle) {
    font-size: 12px;
    height: 40px;
    line-height: 40px;
}

.newListSelected ul li.newListOptionTitle
{
    font-weight: bolder;
}

.sspSelect .newListSelected ul li.newListOptionTitle
{
    background: #787878;
    color: white;
    cursor: default;
    line-height: 20px !important;
    text-indent: 10px;
    padding: 0 !important;
}

.sspSelect .newListSelected ul li.newListOptionTitle li {
    padding: 0;
}


.sspSelect .newListSelected ul li.newListOptionTitle:hover {
    color: white !important;
}

.newListSelected ul  li.seperator{
    border-bottom:1px solid #ccc;
    padding-bottom:2px;
    margin-bottom:2px;
}
/*.newListSelected ul  li.selected{
   background:#ccc;
}*/

.newListSelected ul li:hover {
    color:#00335b !important;
    cursor:pointer;
}

.sspSelect .newListSelected ul li:not(.newListOptionTitle):not(.hiLite):hover {
    color:#4a4a4a !important;
    cursor:pointer;
}

.newListSelected ul li:not(.newListOptionTitle):hover {
    background-color: #EFF6FC;
}

.sspSelect .newListSelected ul li:not(.newListOptionTitle):hover {
    background-color: #F0F0F0;
}

.newListSelected .scroll_pane
{
   z-index:1000;
}
.opened .newListSelected .scroll_pane.border{
    border:1px solid #C3C7CC;
    position:relative;
    top:-1px;
    left:-4px;
    /*width: 184px;*/
}

.RTL .opened .newListSelected .scroll_pane.border{
    right:-4px;
}

.newListSelected .jScrollPaneContainer
{
    _left:-4px;
    top:-1px;
    _border:1px solid #C3C7CC;
    background:#FFF;
    /*width:182px;*/
}

.RTL .newListSelected .jScrollPaneContainer
{
    _right:-4px;
}

.newListSelected .jScrollPaneContainer .jScrollPaneTrack
{
    right:2px;
}

.RTL .newListSelected .jScrollPaneContainer .jScrollPaneTrack
{
    left:2px;
}

.selectedTxt.disable{color:#DDDDDD}

/*with scroll*/
.newListSelected.noBorder .jScrollPaneContainer ul {position:relative; overflow:hidden}
.newListSelected.noBorder .jScrollPaneContainer ul li {   margin-right:15px;}
.RTL .newListSelected.noBorder .jScrollPaneContainer ul li {   margin-left:15px;margin-right:0px;}
.no-scroll .scroll_pane ul { border:1px solid #C3C7CC;}

ul.newList li {padding:0px 30px 0px 8px; /*color:#32539e;*/}
.RTL ul.newList li {padding:0px 8px 0px 30px;  }
.sspSelect ul.newList li {
    padding:0px 0px 0px 10px;
    line-height: 40px;
}
.RTL .sspSelect ul.newList li {
    padding: 0px 10px 0px 0;
}
.RTL .addLTRClass ul.newList li {direction:LTR;padding: 0px 20px 0px 8px;}
ul.newList li.hiLite{background:#ccc;}

.sspSelect ul.newList li.hiLite {
    background:#3bb000;
    color:white;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1000;
}

.formField  .jScrollPaneContainer
{
  min-width:182px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #e7e7e9;
	width:7px !important;
	 z-index:1024;
}
.jScrollPaneDrag {
	position: absolute;
	background: #bebec0;
	cursor: pointer;
	overflow: hidden;
	width:7px !important;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

span.defaultText
{
  display:block;
  margin-right:20px;
  white-space: nowrap;
}

.sspSelect  span.defaultText {
    margin-left: 12px;
    overflow: hidden;
}

.sspSelect span.defaultText:after
{
    content: "\25BC";
    font-size: 10px;
    color: #4a4a4a;
    font-family: Arial,Helvetica,sans-serif;
    position: absolute;
    right: 10px;
}

.CategoryLabel DIV span.defaultText
{
  color:black;
  font-weight: normal;
}

span.defaultText.boldText
{
  font-weight:bold;
}

.RTL span.defaultText
{
  margin-left:20px;
  margin-right:12px;
  direction:LTR;
}


.RTL .sspSelect span.defaultText:after
{
    content: "\25BC";
    color: #4a4a4a;
    font-family: Arial,Helvetica,sans-serif;
    position: absolute;
    right: auto;
    left: 10px;
}

.imgComboBoxTooltip
{
    position:absolute;
    left:60px;
    top: -12px;
}

.RTL .imgComboBoxTooltip
{
    right:60px;
}

.newListSelected ul {
    margin-top: -2px;
    _min-width: 180px;
}

.sspSelect .newListSelected ul {
    margin-top: 0;
}

.newListSelected .scroll_pane{
  border: 1px solid #C3C7CC;
}

.sspSelect .newListSelected .scroll_pane{
    border: none;
}

.sspSelectWrapper .quickSrId.newListSelected .scroll_pane, .sspSelectWrapper .template.newListSelected .scroll_pane {
    height: 100% !important;
    max-height: 300px;
}



.Category3Parts .CategoryLabel .dropdown-wrapper div.containerContentDiv {
    width: initial;
}

#sspWrapperCategoriesParams .sspSelect .dropdown-wrapper {
    width: 31.2%;
    float: left;
}

body.RTL #sspWrapperCategoriesParams .sspSelect .dropdown-wrapper {
    float: right;
}

#sspWrapperCategoriesParams .sspSelect .dropdown-wrapper:nth-of-type(2) {
    margin: 0 2%;
}

#sspWrapperCategoriesParams .sspSelect .dropdown-wrapper:nth-of-type(3) {
    float: right;
}


#sspWrapperCategoriesParams .sspSelect .hiddendropdown.formField .newListSelected {
    width:100%;
    min-width: auto;
    min-width: initial;
}
.sspSelect .newListSelected {
    z-index: 1;
}

.sspSelect .opened  .newListSelected
{
    z-index:1500;
}

.sspSelect .hiddendropdown.hover .newListSelected,
.sspSelect .hiddendropdown.opened .newListSelected,
.sspSelect .hiddendropdown.formField .newListSelected,
.sspSelect .hiddendropdown.multipleSelectionInList .newListSelected,
.RTL .sspSelect .hiddendropdown.hover .newListSelected,
.RTL .sspSelect .hiddendropdown.opened .newListSelected,
.RTL .sspSelect .hiddendropdown.formField .newListSelected,
.RTL .sspSelect .hiddendropdown.multipleSelectionInList .newListSelected {
    background-color: #ffffff;
}

@media (max-width: 767px) {
    #sspWrapperCategoriesParams .sspSelect .dropdown-wrapper {
        width:100%;
        float: none;
    }

    #sspWrapperCategoriesParams .sspSelect .dropdown-wrapper:nth-of-type(2) {
        margin:0;
    }

    .sspSelect .hiddendropdown.hover .newListSelected,
    .sspSelect .hiddendropdown.opened .newListSelected,
    .sspSelect .hiddendropdown.formField .newListSelected,
    .sspSelect .hiddendropdown.multipleSelectionInList .newListSelected,
    .RTL .sspSelect .hiddendropdown.hover .newListSelected,
    .RTL .sspSelect .hiddendropdown.opened .newListSelected,
    .RTL .sspSelect .hiddendropdown.formField .newListSelected,
    .RTL .sspSelect .hiddendropdown.multipleSelectionInList .newListSelected {
        min-width: 200px;
    }



}