body { background: HSL(34, 54%, 95%); font-size: 17px; direction: rtl; }
body,h1,h2,h3,h4,h5,h6 {font-family: 'NSA', 'DVS', sans-serif;}
h1 { color: #3c6a88; back-ground-color: rgba(0, 0, 0, 0.025); border-radius: 5px; font-weight: 500; }
table {border-spacing: 4px;}
td    {padding: 0px;}
th { font-weight: 400; padding: 0px; margin: 0px; }
.beautifulheader { position: relative; background: url("/images/back_w5.svg"); background-color: #3c6a88; height: 62px; border: 2px solid #fff; border-bottom: 0px; }
.tdleft { text-align: left; }
.tdright { text-align: right; }
.tdweathwidth { width: 46%; padding: 4px 0px; }
.listline:hover { background: Cornsilk!important }
.filetable tr:nth-child(odd) {background-color:#fff}
.filetable td { padding: 7px; }
.filetable tr:hover {background-color:#f4f8fa}
.lighttext { font-weight: 400; }
.litetext { opacity: .8; }
.fancytext { text-shadow: -1px -1px #D2D2D2, 1px 1px #D2D2D2, -1px 1px #D2D2D2, 1px -1px #D2D2D2; }
.whitetext { text-shadow: -1px -1px rgba(255,255,255,0.4), 1px 1px rgba(255,255,255,0.4), -1px 1px rgba(255,255,255,0.4), 1px -1px rgba(255,255,255,0.4), 1px 0px rgba(255,255,255,0.4), -1px 0px rgba(255,255,255,0.4) ,0px -1px rgba(255,255,255,0.4), 0px 1px rgba(255,255,255,0.4); }
.transwhitetext { text-shadow: -1px -1px rgb(255,255,255,0.5), 1px 1px rgb(255,255,255,0.5), -1px 1px rgb(255,255,255,0.5), 1px -1px rgb(255,255,255,0.5); }
.lightbg {background-color: #EBEBEB;}
.lighterbg {background-color: #F4F4F4;}
.map-button{width: 25%; border:none; margin: 0px; padding: 8px 0px 3px 0px; vertical-align:middle; text-decoration:none; text-align:center; cursor:pointer; font-weight: 300; background-color:#F9F9F9 }
.map-button:hover{color:#000!important;background-color:#EBEBEB!important}
.mySlides {display:none}
.boxtitle { padding-right: 7px; line-height: 1.65; text-shadow: -1px -1px #FFF, 1px 1px #FFF, -1px 1px #FFF, 1px -1px #FFF; opacity: .65; }
.w3-button {border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;}
.w3-button:hover { color:#000!important; background-color: transparent!important; border-radius: 0px;}
.w3-padding {padding:2px 6px!important}
.w3-pale-button {color:#000!important;background-color:#EBEBEB!important}
tr:hover.clicabletr { background-color: #EBEBEB; cursor: pointer; }
p {margin: 0px;}
a {background-color: transparent; text-decoration: none;}
.descry { font-size: 13px; }
.newyouz { opacity: 0.7; }
.newyouz:hover { opacity: 1; }
.backtrans { background: transparent; }
.socialbox { border: 0px dashed #BDBDBD; height: 32px; margin: 0px 1px; }
.socialfooter { border: 0px dashed #BDBDBD; height: 28px; margin: 0px 10px 0px 0px; border-radius: 0px 5px 5px 0px; }
.w3-paddingcities {margin: 2px 2px; padding:4px 6px 4px 6px!important}
@media (max-width:768px) { .w3-paddingcities {margin: 2px 2px; padding:12px 8px 12px 8px!important} }
.w3-paddingmain {margin: 2px 2px; padding:4px 10px 4px 10px!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#DADADA!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.citiessep { width: 100%; border: 0px; border-top: 1px dashed #BDBDBD; margin: 5px auto 5px auto;}
.ccspan { padding: 2px 6px; margin: 0px 1px 0px 1px; background: #E7E7E7; border: 2px solid #FFF; opacity: 0.7; }
.ccspan:hover {opacity: 1; background: #FFF; }
.cchead { height: 17px; padding: 0px 0px; margin: 5px 0px -3px -1px; opacity: 0.6; }
.ccheadmiddle { height: 17px; padding: 0px 0px; margin: 3px 3px -3px 0px; opacity: 0.6; }
@-moz-document url-prefix() { .ccheader { height: 20px; padding: 0px 0px; margin: 0px 0px -4px 2px; opacity : 0.8; border: 0px solid #FFF } }
.ccheader:hover {opacity: 1; }
@-moz-document url-prefix() { .firefoxmoon { margin: 6px 0px -5px 0px; } }
.blo__x,#blox { background: #FFF; border-radius: 5px; }
.bloxwarn { background: #FFF; border-radius: 5px; }
.bloxad { background: #FFF; border-radius: 5px; padding: 10px }
.divonecat { margin-right: 0px; width: 100%; text-align: center; }
.divtwocat { padding: 2px; text-align: center; font-family: Changa; font-size: 24px; }
.cattable { padding: 17px 0px; margin: auto; height: 100%; text-align: center; }
<!-- dumb colors -->
.descrip { font-size: 13px; padding: 1px 8px 6px 8px; opacity: .4; }
.radiusbottom { border-radius: 0px 0px 0px 0px; }
.detright { text-align: right; vertical-align: middle; padding-right: 7px; font-weight: 500; border-top: 1px solid #eee; }
.detleft { direction: ltr; text-align: left; border-top: 1px solid #eee; word-wrap: break-word; word-break: break-all; }
.detfirst { border-top: 0px solid #eee; }
.detdesigner { background-color: HSL(204, 39%, 97%); }
.clickify:hover { font-weight: 400; }
a.pagination { background-color: HSLA(204, 30%, 45%, .1); color: #000; padding : 1px 6px; margin: 0px 2px; border-radius: 3px; border: 1px solid #507994; box-shadow: 0px 0px 0px 0px #FFF; }
a.pagi_raw { background-color: #FFFFFF; color: #666; padding : 1px 6px; margin: 0px 2px; border-radius: 3px; border: 1px solid #d9d9d9; box-shadow: 0px 0px 0px 0px white; }
a:hover.pagi_raw { background-color: HSLA(204, 30%, 45%, .1); color: #000; }
.pagigray { opacity: .4; padding: 1px 6px; margin: 0px 2px; border-radius: 3px; border: 1px solid #aaa; background-color: white; cursor: not-allowed; }
.imarrow { width: 22px; padding: 0px 3px 3px 3px; opacity: .8; }
.imarrowside { width: 22px; padding: 0px 3px 3px 3px; opacity: .8; }
.imarrowcali { width: 22px; padding: 0px 3px 3px 3px; opacity: 1; }
.dots { padding : 2px 0px 1px 0px; margin: 0px 0px; }
.glyphs td { height: 90px; width: 80px; text-align: center; vertical-align: middle; border: 1px solid rgb(180, 180, 180); background-color: white; }
.glyphs td:hover { filter: invert(0%) sepia(93%) saturate(250%) hue-rotate(174deg) brightness(96%) contrast(90%); }
.preview td { text-align: right; border: 0px solid #888; }
.fonttitlespan { background: linear-gradient(to left, rgba(225, 225, 225, 0.5), rgba(225, 225, 225, 0.2)); text-shadow: 1px 1px rgba(225, 225, 225, 0.4); padding: 1px 6px 1px 0px; margin: 0px 0px 0px 0px; height: 25px; text-align: right; text-transform: uppercase; }
.fonttitlespandp { background: linear-gradient(to left, rgba(225, 225, 225, 0.5), rgba(225, 225, 225, 0.5)); text-shadow: 1px 1px rgba(225, 225, 225, 0.4); padding: 3px 0px 2px 0px; margin: 0px 0px 0px 0px; text-align: center; text-transform: uppercase; }
.smallfield { max-height: 35px; overflow:hidden; }
.smallfield:hover { max-height: none;}
.dbutton { background-image: url('/images/outline/download.svg'); border: 0px; cursor: pointer; }
ol, li { display: inline; list-style-type: none; margin: 0px; padding: 0px; }
.ffeature { color: rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.5); margin-bottom: 3px; font-size: 11px; border-radius: 2px; }
.counter { float: left; margin-left: 7px; padding: 4px 0px 0px 0px; font-size: 13px; text-shadow: 1px 1px rgba(255, 255, 255, 1); }
#grym { background-color: hsla(300, 0%, 95%, 0.36); margin: 1px 1px 1px 1px; font-size: 13px; color: #666; }
input, select, textarea { padding: 2px 2px 1px 2px; margin: 3px; font-family: 'NSA', 'DVS'; font-size: 14px; color: #000; background-color: #FCFCFC; border: 1px solid #ddd; border-radius: 3px; text-align: center; }
input.selorder { font-size: 17px; }
input.submitask { padding: 2px 2px 1px 2px; margin: 3px; font-family: 'NSA', 'DVS'; font-size: 12px; color: #fff; background-color: #3990ca; border: 2px solid #3990ca; border-radius: 3px; }
select { background: url('/images/downarrow.png') no-repeat left #FCFCFC; padding: 2px 2px 1px 17px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input.do { background-color: #EEEEEE; padding: 2px 15px 1px 15px; margin: 3px; border-radius: 3px; border: 1px solid #ddd; }
input.check { background-color: #ccc; margin-right: -2px; border-radius: 18px; padding: 1px 2px 0px 2px; border: 0px; width: 18px; height: 18px; background-image: url('/images/check.svg'); background-repeat: no-repeat; background-position: center center; }
input.check:hover { background-color: #6f98ae; }
input.check:active { background-color: #ccc; }
input.srchbox { padding: 0px; outline: none; border: 0; background-color: HSL(198, 24%, 66%); color: HSL(204, 39%, 28%); }
input.srchbox:focus, input.srchon { background-color: HSL(198, 29%, 95%); box-shadow: inset 0px 0px 0px 2px HSL(198, 24%, 66%); transition: .3s ease; }
input.srchbox:focus::placeholder { color: transparent; transition: .3s ease-out; }
input.srchboxgo { padding: 0px; outline: none; border: 0px; }
input.srchboxgo:focus { box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.9); }
div.srchboxdiv { border: 0px solid transparent; border-radius: 50px; }
div.srchboxdiv:target { border: 0px solid white; }
input[type=number] { width: 44px; direction: ltr; }
input[type=checkbox] { height: 12px; margin: 0px 0px 0px 0px; }
input.do, input.txtview { font-size: 19px; margin: 0px 0px; border: 1px solid #ddd; }
input.txtview { outline: none; border-radius: 5px; text-align: center; width: 50%; padding: 6px; border-left: 2px solid #3c6a88; border-right: 2px solid #3c6a88; maxlength='80'; height: 38px; }
input.txtview:focus { box-shadow: inset 0px 0px 0px 1px HSL(204, 39%, 100%); transition: .3s ease; background-color: HSL(204, 39%, 98%); }
input.txtview:focus::placeholder { color: transparent; }
input[type=color] { }
input, select { background-color: #FFF; }
input[type=number] { width: 56px }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; }
fieldset { border-top: 1px solid rgba(0, 0, 0, 0.10); border-bottom: 1px solid rgba(0, 0, 0, 0.10); border-right: 0px solid rgba(0, 0, 0, 0.10);  border-left: 0px solid rgba(0, 0, 0, 0.10); background-color: #FCFCFC; padding: 6px 6px 6px 4px; margin: 4px 1px 8px 1px; }
fieldset:hover { background-color: HSL(206, 24%, 96.5%); }
fieldset:hover > legend { background-color: HSL(206, 24%, 96.5%); border-top: 1px solid rgba(0, 0, 0, 0.10); }
legend { padding: 0px 10px 2px 10px; background-color: #FCFCFC; border-top: 1px solid rgba(0, 0, 0, 0.10); border-radius: 50px; margin: 0px auto 0px auto; color: rgba(0, 0, 0, 0.5); }
.shadowtext { text-shadow: 1px 1px 0px #666; }
.formbutton { width: 34px; height: 34px; margin-top: 8px; margin-bottom: 2px; border: 1px dashed #d5d5d5; background-color: #f5f5f5; box-shadow: 0px 0px 0px 3px white; }
.formbutton_new { width: 34px; height: 34px; margin-top: 8px; margin-bottom: 2px; border: 1px solid transparent; }
.formbutton_list { width: 34px; height: 34px; margin-top: 8px; margin-bottom: 2px; border: 1px solid transparent; }
.formbutton:hover { border: 1px solid #fff; box-shadow: 0px 0px 0px 2px #537894; border-radius: 1px; }
.formbu_tton:hover { border: 1px solid #af866b; background-color: #af866b; box-shadow: 0px 0px 0px 2px #af866b; border-radius: 1px; filter: invert(100%) sepia(0%) hue-rotate(0deg); }
.tahmil { height: 128px; padding-top: 29px; background-image: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m8 13-5-5h3v-5h4v5h3zm0-1.5 2.5-2.5h-1.5v-5h-2v5h-1.5z" fill="%23232629"/></svg>'); background-repeat: no-repeat; background-size: 32px; background-position-x: center; background-position-y: 61px; }
.tahmil:hover { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m8 13-5-5h3v-5h4v5h3z" fill="%23232629"/><path d="m7 4v5h-1.5l2.5 2.5 2.5-2.5h-1.5v-5z" fill="%239ab9cd"/></svg>'); background-repeat: no-repeat;  background-size: 32px; background-position-x: center; background-position-y: 61px; }
.tahmilsim { color: black; opacity: 1; height: 70px; padding-top: 10px; background-image: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m8 13-5-5h3v-5h4v5h3zm0-1.5 2.5-2.5h-1.5v-5h-2v5h-1.5z" fill="%239ab9cd" opacity="1"/><path d="m7 4v5h-1.5l2.5 2.5 2.5-2.5h-1.5v-5z" fill="%239ab9cd" opacity="0"/></svg>'); background-repeat: no-repeat; background-size: 16px; background-position-x: center; background-position-y: 30px; }
.tahmilsim:hover { opacity: 1!important; background-image: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m8 13-5-5h3v-5h4v5h3z" fill="%239ab9cd" opacity="1"/><path d="m7 4v5h-1.5l2.5 2.5 2.5-2.5h-1.5v-5z" fill="%23FFFFFF" opacity="1"/></svg>'); background-repeat: no-repeat;  background-size: 16px; background-position-x: center; background-position-y: 30px; background-color: HSLA(204, 30%, 45%, 0); }
.tahmil_des { height: 128px; padding-top: 29px; background-image: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m9.9987 3-6.9988 6.9988v3.0013h3.0013l6.9988-6.9988zm-0.99801 2.1992 1.8001 1.8001-3.3543 3.3559-1.7074-1.8962 1.2012-1.1996zm-3.2615 3.2599 1.7074 1.8962-1.7448 1.7448h-1.2012l-0.60059-0.60059v-1.2012z" fill="%23232629"/><path d="m12.398 5.4003-1.7987-1.8007-1.5983 1.5996 1.8001 1.8001z" fill="%233c6a88"/></svg>'); background-repeat: no-repeat;  background-size: 32px; background-position-x: center; background-position-y: 61px; }
.tahmil_des:hover { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m9.9987 3-6.9988 6.9988v3.0013h3.0013l6.9988-6.9988zm-0.99801 2.1992 1.8001 1.8001-3.3543 3.3559 2e-7 -0.56316-0.84473 0.0179h-0.86264v-1.3509l1.2012-1.1996zm-4.1062 4.1046v1.3509h1.6895l0.017904 0.54362-0.90007 0.9017h-1.2012l-0.60059-0.60059v-1.2012z" fill="%23232629"/><path d="m12.398 5.4003-1.7987-1.8007-1.5983 1.5996 1.8001 1.8001z" fill="%233c6a88"/></svg>'); background-repeat: no-repeat;  background-size: 32px; background-position-x: center; background-position-y: 61px; }
td.tahmiltd:hover { background-color: HSLA(204, 30%, 45%, .1)!important; }
td.tahmiltd:active { background-color: HSLA(204, 30%, 100%, .1)!important; }
.blox, #blox, .bloxad { border: 1px solid #d9d9d9!important; background-color: #fff; box-shadow: 0px 0px 0px 0px white!important; border-radius: 4px; }
.whiteshadow { box-shadow: 0px 0px 0px 0px white!important; }
.noborder_tb { border-top: 0px!important; border-bottom: 0px!important; }
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:0;overflow:auto;}
.supplet { border-right: 1px dotted #d5d5d5; border-bottom: 1px dotted #d5d5d5; padding: 1px 5px; color: #a5a5a5; font-size: 11px; border-radius: 0px 0px 4px 4px; }
.suppletimg { height: 21px; padding: 3px 0px 1px 0px; vertical-align: text-top; }
.suppletimgdet { height: 21px; padding: 0px 1px 0px 1px; }
.disclaimer { font-size: 15px; margin: -1px 0px 17px 0px; padding: 9px 59px 11px 9px; text-align: right; color: rgba(230, 101, 101, 1); border-radius: 5px; font-weight: 500; background: url("/images/outline/warbox.svg"); background-repeat: no-repeat; background-position: right center; background-color: rgba(255, 255, 255, .99); background-size: 58px; border: 1px solid rgba(230, 101, 101, .4); box-shadow: 0px 0px 0px 0px white!important;  }
.phonelaimer { font-size: 15px; margin: 7px 18px 9px 18px; border: 1px solid HSL(120, 73%, 66%); padding: 9px 56px 11px 9px; text-align: right; color: HSL(120, 63%, 36%); border-radius: 5px; font-weight: 400; background: url("/images/landscape-mode.svg"); background-repeat: no-repeat; background-position: right 16px center; background-color: HSL(120, 73%, 91%); background-size: 30px; }
.hrside { padding: 0px; margin: -4px 0px 3px 0px; border-top: 1px dashed #d5d5d5; }
.topten { padding: 0px 4px; text-shadow: 0px 0px #fff; border-radius: 0px; }
.lastdl { text-align: center; padding: 5px 15px 8px 15px; margin: 20px 0px 0px 0px; font-size: 18px; background-color: #f8f8f8; border: 1px solid HSLA(204, 30%, 45%, .6); color: HSLA(204, 30%, 0%, .8); cursor: pointer; box-shadow: 0px 0px 0px 3px HSLA(204, 30%, 55%, .0); }
.lastdl:hover { color: black; box-shadow: 0px 0px 0px 1px #6f98ae; border: 1px solid #6f98ae; }
.lastdl:active { box-shadow: 0px 0px 3px 1px #fff; border: 1px solid #fff; }
.catindex { font-size: 15px; color: rgba(0, 0, 0, .5); display: inline; vertical-align: top; padding: 0px 0px 0px 6px; }
@keyframes blink { 0% { opacity:1; } 25% { opacity:1; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:1; } } 
@keyframes noblink { 0% { opacity:1; } 50% { opacity:1; } 100% { opacity:1; } } 
.blink-image { ani_mation: blink normal 2s 10 ease-in-out; }
.blink-image:hover { animation: noblink; }
.bouttasmim { display: block; text-align: center; border: 1px solid HSLA(204, 30%, 45%, .2); padding: 5px 10px 5px 10px; font-size: 16px; color: RGBA(0, 0, 0, .9); margin: 4px 4px; background-color: HSLA(204, 0%, 45%, .03); border-radius: 6px; }
.bouttasmim:hover { background-color: HSLA(204, 30%, 45%, .1); color: RGBA(0, 0, 0, 1); }
.bouttasmimsel { background-color: HSLA(204, 30%, 45%, .1); display: block; text-align: center; padding: 5px 10px 5px 10px; margin: 0px 0px 0px 0px; font-size: 16px; border-bottom: 1px solid HSLA(204, 30%, 45%, .2); margin: 4px 4px; border-radius: 6px; }
.tasamimg:hover { background-color: rgba(60, 106, 136, .075); box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1); }
.semibold { font-weight: 600; }
.disablink { color: #ddd!important; cursor: not-allowed; border: 1px solid #f7f2e4!important; }
.disablink:hover { background-color: white!important; border: 1px solid #f7f2e4!important; }
.sidelinks, .sidelinksdb, .sidelinkslt { display: block; padding: 3px 8px 5px 0px; font-size: 16px; color: RGBA(0, 0, 0, .9); border-radius: 0px; }
.sidelinks:hover, .sidelinksdb:hover, .sidelinkslt:hover { background-color: HSLA(204, 30%, 45%, .1); color: RGBA(0, 0, 0, 1); border-radius: 0px; }
.sidelinksel, .sidelinksdbel, .sidelinksltel { border-right: 0px solid HSLA(204, 30%, 45%, .99); background-color: HSLA(204, 30%, 45%, .2); display: block; padding: 3px 8px 5px 0px; margin: 0px 0px 0px 0px; font-size: 16px; }
.sidelinksadd, .sidelinksdbadd, .sidelinksltadd { border-right: 0px solid white; border-left: 0px solid white; background-color: HSLA(204, 30%, 45%, .1); display: block; padding: 2px 8px 4px 0px; margin: 0px 0px 0px 0px; font-size: 16px; color: HSLA(204, 35%, 30%, .99); }
.sidetitls { display: block; padding: 4px 8px 4px 0px; background-color: HSLA(204, 30%, 45%, .01); font-size: 14px; font-weight: 600; border-bottom: 1px solid HSLA(204, 30%, 45%, .4); border-top: 1px solid HSLA(204, 30%, 45%, .4); }
.sidecount { float: left; margin-left: 6px; margin-top: 5px; padding: 0px 4px 0px 0px; font-size: 13px; color: HSLA(204, 0%, 45%, .7); }
pre { font-family: 'NSA', 'DVS', sans-serif; white-space: pre-line; }
.socialnet { margin-bottom: 10px; margin-right: 0px; margin-left: 8px; float: left; filter: grayscale(100%); padding: 2px 2px 1px 2px; background-color: white; border-radius: 4px 4px 0px 0px; border-bottom: solid 1px #d9d9d9; }
.socialnet:hover { filter: grayscale(0%); }
.socialimg { height: 24px; }
.socialimgshare { height: 26px; margin-top: 13px; margin-right: 0px; }
.sidewizimg { height: 18px; padding: 0px 0px 2px 0px; opacity: .3; }
.dice { transition-property: transform; transition-duration: 0.1s; opacity: .6; }
.dice:hover { opacity: 1; }
.dice:active { transform: rotate(360deg); opacity: 1; }
.similarfo { float: right; font-size: 15px; background-color: white; color: #666; padding: 4px 10px 3px 7px; margin: 5px 0px 1px 5px; border-radius: 100px; border: 1px solid #d9d9d9; box-shadow: inset 0px 0px 0px 1px white; }
.similarfo_ { float: right; font-size: 16px; text-transform: capitalize; background-color: white; color: #666; padding: 4px 8px 3px 8px; margin: 0px 5px 5px 0px; border-radius: 3px; border: 1px solid #d9d9d9; box-shadow: inset 0px 0px 0px 1px white; }
.prevsim { disp_lay: none; }
.sim_itxt:hover + .pre_vsim { display: inline; }
.similarfo__:hover { background-color: white; color: #333; border: 1px solid #45718e; box-shadow: inset 0px 0px 0px 1px white; }
.similarfo:hover { border: 1px solid HSL(202, 51%, 70%)!important; }
.similarfo:active { background-color: HSL(202, 51%, 100%)!important; }
.similarfo_:hover { color: #000; filter: invert(0%) sepia(93%) saturate(250%) hue-rotate(174deg) brightness(96%) contrast(90%); }
.firsts_ordsim { color: #3c6a88; background-color: HSL(204, 24%, 100%); padding: 0px 4px; border-radius: 4px; border: 1px solid HSL(204, 29%, 88%); }
.firstsordsim { color: #3c6a88; background-color: HSL(204, 24%, 100%); padding: 0px 4px 0px 0px; border-radius: 0px 0px 4px 0px; border: 1px solid HSL(204, 29%, 88%); border-left: 0px; border-top: 0px; }
.regularsim { backgr-ound-color: HSL(204, 24%, 97%); }
.tooltipsim { position: relative; display: inline-block; }
.tooltipsim .prevsim { visibility: hidden; position: absolute; z-index: 999; }
.tooltipsim:hover .prevsim { visibility: visible; top: 40px; right: -120px; border: 1px solid #45718e; background-color: white; border-radius: 4px; padding: 5px; box-shadow: 0px 0px 2px 3px white; }
.fon_t_blox:hover { border: 2px solid HSL(202, 51%, 70%)!important; }
.fon_t_blox { box-shadow: 0px 0px 1px 1px transparent; transition: box-shadow 0.2s ease-in-out; }
.fontblox:hover { box-shadow: 0px 0px 2px 1px HSL(204, 40%, 70%)!important; border: 1px solid HSL(204, 40%, 100%)!important; }
.fon_t_blox:hover .fonttitlespan { box-shadow: inset 0px 0px 0px 0px #a3bcc7; }
.headtitls { display: inline-block; padding: 5px 12px 5px 12px; background-color: #fff; font-size: 14px; font-weight: 500; border-bottom: 1px solid HSLA(204, 30%, 45%, .4); }
.headtitls:hover { background-color: HSL(204, 24%, 94%); box-shadow: 0px 0px 0px 0px HSLA(204, 30%, 45%, .4);  }
.headlinks { display: inline-block; font-size: 16px; color: RGBA(0, 0, 0, .9); }
.mosearch { display: inline-block; font-size: 14px; text-transform: capitalize; background-color: white; color: #666; padding: 6px 14px 4px 14px; margin: 5px 0px 1px 3px; border-radius: 10px; border: 1px solid #d9d9d9; box-shadow: inset 0px 0px 0px 1px white; }
.mosearch:hover { border: 1px solid HSL(202, 51%, 70%)!important; }
.simdown { float: left; text-align: center; width: 64px; margin: 3px 10px 0px 0px; back_ground-color: rgba(235, 235, 235, 0.5); box_-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, .1); }
.simdown:hover { background-color: rgba(235, 235, 235, 0.5); box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, .1); }
.nviewtxt, .nviewtxtlt { max-width: 870px; min-height: 110px; padding: 0px 0px 0px 0px; color: #232629; background-color: white; resize: none; text-align: right; border: 0px solid white; border-radius: 0px; line-height: 200%; animation: fadeIn 1s; white-space: nowrap; text-overflow: ellipsis; }
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
.nviewtxt:focus, .nviewtxtlt:focus { outline: none; box-shadow: inset 0px -5px 2px -5px HSL(204, 39%, 40%); border-bottom: 0px solid HSL(204, 39%, 80%); }
.titleo { text-decoration: none; }
.bloy > div { display: flex; height: 90px; text-align: center; justify-content: center; align-items: center; border: 1px solid rgb(230, 230, 230); background-color: white; padding: 0px 6px; margin: 4px; border-radius: 4px; }
.ktextarea { display: block; width: 100%; overflow: hidden; resize: none; min-height: 40px; max-height: 4096px; background-color: white; font-size: 23px; padding: 16px 20px; border: 1px solid #d9d9d9; border-radius: 4px; text-align: right; line-height: normal; text-decoration-skip-ink: none; spellcheck: false; }
.ktextarea:hover { color: hsl(200, 68%, 15%); }
.ktextarea:focus { color: hsl(200, 68%, 15%); background-color: hsl(200, 38%, 100%); }
.ktextarea[contenteditable]:empty::before { content: ""; color: gray; }
@font-face {font-family: 'TheRing'; src: url('/fonts/TheRingP2.woff2');}
.famicon { height: 18px; padding-bottom: 2px; opacity: .4; }
.freicon { height: 19px; padding-bottom: 3px; opacity: .5; }
.opeicon { height: 19px; padding-bottom: 3px; opacity: .999; }
.licicon { height: 19px; padding-bottom: 3px; opacity: .5; }
.sizeslider,.sizeslideredit { appearance: none; -webkit-appearance: none; width: 100px; height: 1px; border: 1px solid #a3bcc7; background: #fff; outline: none; transform: rotateY(180deg);}
.sizeslider::-webkit-slider-thumb, .sizeslideredit::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; border: 0px solid #47738f; border-radius: 50%; background: #a3bcc7; cursor: pointer; }
.sizeslider::-moz-range-thumb, .sizeslideredit::-moz-range-thumb { appearance: none; width: 16px; height: 16px; border: 0px solid #47738f; border-radius: 50%; background: #a3bcc7; cursor: pointer; }
.sizeslider::-webkit-slider-thumb:hover, .sizeslideredit::-webkit-slider-thumb:hover { box-shadow: 0px 0px 0px 8px rgba(0,0,0,.03); }
.sizeslider::-moz-range-thumb:hover, .sizeslideredit::-moz-range-thumb:hover { box-shadow: 0px 0px 0px 8px rgba(0,0,0,.03); }
.slidetxt { font-size: 15px; opacity: .7; }
.licetxt { display: inline-block; text-align: left; font-size: 11px; padding: 0px 0px 0px 6px; overflow-wrap: normal; white-space: pre-wrap; word-break: break-word; width: 200px; }
.licegre_ { background-color: hsl(125, 45%, 85%); }
.liceora_ { background-color: hsl(055, 45%, 85%); }
.lic_sign { height: 20px; }
.lic_padd { padding-right: 6px; }
.licelink { text-decoration-line: underline; text-decoration-style: dotted; }
.licimg { height: 32px; padding-bottom: 2px; }
.arrcat { height: 17px; padding-bottom: 1px; }
.arrcatpagi { height: 17px; padding-bottom: 1px; padding-left: 0px; transform: scaleX(1); }
.grouf, .grouftyp { background: url('/images/_back_w5_dark_2p.svg'); background-size: 50px; background-position: center center; font-size: 15px; padding: 3px 0px 6px 0px; margin: 2px 2px; text-align: center; border-radius: 2px; }
.grouspa { background-color: transparent; display: inline-block; }
.grouftyp { background-color: #f0f0f0; display:none; }
@media (min-width:901px) /*desk*/
{
.groufbox { background-color: white; margin: 0px; padding: 0px!important; display: flex; flex-direction: row; flex-wrap: wrap; height: 136px; }
.grouf, .grouftyp { width: calc(10% - 4px); }
.srchbox { width: 256px; }
.nviewtxt, .nviewtxtlt { font-size: 50px; }
#font-size-text { dis_play:none; }
#font-size-text::after { content: ""; }
input.txtview { width: 50%; }
theimg { height: 400px; }
.divtxtview { float: right; width: calc(100% - 158px); }
.footxt { background-color: #ffffff80; padding: 0px 16px; text-align: justify; color: #000000b0; }
.footxtdon { background-color: HSLA(120, 100%, 97%, 0); padding: 0px 0px; text-align: center; color: #000000b0; border: 0px solid HSL(120, 100%, 67%)!important; border-radius: 10px; margin-top: -10px; }
}
@media (max-width:900px) /*phone*/
{
.groufbox { background-color: white; margin: 0px 0px 1px 0px; padding: 0px!important; display: flex; flex-wrap: wrap; }
.grouf, .grouftyp { padding: 5px 10px 8px 10px; }
.srchbox { width: 160px; }
.newheadlinks { display: none!important; }
.nviewtxt, .nviewtxtlt { font-size: 30px; }
#font-size-text { display:none; }
#font-size-text::after { content: "30"; }
input.txtview { width: 100%; }
input.sizeslider { display: none; }
.divtxtview { float: right; width: 100%; }
.divtxtslide { display: none; }
.footxt { background-color: #ffffff80; padding: 0px 16px; text-align: right; color: #000000b0; }
.footxtdon { background-color: HSLA(120, 100%, 97%, 0); padding: 0px 0px; text-align: center; color: #000000b0; border: 0px solid HSL(120, 100%, 67%)!important; border-radius: 10px; margin-top: -10px; }
.ads_bygoogle{ margin: 5px 0px !important; }
}
.g_tra { background-color: HSL(350, 45%, 95%); box-shadow: inset 0px 0px 0px 2px HSLA(350, 55%, 0%, .02); }
.g_pri { background-color: HSL(204, 45%, 95%); box-shadow: inset 0px 0px 0px 2px HSLA(204, 45%, 0%, .02); }
.g_scr { background-color: HSL(204, 00%, 95%); box-shadow: inset 0px 0px 0px 2px HSLA(204, 00%, 0%, .02); }
.g_var { background-color: HSL(034, 50%, 95%); box-shadow: inset 0px 0px 0px 2px HSLA(034, 60%, 0%, .02); }
.g_car { background-color: HSL(204, 00%, 95%); box-shadow: inset 0px 0px 0px 2px HSLA(204, 00%, 0%, .02); }
.g_tra:hover { box-shadow: inset 0px 0px 0px 1px HSL(350, 45%, 60%); border-radius: 2px; }
.g_pri:hover { box-shadow: inset 0px 0px 0px 1px HSL(204, 45%, 60%); border-radius: 2px; }
.g_scr:hover { box-shadow: inset 0px 0px 0px 1px HSL(204, 00%, 60%); border-radius: 2px; }
.g_var:hover { box-shadow: inset 0px 0px 0px 1px HSL(034, 50%, 60%); border-radius: 2px; }
.g_car:hover { box-shadow: inset 0px 0px 0px 1px HSL(204, 00%, 60%); border-radius: 2px; }
.g_tra_sel { background-color: HSL(350, 39%, 39%); color: white; border-radius: 2px; }
.g_pri_sel { background-color: HSL(204, 39%, 39%); color: white; border-radius: 2px; }
.g_scr_sel { background-color: HSL(204, 00%, 39%); color: white; border-radius: 2px; }
.g_var_sel { background-color: HSL(034, 44%, 39%); color: white; border-radius: 2px; }
.g_car_sel { background-color: HSL(204, 00%, 39%); color: white; border-radius: 2px; }
.newheadlinks { display: inline-block; margin: 9px 12px 0px 0px; padding: 5px 14px 0px 14px; font-size: 15px; border-radius: 80px; height: 32px; color: white; background-color: #3c6a88; box-shadow: inset 0px 0px 0px 1px HSLA(350, 55%, 100%, .4); }
.newheadlinks_add { font-size: 15px; margin: 10px 12px 0px 0px; padding: 3px 12px 0px 12px; border-radius: 50px; height: 30px; background-color: #3c6a88; border: 1px dashed HSLA(350, 55%, 100%, .5); box-shadow: inset 0px 0px 0px 0px HSLA(350, 55%, 100%, .4); }
.newheadlinks:hover, .newheadlinks_add:hover { background-color: HSL(204, 39%, 43%) }
.share-buttons { display: flex; justify-content: center; gap: 10px; }
.share-button { padding: 3px 2px 3px 0px; border: 0px solid #ccc; border-radius: 0px; text-align: center; cursor: pointer; }
.shazes { height: 34px; border: 1px solid #d9d9d9; border-radius: 50px; }
.shazes:hover { filter: hue-rotate(0deg); box-shadow: 0px 0px 0px 3px #d9d9d9; }
.shafb:hover { filter: hue-rotate(13deg) saturate(185%); }
.shax:hover { filter: grayscale(100%); }
.shawa:hover { filter: hue-rotate(-62deg) saturate(400%); }
.shapin:hover { filter: hue-rotate(147deg) saturate(100%); }
.shain:hover { filter: hue-rotate(6deg) saturate(175%); }
.shamail:hover { filter: hue-rotate(0deg); }
.shacom:hover { filter: hue-rotate(0deg); }
.thedice { height: 22px; margin: 0px 0px 0px 1px; opacity: .2; filter: invert(); }
.thedice:hover { opacity: .6; }
.thenum { color: #00000060; font-size: smaller; background-color: white; padding: 0px 5px 3px 5px; border-radius: 5px 5px 0px 0px }
.notification { display: none; position: fixed; width: 128px; text-align: center; top: 20%; left: 50%; transform: translateX(-50%); background-color: #437698; color: white; padding: 10px; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
.donico { height: 15px; padding-bottom: 2px; }
.pagevoiddiv { height: 56px; }
.pagetitldiv { text-align: center; margin: 4px 0px -2px 0px; font-weight: 500; }
.footxtsafedata { background-color: HSL(120, 100%, 97%); padding: 0px 16px 0px 16px; text-align: right; color: #000000b0; border: 1px solid HSL(120, 90%, 67%)!important; border-radius: 10px; font-size: 13px; display: table; margin: 8px auto auto auto; back-ground-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 498 512.2"><path d="M232 0c87 55 166 81 233 75 4 74-2 139-17 195-10-4-21-7-32-7 12-46 16-100 13-160-57 5-123-17-197-64-63 50-129 64-196 61-3 113 17 198 55 260 29-24 77-20 100-52 2-2 2-3 2-5l-27-34c-6-9-17-22-17-33 0-6 5-14 12-16a478 478 0 0 1 0-44l1-8a59 59 0 0 1 27-34c4-2 9-5 14-6 9-4 4-18 14-18 23-1 61 19 76 35 9 11 15 22 15 36l-1 41c4 1 9 4 10 8 3 13-10 28-17 39-5 9-27 34-27 35l2 4c11 15 27 22 43 28-1 6-3 13-3 20l-5 4c-7 7-11 16-11 27v93c-20 13-42 23-66 32C83 457-6 323 0 71c79 5 157-13 232-71zm106 376h4v-12c0-20 8-39 20-52 13-13 31-21 50-21s37 8 50 21 21 32 21 52v12h4c6 0 11 5 11 11v114c0 6-5 11-11 11H338c-6 0-12-5-12-11V387c0-6 6-11 12-11zm65 73-12 31h42l-11-31a22 22 0 1 0-19 0zm-39-73h97v-12c0-15-6-27-15-37-8-9-20-15-34-15-13 0-25 6-34 15-9 10-14 22-14 37v12z" style="fill: HSL(30, 90%, 72%);fill-opacity:1"/></svg>'); background-repeat: no-repeat; background-size: 38px; background-position-y: center; background-position-x: right 16px; }
.footxtsafedata2 { background-color: HSL(30, 100%, 97%); padding: 0px 68px 0px 16px; text-align: right; color: #000000b0; border: 1px solid HSL(30, 90%, 67%)!important; border-radius: 10px; font-size: 13px; display: table; margin: 8px auto auto auto; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512"><path d="M493 61c-40 17-94 20-144-1-24-10-75-35-93-60-18 25-69 50-93 60-50 21-104 18-144 1-7-4-15 2-15 10 0 422 252 441 252 441s252-19 252-441c0-8-8-14-15-10zM89 125c32 0 63-6 93-18 16-7 47-21 74-39 27 18 58 32 74 39a241 241 0 0 0 126 16c-16 293-171 333-200 338-29-5-184-45-200-338 11 2 22 2 33 2z" style="fill:HSL(30, 90%, 72%);fill-opacity:1"/><path d="M256 409c30-8 120-50 145-234-31-2-62-10-90-22-13-5-33-14-55-26-22 12-42 21-55 26-28 12-59 20-90 22 25 184 115 226 145 234z" style="fill:HSL(30, 90%, 72%);fill-opacity:1"/></svg>'); background-repeat: no-repeat; background-size: 38px; background-position-y: center; background-position-x: right 16px; }
.cat_pagi { display: inline-block; float: left; width: 130px; text-align: center; padding: 2px 0px 5px 0px; margin: 0px 0px 0px 6px; border: 0px solid #d9d9d9; font-size: 15px; color: #FFFFFF; border-radius: 6px; }
@keyframes spin { 100% { transform: rotate(-360deg); } }
.flower { opacity: .999; }
.flower:hover { opacity: 1; animation: spin 1.5s linear infinite; }
.viewbarlk:hover { color: hsl(204, 39%, 31%) }