/** default and google theme **/
.selectstyle{position:relative;width:100%;}
.ss_dib{display:inline-block;vertical-align:top;width: 100% !important;}
.ss_button{width:100% !important;margin:0;vertical-align:top;color:#595959;background:#f7f7f7 !important;border-radius:2px;width:250px;cursor:pointer;text-decoration:none;background:none;padding:10px;overflow:hidden;clear:both;display:inline-block;vertical-align:top;font-size:12px;font-weight:bold;word-break:break-all;}
.ss_text{font-size:12px;width:100% !important;white-space:normal;text-overflow:ellipsis;text-indent:0;white-space:nowrap;overflow:hidden;}
.ss_image{position:absolute;width:7px;height:11px;background:url('../images/google.png') no-repeat;}
.ss_ul{list-style:none;padding:0px; margin:0; margin-top:-35px;position:absolute;background:#fff;border:1px solid #ccc;-moz-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);box-shadow:0 1px 5px 1px rgba(0,0,0,0.1); border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; display:none;overflow:auto;z-index:100;}
.institutionField .ss_ul{border-left:unset;border-right:unset;width: 100%!important;margin: 0px 0 0 0!important;padding-left: 0;position: absolute;background: #f7f7f7;-moz-box-shadow: 0 3px 6px #00000029;-webkit-box-shadow: 0 3px 6px #00000029;box-shadow: 0 3px 6px #00000029;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;overflow-y: auto;z-index: 100;display: none;}
.ss_ulsearch{width:100% !important;margin:-34px 0 0 0 !important; padding-left:0px;position:absolute;background:#f7f7f7;-moz-box-shadow:0px 3px 6px #00000029;-webkit-box-shadow:0px 3px 6px #00000029;box-shadow:0px 3px 6px #00000029; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;overflow-y:auto;z-index:100;display:none;}
.ss_ulsearch .ss_ul{overflow-x:hidden;background:#f7f7f7;display:block;position:relative;margin-top:0;border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
.ss_ulsearch .search{border-bottom:1px solid #ccc;padding:0;background: #f7f7f7;padding: 0 16px;}
.ss_ulsearch .search input {background:inherit;border:none;height:100%;padding:10px 0px;outline:none;font-size:12px;width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px);width:-o-calc(100% - 0px);background:url('../images/dropdown-icon.svg') no-repeat;background-position: top 8px right 0px;}
.ss_dib.ss_text {background:inherit;border:none;height:100%;outline:none;font-size:12px;width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px);width:-o-calc(100% - 0px);background:url('../images/dropdown-icon.svg') no-repeat;background-position: top 0px right 0px;}
.ss_ulsearch .search input:focus{outline:none;}
.ss_ulsearch .nosearch{text-align:center;font-size:12px;padding:10px 0;background:#f7f7f7;font-weight: bold;}
.ss_ul li{padding:0px;cursor:pointer;list-style:none;text-align:left;color:#595959;transition-duration:.3s;-moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;font-size:14px;}
.ss_ul li:hover{background:#eee;}
.ss_ul li .ssli_text{vertical-align: top;display: inline-block;font-size: 12px;line-height: 17px;color: #1C1C1C;padding: 10px 16px;border-bottom: 1px solid #ccc;width: 100%;}
.ss_ul li .ssli_image{display:inline-block;width:16px;height:16px;margin-right:10px;margin-top:-1px;vertical-align:top;}
.ss_ul li .ssli_image img{width:16px;height:16px;}
.ss_ul::-webkit-scrollbar {width:10px;}
.ss_ul::-webkit-scrollbar:horizontal{height:10px;}
.ss_ul::-webkit-scrollbar-track {border-left:1px solid #D3D3D3;background:#F5F5F5;}
.ss_ul::-webkit-scrollbar-thumb {background:#C4C4C4;}
.selectstyle.ss_dib.active {border-radius:2px;}
.selectstyle.ss_dib.active .ss_text {color:#000;}
.websiteForm.Vertical #select_style {background: #efefef !important;}

/** Dark theme **/
.selectstyle.dark{position:relative;}
.selectstyle.dark .ss_button{color:#eee;border: 1px solid #ccc;background:#5B5B5B;}
.selectstyle.dark .ss_image{width:16px;height:16px;background:url('../images/br_down.png') no-repeat;margin-left:-8px;margin-top:-2px;}
.selectstyle.dark .ss_ul{background:#777;border-color:#333;-moz-box-shadow:0 1px 5px 1px rgba(255,255,255,0.15);-webkit-box-shadow:0 1px 5px 1px rgba(255,255,255,0.15);box-shadow:0 1px 5px 1px rgba(255,255,255,0.15);}
.selectstyle.dark .ss_ulsearch .ss_ul{display:block;position:relative;margin-top:0;border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
.selectstyle.dark .ss_ulsearch{background:#5B5B5B;border-color:#333;-moz-box-shadow:0 1px 5px 1px rgba(255,255,255,0.15);-webkit-box-shadow:0 1px 5px 1px rgba(255,255,255,0.15);box-shadow:0 1px 5px 1px rgba(255,255,255,0.15);}
.selectstyle.dark .ss_ulsearch .search{border-bottom-color:#333;}
.selectstyle.dark .ss_ulsearch .search input{background:url('../images/search.png') no-repeat;background-position: top 8px right 6px;background-size:24px 24px;color:#eee;}
.selectstyle.dark .ss_ulsearch .nosearch{background:#777;}
.selectstyle.dark .ss_ul li{color:#ddd;}
.selectstyle.dark .ss_ul li:hover{border:none;background:#444;color:#eee;}
.selectstyle.dark .ss_ul::-webkit-scrollbar-track {border-left:1px solid #333;background:#888;}
.selectstyle.dark .ss_ul::-webkit-scrollbar-thumb {background:#5B5B5B;}
.ss_ulsearch .ss_ul::-webkit-scrollbar, .popupContainer::-webkit-scrollbar { width: 5px !important; }
.ss_ulsearch .ss_ul::-webkit-scrollbar-track, .popupContainer::-webkit-scrollbar-track { background: #f1f1f1 !important; }
.ss_ulsearch .ss_ul::-webkit-scrollbar-thumb, .popupContainer::-webkit-scrollbar-thumb { background: #888; }
.ss_ulsearch .ss_ul::-webkit-scrollbar-thumb:hover,  .popupContainer::-webkit-scrollbar-thumb:hover { background: #555; }