/* first setting */ #setbody{ width:100%;font-family:myfont2; font-size:100%; margin:0 auto;} #set { width:100%; padding:3% 0% 3% 0%; text-align:center;} #cod { width:100%; text-align:center; } #setlog { width:100%; text-align:center; padding:1% 0% 1% 0%;} #settable { width:100%; border-collapse:collapse; margin:1% 0% 1% 0%; } #sttr { width:100%; } #sttd1 { width:50%; text-align:right; font-size:1.1em; padding:0.5% 0.5% 0.5% 0.5%; } #sttd2 { width:50%; text-align:left; font-size:1.1em; padding:0.5% 0.5% 0.5% 0.5%;} #setres { width:100%; text-align:center; clear:both; } #golk { text-decoration:underline; color:grey; } #golk:hover { cursor:pointer; color:black; } #setform { } #setinp { font-size:1.1em; width:25%;} #sublog { width:10%; height:2.5em; background-color:white; margin-top:1%; border:1px solid black; transition:background-color 0.1s linear; color:black; font-size:16px; } #sublog:hover { cursor:pointer; background-color:black; color:white; } /* main setting */ input, textarea { outline:none; font-family:myfont2; } a { color:inherit; text-decoration:none; } #body { margin:0 auto; width:100%; min-width:1100px; font-size:100%; background:#f8f8f8; /*#ECEFF1; #f1f1f1*/ } #bodym { margin:0 auto; width:100%; min-width:1100px; font-size:100%; background:white; } #both { clear:both; } @font-face { font-family: bb; src: url("../font/bb/Billabong.otf"); } @font-face { font-family: fmicra; src: url("../font/micra1.ttf"); } @font-face { font-family: 'MN'; src: url('../font/micra/Micra.eot'); src: url('../font/micra/Micra.eot?#iefix') format('embedded-opentype'), url('../font/micra/Micra.woff') format('woff'), url('../font/micra/Micra.ttf') format('truetype'); } @font-face { font-family: myfont; src: url("../font/HelveticaNeueCyr-Light.otf"); } @font-face { font-family: myfont1; src: url("../font/IW/IstokWeb-Regular.ttf"); } @font-face { font-family: myfont2; src: url("../font/R/Roboto-Regular.ttf"); } @font-face { font-family: myfont3; src: url("../font/RC/RobotoCondensed-Regular.ttf"); } @font-face { font-family: pnl; src: url("../font/ProximaNova/Proxima Nova Light.otf"); } @font-face { font-family: pn; src: url("../font/ProximaNova/Proxima Nova Regular.otf"); } @font-face { font-family: pns; src: url("../font/ProximaNova/Proxima Nova Semibold.otf"); } @font-face { font-family: pnb; src: url("../font/ProximaNova/Proxima Nova Bold.otf"); } /* head setting border-bottom:1px solid #e5e5e5; */ #top { width:100%; font-family:myfont2; background:white; } #toptb { width:100%; border-collapse:collapse; } #toptr { width:100%; } #toptd1 { width:30%; font-family:myfont2; text-align:left; padding:1.6% 5% 1.6% 5%; font-size:3em; color:#34495E; } #toptd2 { width:30%; padding-left:2%; } #toptd3 { width:40%; padding-left:0%; } #newtop { width:100%; font-family:myfont2; background:white; } #newtop1 { width:100%; font-family:myfont2; background:white; padding:1.25% 0% 1.25% 0%; } #newtopac { width:100%; font-family:myfont2; } #newtop1ac { width:100%; font-family:myfont2; padding:0% 0% 0% 0%; } #nttable { width:100%; border-collapse:collapse; } #nttr { width:100%; color:#BCBCBC; } #nttrac { width:100%; color:white; } #nttd1 { width:70.3%; padding:1.4% 0.7% 1.2% 3%; } #nttd2 { width:1.2%; padding-top:0.3%; } #nttd3 { width:12%; padding:1.4% 0.7% 1.2% 0.5%; font-size:0.9em; } #nttd4 { width:1.2%; padding-top:0.3%; } #nttd5 { width:15.3%; padding:1.4% 0.7% 1.2% 0.5%; font-size:0.9em; } #ntimg1 { background:url('../img/s96.png') no-repeat; background-size:100% 100%; padding:100% 0% 0% 0%; } #ntimg2 { background:url('../img/t96.png') no-repeat; background-size:100% 100%; padding:100% 0% 0% 0%; } #nttable { width:100%; border-collapse:collapse; } #nttr1 { width:100%; color:grey; text-shadow: 0 -1px #e5e5e5; } #nttr1ac { width:100%; color:white; } #nttd12 { width:32.8%; color:#01578D; font-size:1.8em; text-align:left; padding-left:1%; font-family:MN; } #nttd12ac { width:37.8%; color:white; font-size:1.7em; text-align:left; padding-left:1%; font-family:MN; } #nttd72 { width:10%; padding:0% 0% 0% 5%; } #logom { width:100%; padding-top:100%; background:url('../img/logo/logom.png') no-repeat; background-size:100% 100%; } #logom1 { width:100%; padding-top:100%; background:url('../img/logo/logologo.svg') no-repeat; background-size:100% 100%; } #nttd22 { width:8.5%;font-size:0.92em; padding-top:0.5%; text-align:center; } #nttd32 { width:9%; font-size:0.92em; padding-top:0.5%; text-align:center; } #nttd42 { width:9.5%; font-size:0.92em; padding-top:0.5%; text-align:center; } #nttd52 { width:7.5%; font-size:0.92em; padding-top:0.5%; text-align:center; } #nttd62 { width:22.7%; font-size:0.9em; padding:0.55% 0% 0% 0%; } #ntdiv { padding:2.3% 7% 2.2% 7%; margin-left:9%; float:left; background:#45e645; color:#EBFFEB; border-radius:0.5em; letter-spacing:0.8px; font-size:0.88em; box-shadow: 0 0 8px #6BE16B; font-family:myfont2; } #ntdivac { padding:2.3% 7% 2.2% 7%; margin-left:9%; float:left; background:#45e645; color:#EBFFEB; border-radius:0.5em; letter-spacing:0.8px; font-size:0.88em; font-family:myfont2; } #idl { width:100%; background:url('../img/11.jpg') no-repeat; background-size:100% 100%; color:white; font-family:myfont2; } #idl1 { width:100%; padding:6.8% 0% 1% 0%; text-align:center; font-size:3em; } #idl2 { width:100%; padding:0.8% 0% 0% 0%; text-align:center; font-size:1.4em; } #idl3 { width:50%; text-align:right; float:left; padding:7% 0% 7% 0% } #idl4 { width:50%; text-align:left; float:right; padding:7% 0% 7% 0% } #ntdiv1 { padding:2.3% 6% 2.2% 6%; margin-right:6%; float:right; background:#ff520c; color:white; border-radius:0.5em; letter-spacing:0.8px; font-size:1em; box-shadow: 0 0 6px #464646; font-family:myfont2; } #ntdiv2 { padding:2.3% 6% 2.2% 6%; margin-left:6%; float:left; background:white; color:#ff520c; border-radius:0.5em; letter-spacing:0.8px; font-size:1em; box-shadow: 0 0 6px #464646; font-family:myfont2; } #top1 { width:100%; padding-top:25%; background:url('../img/ss.gif') no-repeat; background-size:100% 100%; } #top2 { width:100%; padding-top:1%; padding-bottom:1%; } #tablet2 { width:100%; border-collapse:collapse; } #tt2tr { width:100%; } #tt2td1 { width:50%; padding-left:0%; padding-right:2%; text-align:right; font-size:1.05em; color:#3B3B3B; } #tt2td2 { width:50%; text-align:center; } #number { width:100%; border-collapse:collapse; } #ntr { width:100%; } #ntd1 { width:16%; text-align:center; } #ntd2 { width:84%; text-align:left; } #ni { width:100%; border:0; padding-top:100%; padding-bottom:0%; background:url("../img/telefon1.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #nt { font-size:1.05em; color:#3B3B3B; } #nm { width:100%; border:0; padding-top:100%; padding-bottom:0%; background:url("../img/po4ta.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #top3 { width:100%; padding-top:0%; padding-bottom:0%; } #t3log { width:90%; padding:0% 5% 0% 5%; color:#1C2871; font-size:1.3em; } #login { float:right; cursor:pointer; text-align:center; margin-right:5%; } #login:hover { text-decoration:underline; } #reg { float:right; cursor:pointer; text-align:right; margin-right:5%; } #reg:hover { text-decoration:underline; } #reg1 { float:right; text-align:right; margin-right:5%; } #t3z { float:left; width:10%; margin-left:5%; padding:1.5% 1.5% 1.5% 1.5%; border:1px solid #f5f5f5; border-radius:100%; background:#f5f5f5; } #t3z:hover { background:#e5e5e5; cursor:pointer; } #zp { width:100%; padding-top:100%; margin-left:0%; background:url("../img/zp1.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%;} #zp:hover { cursor:pointer; } #zt { width:100%; padding-top:100%; margin-left:0%; background:url("../img/zt1.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%;} #zt:hover { cursor:pointer; } #zp2 { float:left; padding:1.5% 1.5% 1.5% 1.5%; color:white; background:#3367D6; margin-left:5%; border-radius:0.2em; } #zp2:hover { cursor:pointer; background:#94BCE4; } #hit { float:left; width:43.5%; border-collapse:collapse; color:white; background:white; border-radius:0.2em; background:#55A0EB; font-size:0.93em; /* 3367D6 55A0EB 4E94DA */ } #hit:hover { cursor:pointer; background:#94BCE4; } #hit2 { float:left; width:43.5%; border-collapse:collapse; color:white; font-size:0.93em; background:white; border-radius:0.2em; background:#3897f0; margin-left:2%; } #hit2:hover { cursor:pointer; background:#94BCE4; } #hittr { width:100%; } #hittd1 { width:15%; } #hittd2 { width:85%; font-size:1em; padding-top:1%; } /* nav setting #3897f0 4090db #003569 #2d6599 #20486d #a0c8ed*/ #nav { width:100%; padding:0% 0% 0% 0%; font-family:myfont2; background:white; border-bottom:1px solid #CDCDCD; } #nav-d { float:left; text-align:center; padding:1% 2% 1% 2%; font-size:1em; color:#3897f0; } #nav-d:hover { cursor:pointer; color:#2d6599; } #nav-a { text-decoration:none; } #nav-a:hover { } #nav-dn { float:right; text-align:center; padding:1% 2% 1% 2%; font-size:1em; color:#3897f0; } #nav-dn:hover { cursor:pointer; color:#2d6599; } /* nav2 setting */ #nav2 { width:100%; padding:0% 0% 0% 0%; font-family:myfont2; background:#34495E; } #nav-d2 { float:left; text-align:center; padding:1.3% 2% 1.3% 2%; font-size:0.9em; } #nav-d2 { padding:1.3% 0% 1.3% 0%; text-align:center; color:white; font-size:1.2em; } #nav-d2:hover { cursor:pointer; } #nav-d21 { float:left; text-align:center; padding:1.3% 2% 1.3% 2%; font-size:0.9em; } #nav-d21:hover { cursor:pointer; } #nav-a2 { color:#B0BEC5; text-decoration:none; } #nav-ad2 { color:white; text-decoration:none; } #nav-a2:hover { color:white; } #nav-dn2 { float:right; text-align:center; padding:1.3% 2% 1.3% 2%; font-size:0.9em; } #nav-dn2:hover { cursor:pointer; } #nav-dn3 { float:right; text-align:center; color:white; padding:1.3% 2% 1.3% 2%; font-size:0.9em; } #nav-dn21 { float:right; text-align:center; padding:1.3% 2% 1.3% 2%; font-size:0.9em; } #nav-dn21:hover { cursor:pointer; } #ctop { top:0; left:0; position:fixed; font-size:0.8em; min-height:100%; width:15%; min-width:165px; padding:1% 0% 1% 0%; display:none; font-family:myfont2; background:#34495E; } #ctopimg { width:100%; height:100%; } #ctimgt { width:100%; border-collapse:collapse; border:0; } #ctimgtr { width:100%; } #ctimgtd1 { width:8%; padding-top:8%; background:url('../img/logo/scripts.svg') no-repeat; background-size:100% 100%; } #ctimgtd2 { width:8%; padding-top:8%; background:url('../img/logo/stats.svg') no-repeat; background-size:100% 100%; } #ctimgtd3 { width:8%; padding-top:8%; background:url('../img/logo/msg.svg') no-repeat; background-size:100% 100%; } #ctimgtd4 { width:8%; padding-top:8%; background:url('../img/logo/users.svg') no-repeat; background-size:100% 100%; } #ctimgtd5 { width:8%; padding-top:8%; background:url('../img/logo/msg.svg') no-repeat; background-size:100% 100%; } #ctimgtd6 { width:8%; padding-top:8%; background:url('../img/logo/subs.svg') no-repeat; background-size:100% 100%; } #ctimgtd7 { width:8%; padding-top:8%; background:url('../img/logo/prof.svg') no-repeat; background-size:100% 100%; } #ctimgtd10 { width:8.5%; padding-top:8%; background:url('../img/logo/ref.svg') no-repeat; background-size:100% 100%; } #ctimgtd11 { width:8%; padding-top:8%; background:url('../img/logo/chat.svg') no-repeat; background-size:100% 100%; } #ctimgtd15 { width:8.5%; padding-top:8%; background:url('../img/logo/rbo.svg') no-repeat; background-size:100% 100%; } #ctimgtd17 { width:8.5%; padding-top:8%; background:url('../img/logo/help.svg') no-repeat; background-size:100% 100%; } #ctimgtdl { width:25%; padding-top:25%; background:url('../img/logo/logologo.svg') no-repeat; background-size:100% 100%; } #ctimgtd0 { width:90%; padding:0% 0% 0% 3%; text-align:left; } #ctimgtd0l { width:55%; font-family:MN; font-size:1.3em; padding:0% 0% 0% 3%; text-align:left; font-weight: lighter; font-style: normal; } #ctoptdd1,#ctoptdd2,#ctoptdd3,#ctoptdd4,#ctoptdd5,#ctoptdd15, #ctoptdd6,#ctoptdd7,#ctoptdd8,#ctoptdd10,#ctoptdd11,#ctoptdd12 { width:90%; cursor:pointer; text-align:left; background:#34495E; padding:5% 5% 4% 5%; color:white; } #ctoptdd1:hover,#ctoptdd2:hover,#ctoptdd3:hover,#ctoptdd12:hover, #ctoptdd4:hover,#ctoptdd5:hover,#ctoptdd6:hover,#ctoptdd11:hover, #ctoptdd7:hover,#ctoptdd8:hover,#ctoptdd10:hover, #ctoptdd9:hover,#ctoptdd15:hover { color:white; background:#73b6f4; } #ctoptdd9 { width:90%; cursor:pointer; border-top:0px solid #485F77; text-align:left; background:#34495E; padding:4% 5% 3% 5%; color:white; } #cttdstr1,#cttdstr2,#cttdstr3,#cttdstr15, #cttdstr4,#cttdstr5,#cttdstr6,#cttdstr12, #cttdstr7,#cttdstr8,#cttdstr9,#cttdstr11 { float:right; } #ctoph { width:94%; padding:3% 3% 7% 3%; text-align:center; color:white; } #ctoptdh { width:90%; text-align:left; padding:5% 5% 5% 5%; color:#cdcdcd; } #ctoptdh2 { width:90%; text-align:left; padding:7% 5% 7% 5%; background:rgba(0,0,0,0.2); } #cttdd1,#cttdd2,#cttdd3,#cttdd4,#cttdd5, #cttdd6,#cttdd7,#cttdd8,#cttdd10,#cttdd11,#cttdd15 { width:100%; padding:0% 0% 0% 0%; background:#1a242f; display:none; } #cttddiv { width:80%; text-align:left; padding:4% 10% 4% 10%; border-bottom:1px solid #485F77; } #cttddiv1 { width:80%; text-align:left; padding:4% 10% 4% 10%; } #cttddiv2 { width:80%; text-align:left; padding:4% 10% 4% 10%; border-top:1px solid #485F77; } #ctopm { top:0; left:15%; position:fixed; height:100%; width:15%; padding:1% 0% 1% 0%; font-family:myfont2; background:#1a242f; } #ctop2 { float:right; width:100%; padding:0% 0% 0% 0%; font-family:myfont2; background:white; font-size:1em; box-shadow: 0 1px 6px #cdcdcd; } #ctop2d1 { float:left; padding:0.7em 1em 0.7em 1em; text-align:left; font-size:1em; cursor:pointer; color:#939395; } #ctop2d1:hover { color:#3897f0; } #ctop2d1:hover #ctop2img { background:url('../img/pmenu11.png') no-repeat; background-size:100% 100%; } #ctop2d2 { float:right; cursor:pointer; margin:0% 2% 0% 0%; padding:0.7em 1em 0.7em 1em; color:#939395; } #ctop2d2:hover { /* box-shadow:inset 0px -1px 3px 0 #cdcdcd; */ color:#3897f0; } #ctop2d2a { color:#a5a5a5; } #ctop2d2:hover #ctop2d2a { color:#3897f0; } #ctop2d2:hover #ctop2img2 { background:url('../img/logo/money2.svg') no-repeat; background-size:100% 100%; } #ctop2d2sc { float:right; cursor:pointer; margin:0% 2% 0% 0%; padding:0.7em 1em 0.7em 1em; color:#939395; } #ctop2d2sc:hover { /* box-shadow:inset 0px -1px 3px 0 #cdcdcd; */ color:#3897f0; } #ctop2d2asc { color:#a5a5a5; } #ctop2d2sc:hover #ctop2d2asc { color:#3897f0; } #ctop2d2sc:hover #ctop2img2sc { background:url('../img/logo/youtube1.svg') no-repeat; background-size:100% 100%; } #ctop2d3 { float:right; text-align:center; color:#939395; padding:0.7em 1em 0.7em 1em; cursor:pointer; } #ctop2d3:hover { color:#3897f0; } #ctop2d3:hover #ctop2img1 { background:url('../img/logo/exit1.svg') no-repeat; background-size:100% 100%; } #ctop2d4 { float:right; text-align:center; color:#939395; /*7f8c8d */ padding:0.7em 1em 0.7em 1em; cursor:pointer; margin:0% 2% 0% 0%; } #ctop2d4:hover { color:#3897f0; } #ctop2d4:hover #ctop2img3 { background:url('../img/logo/msg2.svg') no-repeat; background-size:100% 100%; } #ctop2d5 { float:right; cursor:pointer; margin:0% 2% 0% 0%; padding:0.7em 1em 0.7em 1em; color:#3b3b3b; } #ctop2d5:hover { /* box-shadow:inset 0px -1px 3px 0 #cdcdcd; #939395*/ color:#3897f0; } #ctop2d5a { color:#a5a5a5; } #ctop2d5:hover #ctop2d5a { color:#3897f0; } #ctop2d5:hover #ctop2img4 { background:url('../img/ref2.png') no-repeat; background-size:100% 100%; } #ctop2d7 { float:right; cursor:pointer; margin:0% 2% 0% 0%; padding:0.7em 1em 0.7em 1em; color:#939395; } #ctop2d7:hover { /* box-shadow:inset 0px -1px 3px 0 #cdcdcd; */ color:#3897f0; } #ctop2d7a { color:#a5a5a5; } #ctop2d7:hover #ctop2d7a { color:#34495e; } #ctop2d7:hover #ctop2img7 { background:url('../img/logo/rbot1.svg') no-repeat; background-size:100% 100%; } #ctop2d7t { float:right; margin:0% 2% 0% 0%; padding:0.7em 1em 0.7em 1em; color:#3b3b3b; } #ctop2d8 { float:left; cursor:pointer; margin:0% 0% 0% 0%; padding:0.7em 1em 0.7em 1em; color:#939395; } #ctop2d8:hover { /* box-shadow:inset 0px -1px 3px 0 #cdcdcd; */ color:#3897f0; } #ctop2d8a { color:#a5a5a5; } #ctop2d8:hover #ctop2d8a { color:#34495e; } #ctop2d8:hover #ctop2img8 { background:url('../img/logo/scr1.svg') no-repeat; background-size:100% 100%; } #ctop2d8d { float:left; cursor:pointer; margin:0% 0% 0% 0%; padding:0.7em 1em 0.7em 1em; color:#939395; } #ctop2d8d:hover { /* box-shadow:inset 0px -1px 3px 0 #cdcdcd; */ color:#3897f0; } #ctop2d8da { color:#a5a5a5; } #ctop2d8d:hover #ctop2d8da { color:#34495e; } #ctop2d8d:hover #ctop2img8d { background:url('../img/logo/play1.svg') no-repeat; background-size:100% 100%; } #ctop2d11 { float:left; cursor:pointer; margin:0% 0% 0% 0%; padding:0.7em 1em 0.7em 1em; color:#939395; } #ctop2d11:hover { /* box-shadow:inset 0px -1px 3px 0 #cdcdcd; */ color:#3897f0; } #ctop2d11a { color:#a5a5a5; } #ctop2d11:hover #ctop2d11a { color:#34495e; } #ctop2d11:hover #ctop2img11 { background:url('../img/chsc25.png') no-repeat; background-size:100% 100%; } #ctimgtp { width:100%; border-collapse:collapse; border:0; } #ctimgtp:hover { } #ctimgtp2 { float:right; border-collapse:collapse; border:0; } #ctimgtp3 { float:right; border-collapse:collapse; border:0; } #ctimgtp4 { float:right; border-collapse:collapse; border:0; } #ctimgtrp { } #ctimgtrp2 { } #ctimgtrp3 { } #ctimgtrp4 { } #ctimgtd1p { /* width:25%; background:url('../img/menu.png') no-repeat; background-size:100% 100%;*/ } #ctimgtd1p1 { } #ctimgtd1p2 { padding:0.2em 0% 0% 0%; } #ctimgtd1p3 { } #ctimgtd1p4 { } #ctimgtd1p7 { } #ctimgtd0p { padding:0.2em 0% 0% 0.3em; font-size:1.05em; text-align:left; } #ctimgtd0p1 { padding:0.2em 0.3em 0% 0%; font-size:1.05em; text-align:right; } #ctimgtd0p2 { padding:0.2em 0% 0% 0.3em; font-size:1.05em; text-align:left; font-family:myfont2; } #ctimgtd0p3 { padding:0.2em 0% 0% 0.3em; font-size:1.05em; text-align:left; } #ctimgtd0p4 { padding:0.2em 0% 0% 0.3em; font-size:1.05em; text-align:left; } #ctimgtd0p7 { padding:0.2em 0% 0% 0.3em; font-size:1.05em; text-align:left; } #ctimgtd0p7t { padding:0.2em 0% 0% 0.3em; font-size:1.05em; text-align:left; } #ctimgtd0p8 { padding:0.2em 0% 0% 0.3em; font-size:1.05em; text-align:left; } #ctimgtd0p8d { padding:0.2em 0% 0% 0.3em; font-size:1.05em; text-align:left; } #ctop2img { width:1.2em; height:1.2em; background:url('../img/pmenu22.png') no-repeat; background-size:100% 100%; } #ctop2img1 { width:1em; height:1em; padding:0.3em 0% 0% 0; background:url('../img/logo/exit.svg') no-repeat; background-size:100% 100%; } #ctop2img2 { width:1.2em; height:1.2em; background:url('../img/logo/money.svg') no-repeat; background-size:100% 100%; } #ctop2img2sc { width:1.28em; height:1.28em; background:url('../img/logo/youtube.svg') no-repeat; background-size:100% 100%; } #ctop2img3 { width:1.2em; height:1.2em; margin-top:0.1em; background:url('../img/logo/msg1.svg') no-repeat; background-size:100% 100%; } #ctop2img4 { width:1.2em; height:1.2em; background:url('../img/ref1.png') no-repeat; background-size:100% 100%; } #ctop2img7 { width:1.25em; height:1.25em; margin-top:0.03em; background:url('../img/logo/rbot.svg') no-repeat; background-size:100% 100%; } #ctop2img8 { width:0.97em; height:0.97em; margin-top:0.05em; background:url('../img/logo/scr.svg') no-repeat; background-size:100% 100%; } #ctop2img8d { width:1.2em; height:1.2em; margin-top:0.07em; background:url('../img/logo/play.svg') no-repeat; background-size:100% 100%; } #ctoptd1o { width:12%; padding:0.85% 0% 0.85% 0%; text-align:center; color:white; font-size:1.85em; font-family:myfont2; } #ctoptd2o { width:12%; text-align:center; color:#94BCE4; } #ctoptd3o { width:12%; text-align:center; color:#B0BEC5; } #ctoptd4o { width:38%; text-align:center; color:#B0BEC5; } #ctoptd5o { width:16%; text-align:center; color:#E8F3FF; } #ctoptd6o { width:10%; text-align:center; color:#B0BEC5; } #ctop1 { width:100%; padding-top:20%; background:url('../img/ss.gif') no-repeat; background-size:100% 100%; } #ch-a1 { color:#94BCE4; } #ch-a1:hover { color:white; } #ch-a { color:white; } #ch-a:hover { color:#94BCE4; } #stastep1 { float:left; color:grey; padding-left:3%; } #stastep1:hover { color:#3897f0; cursor:pointer; } #stastep2 { float:right; color:grey; padding-right:3%; } #stastep2:hover { color:#3897f0; cursor:pointer; } /* gorbo setting */ #gorbot { width:100%; height:100%; border:0; border-collapse:collapse; position:fixed; z-index:100; left:0; top:-2000px; font-family:myfont2; } #gorbotr { width:100%; height:100%; } #gorbotd { width:100%; height:100%; background:rgba(0,0,0,0.1); text-align:center; font-size:1.05em; color:#3B3B3B; } #gorbodiv { width:38%; background:rgba(255,255,255,1); text-align:center; padding:1% 1% 1% 1%; margin:0% 30% 0% 30%; border:1px solid #e5e5e5; } #gorboh { float:left; width:100%; padding:0% 0% 1% 0%; text-align:center; color:grey; font-size:1.1em; } #gorboe { float:left; width:100%; padding:0% 0% 1% 0%; text-align:center; font-size:1em; color:#D73333; } #rboinp { float:left; width:98%; height:5em; border-radius:0.2em; border-color:#CDCDCD; font-size:1em; padding:1% 1% 1% 1%; margin:0% 0% 1% 0%; } #gorbod1 { float:left; text-align:center; padding:1% 0% 0% 0%; } #gorbo1kp { float:left; color: white; font-size:1em; font-family:myfont2; text-align: center; margin-top: 0%; margin-right:0%; border-radius: 0.2em; border:0; padding: 0.3em 1em 0.3em 1em; background:grey; cursor: pointer; } #gorbo1kp:hover { background:#BCBCBC; } #gorbod2{ float:right; text-align:center; padding:1% 0% 0% 0%; } #gorbo2kp { float:right; color: white; font-size:1em; font-family:myfont2; text-align: center; margin-top: 0%; margin-right:0%; border-radius: 0.2em; border:0; padding: 0.3em 1em 0.2em 1em; background: #3897f0; cursor: pointer; } #gorbo2kp:hover { background:#94BCE4; } #gorbo2kpg { float:right; color: white; font-size:1em; font-family:myfont2; text-align: center; font-weight:bold; margin-top: 0%; margin-right:0%; border-radius: 0.2em; border:0; padding: 0.3em 1em 0.2em 1em; background:grey; cursor: pointer; } /* dl setting */ #ivd { width:68%; margin:0% 16% 0% 16%; padding:3% 0% 7% 0%; color:white; font-family:myfont2; } #ivd1 { width:100%; padding:0% 0% 0% 0%; text-align:right; } #ivd2 { width:100%; height:100%; padding:0% 0% 0% 0%; } #ivtable { width:38%; border-collapse:collapse; float:right; background:#ff520c; color:white; border-top-left-radius:0.2em; border-top-right-radius:0.2em; letter-spacing:0.8px; font-size:1.3em; } #ivttr { width:100%; } #ivttd1 { width:87%; padding:3% 3% 3% 0%; text-align:right; } #ivttd2 { width:4%; padding-top:1%; } #ivttd3 { width:9%; } #ivd2i { width:100%; padding-top:100%; background:url('../img/srtbot.png') no-repeat; background-size:100% 100%; } #ivdvideo { width:100%; height:32.1em; } #ifd { width:100%; background:#ffda3f; font-family:myfont2; padding:5.2% 0% 2% 0%; } #ifd1 { width:100%; padding:0.3% 0% 0% 0%; text-align:center; font-size:2.1em; } #ifd2 { width:100%; padding:4.5% 0% 0% 0%; } #ifd3 { width:100%; padding:1% 0% 2% 0%; text-align:center; font-size:0.7em; } #ifdiv { padding:1.05% 3% 1% 3%; margin-left:40.3%; float:left; background:white; color:#ff520c; border-radius:0.5em; letter-spacing:0.7px; font-size:1em; box-shadow: 0 1px 6px #9C9C9C; font-family:myfont2; } #ifsp { color:#ff520c; } #dl4 { width:100%; padding:6% 0% 6% 0%; font-family:myfont2; margin-top:0%; background:#f9f9f9; } #dl4h { width:100%; padding:1% 0% 2% 0%; color:#5c5b5c; margin:0% 0% 0% 0%; text-align:center; font-size:3em; } #dl41 { float:left; width:27%; margin:5% 0% 1% 19%; text-align:left; padding:0% 1% 0% 2%; font-family:myfont2; font-size:1.3em; color:#5c5b5c; border-left:4px solid #ff520c; } #dl42 { float:left; width:29%; margin:5% 1% 1% 9%; text-align:left; padding:0% 1% 0% 2%; font-family:myfont2; font-size:1.3em; color:#5c5b5c; border-left:4px solid #ff520c; } #dl4d { width:100%; padding:1% 0% 1% 0%; } #dl5 { width:100%; padding:6% 0% 0% 0%; font-family:myfont2; margin-top:0%; background:#f9f9f9; } #dl5h { width:100%; padding:0.4% 0% 0.7% 0%; color:black; margin:0% 0% 0% 0%; text-align:center; font-size:3.73em; text-shadow:-1px -1px #e5e5e5,-1px -1px #e5e5e5,1px 1px #e5e5e5,1px 1px #e5e5e5; } #dl5l { width:7.2%; margin:auto; border-bottom:3px solid #ff520c; } #dl5o { color:#ff6805; } #dl5t { width:70%; border-collapse:collapse; margin-left:19.83%; margin-top:6%; } #dl5tr { width:100%; } #dl5td1 { width:7.42%; } #dl5i { width:100%; background:#ff520c; padding-top:100%; } #dl5td2 { width:92.58%; text-shadow: 0 -1px #e5e5e5; text-align:left; padding:0.2% 0% 0% 3%; font-size:2em; color:black; } #dl5td3 { width:7.42%; } #dl5td4 { width:92.58%; color:#b1b1b3; font-size:0.91em; font-family:myfont2; padding:2.8% 0% 10% 3%; text-align:left; text-shadow:0 -1px #f1f1f1; letter-spacing:0.2px; } #dl5d { padding:0.9% 0% 0% 0%; } #dl6 { width:100%; padding:35% 0% 0% 0%; font-family:myfont2; margin-top:0%; background:url('../img/1.jpg') no-repeat; background-size:100% 100%; } #dl7 { width:100%; padding:2.5% 0% 0% 0%; font-family:myfont2; margin-top:0%; } #dl7h { width:100%; padding:0% 0% 3.8% 0%; color:black; margin:0% 0% 0% 0%; text-align:center; font-size:3.72em; letter-spacing:0.5px; text-shadow:0 -1px #f5f5f5,0 1px #f5f5f5; } #dl7sl { width:85%; margin:auto; font-family:pnl; padding:1.5% 0% 4.2% 0%; } #dl7c { width:89%; margin:0% 2% 0% 2%; float:left; } #dl7l { width:3.5%; float:left; padding-top:22%; cursor:pointer; } #dl7r { width:3.5%; float:right; padding-top:22%; cursor:pointer; } #dl7n { width:100%; box-shadow: 0 0 25px #d5d4d5; } #dl7n1 { width:100%; padding-top:52.5%; display:block; background:url('../img/1.jpg') no-repeat; background-size:100% 100%; } #dl7n2 { width:100%; padding-top:52.5%; display:none; background:url('../img/2.jpg') no-repeat; background-size:100% 100%; } #dl7n3 { width:100%; padding-top:52.5%; display:none; background:url('../img/3.jpg') no-repeat; background-size:100% 100%; } #dl7n4 { width:100%; padding-top:52.5%; display:none; background:url('../img/4.jpg') no-repeat; background-size:100% 100%; } #dl7ns { width:100%; text-align:center; padding:3.5% 0% 3.5% 0%; font-family:myfont2; font-size:0.8em;} #dl7n-kp1,#dl7n-kp2,#dl7n-kp3,#dl7n-kp4 { margin:0% 2.7% 0% 2.7%; color:#d5d4d5; } #dl7n-kp1 { color:#ff520c; } #dl7n-kp1:hover,#dl7n-kp2:hover,#dl7n-kp3:hover, #dl7n-kp4:hover { cursor:pointer; color:#ff520c; } #dl7i { width:100%; padding-top:100%; border:0; background:url('../img/p96.png') no-repeat; background-size:100% 100%; background:#f5f5f5; } #dl8 { width:100%; padding:5% 0% 0% 0%; font-family:myfont2; margin-top:0%; } #dl8h1 { width:100%; padding:1.8% 0% 1% 0%; color:#ff6805; margin:0% 0% 0% 0%; text-align:center; font-size:3.75em; } #dl8h2 { width:100%; padding:1% 0% 4.4% 0%; color:black; margin:0% 0% 0% 0%; text-align:center; font-size:1.4em; text-shadow:0 1px #e5e5e5; } #dl8sl { width:68%; margin:auto; font-family:myfont2; padding:1.5% 0% 4.2% 0%; } #dl8c { width:91%; margin:0% 0.5% 0% 0.5%; float:left; } #dl8l { width:4%; float:left; padding-top:21%; cursor:pointer; } #dl8r { width:4%; float:right; padding-top:21%; cursor:pointer; } #dl8n { width:100%; border-top: 2px solid transparent; -moz-border-image: -moz-linear-gradient(left, #e5e5e5, black, #e5e5e5); -webkit-border-image: -webkit-linear-gradient(left, #e5e5e5, black, #e5e5e5); border-image: linear-gradient(to right, #e5e5e5, black, #e5e5e5); border-image-slice: 1; } #dl8n1 { width:100%; padding-top:42%; display:block; margin-top:1%; background:url('../img/2.jpg') no-repeat; background-size:100% 100%; } #dl8n2 { width:100%; padding-top:42%; display:none; margin-top:1%; background:url('../img/1.jpg') no-repeat; background-size:100% 100%; } #dl8n3 { width:100%; padding-top:42%; display:none; margin-top:1%; background:url('../img/3.jpg') no-repeat; background-size:100% 100%; } #dl8n4 { width:100%; padding-top:42%; display:none; margin-top:1%; background:url('../img/4.jpg') no-repeat; background-size:100% 100%; } #dl8n5 { width:100%; padding-top:42%; display:none; margin-top:1%; background:url('../img/1.jpg') no-repeat; background-size:100% 100%; } #dl8ns { width:100%; text-align:center; padding:2.5% 0% 6% 0%; font-family:myfont2; font-size:0.8em; border-bottom: 2px solid transparent; -moz-border-image: -moz-linear-gradient(left, #e5e5e5, black, #e5e5e5); -webkit-border-image: -webkit-linear-gradient(left, #e5e5e5, black, #e5e5e5); border-image: linear-gradient(to right, #e5e5e5, black, #e5e5e5); border-image-slice: 1; } #dl8t { width:20%; border-collapse: collapse; margin:auto; } #dl8tr { width:100%; } #dl8td1,#dl8td2,#dl8td3,#dl8td4,#dltd5 { width:20%; padding:0% 0% 0% 0%; } #dl8n-kp1,#dl8n-kp2,#dl8n-kp3,#dl8n-kp4,#dl8n-kp5 { width:15%; padding-top:15%; border-radius:100%; background:grey; } #dl8n-kp1 { background:#ff520c; width:30%; padding-top:30%; } #dl8n-kp1:hover,#dl8n-kp2:hover,#dl8n-kp3:hover, #dl8n-kp4:hover,#dl8n-kp5:hover { cursor:pointer; background:#ff520c; } #dl8i { width:100%; padding-top:100%; border:0; background:url('../img/p96.png') no-repeat; background-size:100% 100%; background:#f5f5f5; } #dl8-i { width:15%; height:2.5%; border-radius:20em; cursor:pointer; vertical-align:middle; } #dl8-i1 { width:25%; height:4.2%; border-radius:20em; cursor:pointer; } #dl8-i:hover { background:#ff520c; } #dl9 { width:68.5%; padding:2% 0% 6% 0%; font-family:myfont2; margin:auto; } #dl9h { width:100%; padding:1% 0% 3% 0%; color:black; margin:0% 0% 0% 0%; text-align:center; font-size:3.74em; } #dl91 { float:left; width:16%; margin:2.5% 12% 1% 0%; text-align:left; padding:13.3% 0% 0% 0%; background:#f7f7f7; } #dl92 { float:left; width:16%; margin:2.5% 12% 1% 0%; text-align:left; padding:13.3% 0% 0% 0%; background:#f7f7f7; } #dl93 { float:left; width:16%; margin:2.5% 12% 1% 0%; text-align:left; padding:13.3% 0% 0% 0%; background:#f7f7f7; } #dl94 { float:left; width:16%; margin:2.5% 0% 1% 0%; text-align:left; padding:13.3% 0% 0% 0%; background:#f7f7f7; } #dl10 { width:100%; padding:8% 0% 9.4% 0%; font-family:myfont2; margin-top:0%; background:url('../img/2.jpg') no-repeat; background-size:100% 100%; color:white; font-size:1em; } #dl10h { width:100%; padding:0% 0% 1.8% 0%; margin:0% 0% 0% 0%; text-align:center; font-size:2.8em; letter-spacing:0.5px; text-shadow:0 -1px grey; } #dl10p { width:100%; padding:0.2% 0% 0.2% 0%; margin:0% 0% 0% 0%; text-align:center; font-size:1.3em; color:#e5e5e5; letter-spacing:0; } /* main setting */ #main { width:100%; padding:0% 0% 0% 0%; font-family:myfont2; margin-top:1%; } #mh1 { width:100%; padding:1.5% 0% 1.5% 0%; color:#3897f0; font-size:1.2em; text-align:center; background:white; } #mh1-a { padding:1% 1% 0.8% 1%; background:#3897f0; color:white; font-size:0.9em; text-align:center; text-decoration:none; border-radius:0.2em; margin-left:1%; } #mh1-a:hover { cursor:pointer; background:#94BCE4; } #mh2 { width:100%; padding:1% 0% 3% 0%; text-align:center; } #mh2-a { padding:0.7% 0.7% 0.7% 0.7%; background:#BA0D0D; color:white; font-size:1.2em; text-align:center; text-decoration:none; } #mh2-a:hover { opacity:0.8; } #nmain { width:100%; padding:4.5% 0% 2% 0%; font-family:myfont2; margin-top:0%; } #nmh3 { width:100%; padding:1% 0% 1% 0%; color:#5c5b5c; margin:0% 0% 0% 0%; text-align:center; font-size:3em; background:white; } #nmh3d { width:98%; padding:0% 0% 1% 0%; margin:0% 1% 0% 1%; background:white; } #nmh31 { float:left; width:34%; margin:1% 1% 1% 15%; text-align:left; font-size:1.3em; color:#b3b3c0; } #nmh32 { float:left; width:34%; margin:1% 11% 1% 4%; text-align:left; font-size:1.3em; color:#b3b3c0; } li { list-style-type: none; } #nmli { float:left; background: url('../img/p1201.png') no-repeat; background-size:100% 100%; padding-top:9%; width:9%; } #nmli1 { float:right; width:86%; padding:0% 0% 0% 5%; } #nmd { width:100%; padding:2% 0% 0% 0%; } #n2main { width:100%; padding:4.5% 0% 2% 0%; font-family:myfont2; margin-top:0%; } #n2mh3 { width:100%; padding:1% 0% 3% 0%; color:#5c5b5c; margin:0% 0% 0% 0%; text-align:center; font-size:3em; background:white; text-shadow: 0 -1px #e5e5e5; } #n2table { width:70%; border-collapse:collapse; margin:auto; } #n2ttr { width:100%; } #n2ttd1 { width:9%; color:#ff6805; font-size:5em; padding:1% 0% 0% 0%; text-align:center; } #n2ttd2 { width:38%; text-shadow: 0 -1px #e5e5e5; padding:5% 0% 5% 1%; } #n2ttd3 { width:6%; } #n2ttd4 { width:10%; color:#ff6805; font-size:5em; padding:1% 0% 0% 0%; text-align:center; } #n2ttd5 { width:37%; text-shadow: 0 -1px #e5e5e5; padding:5% 0% 5% 1%; } #n2sp { color:#004977; } #n2md { width:100%; padding:1.5% 0% 0% 0%; font-family:myfont2; } #mh3 { width:100%; padding:1% 0% 1% 0%; color:#20486d; margin:0% 0% 0% 0%; text-align:center; font-size:1.7em; background:white; } #mh3d { width:98%; padding:0% 0% 1% 0%; margin:0% 1% 0% 1%; background:white; } #mh31 { float:left; width:30%; padding:1% 10% 1% 10%; text-align:left; font-size:1.05em; color:#20486d; } #constr { width:100%; padding:0% 0% 2% 0%; margin:1% 0% 0% 0%; background:white; font-family:myfont2; } #slidediv { width:100%; } #constr1 { font-family:myfont2; margin:auto; } #mh4 { width:100%; padding:1% 0% 1% 0%; color:#20486d; text-align:center; font-size:1.7em; background:white; } #mh4d { width:100%; width:100%; padding:0% 0% 1% 0%; background:white; } #mh41 { float:left; width:30%; padding:1% 10% 1% 10%; text-align:left; color:#20486d; font-size:1.05em; } #price { width:100%; padding:0% 0% 0% 0%; font-family:myfont2; margin-top:0%; } #mhp { width:100%; padding:1.5% 0% 1.5% 0%; color:#3897f0; font-size:1.4em; text-align:center; background:white; } #mh5 { width:100%; padding:0% 0% 2% 0%; color:#3367D6; font-size:1.3em; text-align:center; } #mh5d { width:98%; padding:0% 0% 2% 0%; margin:1% 1% 0% 1%; background:white; font-family:myfont2; } #mh5dh { width:100%; padding:1% 0% 1% 0%; color:white; text-align:center; font-size:1.2em; background:#a5a5a5; } #mh51 { float:left; width:20.5%; padding:1% 1% 0.5% 1%; background:#f5f5f5; margin:2% 0% 0% 2%; text-align:center; color:grey; font-size:1em; } #mh5h { width:100%; padding:0% 0% 2% 0%; color:#BA0D0D; text-align:center; font-size:1.1em; background:#f5f5f5;} #nbl { color:#3897f0; } #butkp1 { padding:3% 7% 3% 7%; font-size:1em; color:white; border-radius:3em; background:#BA0D0D; border:0; margin-top:1%; margin-bottom:0%; } #butkp1:hover { cursor:pointer; opacity:0.8; } #slide { width:100%; padding:30% 0% 0% 0%; background:#f7f7f7; height:100%; animation:anims 25s linear 0s infinite; -webkit-animation:anims 25s linear 0s infinite; } #navc { padding:1.5% 0% 1.5% 0%; width:100%; } #navcs { width:100%; text-align:center; } #ncs-kp1,#ncs-kp2,#ncs-kp3,#ncs-kp4,#ncs-kp5,#ncs-kp6, #ncs-kp7,#ncs-kp8,#ncs-kp9,#ncs-kp10,#ncs-kp11 { margin-right:2%; } #ncs-kp1:hover,#ncs-kp2:hover,#ncs-kp3:hover,#ncs-kp4:hover, #ncs-kp5:hover,#ncs-kp6:hover,#ncs-kp7:hover,#ncs-kp8:hover, #ncs-kp9:hover,#ncs-kp10:hover, #ncs-kp11:hover { cursor:pointer; opacity:0.8; } #nc-i { width:1.7%; height:100%; border-radius:100%; opacity:1; } #slide:hover #nc-i {cursor:pointer; opacity:1;} /* footer setting 1c4a59 */ #nfooter { width:100%; padding:0.72% 0% 3.5% 0%; font-family:myfont2; background:white; margin-top:0%; text-shadow:0 -0.5px silver; } #dlnft { width:100%; border-collapse:collapse; margin:0.1% 0% 0% 0%; } #dlnftr { width:100%; } #dlnf1 { width:36%; padding:0% 0% 0% 6.9%; vertical-align:top; font-size:2.2em; color:#045A90; text-shadow:0 -1px #DADADA; } /* text-shadow:0 -1px #006bc5; */ #dlnf2 { width:16%; padding:1% 0% 0% 1.8%; vertical-align:top; } #dlnf3 { width:17%; padding:1% 0% 0% 0.8%; vertical-align:top; } #dlnf4 { width:16%; padding:1.1% 0% 0% 1.2%; vertical-align:top; } #dlnf5 { width:15%; padding:1.2% 0% 0% 2.5%; vertical-align:top; } #dlnfh { width:95%; padding:0% 0% 5.5% 0%; color:#757575; margin-top:0%; font-family:myfont2; font-size:0.915em; letter-spacing:0.2px; } #dlnfp { width:95%; padding:5.5% 0% 0% 0%; font-size:0.9em; color:#C9C9C9; margin-top:0%; font-family:myfont2; letter-spacing:0.1px; } #dlnfp:hover { color:#2196f3; } #dlnfp1 { width:95%; padding:6% 0% 0% 0%; font-size:0.7em; color:#C9C9C9; margin-top:0%; font-family:myfont2; letter-spacing:0.1px; } #dlnfp2 { width:95%; padding:7% 0% 0% 0%; font-size:0.9em; color:#C9C9C9; margin-top:0%; font-family:myfont2; letter-spacing:0.1px; } #dlnfp2:hover { color:#2196f3; } #footer { width:100%; padding:2% 0% 0.5% 0%; font-family:myfont2; background:white; margin-top:1%; border-top:1px solid #CDCDCD; } #f1 { float:left; padding-top:0.2%; padding-left:10%; width:20%; } #fd {width:100%; text-align:left; margin-top:1.5%; font-size:0.9em;} #fa{ color:#3897f0; text-decoration:none; } #fa:hover { text-decoration:none; color:#20486d; } #f2 { float:left; color:#3B3B3B; width:35%; padding-top:0.2%; padding-right:5%;} #f2h { width:95%; font-size:1em; padding:1% 0% 1% 2%; text-align:left; } #ftable { width:100%; border-collapse:collapse; } #ft2tr { width:100%; } #ft2td1 { width:40%; padding-left:0%; text-align:center; } #ft2td2 { width:60%; text-align:center; } #fnumber { width:100%; border-collapse:collapse; } #fntr { width:100%; } #fntd1 { width:11%; text-align:center; } #fntd2 { width:89%; text-align:left; } #f3 { float:left; width:30%; padding-top:0.2%; } #f3d {width:50%; text-align:left; margin-left:35%; margin-top:0%; font-size:1em;} #number2 { width:100%; border-collapse:collapse; } #ntr2 { width:100%; } #ntd12 { width:14.5%; text-align:center; } #ntd22 { width:85.5%; text-align:left; font-size:0.9em; color:#34495E; } #tel { width:100%; border:0; padding-top:100%; padding-bottom:0%; background:url("../img/telefonf.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #mail { width:100%; border:0; padding-top:100%; padding-bottom:0%; background:url("../img/po4taf.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #vk { width:100%; border:0; padding-top:100%; padding-bottom:0%; background:url("../img/vkontaktef.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #tw { width:100%; border:0; padding-top:100%; padding-bottom:0%; background:url("../img/twitterf.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #fb { width:100%; border:0; padding-top:100%; padding-bottom:0%; background:url("../img/facebookf.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #in { width:100%; border:0; padding-top:100%; padding-bottom:0%; background:url("../img/instagramf.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #ft { } #ft:hover { color:#3367D6; } #ft2 { font-size:1em; color:#3B3B3B; } #ar { width:100%; padding:0.5% 0% 2% 0%; clear:both; font-family:myfont2; background:white; text-indent:10%; text-align:left; font-size:0.5em; color:#3B3B3B; } @media (orientation: landscape) { #ar { font-size:0.8em; } } @media (orientation: portrait) { #ar { font-size:0.5em; } } /* admin setting */ #bodyt1 { margin:0 auto; width:100%; min-width:1100px; font-size:100%; background:white; background:url('../img/bcgr.jpg') no-repeat center center fixed; background-size: cover; } #newvpa1 { float:left; padding:3% 0% 3% 0%; margin:3% 0% 0% 1%; color:#757272; } #newvpa2 { float:right; margin:3% 1% 0% 0%; padding:3% 0% 3% 0%; color:#757272; } #newvpa1:hover,#newvpa2:hover { color:black; } #admin { margin-top:0%; padding:10% 0% 10% 0%; text-align:center; width:100%; font-family:myfont2; } #newadmin { padding:2% 2% 1% 2%; width:26%; text-align:center; font-family:myfont2; margin-left:35%; border-radius:0.2em; background:white; } #ah { width:100%; padding:0% 0% 3% 0%; font-weight:bold; /* background:white; color:#20486d;*/ font-size:1.3em; text-align:center; color:black; } #not_log { color:red; font-size:1em; margin:1% 0% 0% 0%; } #logform { padding:1% 0% 2% 0%; } #logform2 { padding:1% 0% 2% 0%; } #chatform2 { padding:0% 0% 0% 0%; } #a2 { width:100%; text-align:center; font-size:1em; } #tablea { width:100%; border-collapse:collapse; } #atr { width:100%; } #atd1 { width:5%; text-align:right; padding:0% 0% 0% 0%; font-size:1.05em; color:grey; } #atd2 { width:100%; text-align:left; padding:0% 1% 0% 1%; font-size:1.05em; } #atd4 { width:100%; text-align:left; padding:0% 1% 0% 1%; font-size:1.05em; } #atd5 { width:100%; text-align:center; padding:0% 1% 0% 1%; font-size:1.05em; } #ainp { width:94%; text-align:left; border:1px solid #CDCDCD; font-size:1em; color:black; background:#f8f8f8; margin:3% 0% 3% 0%; padding:3% 3% 3% 3%; border-radius:0.2em; } #ainl { width:94%; text-align:left; border:1px solid #CDCDCD; font-size:1em; color:black; background:#f8f8f8; margin:3% 0% 3% 0%; padding:3% 3% 3% 3%; border-radius:0.2em; } #checklog { width:96%; padding:0%; } /* reg setting */ #log-kp { color:white; text-align:center; margin-top:3%; background:#FA6A42; border-radius:0.2em; /* padding:0.85% 2% 0.85% 2%; background:#D73333; #D73333; #E49494; 3367D6 3897f0 FA6A42 ff8866 font-size:1.1em; */ width:100%; border:1px solid #FA6A42; font-size:1em; padding:3% 0% 3% 0%; } #log-kp:hover { cursor:pointer; background:#ff8866; border:1px solid #E49494; } #log-kp1 { color:white; width:100%; text-align:center; margin-top:3%; font-size:1em; background:grey; border:1px solid grey; border-radius:0.2em; padding:3% 0% 3% 0%; } #reg-kp { color:white; text-align:center; margin-top:0.5%; font-size:1.1em; background:#3897f0; border:0; border-radius:0.2em; padding:0.5% 1% 0.5% 1%; } #reg-kp:hover { cursor:pointer; background:#94BCE4; } #tablereg { width:100%; border-collapse:collapse; } #rtreg { width:100%; } #regtr { width:100%; } #regtd1 { width:40%; text-align:right; padding:0% 0% 0% 0%; font-size:1.05em; color:grey; } #regtd2 { width:60%; text-align:left; padding:0.5% 1% 0.5% 1%; font-size:1.05em; } #regtd3 { width:40%; text-align:right; padding:0% 0% 0% 0%; font-size:0.9em; color:grey; } #regtd4 { width:60%; text-align:left; padding:0.5% 1% 0.5% 1%; font-size:1.05em; } #promodiv { color:#3897f0; text-align:center; width:100%; font-size:1em; margin:3% 0% 3% 0%; } #promodiv:hover { cursor:pointer; color:#3367D6; } #promodiv2 { color:#a5a5a5; text-align:center; display:none; font-size:1em; margin-top:3%; width:100%; } #tabler { width:100%; border-collapse:collapse; } #rtr { width:100%; } #rtd1 { width:30%; text-align:right; padding:0% 0% 0% 0%; font-size:1.05em; color:grey; } #rtd2 { width:70%; text-align:left; padding:0.5% 1% 0.5% 1%; font-size:1.05em; } #rtd3 { width:70%; text-align:left; padding:0.5% 1% 0.5% 1%; font-size:1.05em; } #rinp,#rinpass,#rinpass2,#rinppromo,#rintel,#rinn1,#rinn2 { width:94%; text-align:left; border:1px solid #CDCDCD; font-size:1em; color:black; background:#f8f8f8; margin:3% 0% 3% 0%; padding:3% 3% 3% 3%; border-radius:0.2em; } #rinp:focus,#rinpass:focus,#rinpass2:focus, #rinppromo:focus,#rintel:focus,#rinn1:focus,#rinn2:focus { border-color:#94BCE4; } #promo { } /* user setting */ #user { float:right; width:100%; padding:0% 0% 5% 0%; font-family:myfont2; } #ac1 { width:98%; font-size:0.95em; padding:1em 1% 1em 1%; margin-top:2% 0% 0% 0%; } #ac2 { width:98%; padding:1em 1% 1em 1%; margin-top:2% 0% 0% 0%; /*font-weight: bold;*/ } #ac1h { color:white; padding:5% 5% 5% 5%; background:#34495E; word-break:break-all; word-wrap:break-word; } #ac1h:hover { color:white; cursor:pointer; } #ac1t { color:#a5a5a5; padding:5% 5% 5% 5%; background:white; border-bottom:1px solid #e5e5e5; word-break:break-all; word-wrap:break-word; } #ac1t:hover { color:#34495E; cursor:pointer; } #ac1b { color:#a5a5a5; padding:5% 5% 5% 5%; background:white; word-break:break-all; word-wrap:break-word; } #ac1b:hover { color:#34495E; cursor:pointer; } #ac1c { color:#a5a5a5; padding:5% 5% 5% 5%; background:white; border-bottom:1px solid #e5e5e5; word-break:break-all; word-wrap:break-word; } #ac1c:hover { color:#34495E; cursor:pointer; } #ac1tb { width:85%; text-align:left; padding:4% 4% 4% 12%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:1.1em; color:grey; word-break:break-all; word-wrap:break-word; } #ac1tb:hover { cursor:pointer; text-decoration:underline; color:#1C2871; } #ac1s { width:86%; text-align:left; padding:4% 4% 4% 10%; background:white; color:#3367D6; word-break:break-all; word-wrap:break-word; border-bottom:1px solid #e5e5e5; } #ac1s:hover { cursor:pointer; color:#94BCE4; } #ac1sb { width:86%; text-align:left; padding:4% 4% 4% 10%; background:white; color:#3367D6; word-break:break-all; word-wrap:break-word; } #ac1sb:hover { cursor:pointer; color:#94BCE4; } #ac1st { width:86%; text-align:left; padding:4% 4% 4% 10%; color:#3B3B3B; background:white; border-bottom:1px solid #e5e5e5; word-break: break-all; word-wrap: break-word; } #ac1stb { width:86%; text-align:left; padding:4% 4% 4% 10%; color:#3B3B3B; background:white; } #grtok { float:left; width:0.9em; padding-top:0.9em; margin:0.15em 0.5% 0% 0%; background:url("../img/g96l.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #redst { float:left; width:0.9em; padding-top:0.9em; margin:0.15em 0.5% 0% 0%; background:url("../img/r96st.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #grtok1 { float:left; width:0.9em; padding-top:0.9em; margin:0.15em 0.5% 0% 0%; background:url("../img/g96l.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #grtok2 { float:left; width:50%; padding-top:50%; margin:0.3% 0.5% 0% 0%; background:url("../img/g96l.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #strclr { float:left; width:0.9em; padding-top:0.9em; margin:0.06em 0.5% 0% 0%; border:1px solid #e5e5e5; border-radius:2em; } #redst1 { float:left; width:0.9em; padding-top:0.9em; margin:0.15em 0.5% 0% 0%; background:url("../img/r96st.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #redst1open { float:left; width:1em; height:1em; margin:1.8% 1% 1% 2%; background:url("../img/r96st.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #redst1open:hover { background:url("../img/r96st1.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #redst1open1 { float:left; margin:1.25% 2.5% 1% 2%; color:grey; } #redst1open1:hover { color:red; cursor:pointer; } #redst2open { float:left; width:5%; padding-top:5%; margin:0.5% 1% 0% 2%; background:url("../img/r96st.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #redst2open:hover { background:url("../img/r96st1.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #openhq { float:left; width:5%; padding-top:5%; margin:0% 2% 0% 0%; background:url("../img/logo/scr.svg") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #openhq:hover { cursor:pointer; background:url("../img/logo/scr1.svg") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #openstrt { float:left; width:5%; padding-top:5%; margin:0% 1% 0% 0%; background:url("../img/opstrgt.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #openstrt:hover { cursor:pointer; background:url("../img/opstrbt.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #openstrb { float:left; width:5%; padding-top:5%; margin:0% 1% 0% 0%; background:url("../img/opstrgb.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #openstrb:hover { cursor:pointer; background:url("../img/opstrbb.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #chheadopen { position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0, 0.4); z-index:100; display:none; min-width:550px; max-height:100%; overflow-y:scroll; } #opdivhead { width:38%; margin-left:30%; border-radius:0.2em; background:white; padding:1%; } #choph1 { width:98%; padding:1%; background:white; } #choph2 { width:98%; padding:1%; background:white; } #choph3 { width:98%; padding:1%; background:white; } #erroropch { width:35%; padding:0%; } #gsdttdch { width:100%; height:100%; text-align:center; vertical-align:middle; } #choph2inp { float:left; width:96%; border:1px solid #a5a5a5; color:#3b3b3b; font-size:1.05em; font-family:myfont2; padding:2% 2% 2% 2%; background:white; border-radius:0.2em; } #backchop { float:left; background:grey; color:white; padding:0.3em 0.5em 0.3em 0.5em; border-radius:0.2em; } #backchop:hover { cursor:pointer; background:#b5b5b5; } #savechhead { float:right; background:#3367D6; color:white; padding:0.3em 0.5em 0.3em 0.5em; border-radius:0.2em; } #savechhead:hover { cursor:pointer; background:#94BCE4; } /* info struture */ #chheadscript { position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0, 0.4); z-index:100; display:none; min-width:550px; max-height:100%; overflow-y:scroll; } #opdivscript { width:68%; margin-left:15%; border-radius:0.2em; background:white; padding:1%; } #opdivscript2 { width:58%; margin-left:20%; border-radius:0.2em; background:white; padding:1%; } #choph1scr { float:left; width:48%; padding:1%; background:white; } #choph2scr { float:right; width:48%; padding:1%; background:white; } #choph1scrt { float:left; width:100%; padding:0%; background:white; } #choph3scr { clear:both; width:98%; padding:1%; background:white; } #choph4scr { width:96%; background:white; padding:1% 1% 1% 3%; color:#3897f0; } #choph4scr:hover { cursor:pointer; color:#73b6f4; } /* info struture */ #infstr { width:96%; text-align:left; padding:1% 2% 1% 2%; margin:2% 0% 0% 0%; /* background:#f5f5f5; color:#3367D6; 3897f0 */ border-top:1px solid #e5e5e5; } #divinfstr1 { width:100%; text-align:left; padding:1% 0% 1% 0%; margin:0% 0% 0% 0%; } #divinfstrh { width:100%; text-align:left; clear:both; color:grey; padding:1% 0% 1% 0%; margin:0% 0% 0% 0%; } #divinfstr2 { width:100%; text-align:left; padding:1% 0% 1% 0%; margin:0% 0% 0% 0%; } #divinfstr3 { float:left; width:33%; text-align:left; padding:1% 0% 1% 0%; margin:0% 0% 0% 0%; } #divinfstr4 { float:left; width:33%; text-align:left; padding:1.5% 0% 1.5% 0%; margin:0% 0% 0% 0%; } #divinfstr2d1,#divinfstr2d2 { width:100%; display:none; padding:0% 0% 0% 0%; margin:0% 0% 0% 0%; } #dinfstrd { float:left; color:grey; padding:0% 1% 0% 0%; margin:0% 0% 0% 0%; } #infstrimg { float:left; width:1.2em; height:1.2em; background:url("../img/infostr.png") no-repeat scroll 50% 50% transparent; background-size:100% 100%; } #disd1 { float:left; border-radius:0.2em; padding:0.5% 1% 0.5% 1%; margin:0% 0% 0% 0%; } #disd3 { float:left; border-radius:0.2em; width:2em; height:1.5em; margin:0% 0% 0% 0%; } #disd2 { float:left; color:grey; padding:0.3% 0% 0% 0%; margin:0% 0% 0% 0.5%; } #disd4 { float:left; color:grey; padding:0% 0% 0% 0%; margin:0% 0% 0% 0.5%; } #disd5 { float:left; border-radius:0em; padding:0% 0% 0% 0%; margin:0% 1% 0% 0.5%; text-align:center; width: 1.5em; height: 1.5em; border:1px solid #3CB72C; color:#3CB72C; /* Rotate background: #1eff00; */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* Rotate Origin -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; */ } #disd5sp { padding:0.1em 0em 0em 0.2em; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } /* scripts reprilk and otvets */ #ac2q { width:98%; text-align:left; padding:0.5% 1% 0.5% 1%; /* background:#f5f5f5; color:#3367D6; 3897f0 */ border-bottom:1px solid #e5e5e5; } #ac2q:hover { /*opacity:0.7; 94BCE4*/ color:#3897f0; cursor:pointer; } #nac2rc { width:98%; text-align:left; padding:0.5% 1% 0.5% 1%; /* background:#fcfcfc; border-bottom:1px solid #e5e5e5*/ color:#a5a5a5; } #nac2rcdiv { color:#3b3b3b; } #nac2rcdiv:hover { /*color:#3897f0; cursor:pointer;*/ } #nac2rcdiv:hover #ngrey1 { /*color:#3897f0; cursor:pointer;*/ } #ngrey1 { color:#8B95AB; } #ngrey { color:#cdcdcd; } #ernac2rc { width:100%; text-align:left; background:#fafafa; } #ac2rc { width:98%; text-align:left; padding:0.5% 1% 0.5% 1%; /* background:#fcfcfc; color:#8E96A4; border-bottom:1px solid #e5e5e5*/ } #ac2rc:hover { } #ac2a { width:85%; text-align:left; padding:0.3% 1% 0.3% 1%; margin:0% 5% 0% 8%; border-bottom:1px solid #e5e5e5; } #ac2a:hover { cursor:pointer; } #ac2ab { width:85%; text-align:left; padding:0.3% 1% 0.3% 1%; margin:0% 5% 0% 8%; margin-bottom:1%; } #ac2ab:hover { cursor:pointer; } #ac2ag { color:#cdcdcd; } #ac2div2 { width:inherit; padding:3% 3% 3% 3%; cursor:move; border:1px solid #e5e5e5; overflow: scroll; max-height:30em; } /* width:inherit; */ #ac2divqa { width:100%; } #ac2divqan { width:100%; } #ac2divqa1 { width:inherit; margin:2% 0% 0% 0%; border-top:1px solid #e5e5e5; } #ouhac2 { width:97%; padding:1% 1% 1% 2%; color:grey; } #ac2nqhd { width:100%; margin:2% 0% 0% 0%; } #ac2nqhd1 { float:left; padding:0% 0% 0% 0%; margin:0% 2% 0% 0%; } #ac2nqh { float:left; text-align:center; margin:auto; width:3em; background:#f8f8f8; padding:0.5em 0em 0.5em 0em; margin:0% 0% 0% 2%; border:1px solid #3367D6; font-size:0.9em; } #ac2nqh:hover { cursor:pointer; box-shadow: 0 0 8px #3367D6; } #ac2nqha { float:left; text-align:center; margin:auto; width:3em; background:#f8f8f8; padding:0.5em 0em 0.5em 0em; margin:0% 0% 0% 2%; border:1px solid #3367D6; font-size:0.9em; border-radius:3em; } #ac2nqha:hover { cursor:pointer; box-shadow: 0 0 8px #3367D6; } /*#ac2divdiv { float:left; } #ac2ardiv { width:inherit; float:left; min-width:3em; text-align:center; padding:1% 0% 1% 0%; border:1px solid grey; }*/ #ac2qrdiv { width:100%; text-align:center; padding:0em 1em 0em 1em; border:0px solid blue; } #ac2qrh { text-align:center; margin:auto; width:4em; background:#f5f5f5; padding:0.7em 0.5em 0.7em 0.5em; border:0px solid red; background:url("../img/blb4.gif") no-repeat; background-size:100% 100%; } #ac2qrh1 { text-align:center; margin:auto; width:4em; background:#f5f5f5; padding:0.7em 0.5em 0.7em 0.5em; border:0px solid red; background:url("../img/blb5.gif") no-repeat; background-size:100% 100%; } #ac2qrh6 { text-align:center; margin:auto; width:4em; background:#f5f5f5; padding:0.7em 0.5em 0.7em 0.5em; border:0px solid red; background:url("../img/blb6.gif") no-repeat; background-size:100% 100%; } #ac2qrh7 { text-align:center; margin:auto; width:4em; background:#f5f5f5; padding:0.7em 0.5em 0.7em 0.5em; border:0px solid red; background:url("") no-repeat; background-size:100% 100%; } #ac2qr { text-align:center; margin:auto; width:100%; background:#f5f5f5; padding:0.6em 0em 0.5em 0em; border-radius:0.3em; border:1px solid #3367D6; font-size:0.9em; } #ac2qr:hover { cursor:pointer; box-shadow: 0 0 8px #3367D6; } #ac2qrdb { text-align:center; margin:auto; width:100%; background:#f5f5f5; padding:0em 0em 0em 0em; border-radius:0em; border:1px solid #3367D6; font-size:0.9em; width:2.5em; height:2.5em; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #ac2qrdb:hover { cursor:pointer; box-shadow: 0 0 8px #3367D6; } #dblpos { padding:0.6em 0em 0em 0.5em; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #dblpos2 { padding:0.6em 0em 0em 0.5em; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } /* #ac2qr[value]:hover:after { content: attr(value); content: attr(title); padding: 4px 8px; color: #333; position: fixed; left: 15%; top: 15%; white-space: nowrap; z-index: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 4px #222; -webkit-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc)); background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); -webkit-transition: .4s ease-out; -webkit-transition-delay: 2s; -o-transition: .4s ease-out; -o-transition-delay: 2s; -moz-transition: .4s ease-out; -moz-transition-delay: 2s; transition: .4s ease-out; transition-delay: 2s; } */ #ac2ardiva0 { width:100%; text-align:center; padding:0em 1em 0em 1em; border:0px solid green; } #ac2ardiva1 { width:100%; background:url("../img/line1.gif") no-repeat; background-size:100% 100%; text-align:center; padding:0em 1em 0em 1em; border:0px solid green; } #ac2ardiva2 { width:100%; background:url("../img/line2.gif") no-repeat; background-size:100% 100%; text-align:center; padding:0em 1em 0em 1em; border:0px solid green; } #ac2ardiva3 { width:100%; background:url("../img/line3.gif") no-repeat; background-size:100% 100%; text-align:center; padding:0em 1em 0em 1em; border:0px solid green; } #ac2arh1 { text-align:center; margin:auto; width:4em; border-radius:3em; padding:0.7em 0.5em 0.7em 0.5em; border:0px solid orange; background:url("../img/blb4.gif") no-repeat; background-size:100% 100%; } #ac2arh0 { text-align:center; margin:auto; width:4em; border-radius:3em; padding:0.7em 0.5em 0.7em 0.5em; border:0px solid orange; background:url("../img/blb3.gif") no-repeat; background-size:100% 100%; } #ac2ar { text-align:center; margin:auto; width:100%; border-radius:4em; padding:0.6em 0em 0.5em 0em; border:1px solid #3367D6; font-size:0.9em; } #ac2ar:hover { cursor:pointer; box-shadow: 0 0 8px #3367D6; } #ac2art { width:100%; border-collapse:collapse; border:0; } #ac2arttr { width:100%; } #ac2arttd { text-align:center; padding:0em 0em 0em 0em; border:0px solid #e5e5e5; vertical-align:top; } #ac2arttd1 { text-align:center; padding:0em 0em 0em 0em; border:0px solid #e5e5e5; vertical-align:top; } #ac2qt2 { width:98%; text-align:left; padding:0.5% 1% 0.5% 1%; color:#3367D6; } #ac2qt2:hover { cursor:pointer; opacity:0.7; } #ac2at2 { width:85%; text-align:left; padding:0.3% 1% 0.3% 1%; color:#3367D6; background:#f5f5f5; margin:0% 5% 0% 8%; border-bottom:1px solid #e5e5e5; } #ac2at2:hover { cursor:pointer; opacity:0.6; } #ac2at2b { width:85%; text-align:left; padding:0.3% 1% 0.3% 1%; color:#3367D6; background:#f5f5f5; margin:0% 5% 0% 8%; } #ac2at2b:hover { cursor:pointer; opacity:0.6; } #typea { float:left; width:1em; height:1em; border-radius:3em; } #ac1d { width:80%; text-align:left; padding:0% 5% 0% 15%; background:#f5f5f5; color:#1C2871; } #ac1dt { width:100%; text-align:left; padding:0% 0% 2% 0%; background:#f5f5f5; color:#1C2871; } #ac1dt:hover { cursor:pointer; text-decoration:underline; color:#1C2871; } #ac-t { width:50%; margin-left:0%; border:1px solid #e5e5e5; border-collapse:collapse; } #ac-tr { width:100%; border-bottom:1px solid #e5e5e5; } #ac-trb { width:100%; } #ac-td1 { text-align:left; width:35%; color:grey; padding:3% 0% 3% 3%; } #ac-td2 { width:65%; padding:3% 0% 3% 3%; } #ac2h { width:98%; padding:1% 1% 1% 1%; background:white; } #ac2ht { width:100%; font-size:1em; text-align:left; color:#3B3B3B; } #ach1 { float:left; width:70%; font-size:1.2em; } #ach2 { float:right; font-size:1.2em; cursor:pointer; color:#1C2871; } #ach2:hover { text-decoration:underline; } #div_rep { width:96%; padding:2% 2% 2% 2%; background:white; color:#3B3B3B; } #div_reptxt { width:98%; padding:1% 1% 1% 1%; background:white; color:#3B3B3B; border-bottom:1px solid #e5e5e5; } #not_stats { width:96%; padding:2% 2% 2% 2%; background:white; border-top:0px solid #e5e5e5; color:grey; } #ouh { width:100%; padding:0.2% 0% 0.2% 0%; color:white; background:white; font-family:myfont2; } #rt { float:left; color:white; padding:0.5% 0% 0.5% 0%; } #ru { float:right; color:white; margin-right:1%; border-radius:0.2em; padding:0.5em 0.5em 0.5em 0.5em; background:#3367D6; } #ru:hover { cursor:pointer; background:#94BCE4; } #ouhs { float:left; color:white; margin-left:1%; border-radius:0.2em; padding:0.5em 1em 0.5em 1em; background:#D73333; font-weight:bold; } #ouhs:hover { cursor:pointer; background:#E49494; /* D73333; 3367D6 #E49494; 94BCE4 3897f0*/ } #ouhd { float:right; color:white; margin:0.2% 0.5% 0% 0%; border-radius:0.2em; padding:0.3em 0.6em 0.3em 0.6em; background:#D73333; } #ouhd:hover { cursor:pointer; background:#E49494; /* D73333; 3367D6 #E49494; 94BCE4*/ } #ouht { float:left; margin-left:1%; color:#3b3b3b; border-radius:0.2em; padding:0.5em 0.5em 0.5em 0.5em; } #ouhr { float:right; margin-right:1%; color:#3897f0; border-radius:0.2em; padding:0.5em 0.5em 0.5em 0.5em; } #ouhr:hover { cursor:pointer; color:#3897f0; } #ouhrt { float:right; margin-right:1%; color:#3b3b3b; border-radius:0.2em; padding:0.5em 0.5em 0.5em 0.5em; } #ouhl { float:left; margin-left:1%; color:#A5A5A5; border-radius:0.2em; padding:0.5em 0.5em 0.5em 0.5em; } #ouhl:hover { cursor:pointer; color:#3897f0; } #ouhltxt { float:left; margin-left:10%; color:#3b3b3b; border-radius:0.2em; padding:0.5em 0.5em 0.5em 0.5em; } #ouht2 { width:100%; padding:0.2% 0% 0.2% 0%; margin-top:1%; background:white; border-bottom:1px solid #e5e5e5; } #ouht2r { float:right; color:white; margin-right:0.5%; margin-top:0.25%; border-radius:0.2em; padding: 0.3em 0.6em 0.3em 0.6em; background:#3897f0;/*#3367D6;*/ } #ouht2r:hover { cursor:pointer; background:#73b6f4;/*#94BCE4;*/ } /* payment setting */ #payment { width:100%; padding:0% 0% 0% 0%; margin-top:1%; } #payment2 { width:100%; padding:0% 0% 0% 0%; margin-top:0%; } #payment1 { width:100%; padding:0% 0% 15% 0%; color:grey; font-size:1.2em; } #chdiv { width:96%; background:white; padding:0% 2% 1% 2%; margin-top:0%; color:#3B3B3B; } #hist-t2 { width:100%; border-collapse:collapse; border:0; word-break:break-all; word-wrap:break-word; margin-top:1%; } #hist-t { width:100%; border-collapse:collapse; border:0; word-break:break-all; word-wrap:break-word; } #hist-tr1 { width:100%; background:white; color:#cdcdcd; border-bottom:1px solid #e5e5e5; } #hist-td1 { width:30%; padding:2% 2% 2% 2%; text-align:center; } #hist-td2 { width:40%; padding:2% 2% 2% 2%; text-align:center; } #hist-td3 { width:30%; padding:2% 2% 2% 2%; text-align:center; } #hist-tdn1 { width:20%; padding:1% 1% 1% 1%; text-align:center; } #hist-tdn2 { width:20%; padding:1% 1% 1% 1%; text-align:center; } #hist-tdn3 { width:20%; padding:1% 1% 1% 1%; text-align:center; } #hist-tdn4 { width:20%; padding:1% 1% 1% 1%; text-align:center; } #hist-tdn5 { width:20%; font-size:0.9em; padding:1% 1% 1% 1%; text-align:center; } #hist-tr2 { width:100%; border-bottom:1px solid #e5e5e5; background:white; color:#3B3B3B; } #hist-tr2b { width:100%; background:white; color:#3B3B3B; } #hist-td12 { width:30%; padding:2% 1% 2% 1%; text-align:center; border-right:1px solid #e5e5e5; } #hist-td22 { width:40%; padding:2% 1% 2% 1%; text-align:center; border-right:1px solid #e5e5e5; } #hist-td32 { width:30%; padding:2% 1% 2% 1%; text-align:center; } #hist-tdn12 { width:20%; padding:1% 1% 1% 1%; text-align:center; border-right:1px solid #e5e5e5; } #hist-tdn22 { width:20%; padding:1% 1% 1% 1%; text-align:center; border-right:1px solid #e5e5e5; } #hist-tdn32 { width:20%; padding:1% 1% 1% 1%; text-align:center; border-right:1px solid #e5e5e5; font-family:myfont2; } #hist-tdn42 { width:20%; padding:1% 1% 1% 1%; text-align:center; border-right:1px solid #e5e5e5; } #hist-tdn52 { width:20%; padding:1% 1% 1% 1%; text-align:center; } /* ref setting */ #ref-t { width:100%; border-collapse:collapse; border:0; word-break:break-all; word-wrap:break-word; font-family:myfont2; } #ref-tr1 { width:100%; background:#a5a5a5; color:white; } #ref-tdn1 { width:15%; padding:1% 1% 1% 1%; text-align:center; } #ref-tdn2 { width:15%; padding:1% 1% 1% 1%; text-align:center; } #ref-tdn3 { width:30%; padding:1% 1% 1% 1%; text-align:center; } #ref-tdn4 { width:20%; padding:1% 1% 1% 1%; text-align:center; } #ref-tdn5 { width:20%; font-size:0.9em; padding:1% 1% 1% 1%; text-align:center; } #vyv-tdn1 { width:10%; padding:1% 1% 1% 1%; text-align:center; } #vyv-tdn2 { width:25%; padding:1% 1% 1% 1%; text-align:center; } #vyv-tdn3 { width:40%; padding:1% 1% 1% 1%; text-align:center; } #vyv-tdn4 { width:25%; padding:1% 1% 1% 1%; text-align:center; } #ref-tr2 { width:100%; border-bottom:1px solid #e5e5e5; background:white; color:#3B3B3B; } #ref-tdn12 { width:15%; padding:1.5% 1% 1.5% 1%; text-align:center; border-right:1px solid #e5e5e5; } #ref-tdn22 { width:15%; padding:1.5% 1% 1.5% 1%; text-align:center; border-right:1px solid #e5e5e5; } #ref-tdn32 { width:30%; padding:1.5% 1% 1.5% 1%; text-align:center; border-right:1px solid #e5e5e5; } #ref-tdn42 { width:20%; padding:1.5% 1% 1.5% 1%; text-align:center; border-right:1px solid #e5e5e5; font-family:myfont2; } #ref-tdn52 { width:20%; padding:1.5% 1% 1.5% 1%; text-align:center; } /* scripts setting */ #scripts-t { width:100%; border-collapse:collapse; border:0; word-break:break-all; word-wrap:break-word; } #scripts-t2 { width:100%; border-collapse:collapse; border:0; word-break:break-all; word-wrap:break-word; margin-top:1%; } #scripts-tr1 { width:100%; background:white; color:#cdcdcd; border-bottom:1px solid #e5e5e5; } #scripts-td1 { width:65%; padding:1% 1% 1% 3%; text-align:left; } #scripts-td2 { width:15%; padding:1% 1% 1% 3%; text-align:left; } #scripts-td3 { width:20%; font-size:0.9em; padding:1% 1% 1% 1%; text-align:center; } #scripts-tr2 { width:100%; border-bottom:1px solid #e5e5e5; background:white; color:#3B3B3B; } #scripts-tr2b { width:100%; background:white; color:#3B3B3B; } #scripts-td11 { width:60%; padding:1% 1% 1% 3%; text-align:left; } #scripts-td21 { width:20%; padding:1% 1% 1% 1%; text-align:left; } #scripts-td31 { width:20%; padding:1% 1% 1% 1%; text-align:center; } #sc-img1 { float:left; cursor:pointer; width:1.2em; height:1.2em; margin:0.15em 0% 0% 10%; background:grey; background:url('../img/logo/scr.svg') no-repeat; background-size:100% 100%; } #sc-img1:hover { background:url('../img/logo/scr1.svg') no-repeat; background-size:100% 100%; } #sc-img2 { float:left; cursor:pointer; width:1.5em; height:1.5em; margin-left:10%; background:url('../img/logo/copy.svg') no-repeat; background-size:100% 100%; } #sc-img2:hover { background:url('../img/logo/copy1.svg') no-repeat; background-size:100% 100%; } #sc-img3 { float:left; cursor:pointer; width:1.5em; height:1.5em; margin-left:10%; background:url('../img/logo/del.svg') no-repeat; background-size:100% 100%; } #sc-img3:hover { background:url('../img/logo/del1.svg') no-repeat; background-size:100% 100%; } #sc-img4 { float:left; cursor:pointer; width:1.5em; height:1.5em; margin-left:0%; background:url('../img/logo/call.svg') no-repeat; background-size:100% 100%; /* dial.png */} #sc-img4:hover { background:url('../img/logo/call1.svg') no-repeat; background-size:100% 100%; /* dial1.png */} #okdelscr { float:left; margin:0.1em 0% 0% 2%; color:#3CB72C; /*3367D6*/ } #okdelscr:hover { color:#3897f0; /*3367D6*/ cursor:pointer; } #nodelscr { float:left; margin:0.1em 0% 0% 2%; color:#D73333; /*3367D6*/ } #nodelscr:hover { color:#3897f0; /*3367D6*/ cursor:pointer; } #delmansw { color:#BA0D0D; } #delmansw:hover { color:#3897f0; } #hist-td30 { width:5%; padding:1% 0% 1% 0%; text-align:center; } #hist-td31 { width:28%; padding:1% 1% 1% 1%; text-align:center; } #hist-td32 { width:8%; padding:1% 1% 1% 1%; text-align:center; } #hist-td33 { width:40%; padding:1% 1% 1% 15%; text-align:left; } #hist-td34 { width:20%; font-size:0.9em; padding:1% 1% 1% 1%; text-align:center; } #hist-td40 { width:5%; padding:1% 0% 1% 0%; text-align:center; } #hist-td41 { width:28%; padding:1% 1% 1% 1%; text-align:left; } #hist-td42 { width:7%; padding:1% 1% 1% 1%; text-align:center; } #hist-td43 { width:40%; padding:1% 1% 1% 12%; text-align:left; } #hist-td44 { width:20%; font-size:0.9em; padding:1% 1% 1% 1%; text-align:center; } #st-img1 { float:left; cursor:pointer; width:1.5em; height:1.5em; margin-left:3%; background:url('../img/logo/calls.svg') no-repeat; background-size:100% 100%; } #st-img1:hover { background:url('../img/logo/calls1.svg') no-repeat; background-size:100% 100%; } #st-img2 { float:left; cursor:pointer; width:1.5em; height:1.5em; margin-left:3%; background:url('../img/logo/priv.svg') no-repeat; background-size:100% 100%; } #st-img2:hover { background:url('../img/logo/priv1.svg') no-repeat; background-size:100% 100%; } #st-img3 { float:left; cursor:pointer; width:1.5em; height:1.5em; margin-left:3%; background:url('../img/logo/chpass.svg') no-repeat; background-size:100% 100%; } #st-img3:hover { background:url('../img/logo/chpass1.svg') no-repeat; background-size:100% 100%; } #st-img4 { float:left; cursor:pointer; width:1.5em; height:1.5em; margin-left:15%; background:url('../img/logo/del.svg') no-repeat; background-size:100% 100%; } #st-img4:hover { background:url('../img/logo/del1.svg') no-repeat; background-size:100% 100%; } #us-a { cursor:pointer; color:#3b3b3b; } #us-a:hover { color:#94BCE4; } #sc-a { float:left; cursor:pointer; margin-left:0%; color:#3b3b3b; /* #3367D6 94BCE4*/ } #sc-a:hover { color:#3897f0; } #sc1-a { float:left; cursor:pointer; margin-left:3%; color:#3b3b3b; } #sc1-a:hover { color:#3897f0; } #sc-ag { float:left; margin-left:9%; color:grey; } #sc1-a1 { cursor:pointer; background:#3CB72C; font-size:0.9em; margin-left:0%; color:white; padding:4% 1% 3% 1%; border-radius:0.2em; } #sc1-a1:hover { background:#7DDD70; } #sc1-a11 { background:#7DDD70; font-size:0.9em; margin-left:0%; color:white; padding:4% 1% 3% 1%; border-radius:0.2em; } #sc1-a2 { cursor:pointer; background:#D73333; font-size:0.9em; margin-left:0%; color:white; padding:4% 1% 3% 1%; border-radius:0.2em; } #sc1-a2:hover { background:#E49494; } #sc1st0 { background:#D73333; width:0.6em; margin:auto; height:0.6em; border-radius:3em; border:3px solid #e5e5e5; } #sc1st1 { background:#3CB72C; width:0.6em; margin:auto; height:0.6em; border-radius:3em; border:3px solid #e5e5e5; } /* create setting */ #create { width:100%; text-align:right; padding:1.5% 0% 1.5% 0%; } #addusers { width:70%; text-align:right; padding:1.5% 15% 1.5% 15%; } #cinp { width:80%; text-align:left; border:1px solid #CDCDCD; font-size:1em; color:black; padding:1% 1% 1% 1%; border-radius:0.2em; } #cinp2 {float:left; width:80%; height:5.5em; border-radius:0.2em; border-color:#CDCDCD; font-size:1em; padding:1% 1% 1% 1%; } #cinp4m {float:left; width:80%; height:5.5em; border-radius:0.2em; border-color:#CDCDCD; font-size:1em; padding:1% 1% 1% 1%; } #cinp3 { float:left; width:80%; height:4em; border-radius:0.2em; border-color:#CDCDCD; font-size:1em; padding:1% 1% 1% 1%; } #cinp4 { width:80%; height:3em; border-color:#CDCDCD; font-size:1em; padding:1% 1% 1% 1%; border-radius:0.2em; } #uinp,#uinpt { width:94%; text-align:left; border:1px solid #CDCDCD; background:#f8f8f8; border-radius:0.2em; font-size:1em; color:black; padding:3% 3% 3% 3%; } #uinp:focus,#uinpt:focus { border-color:#3897f0; /* 3897f0 73b6f4 94BCE4*/ } #uinp11 { width:94%; text-align:left; border:1px solid #CDCDCD; background:#f8f8f8; border-radius:0.2em; font-size:1em; color:black; padding:1.5% 1.5% 1.5% 1.5%; } #uinp11:focus { border-color:#3897f0; /* 3897f0 73b6f4 94BCE4*/ } #chregtxt { float:right; font-size:0.8em; color:grey; } #binp { width:94%; text-align:left; border:1px solid #CDCDCD; background:#f8f8f8; border-radius:0.2em; margin:1% 0% 0% 0%; font-size:1em; color:black; padding:3% 3% 3% 3% } #binp:focus { border-color:#3897f0; } #manager,#manager1,#manager2, #managerm,#manager1m,#manager2m { float:left; width:80%; height:5.5em; border-color:#CDCDCD; font-size:1em; padding:1% 1% 1% 1%; } #managhead { float:left; width:80%; height:2.5em; border-color:#CDCDCD; font-size:1em; padding:1% 1% 1% 1%; } #delsadiv { float:left; padding:1% 0% 0% 0%; width:100%; color:#3b3b3b; } #backques { float:left; color:white; margin-right:0%; border-radius:0.2em; padding:0.3em 1em 0.3em 1em; background:#3897f0; } #backques:hover { cursor:pointer; background:#73b6f4; } #ogr { width:100%; margin-top:2%; color:#BA0D0D; text-align:left; } #tablec { width:100%; border-collapse:collapse; background:white; } #tablec2 { width:100%; border-collapse:collapse; background:white; } #ntablec { width:100%; border-collapse:collapse; } #divtablec2 { padding-bottom:0%; } #divtablec { border-top:1px solid #e5e5e5; padding-bottom:2%; } #newclient { padding-top:2%; display:none; } #ctr { width:100%; } #ctrpr { width:100%; } #ctrpr1 { width:100%; } #ctrb { width:100%; border-bottom:1px solid #e5e5e5; } #ctrs { width:100%; border-top:1px solid #e5e5e5; } #ctd1scr { width:30%; text-align:right; padding:1% 0% 1% 0%; font-size:1em; color:grey; } #ctd2scr { width:70%; text-align:left; padding:1% 1% 1% 1%; font-size:1em; } #ctd1 { width:30%; text-align:right; padding:1% 0% 0% 0%; font-size:1em; color:#3b3b3b; vertical-align:top; } #ctd1a,#ctd1apr { width:40%; text-align:right; padding:1% 1% 0% 0%; font-size:1em; color:#3b3b3b; vertical-align:top; font-family:myfont2; } #ctd1a1 { width:60%; text-align:left; padding:1% 1% 0% 0%; font-size:1em; color:#3b3b3b; vertical-align:top; } #ctd12 { width:30%; text-align:right; padding:0% 0% 0% 0%; font-size:1em; color:#3b3b3b; } #ctd13 { width:30%; text-align:center; padding:1% 0% 1% 0%; font-size:1em; color:#3b3b3b; } #ctd3 { width:30%; text-align:center; padding:0% 0% 0% 0%; font-size:1.05em; color:#3b3b3b; } #ctd2 { width:70%; text-align:left; padding:0% 1% 1% 1%; font-size:1em; } #ctd21 { width:70%; text-align:left; padding:1% 1% 1% 1%; font-size:1em; } #ctd2a,#ctd2apr { width:60%; text-align:left; padding:0% 40% 1% 1%; font-size:1em; } #ctd2a11 { width:60%; text-align:left; padding:0% 10% 1% 1%; font-size:1em; } #ctd4 { width:70%; text-align:center; padding:1% 0% 1% 0%; font-size:1em; color:#3b3b3b; } #ctd2sc { width:70%; text-align:left; padding:0.5% 1% 0.5% 1%; font-size:1em; color:#3b3b3b; } #tablecp { width:100%; border-collapse:collapse; background:white; margin-bottom:2%; } #ctdp1 { width:50%; text-align:right; padding:0% 5% 0% 0%; font-size:1em; color:#3b3b3b; vertical-align:top; } #ctdp2 { width:50%; text-align:left; padding:0% 0% 0% 5%; font-size:1em; } #order1d { text-align:center; padding:1em 2em 1em 2em; border:0; border-radius:0.2em; font-size:1em; color:white; background:#939395; } #order1d:hover { background:#3897f0; cursor:pointer; } #order2d { text-align:center; padding:1em 2em 1em 2em; border:0; border-radius:0.2em; font-size:1em; color:white; background:#939395; } #order2d:hover { background:#3897f0; cursor:pointer; } #foto {font-size:1em; font-family:myfont2; color:#3367D6; } #c-div { width:100%; margin-top:0%; } #c-kp { color: white; font-size:1.1em; font-family:myfont2; text-align: center; margin-top: 1%; margin-right:13%; border-radius: 0.2em; border:0; padding: 0.3em 1em 0.3em 1em; background: #3897f0; cursor: pointer; } #c-kp:hover { background:#94BCE4; } #c-ok { color: white; text-align:center; float:right; font-size:1.1em; font-family:myfont2; text-align: center; font-weight:bold; margin-top: 1%; margin-right:13%; border-radius: 0.2em; border:0; padding: 0.3em 1em 0.3em 1em; background:grey; } #rekvkp { font-size:1.1em; font-family:myfont2; text-align: center; margin-left: 1%; border-radius: 0.2em; border:0; color: #3897f0; cursor: pointer; } #rekvkp:hover { text-decoration:underline; } .c-okr { color: white; text-align:center; float:right; font-size:1.1em; font-family:myfont2; text-align: center; font-weight:bold; margin-top: 1%; margin-right:13%; border-radius: 0.2em; border:0; padding: 0.3em 1em 0.3em 1em; } #c-or0 { background: grey; /* Для старых браузров */ background: linear-gradient(to left, 0deg, #fefcea, grey); } #c-or1 { background:grey; background: linear-gradient(to left, 90deg, #fefcea, grey); } #c-or2 { background:grey; background: linear-gradient(to left, 180deg, #fefcea, grey); } #c-or3 { background:grey; background: linear-gradient(to left, 270deg, #fefcea, grey); } #pdfkp { color: white; text-align:center; float:right; font-size:1.1em; font-family:myfont2; text-align: center; font-weight:bold; margin-top: 1%; margin-right:13%; border-radius: 0.2em; border:0; padding: 0.3em 1em 0.3em 1em; animation:anim 5s linear 0s infinite; } @keyframes anim{ 0% { background:grey; color:#3b3b3b; background: linear-gradient(to right, #EAEAEA, #D4D3D3, #B7B6B6, #9D9D9D, #9D9D9D); } 20% { background:grey; color:#3b3b3b; background: linear-gradient(to right, #D4D3D3, #EAEAEA, #D4D3D3, #B7B6B6, #9D9D9D); } 40% { background:grey; color:#3b3b3b; background: linear-gradient(to right, #B7B6B6, #D4D3D3, #EAEAEA, #D4D3D3, #B7B6B6); } 60% { background:grey; color:#3b3b3b; background: linear-gradient(to right, #9D9D9D, #B7B6B6, #D4D3D3, #EAEAEA, #D4D3D3); } 80% { background:grey; color:#3b3b3b; background: linear-gradient(to right, #9D9D9D, #9D9D9D, #B7B6B6, #D4D3D3, #EAEAEA); } 100% { background:grey; color:#3b3b3b; background: linear-gradient(to right, #EAEAEA, #D4D3D3, #B7B6B6, #9D9D9D, #9D9D9D); } } #c-go { color: white; text-align:center; float:right; font-size:1.1em; font-family:myfont2; text-align: center; font-weight:bold; margin-top: 1%; margin-right:13%; border-radius: 0.2em; border:0; padding: 0.3em 1em 0.3em 1em; background: #3897f0; cursor: pointer; } #c-go:hover { background:#94BCE4; } #color { float:right; } #selcol { float:left; } #selcolt2 { float:left; width:15%; } #colgn,#ncolgn { width:1.1em; height:1.1em; background:#C5FFCC; margin-left:15%; margin-top:0.3em; border-radius:2em; border:2px solid #e5e5e5; cursor:pointer; } #colrd,#ncolrd { width:1.1em; height:1.1em; background:#FFC5CC; margin-left:15%; margin-top:0.3em; border-radius:2em; border:2px solid #e5e5e5; cursor:pointer; } #colgy,#ncolgy { width:1.1em; height:1.1em; background:#f5f5f5; margin-left:15%; margin-top:0.3em; border-radius:2em; border:2px solid #e5e5e5; cursor:pointer; } #colgnn,#ncolgnn { width:1.1em; height:1.1em; background:#C5FFCC; margin-left:15%; margin-top:0.3em; border-radius:2em; border:2px solid #3897f0; cursor:pointer; } #colrdn,#ncolrdn { width:1.1em; height:1.1em; background:#FFC5CC; margin-left:15%; margin-top:0.3em; border-radius:2em; border:2px solid #3897f0; cursor:pointer; } #colgyn,#ncolgyn { width:1.1em; height:1.1em; background:#f5f5f5; margin-left:15%; margin-top:0.3em; border-radius:2em; border:2px solid #3897f0; cursor:pointer; } #delsadiv { float:left; padding:1% 0% 0% 0%; width:100%; color:#3b3b3b; } #delansw { float:right; color:white; margin-left:0%; border-radius:0.2em; font-family:myfont2; text-align: center; padding:0.3em 0.5em 0.3em 0.5em; background:grey; font-size:0.9em; } #delansw:hover { cursor:pointer; /*#D73333 E49494*/ background:#D73333; } #delanswd { float:right; color:white; margin-left:0%; border-radius:0.2em; padding:0.3em 0.5em 0.3em 0.5em; background:grey; font-size:0.9em; } #colgnt2 { width:18%; padding-top:18%; background:#C5FFCC; margin-left:5%; margin-top:5%; border-radius:100%; border:2px solid #e5e5e5; cursor:pointer; } #colrdt2 { width:18%; padding-top:18%; background:#FFC5CC; margin-left:5%; margin-top:5%; border-radius:100%; border:2px solid #e5e5e5; cursor:pointer; } #colgyt2 { width:18%; padding-top:18%; background:#f5f5f5; margin-left:5%; margin-top:5%; border-radius:100%; border:2px solid #e5e5e5; cursor:pointer; } #colgnnt2 { width:18%; padding-top:18%; background:#C5FFCC; margin-left:5%; margin-top:5%; border-radius:100%; border:2px solid #1C2871; cursor:pointer; } #colrdnt2 { width:18%; padding-top:18%; background:#FFC5CC; margin-left:5%; margin-top:5%; border-radius:100%; border:2px solid #1C2871; cursor:pointer; } #colgynt2 { width:18%; padding-top:18%; background:#f5f5f5; margin-left:5%; margin-top:5%; border-radius:100%; border:2px solid #1C2871; cursor:pointer; } #logocomp { width:20%; height:20%; } #p-div { width:100%; } #ph { width:98%; padding:1% 1% 1% 1%; text-align:left; font-size:1.1em; color:#1C2871; } #po { width:98%; padding:1% 1% 1% 1%; text-align:left; font-size:1.1em; color:black; background:#f5f5f5; } #error { width:90%; padding:0% 5% 0% 5%; text-align:center; font-size:1em; color:#BA0D0D; background:white; } #error2 { width:90%; padding:0% 5% 0% 5%; text-align:center; font-size:1em; color:#BA0D0D; background:white; } #errort2 { width:90%; padding:0% 5% 0% 5%; text-align:center; font-size:1em; color:#BA0D0D; background:white; } #change { float:right; color:#1C2871; cursor:pointer; } #change:hover { color:#1C2871; text-decoration:underline; } #cp-kp { color:white; text-align:center; margin-top:1%; font-size:1.1em; background:#BA0D0D; border:0; margin-right:14%; padding:0.85% 2% 0.85% 2%; cursor:pointer;font-family:myfont2; } #cp-kp:hover { opacity:0.8; } /* structure setting */ #structure { width:100%; text-align:right; padding:0% 0% 0% 0%; } #nstructure { width:98%; text-align:right; padding:0% 1% 1% 1%; } #structurediv { width:100%; } #st-div { border-top:1px solid #e5e5e5; width:100%; padding-top:1%; } #st-divt2 { width:100%; margin-top:1%; } #st-kp { float: right; color: white; background: #3897f0; font-family:myfont2; text-align: center; margin-top: 0.5%; margin-bottom: 0.5%; margin-right:13%; border-radius: 0.2em; border:0; padding: 0.3em 1em 0.3em 1em; font-size:1.1em; /*3897f0 73b6f4*/ cursor: pointer; } #st-kp:hover { background:#73b6f4; } #dop-kp { float: right; color: white; font-size:1em; font-family:myfont2; text-align: center; margin-bottom: 1%; margin-top: 0%; margin-right:30%; border-radius: 0.2em; border:0; padding: 0.3em 0.5em 0.3em 0.5em; background: grey; /*3897f0 73b6f4*/ cursor: pointer; } #dop-kp:hover { background:#3897f0; } #made { font-size:1em; color:#3897f0; border:1px solid #CDCDCD; padding:0.2em 0.5em 0.2em 0.5em; border-radius:0.2em; cursor:pointer; outline:none; } #mo { font-size:1em; /*3897f0 73b6f4*/ color:#3b3b3b; border:1px solid #CDCDCD; padding:0.2em 0.5em 0.2em 0.5em; outline:none; } #made:focus,#mo:hover,#made:hover,#mo:focus, #made:active,#mo:active { outline:none; } #cc-ok { color:white; float:right; font-family:myfont2; text-align: center; font-weight:bold; margin-top: 0.5%; margin-bottom: 0.5%; margin-right:13%; border-radius: 0.2em; border:0; padding: 0.3em 1em 0.3em 1em; font-size:1.1em; background:grey; } #grey { color:#909090; } #grey1 { color:#cdcdcd; } #red { color:#D73333; /* BA0D0D 73b6f4*/ } #delq { float:right; color:white; margin-right:0%; border-radius:0.2em; padding:0.3em 1em 0.3em 1em; background:grey;/*D73333 BA0D0D 73b6f4 E49494*/ } #delq:hover { cursor:pointer; background:#D73333; } #backques { float:left; color:white; margin-right:0%; border-radius:0.2em; padding:0.3em 1em 0.3em 1em; background:#3897f0; } #backques:hover { cursor:pointer; background:#73b6f4; } #ogr { width:100%; margin-top:2%; color:#BA0D0D; text-align:left; } /* script setting */ .support-hover, .support-hover-two { display: inline-block; position: relative; color: #06C; text-decoration: none; cursor: pointer; } .support-hover em, .support-hover-two em { background: #FF6600; border-radius: 20px; border: 1px solid #999; text-align: center; color: #FFF; font: normal bold 16px Arial; padding: 0 4px; } span.support-hover:hover em, span.support:hover em, span.support:focus em, a.support-hover:hover em, a.support-hover-two:hover em { background: #6699FF; } #strdivtxt1,#strdivtxt1m { float:left; color:grey; } #strdivtxt3,#strdivtxt3m { float:left; color:grey; padding:0.2em 0 0 0; } #strdivtxt2,#strdivtxt2m { float:right; margin:0 18% 0 0; } #supportdiv2,#supportdivo2,#supportdiv2m,#supportdivo2m { width:8em; padding:0.2em 0 0.1em 0; background:white; border: 1px solid #e5e5e5; text-align:center; color: #3897f0; cursor: pointer; margin:0 1em 0 1em; border-radius:0.2em; } #supportdiv,#supportdivo,#supportdivm,#supportdivom { width:8em; padding:0; max-height:15em; overflow:auto; background:white; margin:0 1em 5% 1em; display:none; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; position:absolute; cursor: default; z-index: 50; border-radius:0.2em; } #supportdivs,#supportdivsm { width:35em; padding:0; max-height:15em; overflow:auto; background:white; margin:0 1em 5% 1em; display:none; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; position:absolute; cursor: default; z-index: 50; border-radius:0.2em; } #supportdivs2,#supportdivs2m { width:35em; padding:0.2em 0 0.1em 0; border: 1px solid #e5e5e5; text-align:center; color: #3897f0; cursor: pointer; margin:0 1em 0 1em; border-radius:0.2em; background:white; } #supportdivs3,#supportdivs3m { width:35em; padding:0.2em 0 0.1em 0; border: 1px solid #e5e5e5; text-align:center; color: #3897f0; cursor: pointer; margin:0 1em 0 1em; background:white; border-radius:0.2em; } #supportdivs31,#supportdivs31m { width:100%; } #supportdivs3d,#supportdivs3dm { width:35em; padding:0; max-height:15em; overflow:auto; background:white; margin:0 1em 5% 1em; display:none; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; position:absolute; cursor: default; z-index: 50; border-radius:0.2em; } #strdivmo,#strdivmom { font-size:1em; color:#3b3b3b; border-top: 1px solid #e5e5e5; text-align:center; padding:0.2em 0.5em 0.1em 0.5em; } #strdivmo2,#strdivmo2m { font-size:1em; color:#3b3b3b; border-top: 1px solid #e5e5e5; display:none; padding:0.2em 0.5em 0.1em 0.5em; } #strdivmo2v,#strdivmo2vm { font-size:1em; color:#3897f0; border-top: 1px solid #e5e5e5; display:none; padding:0.2em 0.5em 0.1em 0.5em; } #strdivmo1,#strdivmo1m { font-size:1em; color:#3b3b3b; padding:0.2em 0.5em 0.1em 0.5em; } #supportd,#supportc,#supportcm { top:0; left:0; width:280px; background: #fafafa; text-align:left; z-index: 100; border: 1px solid #e5e5e5; display:none; color: #3b3b3b; padding:10px; position:absolute; border-radius:0.2em; } #newclient,#newclientm { padding-top:2%; display:none; } #open { width:100%; float:right; margin:1% 0% 0% 0%; padding:0% 0% 0% 0%; font-family:myfont2; } #openh { width:100%; padding:0% 0% 0% 0%; background:white; border-bottom:1px solid #e5e5e5; } #openh1 { float:left; width:25%; padding:0% 0% 0% 0%; text-align:center; padding:0.5% 0% 0.5% 0%; font-size:1em; color:#cdcdcd; } #openh2 { float:left; width:50%; padding:0% 0% 0% 0%; text-align:center; padding:0.5% 0% 0.5% 0%; font-size:1em; color:#cdcdcd; } #openh3 { float:left; width:25%; padding:0% 0% 0% 0%; text-align:center; padding:0.5% 0% 0.5% 0%; font-size:1em; color:#cdcdcd; } #sc1 { float:left; width:25%; background:#a5a5a5; padding:0% 0% 0% 0%; } #sc2 { float:left; width:50%; padding:0% 0% 0% 0%; background:white; } #sc3 { float:left; width:25%; background:#a5a5a5; padding:0% 0% 0% 0%; } #scdl,#scdr { width:100%; height:30em; overflow-y: scroll; background:white; } #scd1 { width:100%; height:23.8em; overflow-y: scroll; background:#ECEFF1; } #scshow { color:grey; margin-left:0%; border-radius:0em; padding:0% 1% 0% 1%; cursor:pointer; } #scshow:hover { color:#3897f0; } #scshow2 { color:grey; margin-left:0%; border-radius:0em; padding:0% 1% 0% 1%; cursor:pointer; } #scshow2:hover { color:#3897f0; } #sc1t { width:100%; text-align:center; padding:2% 0% 2% 0%; font-size:1em; color:white; } #sc1h { width:96%; text-align:left; padding:2% 2% 2% 2%; font-size:1em; color:white; background:white; } #sc1s { width:100%; text-align:left; padding:0% 0% 0% 0%; border-bottom:1px solid #e5e5e5; font-size:1em; background:white; color:#3b3b3b; font-family:myfont; } #sc1sd { float:left; width:86%; text-align:left; padding:1.5% 3% 1.5% 1%; } #sc1sd:hover { cursor:pointer; color:#3897f0; } #sc1sd1 { float:left; width:95%; text-align:left; padding:1.5% 2% 1.5% 3%; } #sc1s:hover { } #sc1sspan:hover { cursor:pointer; color:#3897f0; } #sc1st { width:100%; text-align:left; padding:1% 0% 1% 0%; border-bottom:1px solid #e5e5e5; font-size:1em; background:white; color:#929292; } #opdiv { width:100%; } #sc2t { width:98%; text-align:center; padding:1% 1% 1% 1%; font-size:1em; color:white; background:#a5a5a5; } #logic { width:96%; text-align:left; padding:1% 2% 1% 2%; font-size:1em; color:black; background:#f5f5f5; border-bottom:1px solid #e5e5e5; } #godiv { width:100%; } #godivq { width:100%; text-align:left; padding:2% 0% 2% 0%; font-size:1.05em; color:#3B3B3B; background:white; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; } #godiva { width:100%; text-align:left; padding:1% 0% 1% 0%; border-bottom:1px solid #e5e5e5; font-size:1.05em; color:#3367D6; } #godiva:hover { cursor:pointer; opacity:0.6; } #godivat { width:100%; text-align:left; padding:1% 0% 1% 0%; border-bottom:1px solid #e5e5e5; font-size:1.05em; color:#929292; } #gdad { width:97%; text-align:left; padding:0% 1.5% 0% 1.5%; } #log1 { width:96%; text-align:left; padding:1% 2% 1% 2%; font-size:1em; color:black; background:#f5f5f5; border-bottom:1px solid #e5e5e5; } #log2 { width:96%; text-align:left; padding:1% 2% 1% 2%; font-size:1em; color:black; background:#f5f5f5; border-bottom:1px solid #e5e5e5; } #sort1 { width:100%; text-align:left; padding:3% 0% 3% 0%; border-bottom:1px solid #e5e5e5; font-size:1em; background:white; color:#cdcdcd; } #sortd { width:94%; text-align:left; padding:0% 3% 0% 3%; } #sorts { font-size:1em; color:#3897f0; margin:0% 0% 0% 1%; border:1px solid #3897f0; } #sorts:hover { cursor:pointer; color:#73b6f4; } #sorta { font-size:1em; color:grey; border-radius:0.2em; margin:0% 0% 0% 1%; border:1px solid grey; } #sorta:hover { cursor:pointer; color:#3897f0; border:1px solid #3897f0; /* 73b6f4 */} #sortq { font-size:1em; color:grey; border-radius:0.2em; margin:0% 0% 0% 1%; border:1px solid grey; } #sortq:hover { cursor:pointer; color:#3897f0; border:1px solid #3897f0; } /* tops setting */ #tops { width:100%; font-size:1.05em; font-family:myfont2; background:#34495E; } #tablets { width:100%; border-collapse:collapse; border:0; word-break:break-all; word-wrap:break-word; } #ts-tr { width:100%; } #ts-td1 { width:5%; padding:0.2% 0% 0.2% 2%; } #ts-td2 { width:65%; color:grey; padding:1% 1% 1% 1%; text-align:left; } #topsi { width:100%; padding-top:100%; } #ts-td3 { width:30%; padding:1% 5% 1% 1%; text-align:right; } #tsa { color:#E8F3FF; cursor:pointer; text-decoration:none; } #tsa:hover { text-decoration:underline; } /* poisk setting #3897f0*/ #poisk { width:100%; color:#3B3B3B; padding:1% 0% 0% 0%; border-top:0px solid #e5e5e5; } #poiskd { width:98%; padding:0% 1% 1% 1%; } #sp { float:left; width:100%; border:1px solid #a5a5a5; color:#7A7A7A; font-size:1.05em; font-family:myfont2; padding:1% 1% 1% 1%; background:white; } #sp:focus { border:1px solid #3897f0; color:#3897f0; } #sk { float:left; width:2em; border:1px solid grey; height:2em; background:url("../img/search.png") no-repeat scroll center 60% transparent; background-size:100% 100%; } #sk:hover { cursor:pointer; } #teg1 { width:50%; padding:0% 0% 0% 0%; min-width:550.55px; position:absolute; z-index:10; background:white; } #teg { width:100%; max-height:20em; border-bottom:1px solid #e5e5e5; overflow-y: auto; } #tegd { width:100%; color:#3897f0; padding:1% 0% 1% 0%; border-top:1px solid #e5e5e5; } #tegd:hover { cursor:pointer; background:#3897f0; color:white; } #tegt { width:98%; padding:0% 1% 0% 1%; } #not_res { width:98%; padding:1% 1% 1% 1%; border-top:1px solid #e5e5e5; } /* stats setting */ #stats { width:100%; text-align:left; padding:0% 0% 0% 0%; font-size:1em; color:#929292; } #statsd { width:98.05%; padding:0.73% 1% 0.73% 1%; background:white; height:4.5em; overflow-y: scroll; } #statsf { width:96%; padding:0.85% 2% 0.85% 2%; border-bottom:0px solid #e5e5e5; } #divgs {} #gosay { float:left; background:#D73333; color:white; padding:0.3em 0.5em 0.3em 0.5em; border-radius:0.2em; } #gosay:hover { cursor:pointer; background:#E49494; } #gosay1 { float:left; background:#3897f0;/*3CB72C 94BCE4*/ color:white; padding:0.3em 0.5em 0.3em 0.5em; border-radius:0.2em; } #gosay1:hover { cursor:pointer; background:#94BCE4;/*7DDD70*/ } #gosave { float:right; background:#55A454; color:white; /*4BC547*/ padding:0.3em 0.5em 0.3em 0.5em; border-radius:0.2em; margin-right:1%; } #gosave:hover { cursor:pointer; background:#74C173; } #gosave2 { float:right; background:#55A454; color:white; border:0; font-size:1em;/*3CB72C */ padding:0.3em 0.5em 0.3em 0.5em; border-radius:0.2em; margin-right:1%; } #gosave2:hover { cursor:pointer; background:#74C173;/*7DDD70*/ } #goclear { float:right; background:#C55A5A; color:white; padding:0.3em 0.5em 0.3em 0.5em; border-radius:0.2em; /*C54747 7DDD70 AE4646*/ } #goclear:hover { cursor:pointer; background:#E49494; } #gosave1 { float:right; background:rgba(0,128,0, 0.0); color:white; padding:0.3em 0.5em 0.3em 0.5em; border-radius:0.2em; margin-right:1%; } #goclear1 { float:right; background:rgba(186,13,13, 0.0); color:white; padding:0.3em 0.5em 0.3em 0.5em; border-radius:0.2em; } #timer { float:left; background:#f5f5f5; color:#3B3B3B; padding:0.3em 0.5em 0.3em 0.5em; border-radius:0.2em; margin-left:2%; } #gosavediv { position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0, 0.4); z-index:100; display:none; min-width:550px; max-height:100%; overflow-y:scroll; } #gsdt { width:100%; height:100%; } #gsdttr { width:100%; height:100%; } #gsdttd { width:100%; height:100%; vertical-align:middle; } #gsddiv { width:50%; margin:auto; padding-top:0%; background:white; } #gsdh { text-align:center; width:96%; padding:2%; font-size:1.7; color:#3B3B3B; border-bottom:1px solid #e5e5e5; } #gsd1 { float:left; width:50%; } #gsd2 { float:right; width:50%; } #gsd3 { clear:both; width:96%; padding:2%; border-top:1px solid #e5e5e5; } #gsdh1 { text-align:center; width:96%; padding:2%; font-size:1.5; color:#D73333; border-right:1px solid #e5e5e5; } #gsdh2 { text-align:center; width:96%; padding:2%; font-size:1.5; color:#3CB72C; } #gsdback { float:left; background:#3367D6; color:white; padding:0.3em 0.5em 0.3em 0.5em; border-radius:0.2em; margin-right:1%; } #gsdback:hover { cursor:pointer; background:#94BCE4; } #gsdno { background:#D73333; color:white; padding:2% 2% 2% 2%; border-radius:0.2em; } #gsdno:hover { cursor:pointer; background:#E49494; } #gsdok { background:#3CB72C; color:white; padding:2% 2% 2% 2%; border-radius:0.2em; } #gsdok:hover { cursor:pointer; background:#7DDD70; } #gsdno1 { background:silver; color:white; padding:2% 2% 2% 2%; border-radius:0.2em; } #gsdok1 { background:silver; color:white; padding:2% 2% 2% 2%; border-radius:0.2em; } #cndt1 { width:100%; border-collapse:collapse; border:1px solid #e5e5e5; word-break:break-all; word-wrap:break-word; color:#3B3B3B; display:none; max-height:20em; overflow-y: auto; } #cndt2 { width:100%; border-collapse:collapse; border:1px solid #e5e5e5; word-break:break-all; word-wrap:break-word; color:#3B3B3B; display:none; max-height:20em; overflow-y: auto; } #cndtr { width:100%; border-bottom:1px solid #e5e5e5; } #cndtrb { width:100%; } #cndtd1 { width:10%; text-align:center; } #cndtd2 { width:90%; padding:2% 2% 2% 2%; text-align:left; } #gsdch { height:1.5em; width:1.5em; cursor:pointer; } #gsdch1 { height:1.5em; width:1.5em; cursor:pointer; } #sttxt1 { float:left; margin-right:0%; color:#a5a5a5; } #sttxt { float:left; margin-left:0%; color:grey; } #dques { float:left; margin-left:1%; color:#3367D6; } #dques:hover { } #dansw { float:left; margin-left:0%; } #dansw:hover { } #stats-t2 { width:100%; border-collapse:collapse; padding-top:1%; word-break:break-all; word-wrap:break-word; margin-top:1%; } #stats-t { width:100%; border-collapse:collapse; padding-top:1%; word-break:break-all; word-wrap:break-word; margin-top:0%; } #stats-tr1 { width:100%; background:white; color:#cdcdcd; font-size:1em; border-bottom:1px solid #e5e5e5; } #stats-tdn1 { width:8%; padding:1% 1% 1% 1%; text-align:center; } #stats-tdn2 { width:23%; padding:1% 1% 1% 1%; text-align:center; } #stats-tdn3 { width:22%; padding:1% 1% 1% 1%; text-align:center; } #stats-tdn4 { width:22%; padding:1% 1% 1% 1%; text-align:center; } #stats-tdn5 { width:22%; padding:1% 1% 1% 1%; text-align:center; } #stats-tdn6 { width:3%; padding:1% 1% 1% 1%; text-align:center; } #stats-tr2 { width:100%; border-bottom:1px solid #e5e5e5; background:white; color:#3897f0; } #stats-tr2:hover { cursor:pointer; text-decoration:none; background:#73b6f4; color:white; } #stats-tr2b { width:100%; background:white; color:#3897f0; } #stats-tr2b:hover { cursor:pointer; text-decoration:none; background:#73b6f4; color:white; } #stats-tr21 { width:100%; border-bottom:1px solid #e5e5e5; background:white; } #stats-tdn12 { width:8%; padding:1% 1% 1% 1%; text-align:center; } #stats-tdn22 { width:23%; padding:1% 1% 1% 1%; text-align:center; } #stats-tdn32 { width:23%; padding:1% 1% 1% 1%; text-align:center; } #stats-tdn42 { width:23%; padding:1% 1% 1% 1%; text-align:center; } #stats-tdn52 { width:23%; padding:1% 1% 1% 1%; text-align:center; } #stats-tdn62 { width:3%; padding:1% 1% 1% 1%; text-align:center; } #st-a { color:#1C2871; text-decoration:none; } #st-a:hover { cursor:pointer; text-decoration:underline; } #mddiv { width:100%; text-align:right; padding:1% 0% 0% 0%; } #mdkp { float:right; color: white; font-size:1em; text-align: center; margin-top: 1%; margin-right:0%; border-radius: 0.2em; border:0; padding: 0.3em 0.5em 0.3em 0.5em; background: #D73333; cursor: pointer; } #mdkp:hover { background:#E49494; } #mdkpok { float:right; color: white; font-size:1em; text-align: center; margin-top: 1%; margin-right:0%; border-radius: 0.2em; border:0; padding: 0.3em 0.5em 0.3em 0.5em; background: grey; cursor: pointer; } #stansw { width:94%; color:#3b3b3b; text-decoration:none; padding:1% 1% 1% 1%; margin:1% 2% 1% 2%; } #stansw:hover { } #stques { width:98%; color:#3b3b3b; background:white; border-bottom:1px solid #e5e5e5; text-decoration:none; padding:1% 1% 1% 1%; margin:1% 0% 1% 0%; } #stques:hover { } #sttime { padding:0% 1% 0% 0%; color:black; margin:0% 1% 0% 0%; border-right:1px solid #e5e5e5; } /* operator setting */ #chregtxt { float:left; width:85%; padding:0% 0% 0% 1%; font-size:0.8em; color:grey; } #checkbox1 { float:left; height:1.7em; width:1.7em; cursor:pointer; } #oinp { width:40%; text-align:left; border:1px solid #CDCDCD; font-size:1em; color:black; padding:1% 1% 1% 1%; } #oinp2 { width:80%; height:5.5em; border-color:#CDCDCD; font-size:1em; padding:1% 1% 1% 1%; } #checkbox,#checkbox2,#checkbox3,#checkbox4, #checkbox5,#checkbox6,#checkbox7,#checkbox8,#checkbox9, #checkbox10,#checkbox11,#checkbox12,#checkbox13 { height:1.7em; width:1.7em; cursor:pointer; } #chsc { width:100%; border-collapse:collapse; margin-top:0.5%; } #chsc-tr { width:100%; border-bottom:1px solid #e5e5e5; } #chsc-tr1 { width:100%; } #chsc-td1 { width:5%; padding-top:0.4%; padding-bottom:0%; } #chsc-td2 { width:95%; color:#3897f0; text-align:left; } /* oper settings */ #oper { width:90%; padding:0% 5% 5% 5%; font-family:myfont2; } #scriptop { width:100%; padding:0% 0% 0% 0%; background:white; font-size:1em; color:#3367D6; margin-top:2%; } #sopd { width:96%; padding:1.5% 2% 1.5% 2%; border-bottom:1px solid #e5e5e5; } #sopd:hover { cursor:pointer; background:#3367D6; color:white; } #sopdb { width:96%; padding:1.5% 2% 1.5% 2%; } #sopdb:hover { cursor:pointer; background:#3367D6; color:white; } #sopd1 { width:96%; padding:1.5% 2% 1.5% 2%; border-bottom:1px solid #CDCDCD; } #sopdb1 { width:96%; padding:1.5% 2% 1.5% 2%; } /* tarif setting */ #tar1 { float:left; width:50%; padding:0% 0% 0% 0%; color:#a5a5a5; /* border:1px solid #CDCDCD; */ font-size:1em; } #tar2 { float:left; width:50%; margin-left:0%; padding:0% 0% 0% 0%; color:#a5a5a5; /* border:1px solid #CDCDCD; */ font-size:1em; } #tar5 { width:100%; padding:2% 0% 0% 0%; color:#a5a5a5; /* border:1px solid #CDCDCD; */ font-size:1em; } #tar5kp { float:left; color:white; margin-left:2%; border-radius:0.2em; padding:0.5em 1em 0.5em 1em; background:#3367D6; } #tar5kp:hover { cursor:pointer; background:#94BCE4; } #tard { width:94%; padding:3% 3% 0% 3%; } #tardb { width:94%; padding:3% 3% 1% 3%; } #chbdiv2t { width:15%; padding-top:15%; } #chbdiv3 { float:left; width:4em; height:4em; } #chbdiv4 { padding-top:1%; } #blt { color:#3897f0; /*3367D6*/ } #blct { color:#3B3B3B; } #grt { color:#3CB72C; } #ort { color:orange; /*FFD700*/ } #pdf-a { color:#a5a5a5; /*3367D6*/ } #pdf-a:hover { color:#3897f0; /*3367D6*/ } /* tarifs setting */ #subtype { width:100%; padding:0% 0% 0% 0%; margin-top:0%; } #subtype1 { float:left; width:50%; padding:1% 0% 1% 0%; background:#3367D6; text-align:center; color:white; cursor:pointer; } #subtype11 { float:left; width:50%; padding:1% 0% 1% 0%; background:#94BCE4; text-align:center; color:white; cursor:default; } #subtype2 { float:left; width:50%; padding:1% 0% 1% 0%; background:#3367D6; text-align:center; color:white; cursor:pointer; } #subtype21 { float:left; width:50%; padding:1% 0% 1% 0%; background:#94BCE4; text-align:center; color:white; cursor:default; } #subsdiv { width:100%; margin:1% 0% 0% 0%; padding:0% 0% 1% 0%; background:white; } #tardiv { width:100%; padding:0% 0% 0% 0%; } #tardiv1 { width:100%; padding:0% 0% 0% 0%; margin-top:2%; } #th { width:98%; padding:1% 1% 0% 1%; font-size:1em; color:#3B3B3B; text-align:left; } #thd { float:left; width:25%; padding:0.3% 0% 0.3% 0%; font-size:1em; } #thch { padding:0.3% 1.3% 0.3% 1.3%; background:#3367D6; margin-left:1%; float:left; font-size:1.05em; color:white; text-align:center; border-radius: 0.2em; border:0; } #thch1 { padding:0.3% 1.3% 0.3% 1.3%; background:#94BCE4; margin-left:1%; float:left; font-size:1.05em; color:white; text-align:center; border-radius: 0.2em; border:0; } #thch:hover { background:#94BCE4; cursor: pointer; } #thchk { padding:0.3% 0.3% 0.3% 0.3%; margin-left:1%; float:left; color:#3367D6; text-align:center; font-size:1.05em; } #thchkp { padding:0.3% 0.3% 0.3% 0.3%; margin-left:1%; float:left; color:#3367D6; text-align:center; font-size:1.05em; } #tdiv { float:left; width:21%; padding:1% 1% 1% 1%; font-size:0.9em; margin:1% 1% 1% 1%; background:#f5f5f5; color:grey; text-align:center; } #tarrange { width:98%; text-align:left; padding:0% 1% 0% 0%; margin-top:2%; } #tarrange1 { float:right; width:35%; text-align:left; padding:2% 2% 2% 2%; margin:2% 7% 0% 3%; border:1px solid #e5e5e5; } #tarrange2 { float:left; width:35%; text-align:left; padding:2% 2% 2% 2%; margin:2% 3% 0% 7%; border:1px solid #e5e5e5; } #subnumber { /* контейнер */ margin:0% 0% 0% 40%; float:left; cursor:pointer; width:15%; text-align:center; padding:0.3em 0.2em 0.2em 0.2em; color:#3897f0; border: 1px solid #cdcdcd; border-radius: 0.2em; font-size:1.25em; background: #fff linear-gradient(#f8f8f8, #f8f8f8); border: 1px solid #cdcdcd; } #subrange, #subrange1 { /* контейнер */ -webkit-appearance: none; margin:0; float:left; appearance: none; cursor:pointer; width:90%; height:1.5em; padding: 0; border: 1px solid #cdcdcd; border-radius: 2em; box-shadow: inset 0 1px #ccc, inset 0 1px 1px #575555, inset 0 -2px #ccc; background: #fff linear-gradient(white, #e5e5e5); overflow: hidden; } #subrange::-moz-range-thumb, #subrange1::-moz-range-thumb { /* ползунок в Firefox */ border-radius: 0.2em; } #subrange::-moz-range-track, #subrange1::-moz-range-track { /* линия, по которой он ездит в Firefox */ background: none; border: none; } #subrange::-webkit-slider-thumb, #subrange1::-webkit-slider-thumb { /* ползунок в Хроме */ -webkit-appearance: none; width:1.5em; height:1.5em; border: 0px solid #cdcdcd; border-radius: 2em; background-image: linear-gradient(#3897f0, #3897f0); box-shadow: inset -2px 0px 0 0 #3897f0, inset 2px 0px 0 0 #3897f0, inset 0px -2px 0 0 #3897f0, inset 0px 2px 0 0 #3897f0; } #subranged { float:left; width:100%; padding:0.3em 1% 0% 1%; } #subrangeh { float:left; padding:1% 1% 5% 1%; width:100%; color:grey;text-align:center; } #subrangeh3 { float:left; padding:1% 1% 3.5% 1%; width:100%; color:grey;text-align:center; } #subrangeh4 { float:left; padding:3.5% 1% 1% 1%; width:100%; color:grey;text-align:center; clear:both; } #subrangeh1 { float:left; color:grey; padding:0% 1% 0% 1%; } #subranget, #subranget1 { float:left; color:#3897f0; margin:0% 0% 0% 5%; display:none; } #subrangeh5 { float:left; padding:5% 1% 1% 1%; width:100%; color:grey;text-align:center; clear:both; } #subrangeh7 { float:left; padding:0% 1% 0% 1%; font-family:myfont2; width:100%; color:grey;text-align:center; clear:both; } #subrangedu { float:left; width:20%; padding:0.3em 1% 0% 1%; } #subrangehu { float:left; color:grey; } #addopersh { width:98%; padding:1% 1% 2% 1%; display:block; font-size:1em; color:#3B3B3B; text-align:left; background:white; } #aoh1 { width:100%; padding:0% 0% 0% 0%; } #aoh2 { width:98%; text-align:center; font-family:myfont2; padding:0.3% 0% 0.3% 0%; padding:0% 1% 0% 1%; } #aoh4 { width:98%; text-align:left; padding:0.3% 0% 0.3% 0%; padding:0% 1% 0% 1%; } #aoh5 { width:98%; text-align:left; padding:0.3% 0% 0.3% 0%; padding:0% 1% 0% 1%; } #aoh2t { float:left; padding:2% 0% 2% 0%; color:grey; text-align:left; font-size:1em; margin:0% 10% 0% 0%; font-family:myfont2; } #txtsu2 { color:#3b3b3b; font-size:1.3em; } #aoh2t1 { padding:1% 0% 1% 0%; font-family:myfont2; text-align:center; font-size:1.5em; margin:0% 0% 0% 0%; } #aoh3 { float:right; padding:0% 0% 0% 0%; text-align:right; font-size:1em; margin:0% 10% 0% 0%; } #makesubs { width:99%; padding:0.5% 0.5% 0% 0.5%; display:block; font-size:1em; color:#3B3B3B; text-align:left; background:white; } #msubst { width:98%; color:#a5a5a5; padding:1% 1% 0% 1%; } #butkp1 { color: white; font-size:1.1em; text-align: center; margin-top: 3%; border-radius: 0.2em; border:0; padding:3% 7% 3% 7%; background: #3367D6; cursor: pointer; } #butkp1:hover { background:#94BCE4; } #butkp { color: white; float:left; font-size:1.1em; margin-left: 45%; margin-top: 0.2%; border-radius: 0.2em; border:0; background: #3897f0; font-family:myfont2; text-align: center; padding: 0.5em 1.5em 0.5em 1.5em; cursor: pointer; } #butkp:hover { background:#94BCE4; } #butkp-ok { color: white; float:left; font-size:1.1em; margin-left: 45%; margin-top: 0.2%; border-radius: 0.2em; border:0; font-family:myfont2; text-align: center; padding: 0.5em 1.5em 0.5em 1.5em; background:grey; } #tards { width:94%; padding:3% 3% 2.5% 3%; border-bottom:1px solid #CDCDCD; background:#f5f5f5; } #tardbs { width:94%; padding:3% 3% 2.5% 3%; background:#f5f5f5; } #vtar { color:#3367D6; } #vper { color:#3367D6; } #total { width:98%; padding:2% 1% 0% 1%; font-family:myfont2; } #totd1 { float:left; width:85%; padding:1% 0% 1% 0%; } #totd2 { float:left; width:15%; padding:1% 0% 1% 0%; text-align:right; } #totd3 { width:100%; padding:1% 0% 1% 0%; text-align:center; font-size:1.7em; font-family:myfont2; } #tot-t { width:100%; border-collapse:collapse; background:white; } #tot-tr1 { width:100%; font-size:1em; background:white; color:grey; } #tot-td1 { width:20%; padding:1% 0% 1% 0%; text-align:left; } #tot-td2 { width:20%; padding:1% 0% 1% 0%; text-align:left; } #tot-td3 { width:20%; padding:1% 0% 1% 0%; text-align:left; } #tot-td4 { width:20%; padding:1% 0% 1% 0%; text-align:left; font-size:1.2em; } #tot-td5 { width:20%; padding:1% 0% 1% 0%; text-align:left; } #tot-tr2 { width:100%; font-size:1.3em; } #tot-td11 { width:20%; padding:1% 0% 1% 5%; text-align:left; } #tot-td12 { width:20%; padding:1% 0% 1% 7%; text-align:left; } #tot-td13 { width:20%; padding:1% 0% 1% 3%; text-align:left; } #tot-td14 { width:20%; padding:1% 0% 1% 5%; font-size:1em; text-align:left; } #tot-td15 { width:20%; padding:1% 0% 1% 3%; text-align:left; } #gosavtar { color: white; float:left; text-align: center; margin-top: 0%; margin-left:45%; background: #3897f0; font-family:myfont2; text-align: center; border-radius: 0.2em; border:0; padding: 0.5em 1.5em 0.5em 1.5em; font-size:1.1em; cursor: pointer; } #sgosavtar:hover { background:#73b6f4; } #gosavtar1 { color: white; float:right; font-size:1.05em; text-align: center; margin-top: 0%; margin-right:0%; border-radius: 0.2em; border:0; padding: 4% 15% 4% 15%; background: #3367D6; cursor: pointer; } #gosavtar1:hover { background:#94BCE4; } #tt-ok { color: white; float:left; text-align: center; margin-top: 0%; margin-left:45%; font-family:myfont2; text-align: center; border-radius: 0.2em; border:0; padding: 0.5em 1.5em 0.5em 1.5em; font-size:1.1em; background:grey; } #max { width:98%; padding:1% 1% 1% 1%; margin-top:1%; color:grey; font-size:1em; background:white; } #usinf { width:100%; padding:2% 0% 1% 0%; font-family:myfont2; color:#a5a5a5; font-size:1em; text-align:left; } #refprogd { width:100%; padding:2% 0% 1% 0%; color:grey; font-size:1em; text-align:left; } /* вывод setting */ #regname, #regname2, #regmail, #regpass, #regpass2 { font-size:0.9em; } /* faq setting */ #faq { width:100%; padding:0% 0% 5% 0%; font-family:myfont2; } #faq1 { float:left; width:22%; margin-top:1%; margin-left:1%; } #faq2 { float:left; width:75%; margin-top:1%; margin-left:1%; padding:0% 0% 0% 0%; } #helpdiv { width:100%; background:white; color:#3367D6; border-bottom:1px solid #e5e5e5; } #helpdivb { width:100%; background:white; color:#3367D6; cursor:pointer; } #hd1 { width:98%; padding:1.4% 1% 1% 1%; text-align:left; cursor:pointer; } #hd1:hover { background:#3367D6; color:white; } #hd1:hover #strdivb { background:url("../img/srtbot.png"); background-repeat: no-repeat; background-size: 100% 100%; } #hd2 { width:98%; padding:1.4% 1% 1% 1%; text-align:left; cursor:pointer; } #hd2:hover { background:#3367D6; color:white; } #hd2:hover #strdivt { background:url("../img/srttop.png"); background-repeat: no-repeat; background-size: 100% 100%; } #hdt { float:left; width:90%; } #strdiv { float:right; width:2%; margin-right:2%; } #strdivb { width:100%; padding-top:100%; background:url("../img/srtbot1.png"); background-repeat: no-repeat; background-size: 100% 100%; } #strdivb1 { width:100%; padding-top:100%; background:url("../img/srtbot.png"); background-repeat: no-repeat; background-size: 100% 100%; } #strdivt { width:100%; padding-top:100%; background:url("../img/srttop1.png"); background-repeat: no-repeat; background-size: 100% 100%; } #strdivt1 { width:100%; padding-top:100%; background:url("../img/srttop.png"); background-repeat: no-repeat; background-size: 100% 100%;} #newsi { width:100%; height:100%; } #hdres { width:98%; padding:1% 1% 1% 1%; text-align:left; color:#3B3B3B; } #hdvideo { width:45em; height:25em; padding:1% 1% 1% 1%; text-align:center; color:#3B3B3B; } /* form setting */ #cmfdiv {position:fixed; width:100%; z-index:200; font-family:myfont2; padding-top:12%;text-align:cetner; top:0; display:none; } #callmeform { margin:0 auto; background:white; min-width:330px; width:30%; padding:0% 0% 0% 0%; border:1px solid #e5e5e5; border-radius:0.2em; } #cmfinpn {width:96%; text-align:left; border:1px solid #e5e5e5; border-radius:0.2em; font-family:myfont2; font-size:1.05em; color:#3367D6; padding:2% 2% 2% 2%; } #cmfinpt {width:96%; text-align:left; border:1px solid #e5e5e5; border-radius:0.2em; font-family:myfont2; font-size:1.05em; color:#3367D6; padding:2% 2% 2% 2%; } #cmfta {width:96%; border:1px solid #e5e5e5; height:7em; font-size:1.05em; border-radius:0.2em; font-family:myfont2; resize: none; color:#3367D6; padding:2% 2% 2% 2%; } #cmftable { width:100%; border-collapse:collapse; background:white; } #cmft-tr { width:100%; font-size:1em; color:white; } #cmft-td1 { width:35%; text-align:right; color:#a5a5a5; font-size:1em; padding:1% 1% 1% 1%; } #cmft-td2 { width:65%; color:#3367D6; text-align:left; padding:1% 1% 1% 1%; } #cmfno { float:left; background:#D73333; padding:6% 9% 6% 9%; border-radius:0.2em; color:white; font-size:1em; } #cmfno:hover { cursor:pointer; background:#E49494; } #cmfyes { float:right; background:#3367D6; padding:3.3% 5.3% 3.3% 5.3%; border-radius:0.2em; border:0; color:white; font-size:1em; } #cmfyes:hover { cursor:pointer; background:#94BCE4; } #cmflog {width:96%; text-align:center; padding:1% 2% 1% 2%; font-family:myfont2; font-size:1em; color:#34495E; } #cmfh { width:100%; text-align:center; padding:2% 0% 2% 0%; font-size:1.2em; color:white; background:#a5a5a5; margin-bottom:2%; } #cmfdiv1 {position:fixed; width:100%; z-index:200; font-family:myfont2; padding-top:10%;text-align:cetner; top:0; display:block; } #cmfnodiv1 { width:100%; text-align:cetner; } #cmfno1 { background:#D73333; float:left; margin-left:7%; padding:3% 5% 3% 5%; border-radius:0.2em; color:white; font-size:1em; } #cmfno1:hover { cursor:pointer; background:#E49494; } #cmflog1 {width:100%; text-align:center; padding:1% 2% 1% 2%; font-family:myfont2; font-size:1em; color:#34495E; } #callmeform1 { margin:0 auto; background:white; width:30%; padding:0% 0% 0% 0%; border:1px solid #e5e5e5; } #resultform {} #smfdiv {position:fixed; width:100%; z-index:200; font-family:myfont2; padding-top:12%;text-align:cetner; top:0; display:none; } #sallmeform { margin:0 auto; background:white; min-width:330px; width:30%; padding:0% 0% 0% 0%; border:1px solid #e5e5e5; border-radius:0.2em; } #smfinpn {width:96%; text-align:left; border:1px solid #e5e5e5; border-radius:0.2em; font-family:myfont2; font-size:1.05em; color:#3367D6; padding:2% 2% 2% 2%; } #smfinpe {width:96%; text-align:left; border:1px solid #e5e5e5; border-radius:0.2em; font-family:myfont2; font-size:1.05em; color:#3367D6; padding:2% 2% 2% 2%; } #smfta {width:96%; border:1px solid #e5e5e5; height:7em; font-size:1.05em; border-radius:0.2em; font-family:myfont2; resize: none; color:#3367D6; padding:2% 2% 2% 2%; } #smftable { width:100%; border-collapse:collapse; background:white; } #smft-tr { width:100%; font-size:1em; color:white; } #smft-td1 { width:35%; text-align:right; color:#a5a5a5; font-size:1em; padding:1% 1% 1% 1%; } #smft-td2 { width:65%; color:#3367D6; text-align:left; padding:1% 1% 1% 1%; } #smfno { float:left; background:#D73333; padding:6% 9% 6% 9%; border-radius:0.2em; color:white; font-size:1em; } #smfno:hover { cursor:pointer; background:#E49494; } #smfyes { float:right; background:#3367D6; padding:3.3% 5.3% 3.3% 5.3%; border-radius:0.2em; border:0; color:white; font-size:1em; } #smfyes:hover { cursor:pointer; background:#94BCE4; } #smflog {width:96%; text-align:center; padding:1% 2% 1% 2%; font-family:myfont2; font-size:1em; color:#34495E; } #smfh { width:100%; text-align:center; padding:2% 0% 2% 0%; font-size:1.2em; color:white; background:#a5a5a5; margin-bottom:2%; } #smfdiv1 {position:fixed; width:100%; z-index:200; font-family:myfont2; padding-top:10%;text-align:cetner; top:0; display:block; } #smfnodiv1 { width:100%; text-align:cetner; } #smfno1 { background:#D73333; float:left; margin-left:7%; padding:3% 5% 3% 5%; border-radius:0.2em; color:white; font-size:1em; } #smfno1:hover { cursor:pointer; background:#E49494; } #smflog1 {width:100%; text-align:center; padding:1% 2% 1% 2%; font-family:myfont2; font-size:1em; color:#34495E; } #sallmeform1 { margin:0 auto; background:white; width:30%; padding:0% 0% 0% 0%; border:1px solid #e5e5e5; } #sresultform {} #vpdiv { width:100%; padding:2% 0% 2% 0%; text-align:center; } #vpa{ padding:0% 2% 0% 2%; color:#3897f0; } #vpa:hover { color:#20486d; } /* svodka */ #svodka { width:100%; margin:1% 0% 0% 0%; background:white; } #svdiv1 { float:left; width:48%; padding:1% 1% 1% 1%; } #svdiv1d1 { width:98%; padding:1% 1% 1% 1%; } #svdiv1d1t { width:98%; padding:1% 1% 1% 1%; color:grey; font-size:0.9em; } #sv1t1-kp { color:white; background:#3897f0; float:right; border:0; padding:0.3em 1em 0.3em 1em; font-size:1em; cursor:pointer; border-radius:0.2em; } #sv1t1-kp:hover { background:#73b6f4; } #sv1t1-kp1 { color:white; background:#3897f0; border:0; padding:0.3em 1em 0.3em 1em; margin:0.4% 0% 0.4% 0%; cursor:pointer; border-radius:0.2em; } #sv1t1-kp1:hover { background:#73b6f4; } #sv1t1-kp1s { color:white; background:#3897f0; border:0; padding:0.3em 1em 0.3em 1em; margin:0.3em 0% 0.2em 0%; cursor:pointer; border-radius:0.2em; float:left; } #sv1t1-kp1s:hover { background:#73b6f4; } #sv1t1-kp1s1 { color:white; background:#3897f0; border:0; padding:0.3em 1em 0.3em 1em; margin:2.5em 0% 0.2em 0%; cursor:pointer; border-radius:0.2em; float:left; } #sv1t1-kp1s1:hover { background:#73b6f4; } #sv1t1-kp1s2 { color:white; background:#3897f0; border:0; padding:0.3em 1em 0.3em 1em; margin:2.5em 0% 0.2em 0%; cursor:pointer; border-radius:0.2em; float:left; } #sv1t1-kp1s2:hover { background:#73b6f4; } #svdiv11 { float:left; color:#3b3b3b; width:49%; padding:1% 0% 0% 1%; } #svdiv12 { float:right; width:49%; color:#3b3b3b; padding:1% 1% 0% 0%; } #svdiv2 { float:right; width:50%; height:22em; padding:0% 0% 0% 0%; } #svdiv5 { clear:both; width:100%; color:#3b3b3b; margin:2% 0% 0% 0%; } #svdivcart { clear:both; width:96%; padding:2% 2% 2% 2%; background:white; color:#3B3B3B; } #svdivgr { width:100%; height:25em; padding:0% 0% 0% 0%; } #svdivgr1 { width:100%; height:25em; padding:0% 0% 0% 0%; } #svd5d1 { float:left; width:48.9%; padding:1% 0% 1% 1%; border-right:0px solid #f5f5f5; } #svd5d2 { float:right; width:48.8%; padding:1% 1% 1% 0%; } #svd5d1d { width:96%; padding:2% 2% 2% 2%; color:#3b3b3b; } #showrepst2 { width:100%; padding:0% 0% 0% 0%; } #svdiv3 { float:left; width:98%; padding:1% 1% 1% 1%; } #svdiv3d1 { width:100%; padding:0% 0% 0% 0%; text-align:center; } #svdiv3d2 { width:100%; max-height:50em; overflow-y: auto; padding:0% 0% 0% 0%; } #svdiv4 { float:right; text-align:center; width:98%; padding:1% 1% 1% 1%; } #sv1t1 { width:100%; border-collapse:collapse; color:#3b3b3b; border-bottom:0px solid #f5f5f5; } #sv3t1 { width:100%; border-collapse:collapse; color:#3b3b3b; background:#f5f5f5; margin-top:1em; height:3em; font-size:0.9em; } #sv3t3 { width:100%; border-collapse:collapse; height:3em; color:#3b3b3b; margin-top:1em; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; } #sv3t2 { width:100%; border-collapse:collapse; color:#3b3b3b; font-size:0.9em; } #sv1t1-tr1 { width:100%; font-size:1em; border-top:0px solid #f5f5f5; border-bottom:0px solid #f5f5f5; } #sv1t1-tr2 { width:100%; font-size:1em; border-bottom:0px solid #f5f5f5; } #sv1t1-tr1-td1 { width:30%; text-align:right; padding:1% 1% 1% 1%; border-left:0px solid #f5f5f5; border-right:0px solid #f5f5f5; } #sv1t1-tr1-td12 { width:30%; text-align:center; padding:1.5% 1% 2% 1.5%; border-left:0px solid #f5f5f5; border-right:0px solid #f5f5f5; } #sv1t1-tr1-td11 { width:30%; padding:1% 1% 1% 1%; border-right:0px solid #f5f5f5; } #sv1t1-tr1-td11s { width:30%; text-align:right; padding:1% 1% 1% 1%; border-right:0px solid #f5f5f5; } #sv1t1-tr1-td2 { width:70%; border-right:0px solid #f5f5f5; text-align:left; padding:1% 1% 1% 1%; } #sv3t1-tr1 { width:100%; font-size:1em; } #sv3t1-tr2 { width:100%; font-size:1em; border-bottom:1px solid #f5f5f5; } #sv3t1-tr21 { width:100%; font-size:1em; border-bottom:1px solid #f5f5f5; } #sv3t1-tr21:hover { background:#73b6f4; /*94BCE4 3897f0*/ color:white; cursor:pointer; } #sv3t3-tr1 { width:100%; background:#f5f5f5; font-size:0.9em; } #sv3t3-tr2 { width:100%; font-size:0.9em; border-bottom:1px solid #f5f5f5; } #s3t1-tr1-td1 { width:10%; text-align:center; padding:1% 1% 1% 1%; } #s3t1-tr1-td2 { width:20%; text-align:center; padding:1% 1% 1% 1%; } #s3t1-tr1-td3 { width:15%; text-align:center; padding:1% 1% 1% 1%; } #s3t1-tr1-td4 { width:25%; text-align:center; padding:1% 1% 1% 1%; } #s3t1-tr1-td5 { width:15%; text-align:center; padding:1% 1% 1% 1%; } #s3t1-tr1-td6 { width:15%; text-align:center; padding:1% 1% 1% 1%; } #s3t1-tr1-td11 { width:10%; text-align:center; padding:1% 1% 1% 1%; border-left:1px solid #f5f5f5; word-break:break-all; word-wrap:break-word; border-right:1px solid #f5f5f5; } #s3t1-tr1-td21 { width:20%; word-break:break-all; word-wrap:break-word; text-align:center; padding:1% 1% 1% 1%; border-right:1px solid #f5f5f5; } #s3t1-tr1-td31 { width:15%; word-break:break-all; word-wrap:break-word; text-align:center; padding:1% 1% 1% 1%; border-right:1px solid #f5f5f5; } #s3t1-tr1-td41 { width:25%; word-break:break-all; word-wrap:break-word; text-align:center; padding:1% 1% 1% 1%; border-right:1px solid #f5f5f5; } #s3t1-tr1-td51 { width:15%; word-break:break-all; word-wrap:break-word; text-align:center; padding:1% 1% 1% 1%; border-right:1px solid #f5f5f5; } #s3t1-tr1-td61 { width:15%; word-break:break-all; word-wrap:break-word; text-align:center; padding:1% 1% 1% 1%; border-right:1px solid #f5f5f5; } #s3t3-tr1-td1 { width:15%; text-align:center; padding:1% 1% 1% 1%; } #s3t3-tr1-td2 { width:15%; text-align:center; padding:1% 1% 1% 1%; } #s3t3-tr1-td3 { width:15%; text-align:center; padding:1% 1% 1% 1%; } #s3t3-tr1-td4 { width:15%; text-align:center; padding:1% 1% 1% 1%; } #s3t3-tr1-td5 { width:15%; text-align:center; padding:1% 1% 1% 1%; } #s3t3-tr1-td6 { width:25%; text-align:center; padding:1% 1% 1% 1%; } #s3t3-tr1-td11 { width:15%; text-align:center; padding:1% 1% 1% 1%; border-right:1px solid #f5f5f5; } #s3t3-tr1-td21 { width:15%; text-align:center; padding:1% 1% 1% 1%; border-right:1px solid #f5f5f5; } #s3t3-tr1-td31 { width:15%; text-align:center; padding:1% 1% 1% 1%; border-right:1px solid #f5f5f5; } #s3t3-tr1-td41 { width:15%; text-align:center; padding:1% 1% 1% 1%; border-right:1px solid #f5f5f5; } #s3t3-tr1-td51 { width:15%; border-right:1px solid #f5f5f5; text-align:center; padding:1% 1% 1% 1%; } #s3t3-tr1-td61 { width:25%; text-align:center; padding:1% 1% 1% 1%; } #sv1t1-date { border:1px solid #3897f0; outline:none; cursor:pointer; border-radius:0.2em; font-size:1em; color:#3b3b3b; } #sv1t1-sel { border:1px solid #3897f0; width:100%; border-radius:0.2em; padding:0.5% 0.5% 0.5% 0.5%; outline:none; } #sv1t1-opt { font-size:1.1em; color:#3b3b3b; border-radius:0.2em; } #sv1t1-opt:hover { cursor:pointer; background:#3897f0; color:white; } #sv1t1-opt1 { font-size:1.05em; color:grey; border-radius:0.2em; } #sv1t1-sel2 { border:1px solid #3897f0; cursor:pointer; border-radius:0.2em; font-size:0.95em; outline:none; color:#3b3b3b; margin:0.2% 0% 0.2% 0%; } #sv3t4 { width:100%; border-collapse:collapse; color:#3b3b3b; background:#f5f5f5; margin-top:1em; height:3em; font-size:0.9em; } #sv3t4-tr1-td1 { width:25%; text-align:center; padding:1% 1% 1% 1%; } #sv3t4-tr1-td2 { width:15%; text-align:center; padding:1% 1% 1% 1%; } #sv3t4-tr1-td3 { width:35%; text-align:center; padding:1% 1% 1% 1%; } #sv3t4-tr1-td4 { width:25%; text-align:center; padding:1% 1% 1% 1%; } #sv3t4-tr1-td11 { width:25%; text-align:center; padding:1% 1% 1% 1%; border-left:1px solid #f5f5f5; word-break:break-all; word-wrap:break-word; border-right:1px solid #f5f5f5; } #sv3t4-tr1-td21 { width:15%; word-break:break-all; word-wrap:break-word; text-align:center; padding:1% 1% 1% 1%; border-right:1px solid #f5f5f5; } #sv3t4-tr1-td31 { width:35%; word-break:break-all; word-wrap:break-word; text-align:left; padding:1% 1% 1% 1%; border-right:1px solid #f5f5f5; } #sv3t4-tr1-td41 { width:25%; word-break:break-all; word-wrap:break-word; text-align:left; padding:1% 1% 1% 1%; border-right:1px solid #f5f5f5; } #stscrshceli { width:100%; color:#3897f0; cursor:pointer; } #stscrshcl { width:100%; color:#3897f0; cursor:pointer; } #colorstats { width:100%; padding-bottom:3%; } #colorst1 { float:left; width:18%; padding:1%; } #colorst12 { float:left; width:28%; padding:1%; } #colorstdiv { float:left; margin-top:0%; height:1.2em; width:1.2em; border-radius:2em; } #colorstdiv1 { float:left; padding:0% 0% 0% 1%; } /* all stats */ #divst { width:100%; margin:2% 0% 0% 0%; } #divstb { width:100%; margin:0% 0% 0% 0%; border-top:1px solid #e5e5e5; } #divst1 { width:100%; padding:0% 0% 0% 0%; background:white; } #divstd { width:98%; padding:1% 1% 1% 1%; color:#3B3B3B; border-bottom:1px solid #e5e5e5; } #divstd1 { width:98%; padding:1% 1% 1% 1%; color:#3B3B3B; border-top:1px solid #e5e5e5; } #divhist { width:100%; padding:0% 0% 0% 0%; margin:0% 0% 2% 0%; background:white; } #ash { width:97%; padding:1% 1% 1% 2%; color:#3367D6; background:white; } #ast { float:left; padding:0.5% 0% 0.5% 0%; } #tsort { width:99%; font-size:1em; color:#3B3B3B; background:white; padding:0.5% 0.5% 0.5% 0.5%; border-bottom:1px solid #e5e5e5; } #tsort-1 { float:left;text-align:left; width:100%; padding:0% 0% 0% 0%; padding-left:0%; } #tsort-2 { float:right;text-align:left; width:100%; padding:0.3% 0% 0% 0%; } #tsorts { font-size:1em; color:#3897f0; border-radius:0.2em; border:1px solid #3897f0; margin:0% 1% 0% 1%; } #tsorts:hover { cursor:pointer; } #tsort-kp { font-size:1em; border-radius:0.2em; border:1px solid #3367D6; cursor:pointer; color:white; background:#3367D6; } #tsort-kp:hover { border:1px solid #94BCE4; background:#94BCE4; } #tsortkp { width:99%; padding:0.5% 0.5% 0.5% 0.5%; clear:both; background:white; } #tsv3{ float:left; font-size:1em; padding:0.3% 0% 0% 0%; color:#3B3B3B; } #tsortviv { float:left; font-size:1em; padding:0% 0.5% 0% 0.5%; } #tsv { font-size:0.8em; color:white; border:0; border-radius:0.2em; background:#3367D6; padding:0.35em 0.55em 0.35em 0.55em; cursor:pointer; } #tsv:hover { background-color:#94BCE4; } #tsv1 { font-size:0.8em; color:white; border:0; border-radius:0.2em; background:#94BCE4; padding:0.35em 0.55em 0.35em 0.55em; cursor:pointer; } #tsv1:hover { } #nc { color:#3897f0; } #dnc { float:right; margin-right:5%; } #dcd { float:right; color:white; font-size:0.9em; font-family:myfont2; text-align: center; margin-right:1%; border-radius: 0.2em; border:0; padding: 0.3em 0.5em 0.3em 0.5em; background:grey; } #dcd:hover { cursor:pointer; background:#D73333; } /* rep pass */ #reppass { width:100%; height:100%; font-family:myfont2; font-size:100%; position:fixed; z-index:100; background:rgba(0,0,0,0.3); } #reptable { width:100%; height:100%; border-collapse:collapse; } #rep-tr { width:100%; } #rep-td { width:100%; } #repform { margin:0 auto; background:white; min-width:330px; width:35%; padding:0% 0% 0% 0%; border:0px solid #e5e5e5; border-radius:0.2em; } #reph { width:100%; text-align:center; padding:0% 0% 2% 0%; font-size:1em; color:#3B3B3B; border-bottom:1px solid #e5e5e5; } #repdiv {width:96%; text-align:center; padding:2% 2% 2% 2%; font-family:myfont2; font-size:1em; color:#34495E; border-bottom:1px solid #e5e5e5; } #repdiv2 {width:96%; text-align:center; padding:2% 2% 2% 2%; font-family:myfont2; font-size:1em; color:#34495E; } #repdtable { width:100%; border-collapse:collapse; background:white; } #repd-tr { width:100%; font-size:1em; color:white; } #repd-td1 { width:72%; text-align:right; color:#a5a5a5; font-size:1em; padding:1% 1% 1% 1%; } #repd-td2 { width:28%; color:#3367D6; text-align:left; padding:1% 1% 1% 1%; } #repdinp { width:70%; float:right; text-align:left; border:1px solid #e5e5e5; border-radius:0.2em; font-family:myfont2; font-size:1.05em; color:#3367D6; padding:0.5em 1em 0.5em 1em; } #repyes { float:left; background:#3367D6; padding:0.5em 1em 0.5em 1em; border-radius:0.2em; border:0; color:white; font-size:1.05em; } #repyes:hover { cursor:pointer; background:#94BCE4; } #repno { float:right; background:#f5f5f5; padding:0.5em 1em 0.5em 1em; border-radius:0.2em; color:grey; font-size:1em; border:1px solid #cdcdcd; } #repno:hover { cursor:pointer; background:#cdcdcd; color:white; } #reperror { width:90%; padding:1% 5% 1% 5%; text-align:center; font-size:1em; color:#BA0D0D; background:white; } /* calls pass */ #callsdiv { padding:1% 5% 1% 5%; color:white; border-radius:0.2em; font-family:myfont2; font-size:100%; left:1%; bottom:1%; position:fixed; z-index:100; background:rgba(0,0,0,0.8); } #callsdiv-a { color:#3897f0; text-decoration:underline; } #callsdiv-a:hover { cursor:pointer; color:#94BCE4; } #callsdivsc { width:96%; background:white; padding:2% 1% 2% 3%; color:#D73333; } /* scpay setting */ #dscpay { position:fixed; bottom:2%; left:1%; border-radius:0.2em; padding:1% 1% 1% 1%; text-align:center; font-family:myfont2; width:35%; z-index:500; font-size:1em; color:white; background:rgba(0,0,0,0.7); } #dscpayd1 { padding:0% 0% 0% 0%; text-align:left; font-size:1em; color:white; } #dscpayd2 { padding:0% 0% 0% 0%; text-align:left; font-size:1em; color:#a5a5a5; } #scpay-a { color:#94BCE4; text-decoration:underline; } #scpay-a:hover { cursor:pointer; color:#3897f0; } #scpay-kp { } #scpay-kp:hover { cursor:pointer; color:#94BCE4; } #er_scan { padding:0% 0% 0% 0%; text-align:center; font-size:1em; color:red; } /* chat setting */ #chat-t { width:100%; border-collapse:collapse; border:0; word-break:break-all; word-wrap:break-word; } #chat-t2 { width:100%; border-collapse:collapse; border:0; word-break:break-all; word-wrap:break-word; margin-top:3%; } #chat-tr1 { width:100%; background:white; color:#cdcdcd; border-bottom: 1px solid #e5e5e5; } #chat-td1 { width:8%; padding:1% 1% 1% 1%; text-align:center; } #chat-td2 { width:20%; padding:1% 1% 1% 1%; text-align:center; } #chat-td3 { width:2%; padding:1% 1% 1% 1%; text-align:center; } #chat-td4 { width:12%; padding:1% 1% 1% 1%; text-align:center; } #chat-td5 { width:20%; padding:1% 1% 1% 1%; text-align:center; } #chat-td6 { width:20%; padding:1% 1% 1% 1%; text-align:center; } #chat-td7 { width:18%; font-size:0.9em; padding:1% 1% 1% 1%; text-align:center; } #chat-td8 { width:0.8%; padding:1% 1% 1% 0.8%; text-align:center; } #chat-td9 { width:11.2%; padding:1% 1% 1% 1%; text-align:center; } #chat-tr2 { width:100%; border-bottom:1px solid #e5e5e5; background:white; color:#3B3B3B; cursor:pointer; } #chat-tr2:hover { background:#73b6f4; color:white; } #chat-tr3 { width:100%; border-bottom:1px solid #e5e5e5; background:white; color:#3B3B3B; } #chat-tr3b { width:100%; background:white; color:#3B3B3B; } #chat-td11 { width:8%; padding:1.5% 1% 1.5% 1%; text-align:center; border-right:1px solid #e5e5e5; } #chat-td21 { width:20%; padding:1.5% 1% 1.5% 1%; text-align:center; border-right:1px solid #e5e5e5; } #chat-td31 { width:2%; padding:1.5% 0.5% 1.5% 0.5%; text-align:center; } #chat-td41 { width:12%; padding:1.5% 1% 1.5% 1%; text-align:left; border-right:1px solid #e5e5e5; } #chat-td51 { width:20%; padding:1% 1% 1% 1%; text-align:center; border-right:1px solid #e5e5e5; } #chat-td61 { width:20%; padding:1% 1% 1% 1%; text-align:left; border-right:1px solid #e5e5e5; } #chat-td71 { width:18%; padding:1.5% 1% 1.5% 1%; text-align:center; } #chat-td81 { width:3%; padding:1.5% 0% 1.5% 1%; text-align:center; } #chat-td91 { width:9%; padding:1.5% 1% 1.5% 0%; text-align:left; border-right:1px solid #e5e5e5; } #chat-txt { max-height:3.5em; overflow:auto; } #chat-online { float:left; width:1.2em; height:1.2em; padding:0% 0% 0% 0%; cursor: pointer; opacity:1; background:url("../img/online96.png") no-repeat scroll center 60% transparent; background-size:100% 100%; } #chat-ip { float:left; width:13.5%; padding-top:13.5%; background:url("../img/ip96.png") no-repeat scroll center 60% transparent; background-size:100% 100%; } #chat-ipt { float:left; padding:1.5% 0% 0% 0%; } #chat-msg { float:left; width:1.4em; height:1.4em; padding:0% 0% 0% 0%; cursor: pointer; background:url("../img/chat96.png") no-repeat scroll center 60% transparent; background-size:100% 100%; } #chat-clear { float:left; width:13.5%; padding-top:13.5%; cursor: pointer; background:url("../img/clear96.png") no-repeat scroll center 60% transparent; background-size:100% 100%; border:1px solid white; border-radius:0.2em; } #chat-clear:hover { opacity:0.6; } #chat-del { float:right; width:13.5%; padding-top:13.5%; cursor: pointer; background:url("../img/Del96.png") no-repeat scroll center 60% transparent; background-size:100% 100%; border:1px solid white; border-radius:0.2em; } #chat-del:hover { opacity:0.6; } #chat-form { float:left; width:13.5%; padding-top:13.5%; cursor: pointer; background:url("../img/chf96.png") no-repeat scroll center 60% transparent; background-size:100% 100%; margin-left:1.5%; border:1px solid white; border-radius:0.2em; } #chat-form:hover { opacity:0.6; } #chat-sv { float:left; width:13.5%; padding-top:13.5%; cursor: pointer; background:url("../img/sv96.png") no-repeat scroll center 60% transparent; background-size:100% 100%; margin-left:0%; border:1px solid white; border-radius:0.2em; } #chat-sv:hover { opacity:0.6; } #chat-op { float:left; width:13.5%; padding-top:13.5%; cursor: pointer; background:url("../img/op96.png") no-repeat scroll center 60% transparent; background-size:100% 100%; border:1px solid white; border-radius:0.2em; } #chat-op:hover { opacity:0.6; } #chat-ban { float:left; width:13.5%; padding-top:13.5%; cursor: pointer; background:url("../img/ban96.png") no-repeat scroll center 60% transparent; background-size:100% 100%; border:1px solid white; border-radius:0.2em; } #chat-ban:hover { opacity:0.6; } #chat-ban1 { float:left; width:13.5%; padding-top:13.5%; cursor: pointer; background:url("../img/op96.png") no-repeat scroll center 60% transparent; background-size:100% 100%; border:1px solid white; border-radius:0.2em; } #chat-ban1:hover { opacity:0.6; } #chat-clear1 { float:left; width:13.5%; padding-top:13.5%; background:url("../img/clear96.png") no-repeat scroll center 60% transparent; background-size:100% 100%; opacity:0.7; } #chat-del1 { float:right; width:13.5%; padding-top:13.5%; background:url("../img/Del96.png") no-repeat scroll center 60% transparent; background-size:100% 100%; opacity:0.7; } #chat-ban1 { float:left; width:13.5%; padding-top:13.5%; background:url("../img/ban96.png") no-repeat scroll center 60% transparent; background-size:100% 100%; opacity:0.7; } #chat-off { background:#D73333; width:0.6em; height:0.6em; border-radius:2em; border:0.2em solid #e5e5e5; } #chat-on { background:#3CB72C; /*width:80%; padding-top:80%; border-radius:2em; border:3px solid #e5e5e5;*/ width:0.6em; height:0.6em; border-radius:2em; border:0.2em solid #e5e5e5; } #chatmsg { width:100%; background:white; margin:1% 0% 0% 0%; padding:0% 0% 0% 0%; } #chatmsg1 { width:98%; color:#3b3b3b; border-bottom:1px solid #e5e5e5; padding:0.9% 1% 0.7% 1%; } #chatmsg1msg { width:98%; color:#3B3B3B; background:#fafafa; padding:0.9% 1% 0.7% 1%; } #chatmsg1h { padding:0.12% 0% 0% 2.5%; } #chatmsg2 { width:96%; color:#3B3B3B; max-height:20em; overflow: auto; background:white; padding:2% 2% 2% 2%; } #chmsg2d { width:100%; padding:0.5% 0% 0.5% 0%; } #chmsg2u { float:left; color:#3B3B3B; background:#94BCE4; word-break:break-all; word-wrap:break-word; padding:1% 1% 1% 1%; max-width:70%; border-top-left-radius:0.5em; border-top-right-radius:0.5em; border-bottom-right-radius:0.5em; } #chmsg2o { float:right; color:#3B3B3B; background:#97E494; word-break:break-all; word-wrap:break-word; padding:1% 1% 1% 1%; max-width:70%; border-top-left-radius:0.5em; border-top-right-radius:0.5em; border-bottom-left-radius:0.5em; /* 94E494 97E494 */ } #chmsg2b { float:right; color:#3B3B3B; background:#f5f5f5; word-break:break-all; word-wrap:break-word; padding:1% 1% 1% 1%; max-width:70%; border-top-left-radius:0.5em; border-top-right-radius:0.5em; border-bottom-left-radius:0.5em; } /*#chmsg2dt { width:96%; padding:0.5% 2% 0.5% 2%; background:#f5f5f5; } */ #chatmsg3 { width:100%; color:#3B3B3B; border-top:1px solid #e5e5e5; padding:0% 0% 0% 0%; } #chatmsg3d { width:100%; border-bottom:1px solid #e5e5e5; padding:0% 0% 0% 0%; } #chatmsg3d1 { width:96%; padding:1% 1% 0.5% 1%; } #chatmsg3d2 { width:98%; padding:0.5% 1% 1% 1%; } #cmpoisk { float:left; width:100%; border:1px solid #3897f0; border-radius:0.2em; color:#3897f0; font-size:1em; font-family:myfont2; margin:0% 0% 0% 0%; padding:0.5% 0.5% 0.5% 0.5%; background:white; } #cmteg1 { width:100%; padding:0% 0% 0% 0%; background:white; } #cmteg { width:100%; max-height:20em; overflow-y: scroll; } #cmtegd { width:100%; background:#fafafa; color:#3897f0; padding:1% 0% 1% 0%; border-top:1px solid #e5e5e5; } #cmtegd:hover { cursor:pointer; background:#73b6f4; color:white; } #cmtegt { width:98%; padding:0% 1% 0% 1%; } #cmnot_res { width:98%; padding:1% 1% 1% 1%; border-top:1px solid #e5e5e5; } #chatmsg4 { width:98%; color:#3B3B3B; padding:1% 1% 1% 1%; } #chatmsg41 { float:left; width:78%; color:#3B3B3B; padding:1% 1% 1% 1%; } #chatmsg42 { float:left; width:18%; color:#3B3B3B; padding:1% 1% 1% 1%; } #cmsg-ta { width:98%; height:3.5em; resize:none; color:black; border:1px solid #CDCDCD; font-size:0.95em; padding:1% 1% 1% 1%; border-bottom-left-radius:0.2em; border-top-left-radius:0.2em; border-bottom-right-radius:0.2em; border-top-right-radius:0.2em; } #cmsg-kp { color:white; font-size:0.95em; width:100%; text-align: center; opacity:1; border:0; border-radius:0.2em; padding: 3% 0% 3% 0%; font-family:myfont2; font-weight:bold; background: #3897f0; /*#2196f3 #3367D6 #94BCE4*/ cursor: pointer; } #cmsg-kp:hover { background: #73b6f4; } #chat_pro { width:100%; background:#f5f5f5; color:grey; font-size:0.9em; margin:0% 0% 0% 0%; } #chat_pro1 { width:52%; padding:0.5% 0% 0.5% 48%; text-align:left; display:none; } #chat-pri { float:left; width:1.1em; height:1.1em; margin:0% 0% 0% 0%; background:url("../img/pr96.png") no-repeat scroll center 60% transparent; background-size:100% 100%; } #chat-a11 { float:left; cursor:pointer; background:#3CB72C; font-size:0.9em; margin-left:3%; color:white; padding:2% 5% 2% 5%; border-radius:0.2em; } #chat-a11:hover { background:#7DDD70; } #chat-a2 { float:left; background:#7DDD70; font-size:0.9em; margin-left:3%; color:white; padding:2% 5% 2% 5%; border-radius:0.2em; } #chat-a1 { float:left; cursor:pointer; background:#D73333; font-size:0.9em; margin-left:3%; color:white; padding:2% 5% 2% 5%; border-radius:0.2em; } #chat-a1:hover { background:#E49494; } #chdel { float:right; color:white; margin-right:1%; border-radius:0.2em; padding:0.5% 1% 0.5% 1%; background:#D73333; } #chdel:hover { cursor:pointer; background:#E49494; } #chattd41d1 { float:left; } #chattd41d2 { float:left; margin-left:2%; } #divchat { width:100%; padding:0% 0% 0% 0%; } #divchat2 { width:100%; padding:0% 0% 0% 0%; margin-top:1%; } /* online-chat settings */ #divochat { width:100%; padding:0% 0% 0% 0%; margin:0% 0% 0% 0%; background:white; } #divochath { width:100%; padding:0% 0% 0% 0%; } #divochath1 { float:left; width:50%; padding:1% 0% 1% 0%; text-align:center; background:#94BCE4; color:white; cursor:pointer; } #divochath2 { float:right; width:50%; padding:1% 0% 1% 0%; text-align:center; background:#3367D6; color:white; cursor:pointer; } #divochath1:hover,#divochath2:hover { background:#94BCE4; } #divochat1 { width:100%; padding:1% 0% 0% 0%; } #divochat2 { width:100%; padding:2% 0% 2% 0%; background:#f7f7f7; display:block; } #divochat3 { width:100%; padding:0% 0% 0% 0%; display:none; } #ochtable { width:100%; border-collapse:collapse; border:0; } #ochtr { width:100%; color:#3B3B3B; } #ochtr1 { width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; color:#cdcdcd; background:; } #ochtd1 { width:25%; padding:1% 1% 1% 1%; text-align:center; } #ochtd2 { width:25%; padding:1% 1% 1% 1%; text-align:left; } #ochtd3 { width:25%; padding:1% 1% 1% 1%; text-align:center; } #ochtd4 { width:25%; padding:1% 1% 1% 1%; text-align:left; } #ochcinp { float:left; border:0px solid #ccc; padding:0px 2px 0px 2px; margin:0; background:#ccc; cursor:pointer; border-radius: 0.2em; } #ochcradio { float:left; padding:0% 0% 0% 0%; margin:0% 0% 0% 1%; cursor:pointer; width:1.3em; height:1.3em; } #chradiodiv { float:left; margin:0% 0% 0% 2%; padding:1% 1% 1% 1%; } #ochcradios { float:left; margin:0% 0% 0% 1%; padding:0% 0% 0% 0%; color:#3897f0; } #ochcheckbox { float:left; padding:0% 0% 0% 0%; margin:0; cursor:pointer; width:1.4em; height:1.4em; } #rangecchat,#rangecchath,#rangechatrampr, #rangechatramprh { /* контейнер */ -webkit-appearance: none; margin:0; float:left; appearance: none; cursor:pointer; padding: 0; border: 3px solid #ccc; border-radius: 0.2em; box-shadow: inset 0 1px #ccc, inset 0 1px 1px #575555, inset 0 -2px #ccc; background: #fff linear-gradient(#94BCE4, #fff0f5); overflow: hidden; } #rangecchat::-moz-range-thumb, #rangecchat::-moz-range-thumb, #rangechatrampr::-moz-range-thumb, #rangechatramprh::-moz-range-thumb { /* ползунок в Firefox */ border-radius: 0.2em; box-shadow: -13px 0 #3897f0, -26px 0 #3897f0, -39px 0 #3897f0, -52px 0 #3897f0, -65px 0 #3897f0, -78px 0 #3897f0, -91px 0 #3897f0, -104px 0 #3897f0, -117px 0 #3897f0, -130px 0 #3897f0, -143px 0 #3897f0, -156px 0 #3897f0; } #rangecchat::-moz-range-track, #rangecchath::-moz-range-track, #rangechatrampr::-moz-range-track, #rangechatramprh::-moz-range-track { /* линия, по которой он ездит в Firefox */ background: none; border: none; } #rangecchat::-webkit-slider-thumb, #rangecchath::-webkit-slider-thumb, #rangechatrampr::-webkit-slider-thumb, #rangechatramprh::-webkit-slider-thumb { /* ползунок в Хроме */ -webkit-appearance: none; width:1.3em; height:1.3em; border: 1px solid #818181; border-radius: 0.2em; background-image: linear-gradient(silver, grey); box-shadow: -13px 0 #3897f0, -26px 0 #3897f0, -39px 0 #3897f0, -52px 0 #3897f0, -65px 0 #3897f0, -78px 0 #3897f0, -91px 0 #3897f0, -104px 0 #3897f0, -117px 0 #3897f0, -130px 0 #3897f0, -143px 0 #3897f0, -156px 0 #3897f0; } #rangecchats,#rangecchaths,#rangechatramprs, #rangechatramprhs { float:left; padding:1% 0% 0% 2%; color:#3897f0; } /* theme */ #chthemet { width:100%; border-collapse:collapse; border:0; } #chthemetr { width:100%; color:#cdcdcd; background:white; border-bottom:1px solid #e5e5e5; } #chthemetr1 { width:100%; border-bottom:1px solid #e5e5e5; } #chthemetr11 { width:100%; } #chthemetd1 { width:65%; padding:1% 1% 1% 5%; text-align:left; } #chthemetd2 { width:15%; padding:1% 1% 1% 2%; text-align:left; } #chthemetd3 { width:25%; padding:1% 1% 1% 1%; text-align:center; } #chthemetd11 { width:65%; border-right:0px solid #e5e5e5; padding:1.2% 1% 1.2% 5%; text-align:left; color:#3B3B3B; } #chthemetd21 { width:15%; padding:1.2% 1% 1.2% 1%; border-right:0px solid #e5e5e5; text-align:left; color:#3367D6; } #chthemetd31 { width:25%; padding:1.45% 1% 1.45% 1%; text-align:center; color:#3367D6; } #chtplttr { width:100%; border-bottom:1px solid #e5e5e5; } #chtplttr1 { width:100%; } #chtplttd1 { width:70%; padding:1% 1% 1% 1%; text-align:center; } #chtplttd2 { width:30%; padding:1% 1% 1% 1%; text-align:center; } #chtplttd11 { width:70%; padding:1.5% 1% 1.5% 1%; text-align:left; color:#3B3B3B; } #chtplttd21 { width:30%; padding:1.5% 1% 1.5% 1%; text-align:right; color:#3367D6; } #chtheme-a1 { float:left; margin-left:5%; cursor:pointer; } #chtheme-a1:hover { color:#94BCE4; } #chtheme-a11 { float:left; color:grey; margin-left:5%; } #ch-img1 { float:left; cursor:pointer; width:1.2em; height:1.2em; margin-left:5%; background:url('../img/logo/scr.svg') no-repeat; background-size:100% 100%; margin-top:0.1em; } #ch-img1:hover { background:url('../img/logo/scr1.svg') no-repeat; background-size:100% 100%; } #ch-img2 { float:left; cursor:pointer; width:1.5em; height:1.5em; margin-left:5%; background:url('../img/logo/copy.svg') no-repeat; background-size:100% 100%; } #ch-img2:hover { background:url('../img/logo/copy1.svg') no-repeat; background-size:100% 100%; } #ch-img3 { float:left; cursor:pointer; width:1.5em; height:1.5em; margin-left:15%; background:url('../img/logo/del.svg') no-repeat; background-size:100% 100%; } #ch-img3:hover { background:url('../img/logo/del1.svg') no-repeat; background-size:100% 100%; } #ch-img31 { float:left; cursor:pointer; width:1.5em; height:1.5em; margin-left:15%; background:url('../img/logo/del.svg') no-repeat; background-size:100% 100%; } #ch-img31:hover { background:url('../img/logo/del1.svg') no-repeat; background-size:100% 100%; } #chtheme-a4 { background:#D73333; padding:1.5% 5% 2% 5%; color:white; cursor:pointer; border-radius:0.2em; } #chtheme-a4:hover { background:#E49494; } #chtheme-a3 { background:#3CB72C; padding:0.3em 0.5em 0.3em 0.5em; color:white; border-radius:0.2em; /* 7DDD70 */ } #chtheme-a3:hover { } #chtheme-a2 { background:#3897f0; padding:0.3em 0.5em 0.3em 0.5em; color:white; cursor:pointer; border-radius:0.2em; } #chtheme-a2:hover { background:#94BCE4; } #chtheme-a5 { background:grey; padding:0.3em 0.5em 0.3em 0.5em; color:white; cursor:pointer; border-radius:0.2em; } #themeinp { width:80%; text-align:left; border:1px solid #cdcdcd; font-size:1em; color:black; background:#f8f8f8; padding:0.5% 1% 0.5% 1%; border-radius:0.2em; } #themeinp:hover { border:1px solid #3897f0; } /* changetheme setting */ #chngthm { width:100%; padding:0% 0% 0% 0%; } #chngthm-div { width:100%; border-top:1px solid #e5e5e5; padding:1.5% 0% 1.5% 0%; text-align:right; } #chngthm-kp { color: white; float:right; font-size:1.1em; font-family:myfont2; text-align: center; font-weight:bold; margin-top: 0%; margin-right:5%; border-radius: 0.2em; border:0; padding: 0.3em 1em 0.3em 1em; background: #3897f0; cursor: pointer; } #chngthm-kp:hover { background:#73b6f4; } #chngthm-ok { color: white; text-align:center; float:right; font-size:1.1em; font-family:myfont2; text-align: center; font-weight:bold; margin-top: 0%; margin-right:5%; border-radius: 0.2em; border:0; padding: 0.3em 1em 0.3em 1em; background:grey; } /* chatbot setting */ /* tsorts */ #schb-s { padding:0% 1% 0% 1%; border:1px solid #3367D6; color:#3367D6; border-radius:0.2em; font-size: 1em; } #schb-o { padding:0.5% 0.5% 0.5% 0.5%; border:1px solid #3367D6; color:#3367D6; border-radius:0.2em; } #tchtable { width:100%; border-collapse:collapse; border:0; } #tchtr { width:100%; color:#3B3B3B; } #tchtr1 { width:100%; color:#3B3B3B; border-bottom:1px solid #e5e5e5; } #tchtr2 { width:100%; color:#cdcdcd; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; } #tchtr3 { width:100%; color:#cdcdcd; border-bottom:1px solid #e5e5e5; } #tchtd1 { width:45%; padding:1% 1% 1% 1%; text-align:center; } #tchtd2 { width:55%; padding:1% 1% 1% 1%; text-align:left; } #tchtd11 { width:25%; padding:1% 1% 1% 1%; text-align:center; } #tchtd21 { width:75%; padding:1% 1% 1% 1%; text-align:left; } #chbfoto { color:#3897f0; padding:3% 3% 3% 3%; font-size:0.95em; cursor:pointer; } #delchbf { color:#3367D6; font-size:1em; margin-top:0%; cursor:pointer; } #chbinp {width:60%; text-align:left; border:1px solid #cdcdcd; font-size:1em; color:black; padding:1% 1% 1% 1%; border-radius:0.2em; } #chbdiv1 { float:left; width:10%; padding-top:10%; } #delchbf1 { float:left; color:white; border-radius:0.2em; padding:0.5% 1% 0.5% 1%; background:#D73333; margin: 2% 0% 0% 2%; } #delchbf1:hover { cursor:pointer; background:#E49494; } #delchbf2 { float:left; color:#3897f0; padding:0% 0% 0% 0%; margin: 1em 0% 0% 1em; } #delchbf2:hover { cursor:pointer; color:#94BCE4; } #bottimes,#bottimehs { float:left; padding:0.4% 0% 0% 1%; color:#3367D6; } #cchattxta { width:80%; height:4em; resize:none; color:black; border:1px solid #cdcdcd; font-size:0.95em; padding:1% 1% 1% 1%; border-radius:0.2em; } /* help chat */ #helpchat { left:2%; bottom:2%; z-index:150; position:fixed; width:12%; padding:0.5% 0.5% 0.5% 0.5%; background:rgba(0,0,0, 0.8); font-size:1em; color:white; border-radius:0.2em; } #hchclose { width:100%; color:grey; padding:0% 0% 0% 0%; } #hchclosed { float:right; cursor:pointer; font-family:myfont2; } #hchclosed:hover { color:white; } #hchdiv { width:94%; color:white; border:1px solid #cdcdcd; padding:3% 3% 3% 3%; border-radius:0.2em; } /* chat code show */ #chcodeshow { width:92%; padding:2% 4% 2% 4%; background:white; color:#3B3B3B; font-size:1.2em; } #chcshowh { width:98%; padding:1% 1% 1% 1%; border-bottom:1px solid #e5e5e5; background:white; color:#cdcdcd; } #chcshowh1 { width:98%; padding:1% 1% 1% 1%; background:white; color:#cdcdcd; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; } /* chat setting */ #chatcs-t { width:100%; border-collapse:collapse; border:0; margin-top:2%; } #chatcs-tr1 { width:100%; background:white; color:#cdcdcd; border-bottom: 1px solid #e5e5e5; } #chatcs-td1 { width:8%; padding:1% 1% 1% 1%; text-align:center; } #chatcs-td2 { width:8%; padding:1% 1% 1% 1%; text-align:center; } #chatcs-td3 { width:25%; padding:1% 1% 1% 1%; text-align:center; } #chatcs-td4 { width:15%; padding:1% 1% 1% 1%; text-align:center; } #chatcs-td5 { width:5%; padding:1% 1% 1% 1%; text-align:center; } #chatcs-td6 { width:20%; padding:1% 1% 1% 1%; text-align:center; } #chatcs-td7 { width:20%; padding:1% 1% 1% 1%; text-align:center; } #chatcs-tr2 { width:100%; border-bottom:1px solid #e5e5e5; background:white; color:#3B3B3B; } #chatcs-tr3 { width:100%; border-bottom:1px solid #e5e5e5; background:white; color:#3B3B3B; } #chatcs-td11 { width:8%; padding:1% 1% 1% 1%; text-align:center; border-right:1px solid #e5e5e5; } #chatcs-td21 { width:8%; padding:1% 1% 1% 1%; text-align:center; border-right:1px solid #e5e5e5; } #chatcs-td31 { width:25%; padding:1% 1% 1% 1%; border-right:1px solid #e5e5e5; text-align:center; } #chatcs-td41 { width:15%; padding:1% 1% 1% 1%; text-align:center; border-right:1px solid #e5e5e5; } #chatcs-td51 { width:5%; padding:1% 1% 1% 1%; text-align:center; border-right:1px solid #e5e5e5; } #chatcs-td61 { width:20%; padding:1% 1% 1% 1%; text-align:center; border-right:1px solid #e5e5e5; } #chatcs-td71 { width:20%; padding:1% 1% 1% 1%; text-align:center; border-right:1px solid #e5e5e5; } #chatcs-txt { } /* booking */ #booking { width:88%; background:white; padding:1% 1% 1% 1%; margin:5% 5% 5% 5%; border-radius:0.2em; } #bookd1 { float:left; width:50%; padding:0% 0% 0% 0%; } #bookd2 { float:left; width:50%; padding:0% 0% 0% 0%; } #bookh { width:96%; padding:2% 2% 3% 2%; font-weight:bold; /* background:white; color:#20486d;*/ font-family:myfont2; font-size:1.3em; text-align:left; color:black; } #bookh1 { width:96%; padding:1% 2% 1% 2%; /* background:white; color:#20486d;*/ font-family:myfont2; font-size:1.1em; text-align:left; color:#3b3b3b; } #bookh2 { width:96%; padding:1% 2% 1% 2%; /* background:white; color:#20486d; text-decoration:underline;*/ font-family:myfont2; font-size:1.2em; text-align:left; color:#3b3b3b; } #bookh2a { text-decoration:underline; } #bookh2a:hover { } #bookd2d { height:25em; width:96%; padding:2% 2% 3% 2%; } /* autoscipt setting */ #autoscript { width:100%; font-family:myfont2; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; /*display:none;*/ } #autoscript-t { width:100%; border-collapse:collapse; border:0; } #autoscript-tr { width:100%; } #autoscript-td { width:100%; font-family:myfont2; text-align:left; } #as-pr { width:100%; padding:0% 0% 0% 0%; background:#e5e5e5; border-radius:0.2em; } #as-prn { width:0%; padding:0.7% 0% 0.5% 0%; border-radius:0.2em; color:white; text-align:center; background:#3897f0; } /* step1 */ #as1-div { width:96%; text-align:center; background:white; border-radius:0.2em; padding:1% 2% 2% 2%; font-size:1.1em; } #as1-ertype { width:96%; text-align:center; background:white; border-radius:0.2em; padding:0% 0% 0% 0%; font-size:1.1em; } #as1-divkp { width:100%; padding:1.5% 0% 1.5% 0%; color:white; font-size:1.1em; } #as1-kp-1 { float:left; text-align:center; width:12%; background:grey; padding:1.2% 1% 1.2% 1%; border-radius:0.2em; cursor:pointer; } #as1-kp-1:hover { background:#cccccc; } #as1-kp-2 { float:right; text-align:center; width:12%; background:#3897f0; padding:1.2% 1% 1.2% 1%; border-radius:0.2em; cursor:pointer; } #as1-kp-2:hover { background:#73b6f4; } #as1-kp-3 { float:right; text-align:center; width:22%; background:#3897f0; padding:1.2% 1% 1.2% 1%; border-radius:0.2em; cursor:pointer; } #as1-kp-3:hover { background:#73b6f4; } /* step2 */ #asstep2ts1,#asstep2ts2,#asstep2ts3 { float:left; margin-left:35%; cursor:pointer; text-align:left; width:48%; margin-top:1%; padding:1.5% 1% 1.5% 1%; font-size:0.95em; border-radius:0.2em; } /*#asstep2ts1:hover,#asstep2ts2:hover,#asstep2ts3:hover { background:#e5e5e5; }*/ #asstep2-div { float:left; width:85%; text-align:left; } #asstep2inf { float:left; width:14%; padding:0% 1% 0% 0%; text-align:left; font-size:0.85em; color:grey; } #asstep2img1,#asstep2img2,#asstep2img3 { float:left; cursor:pointer; margin-top:2.5%; width:1.3em; height:1.3em; margin-left:2%; background:url('../img/infostr.png') no-repeat; background-size:100% 100%; } #as1-name,#as2-good { width:50%; text-align:left; border:1px solid #CDCDCD; font-size:1em; color:black; background:#f8f8f8; margin:2% 0% 0% 0%; padding:1% 1% 1% 1%; border-radius:0.2em; } #as5-divm { width:100%; padding:0.5% 0% 0% 0%; } #as5-inp1,#as5-inp2,#as5-inp3 { width:50%; font-size:0.9em; text-align:left; border:1px solid #CDCDCD; color:black; background:#f8f8f8; margin:0.8% 0% 0% 0%; padding:0.5% 0.5% 0.5% 0.5%; border-radius:0.2em; } #as5-ta { width:99%; font-size:0.9em; height:4em; text-align:left; border:1px solid #CDCDCD; color:black; background:#f8f8f8; margin:1% 0% 0% 0%; padding:0.5% 0.5% 0.5% 0.5%; border-radius:0.2em; } #as5-ch1 { width:1.3em; height:1.3em; border:1px solid #CDCDCD; margin:0% 0% 0% 0%; cursor:pointer; } #as5-ch2 { width:1.3em; height:1.3em; border:1px solid #CDCDCD; margin:1% 0% 0% 0%; cursor:pointer; } #as6-inp2,#as6-inp3,#as6-inp5 { width:50%; font-size:0.9em; text-align:left; border:1px solid #CDCDCD; color:black; background:#f8f8f8; margin:0.8% 0% 0% 0%; padding:0.5% 0.5% 0.5% 0.5%; border-radius:0.2em; } #as6-inp1,#as6-inp4 { width:20%; font-size:0.9em; text-align:left; border:1px solid #CDCDCD; color:black; background:#f8f8f8; margin:0.8% 0% 0% 0%; padding:0.5% 0.5% 0.5% 0.5%; border-radius:0.2em; } #as7-video { padding:0% 0% 0% 0%; color:white; background:#f2f2f2; margin:0% 0% 0% 0%; } #as7-er { width:98%; padding:0% 1% 0.5% 1%; color:#D73333; margin:0% 0% 2% 0%; } #as8-inp1 { width:30%; font-size:0.9em; text-align:left; border:1px solid #CDCDCD; color:black; background:#f8f8f8; margin:0.8% 0% 0% 0%; padding:0.5% 0.5% 0.5% 0.5%; border-radius:0.2em; } #as8-inp2 { width:99%; font-size:0.9em; height:4em; text-align:left; border:1px solid #CDCDCD; color:black; background:#f8f8f8; margin:1% 0% 0% 0%; padding:0.5% 0.5% 0.5% 0.5%; border-radius:0.2em; } /* goscript */ #goscript { width:96%; background:white; padding:1% 1% 1% 3%; color:#3b3b3b; } #goscriptip { padding:1% 0% 0% 0%; } #goscriptcb { height:1.2em; width:1.2em; cursor:pointer; } #goscriptcb:hover { cursor:pointer; color:#73b6f4; } #prcode1 { height:1.2em; width:1.2em; color:#939393; cursor:pointer; } #prcode1:hover { cursor:pointer; color:#73b6f4; }