html { min-height: 100%; position: relative } body { padding: 1em 0; margin: 56px 0 4em } .row{ margin: 0; } b, strong { font-weight: 600; } footer { width: 100%; bottom: 0; height: 4em; position: absolute; border-top: 1px solid; padding-top: 1em } h1, h2, h3 { line-height: 32px } h1 { font-size: 30px } h2 { font-size: 24px } h3 { font-size: 18px } .form-control { border-radius: 0 } #searchOptions { position: fixed; z-index: 10 } #searchOptions.btn:hover{ text-decoration: none!important; } #searchOptions .container { width: 400px; max-width: 100%; height: 100%; overflow: auto; position: fixed; top: 0; bottom: 0; right: -500px; padding-top: 72px; padding-bottom: 20px; color: #fff; background-color: #1b1b1c; transition: all .4s ease 0s } #searchOptions.active .container { right: 0 } .mainLogo { margin-bottom: 1em } .searchFormBox { margin-top: 8em; margin-bottom: 4em } .notification { font-size: 1.2em; margin: .2em } .searchButtonBox { margin-top: 1em } :first-child.list-group-item { border-radius: 0 } :last-child.list-group-item { border-radius: 0 } #result ol li { margin: 1em 0 } #result ol li:first-child { margin-top: 0 } #result .title a:visited { color: #014c8c } #result .body { display: flex; align-items: flex-start } #result .site cite { color: #093; font-style: normal } #result .more { display: none } #result .favorited { display: none } #result .thumbnail { width: 100px; min-height: 30px; background-position: 50% 50%; background-repeat: no-repeat } .suggestorBox{ margin-top: 13px} @media(max-width:575.98px) { .mainLogo img { width: 200px } .searchFormBox { margin-top: 4em } #result .info { display: none } #result .more { display: block } #result .description { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } } .font-norm { font-weight: normal; } .font-lite { font-weight: 100; } .font-mid { font-weight: 400; } .font-bold { font-weight: bold; } .clearspacer { height: 15px; display: block; clear: both; } .fesshome h3 { font-size: 50px; color: #333333 } .fesshome .formbar { box-shadow: 0 10px 30px -20px #333333 } input.searchinput { border: 1px solid #d7d7d7; min-width: 250px; max-width: 400px; padding: 8.5px; float: left; outline: 0!important; border-radius: 6px 0 0 6px!important; font-size: 16px; position: relative; width: 350px } input.searchinput:focus { box-shadow: 0 10px 30px -20px #005cbf!important } .btn-search-go { font-size: 14px; text-transform: uppercase; color: #FFFFFF; padding: 10px 20px; background: #1a89d0; border: 1px solid #1a89d0; border-radius: 0!important; margin: 0; float: left; outline: 0!important } .btn-options { background: #959595; color: #FFFFFF; float: left; border: 1px solid #959595; padding: 10px 20px; border-radius: 0 6px 6px 0!important; font-size: 14px; outline: 0!important; text-transform: uppercase; } .btn-options:hover { background: #858585 } .fess-tag { color: #007bff; padding: 5px 10px; background: #ebebeb; margin: 2.5px; font-size: 13px; display: inline-block; line-height: 22px; } .searchresultbar .fess-tag{ display: none} .searchresultbar .populartermbox p > .fess-tag, .searchresultbar .populartermbox .fess-tag:nth-child(2), .searchresultbar .populartermbox .fess-tag:nth-child(3), .searchresultbar .populartermbox .fess-tag:nth-child(4){ display: inline-block!important; } .fess-tag:hover { background: #007bff; color: #ebebeb; } /*SideOptions*/ #searchOptions .container { background: #1b1b1c; width: 400px; } #searchOptionsLabel { font-size: 24px; font-weight: 600; } #searchOptions label { font-size: 16px; } #searchOptions select, #searchOptions input { background: #597a96!important; border: 0!important; color: #FFFFFF!important; border-radius: 4px!important; } .advancebtn-side, .clearbtn-side { color: #939598; font-size: 14px; } .clearbtn-side { float: left; } .advancebtn-side { float: right } #searchOptions .container::-webkit-scrollbar { width: 0; } #searchOptions select::-webkit-scrollbar { width: 3px!important; } #searchOptions select::-webkit-scrollbar-thumb { background: #1a89d0; } #searchOptions select::-webkit-scrollbar-track-piece { background: #ebebeb } #searchOptions .form-control { font-size: 14px } .sideopen:hover { background: #0069d9 } .sideopen { cursor: pointer; position: absolute; top: 70px; right: 400px; background: #1a89d0; width: 30px; height: 42px; z-index: 999999999999999; display: block; border-radius: 6px 0 0 6px; text-align: center; line-height: 42px; color: #FFFFFF; font-size: 12px; content: ''; } .sideopen.movebtn { right: 400px; } .sideopen.movebtn i:before { content: '\f054'; } #searchOptions .container { overflow: inherit; } #searchOptions .container { right: -400px; } button, input { outline: 0!important; box-shadow: none!important } .searchresultbar { background: #38495c; color: #FFFFFF; padding: 20px } .searchresultbar span { float: left; margin: 5px 20px 0 0; font-size: 20px } .searchresultbar input.searchinput::placeholder { font-weight: 600!important } .populartermbox p { display: inline-block; margin-left: 50px; margin-right: 10px; color: #959595 } .searchadvancebar { background: #eaf2f2; font-size: 14px } .searchadvancebar select { background: none!important; color: #2e96db!important; outline: 0!important; /*-moz-appearance:none; /* Firefox -webkit-appearance:none; /* Safari and Chrome appearance:none;*/ cursor: pointer; margin-left: 5px } .searchadvancebar i { color: #2e96db!important; margin-left: 5px } .showresultbox { color: #5c5c5c } .showresultbox em { font-style: normal; } .rhs-resultpage .list-group { box-shadow: 0 5px 20px -10px #333; margin-bottom: 0px!important } .rhs-resultpage .rhs-heading { background: #3071a9; color: #FFFFFF; font-weight: 600; padding: 10px; border: 0; } .rhs-resultpage .list-group-item { padding: 5px 10px; border: 0 } .rhs-resultpage .list-group-item:last-child a { border: 0!important } .rhs-resultpage .list-group-item a { color: #5c5c5c; font-size: 12px; letter-spacing: -0.5px; border-bottom: 1px solid #5c5c5c; display: block; padding-bottom: 10px } .rhs-resultpage .list-group-item a:hover, .rhs-resultpage .list-group-item a:hover .badge-secondary { color: #2e96db } .rhs-resultpage .badge-secondary { background: none!important; color: #5c5c5c; padding-top: 5px; font-size: 13px; font-weight: normal } .resultsection ul, .resultsection ol { list-style-type: none; padding: 0; margin: 0 } .resultsection ul, .resultsection ol li { margin-bottom: 25px; } .resultsection ol li h3{ margin-bottom: 0 } .resultsection ol li a{ color: #1a0dab; font-weight: normal } .resultsection ol li a:hover, .resultsection ol li a:focus{ color:#3071a9; } .site.text-truncate cite { color: #006621; font-style: normal; font-size: 13px } .resultsection .more { display: none; } .backtop{ width:50px; height:50px; position:fixed; right:20px; background-image:url(//cms.admin.containerize.com/templates/aspose/App_Themes/V3/images/icons/backtop.png); background-repeat:no-repeat; background-position:0 0; bottom:50px; z-index: 3; } .backtop:hover{ background-position:0 -51px } .hidden-mob-lg{ display: none!important; } .resetlable{ color: #FFFFFF!important; border: 0!important; float: right; line-height: 24px!important; margin: 0!important; padding: 0!important; } .resetlable:hover{ opacity: .8; } @media(max-width:1024px) { .hidden-mob-lg{ display: inline-block!important; } .populartermbox{ display: inline-block; margin-left: 20px; } .searchresultbar input.searchinput { min-width: 300px; vertical-align: inherit; } .searchresultbar span { margin-left: 0; display: block; clear: both; } .searchresultbar .container { padding-left: 0 } .populartermbox p { margin-left: 0 } #searchOptions .container{ overflow-y: scroll } } @media(max-width:768px) { .populartermbox { display: inline-block; clear: both; margin-top: 20px; margin-left: 0!important } .searchresultbar input.searchinput { min-width: 400px; } .showresultbox { padding: 0; margin-top: 15px; } } @media(max-width:668px) { .container-fluid{ float: left; } .searchresultbar input.searchinput { min-width: 60%!important; max-width: 60%!important; width: 60%; margin-left: 5%; margin-bottom: 10px } .searchresultbar .btn-search-go, .searchresultbar .btn-options{ min-width: 15%!important; max-width: 15%!important; width: 15%; } .fesshome .formbar { display: table; } .fesshome input.searchinput{ min-width: 100%!important; max-width: 100%!important; width: 100%; margin-left: 0; margin-bottom: 10px; border-radius: 4px!important; } .fesshome .btn-search-go, .fesshome .btn-options { min-width: 46%!important; max-width: 45%!important; width: 50%; margin: 2%; border-radius: 4px!important; } .description { word-break: break-all } .pagination .btn-link { display: none } .resultsection ul, .resultsection ol li { margin-bottom: 15px; border-bottom: 1px solid #CCC; padding-bottom: 15px; } .fesshome .formbar { box-shadow: none; } .fesshome h3 { font-size: 42px; } .searchresultbar .container { padding: 0 } .searchresultbar .container .topsearchbar{ text-align: center } .searchresultbar .container span{ float:none; margin: 0 0 5px 0!important } .populartermbox { display: table; margin: 20px auto 10px; width: 100%; text-align: center; } .populartermbox p { width: 35%; margin: 0 0 10px } .row { display: block; margin-right: 0; margin-left: 0; } .sortby{ width: 40%; max-width: 100%; margin-bottom: 10px; display: none!important } .container-fluid { padding-right: 0; padding-left: 0; } .showresultbox { text-align: center; margin-top:0px; } .searchresultbar{ padding: 5px; } .showresultbox.text-right{ text-align: left!important; } .fess-tag{ padding:3px 5px} } .resultsection { padding-top:25px; padding-bottom:25px }.resultsection h2{ margin-bottom:0 } .resultsection ul li h2 a, .resultsection ol li h2 a{ font-size: 20px; font-weight: 600; margin: 0 0 0; color: #007bff; display: block; } .description h3{ font-size: 13px; font-weight: normal; margin: 0; line-height: 24px; } .showresultbox { color: #5c5c5c; display: flex; align-items: center; justify-content: flex-end; } .showresultbox b { margin:0 5px } .showresultbox h1{ font-size: 14px; margin: 0 5px; font-weight: bold; } .searchadvancebar{ align-items: center; } .topsearchbar button{ border-radius: 0px 6px 6px 0px!important; max-height: 40px; line-height: 17px; } .formbar .btn-search-go{outline: 0!important;height: 50px;line-height: 50px;padding: 0 20px;} .formbar .searchinput {border-radius: 0!important;padding: 10px;font-size: 16px;height: 50px;line-height: 50px;max-height: 50px;}