.search-view-frame { background: #e5f1fd; /* Old browsers */ background: -moz-linear-gradient(top, #e5f1fd 0%, #d3e9fe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5f1fd), color-stop(100%,#d3e9fe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5f1fd 0%,#d3e9fe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5f1fd 0%,#d3e9fe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e5f1fd 0%,#d3e9fe 100%); /* IE10+ */ background: linear-gradient(to bottom, #e5f1fd 0%,#d3e9fe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f1fd', endColorstr='#d3e9fe',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; border-left:1px solid #6082a6; border-top:1px solid #6082a6; height:100%; } .search-view-bg { background: #e5f1fd; /* Old browsers */ background: -moz-linear-gradient(top, #e5f1fd 0%, #d3e9fe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5f1fd), color-stop(100%,#d3e9fe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5f1fd 0%,#d3e9fe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5f1fd 0%,#d3e9fe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e5f1fd 0%,#d3e9fe 100%); /* IE10+ */ background: linear-gradient(to bottom, #e5f1fd 0%,#d3e9fe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f1fd', endColorstr='#d3e9fe',GradientType=0 ); /* IE6-9 */ } .search-child-pop { height:550px; border:none !important; } .search-title { background: #8eb7e3; /* Old browsers */ background: -moz-linear-gradient(top, #8eb7e3 1%, #8eb7e3 40%, #a5cbf0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#8eb7e3), color-stop(40%,#8eb7e3), color-stop(100%,#a5cbf0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #8eb7e3 1%,#8eb7e3 40%,#a5cbf0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #8eb7e3 1%,#8eb7e3 40%,#a5cbf0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #8eb7e3 1%,#8eb7e3 40%,#a5cbf0 100%); /* IE10+ */ background: linear-gradient(to top, #8eb7e3 1%,#8eb7e3 40%,#a5cbf0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eb7e3', endColorstr='#a5cbf0',GradientType=1 ); /* IE6-9 */ -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; padding:10px 10px 5px 15px; } .search-title span.search-text { display:block; float:left; padding-top:5px; color:#10386c; font-weight:bold; text-shadow: 1px 1px 0 #b0d2f5;} .search-field-box { border:1px solid #85abd0; padding:5px!important; margin:5px 0; background:#d2e8fd !important; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 1px 1px 0 0 rgba(190,214,240,20); box-shadow: 1px 1px 0 0 rgba(190,214,240,20); } ul.search-row-layout li { float:left; } /*ul.search-row-layout li.form-Box { width: 20px; padding-top:3px; } hcLee V14.1-V15.1 */ ul.search-row-layout li.form-Box { width: 20px; } ul.search-row-layout li.form-label { min-width:60px; padding-left:2px; padding-top:1px; color:#000; font-size:14px; font-weight:bold; letter-spacing:-1px } ul.search-row-layout li.form-label .dx-field-label { width:100%!important; background:none!important; padding-left:0!important; line-height:inherit!important; height:inherit!important; } ul.search-row-layout li.form-field { float:right; width:150px; padding-top:3px; } ul.search-row-layout li.form-field > div { margin-bottom:2px } .search-view-frame .dx-field { background:none } .search-view { box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1); /*position: fixed;*/ /*float: left;*/ background-color: white; /*left: -290px;*/ top: 50px; /*-moz-transition: left 0.2s; -o-transition: left 0.2s; -webkit-transition: left 0.2s; transition: left 0.2s;*/ z-index: 102; /*min-height: 100%;*/ border-top: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, "san-serif"; } .search-view-button { border-left: 1px solid #d6d6d6; height: 100%; width: 50px; float: right; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .search-view-button:hover { background-color: #e0e0e0; } .search-view-button-on { background-color: #a4caef !important; } .search-view-button .search-view-button-image { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAMklEQVQ4y2P8z0AaYGIY+hoY658x8JGg/hPJNrAwqDAwkqD+Pxk23Bn1w4jwA+NIzKIAurQNnXPbBGQAAAAASUVORK5CYII=')/*../Images/Icons/menu.png*/; background-repeat: no-repeat; background-position: center; background-size: 24px 24px; height: 100%; cursor: pointer; } .search-view ul li { list-style-type: none; } /*.search-view > ul > li { display: block; color: #676767; text-decoration: none; border-bottom: 1px solid #d6d6d6; }*/ .search-view > ul > li div { display: block; color: #676767; text-decoration: none; border-bottom: 1px solid #d6d6d6; padding: 22px; } .search-view-collapse { display: none; } .search-view > ul > li div.active { background-color: rgba(0, 0, 0, 0.06); } .search-view > ul > li div:hover { background-color: #f0f0f0; cursor: pointer; } .search-view > ul > li div:active { background-color: #e0e0e0; cursor: pointer; } /*.search-view > ul > li > .sub-menu { display: none; }*/ /* .search-view ul li input[type=radio]:checked { display: none; } */ /*.search-view > ul > li > .radio:checked + .link + .sub-menu { display: inline-block; }*/ .search-view > ul > li ul div { padding: 22px 22px 22px 53px; } .search-view > ul > li > ul > li ul div { padding: 22px 22px 22px 84px; } /*.search-view > ul > li > .radio { display: none; }*/ /*.search-view > ul > .link { padding: 22px 22px 22px 53px; }*/