html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{overflow-wrap:break-word;white-space:pre-wrap;font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#38a9ff;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:2px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:2px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:2px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:2px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#38a9ff;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:2px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menuRight{right:0;left:auto}.dropdown-menuLeft{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menuLeft{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:2px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:2px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:2px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:2px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:2px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:2px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:2px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:2px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:2px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:2px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:2px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:2px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:2px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:2px;border-bottom-left-radius:2px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:2px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:2px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.in{opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:99999;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;opacity:0;line-break:auto}.tooltip.in{opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:2px;word-wrap:break-word}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-modal .fr-modal-head .fr-modal-head-line::after{clear:both;display:block;content:"";height:0}.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more{margin-top:10px}.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available{opacity:0;width:0;padding:12px 0}.fr-modal .fr-modal-head .fr-modal-tags{padding:0 20px;display:none;text-align:left}.fr-modal .fr-modal-head .fr-modal-tags a{display:inline-block;opacity:0;padding:6px 12px;margin:8px 0 8px 8px;text-decoration:none;border-radius:32px;-moz-border-radius:32px;-webkit-border-radius:32px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:opacity .2s ease 0s,background .2s ease 0s;-moz-transition:opacity .2s ease 0s,background .2s ease 0s;-ms-transition:opacity .2s ease 0s,background .2s ease 0s;-o-transition:opacity .2s ease 0s,background .2s ease 0s;cursor:pointer;background-color:#f5f5f5}.fr-modal .fr-modal-head .fr-modal-tags a:focus{outline:0;background-color:#ebebeb}.fr-modal .fr-modal-head .fr-modal-tags a:hover{background-color:#ebebeb}.fr-modal .fr-modal-head .fr-modal-tags a:active{background-color:#d6d6d6}.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag{background-color:#ecf5ff;color:#0098f7}.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus{outline:0;background-color:#ebebeb}.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover{background-color:#ebebeb}.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active{background-color:#d6d6d6}.fr-show-tags .fr-modal-more svg path{fill:#0098f7}div.fr-modal-body{-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s}div.fr-modal-body .fr-preloader{display:block;margin:50px auto}div.fr-modal-body div.fr-image-list{text-align:center;margin:0 20px;padding:0}div.fr-modal-body div.fr-image-list .fr-list-column{float:left;width:calc((100% - 20px)/ 2)}@media (min-width:768px) and (max-width:1199px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 40px)/ 3)}}@media (min-width:1200px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 60px)/ 4)}}div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column{margin-left:20px}div.fr-modal-body div.fr-image-list div.fr-image-container{position:relative;width:100%;display:block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;overflow:hidden}div.fr-modal-body div.fr-image-list div.fr-image-container:first-child{margin-top:20px}div.fr-modal-body div.fr-image-list div.fr-image-container+div{margin-top:20px}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after{position:absolute;-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;-webkit-transition:opacity .2s ease 0s;-moz-transition:opacity .2s ease 0s;-ms-transition:opacity .2s ease 0s;-o-transition:opacity .2s ease 0s;background:#000;content:"";top:0;left:0;bottom:0;right:0;z-index:2}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before{content:attr(data-deleting);color:#fff;top:0;left:0;bottom:0;right:0;margin:auto;position:absolute;z-index:3;font-size:15px;height:20px}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty{height:95px;background:#ccc;z-index:1}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;content:attr(data-loading);display:inline-block;height:20px}div.fr-modal-body div.fr-image-list div.fr-image-container img{width:100%;vertical-align:middle;position:relative;z-index:2;-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-transition:opacity .2s ease 0s,filter .2s ease 0s;-moz-transition:opacity .2s ease 0s,filter .2s ease 0s;-ms-transition:opacity .2s ease 0s,filter .2s ease 0s;-o-transition:opacity .2s ease 0s,filter .2s ease 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img{-webkit-opacity:.75;-moz-opacity:.75;opacity:.75}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img{display:inline-block}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{display:none;top:50%;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:background .2s ease 0s,color .2s ease 0s;-moz-transition:background .2s ease 0s,color .2s ease 0s;-ms-transition:background .2s ease 0s,color .2s ease 0s;-o-transition:background .2s ease 0s,color .2s ease 0s;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;cursor:pointer;margin:0;line-height:40px;text-decoration:none;z-index:3}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{background:#b8312f;fill:#fff;padding:8px;left:50%;-webkit-transform:translateY(-50%) translateX(25%);-moz-transform:translateY(-50%) translateX(25%);-ms-transform:translateY(-50%) translateX(25%);-o-transform:translateY(-50%) translateX(25%)}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{background:#fff;fill:#0098f7;padding:8px;left:50%;-webkit-transform:translateY(-50%) translateX(-125%);-moz-transform:translateY(-50%) translateX(-125%);-ms-transform:translateY(-50%) translateX(-125%);-o-transform:translateY(-50%) translateX(-125%)}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img{-webkit-opacity:.75;-moz-opacity:.75;opacity:.75}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img{display:inline-block;line-height:25px;width:40px;height:40px}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#fff}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#ebebeb}.clearfix:after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-element,.fr-element:focus{outline:0}.fr-box.fr-basic .fr-element{color:#000;padding:16px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-x:auto;min-height:52px}.fr-box.fr-basic.fr-rtl .fr-element{text-align:right}.fr-element{background:0 0;position:relative;z-index:2;-webkit-user-select:auto}.fr-element a{user-select:auto;-o-user-select:auto;-moz-user-select:auto;-khtml-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto}.fr-element.fr-disabled{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element [contenteditable=true]{outline:0}.fr-box a.fr-floating-btn{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;height:32px;width:32px;background:#fff;color:#1e88e5;-webkit-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-moz-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-ms-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-o-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;outline:0;left:0;top:0;line-height:32px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);text-align:center;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0}.fr-box a.fr-floating-btn svg{-webkit-transition:transform .2s ease 0s;-moz-transition:transform .2s ease 0s;-ms-transition:transform .2s ease 0s;-o-transition:transform .2s ease 0s;fill:#1e88e5}.fr-box a.fr-floating-btn i,.fr-box a.fr-floating-btn svg{font-size:14px;line-height:32px}.fr-box a.fr-floating-btn.fr-btn+.fr-btn{margin-left:10px}.fr-box a.fr-floating-btn:hover{background:#ebebeb;cursor:pointer}.fr-box a.fr-floating-btn:hover svg{fill:#1e88e5}.fr-box .fr-visible a.fr-floating-btn{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}iframe.fr-iframe{width:100%;border:0;position:relative;display:block;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-wrapper{position:relative;z-index:1}.fr-wrapper:after{clear:both;display:block;content:"";height:0}.fr-wrapper .fr-placeholder{position:absolute;font-size:12px;color:#aaa;z-index:1;display:none;top:0;left:0;right:0;overflow:hidden}.fr-wrapper.show-placeholder .fr-placeholder{display:block}.fr-wrapper ::-moz-selection{background:#b5d6fd;color:#000}.fr-wrapper ::selection{background:#b5d6fd;color:#000}.fr-box.fr-basic .fr-wrapper{background:#fff;border:0;border-top:0;top:0;left:0}.fr-box.fr-basic.fr-top .fr-wrapper{border-top:0;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-box.fr-basic.fr-bottom .fr-wrapper{border-bottom:0;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16)}.fr-tooltip{position:absolute;top:0;left:0;padding:0 8px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);background:#222;color:#fff;font-size:11px;line-height:22px;font-family:Arial,Helvetica,sans-serif;-webkit-transition:opacity .2s ease 0s;-moz-transition:opacity .2s ease 0s;-ms-transition:opacity .2s ease 0s;-o-transition:opacity .2s ease 0s;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(opacity=0)";left:-3e3px;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:2147483647;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fr-tooltip.fr-visible{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"alpha(opacity=0)"}.fr-popup .fr-command.fr-btn,.fr-toolbar .fr-command.fr-btn{background:0 0;color:#222;-moz-outline:0;outline:0;border:0;line-height:1;cursor:pointer;text-align:left;margin:0 2px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;float:left;padding:0;width:38px;height:38px}.fr-popup .fr-command.fr-btn::-moz-focus-inner,.fr-toolbar .fr-command.fr-btn::-moz-focus-inner{border:0;padding:0}.fr-popup .fr-command.fr-btn.fr-btn-text,.fr-toolbar .fr-command.fr-btn.fr-btn-text{width:auto}.fr-popup .fr-command.fr-btn i,.fr-popup .fr-command.fr-btn svg,.fr-toolbar .fr-command.fr-btn i,.fr-toolbar .fr-command.fr-btn svg{display:block;font-size:14px;width:14px;margin:12px;text-align:center;float:none}.fr-popup .fr-command.fr-btn span.fr-sr-only,.fr-toolbar .fr-command.fr-btn span.fr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-popup .fr-command.fr-btn span,.fr-toolbar .fr-command.fr-btn span{font-size:14px;display:block;line-height:17px;min-width:34px;float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:17px;font-weight:700;padding:0 2px}.fr-popup .fr-command.fr-btn img,.fr-toolbar .fr-command.fr-btn img{margin:12px;width:14px}.fr-popup .fr-command.fr-btn.fr-active,.fr-toolbar .fr-command.fr-btn.fr-active{color:#1e88e5;background:0 0}.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection,.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection{width:auto}.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span,.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span{font-weight:400}.fr-popup .fr-command.fr-btn.fr-dropdown i,.fr-popup .fr-command.fr-btn.fr-dropdown img,.fr-popup .fr-command.fr-btn.fr-dropdown span,.fr-popup .fr-command.fr-btn.fr-dropdown svg,.fr-toolbar .fr-command.fr-btn.fr-dropdown i,.fr-toolbar .fr-command.fr-btn.fr-dropdown img,.fr-toolbar .fr-command.fr-btn.fr-dropdown span,.fr-toolbar .fr-command.fr-btn.fr-dropdown svg{margin-left:8px;margin-right:16px}.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active{color:#222;background:rgba(220,230,238,.5)}.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover{background:rgba(220,230,238,.5)!important;color:#222!important}.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus:after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover:after,.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus:after,.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover:after{border-top-color:#222!important}.fr-popup .fr-command.fr-btn.fr-dropdown:after,.fr-toolbar .fr-command.fr-btn.fr-dropdown:after{position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #222;right:4px;top:17px;content:""}.fr-popup .fr-command.fr-btn.fr-disabled,.fr-toolbar .fr-command.fr-btn.fr-disabled{color:#bdbdbd;cursor:default}.fr-popup .fr-command.fr-btn.fr-disabled:after,.fr-toolbar .fr-command.fr-btn.fr-disabled:after{border-top-color:#bdbdbd!important}.fr-popup .fr-command.fr-btn.fr-hidden,.fr-toolbar .fr-command.fr-btn.fr-hidden{display:none}.fr-popup.fr-disabled .fr-btn,.fr-popup.fr-disabled .fr-btn.fr-active,.fr-toolbar.fr-disabled .fr-btn,.fr-toolbar.fr-disabled .fr-btn.fr-active{color:#bdbdbd}.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown:after,.fr-popup.fr-disabled .fr-btn.fr-dropdown:after,.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown:after,.fr-toolbar.fr-disabled .fr-btn.fr-dropdown:after{border-top-color:#bdbdbd}.fr-popup.fr-rtl .fr-command.fr-btn,.fr-toolbar.fr-rtl .fr-command.fr-btn{float:right}.fr-toolbar.fr-inline .fr-command.fr-btn:not(.fr-hidden){display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;float:none}.fr-desktop .fr-command:focus,.fr-desktop .fr-command:hover{outline:0;color:#222;background:rgba(220,230,238,.5)}.fr-desktop .fr-command:focus:after,.fr-desktop .fr-command:hover:after{border-top-color:#222!important}.fr-desktop .fr-command.fr-selected{color:#222;background:rgba(220,230,238,.5)}.fr-desktop .fr-command.fr-active:focus,.fr-desktop .fr-command.fr-active:hover{color:#1e88e5;background:rgba(220,230,238,.5)}.fr-desktop .fr-command.fr-active.fr-selected{color:#1e88e5;background:rgba(220,230,238,.5)}.fr-desktop .fr-command.fr-disabled.fr-selected,.fr-desktop .fr-command.fr-disabled:focus,.fr-desktop .fr-command.fr-disabled:hover{background:0 0}.fr-desktop.fr-disabled .fr-command.fr-selected,.fr-desktop.fr-disabled .fr-command:focus,.fr-desktop.fr-disabled .fr-command:hover{background:0 0}.fr-popup.fr-mobile .fr-command.fr-blink,.fr-toolbar.fr-mobile .fr-command.fr-blink{background:0 0}.fr-command.fr-btn+.fr-dropdown-menu{display:inline-block;position:absolute;right:auto;bottom:auto;height:auto;z-index:4;-webkit-overflow-scrolling:touch;overflow:hidden;zoom:1;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-command.fr-btn+.fr-dropdown-menu.test-height .fr-dropdown-wrapper{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;height:auto;max-height:275px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper{background:#fff;padding:0;margin:auto;display:inline-block;text-align:left;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:max-height .2s ease 0s;-moz-transition:max-height .2s ease 0s;-ms-transition:max-height .2s ease 0s;-o-transition:max-height .2s ease 0s;margin-top:0;float:left;max-height:0;height:0;margin-top:0!important}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{overflow:auto;position:relative;max-height:275px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list{list-style-type:none;margin:0;padding:0}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li{padding:0;margin:0;font-size:15px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a{padding:0 24px;line-height:200%;display:block;cursor:pointer;white-space:nowrap;color:inherit;text-decoration:none}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active{background:rgba(220,230,238,.5)}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled{color:#bdbdbd;cursor:default}.fr-command.fr-btn:not(.fr-active)+.fr-dropdown-menu{left:-3e3px!important}.fr-command.fr-btn.fr-active+.fr-dropdown-menu{display:inline-block;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14)}.fr-command.fr-btn.fr-active+.fr-dropdown-menu .fr-dropdown-wrapper{height:auto;max-height:275px}.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu{border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-popup.fr-rtl .fr-dropdown-wrapper,.fr-toolbar.fr-rtl .fr-dropdown-wrapper{text-align:right!important}body.prevent-scroll{overflow:hidden}body.prevent-scroll.fr-mobile{position:fixed;-webkit-overflow-scrolling:touch}.fr-modal{color:#222;font-family:Arial,Helvetica,sans-serif;position:fixed;overflow-x:auto;overflow-y:scroll;top:0;left:0;bottom:0;right:0;width:100%;z-index:2147483640;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;line-height:1.2}.fr-modal.fr-middle .fr-modal-wrapper{margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);position:absolute}.fr-modal .fr-modal-wrapper{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:20px auto;display:inline-block;background:#fff;min-width:300px;-webkit-box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);-moz-box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);border:0;border-top:5px solid #38a9ff;overflow:hidden;width:90%;position:relative}@media(min-width:768px) and (max-width:991px){.fr-modal .fr-modal-wrapper{margin:30px auto;width:70%}}@media(min-width:992px){.fr-modal .fr-modal-wrapper{margin:50px auto;width:600px}}.fr-modal .fr-modal-wrapper .fr-modal-head{background:#fff;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);border-bottom:0;overflow:hidden;position:absolute;width:100%;min-height:42px;z-index:3;-webkit-transition:height .2s ease 0s;-moz-transition:height .2s ease 0s;-ms-transition:height .2s ease 0s;-o-transition:height .2s ease 0s}.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close{padding:12px;width:20px;font-size:16px;cursor:pointer;line-height:18px;color:#222;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;position:absolute;top:0;right:0;-webkit-transition:color .2s ease 0s;-moz-transition:color .2s ease 0s;-ms-transition:color .2s ease 0s;-o-transition:color .2s ease 0s}.fr-modal .fr-modal-wrapper .fr-modal-head h4{font-size:18px;padding:12px 10px;margin:0;font-weight:400;line-height:18px;display:inline-block;float:left}.fr-modal .fr-modal-wrapper div.fr-modal-body{height:100%;min-height:150px;overflow-y:scroll;padding-bottom:10px}.fr-modal .fr-modal-wrapper div.fr-modal-body:focus{outline:0}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command{height:36px;line-height:1;color:#1e88e5;padding:10px;cursor:pointer;text-decoration:none;border:0;background:0 0;font-size:16px;outline:0;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command+button{margin-left:24px}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus,.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover{background:#ebebeb;color:#1e88e5}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active{background:#d6d6d6;color:#1e88e5}.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner{border:0}.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover{background:#ebebeb}.fr-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;-ms-filter:"alpha(opacity=0)";z-index:2147483639}.fr-popup{position:absolute;display:none;color:#222;background:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-family:Arial,Helvetica,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-top:10px;z-index:2147483635;text-align:left;border:0;border-top:5px solid #38a9ff;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2}.fr-popup .fr-input-focus{background:#f5f5f5}.fr-popup.fr-above{margin-top:-10px;border-top:0;border-bottom:5px solid #222;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16)}.fr-popup.fr-active{display:block}.fr-popup.fr-hidden{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(opacity=0)"}.fr-popup.fr-empty{display:none!important}.fr-popup .fr-hs{display:block!important}.fr-popup .fr-hs.fr-hidden{display:none!important}.fr-popup .fr-input-line{position:relative;padding:8px 0}.fr-popup .fr-input-line input[type=text],.fr-popup .fr-input-line textarea{width:100%;margin:0 0 1px;border:0;border-bottom:solid 1px #bdbdbd;color:#222;font-size:14px;padding:6px 0 2px;background:0 0;position:relative;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-popup .fr-input-line input[type=text]:focus,.fr-popup .fr-input-line textarea:focus{border-bottom:solid 2px #1e88e5;margin-bottom:0}.fr-popup .fr-input-line input+label,.fr-popup .fr-input-line textarea+label{position:absolute;top:0;left:0;font-size:12px;color:transparent;-webkit-transition:color .2s ease 0s;-moz-transition:color .2s ease 0s;-ms-transition:color .2s ease 0s;-o-transition:color .2s ease 0s;z-index:3;width:100%;display:block;background:#fff}.fr-popup .fr-input-line input.fr-not-empty:focus+label,.fr-popup .fr-input-line textarea.fr-not-empty:focus+label{color:#1e88e5}.fr-popup .fr-input-line input.fr-not-empty+label,.fr-popup .fr-input-line textarea.fr-not-empty+label{color:gray}.fr-popup input,.fr-popup textarea{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.fr-popup textarea{resize:none}.fr-popup .fr-buttons{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);padding:0 2px;white-space:nowrap;line-height:0;border-bottom:0}.fr-popup .fr-buttons:after{clear:both;display:block;content:"";height:0}.fr-popup .fr-buttons .fr-btn{display:inline-block;float:none}.fr-popup .fr-buttons .fr-btn i{float:left}.fr-popup .fr-buttons .fr-separator{display:inline-block;float:none}.fr-popup .fr-layer{width:225px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:10px;display:none}@media(min-width:768px){.fr-popup .fr-layer{width:300px}}.fr-popup .fr-layer.fr-active{display:inline-block}.fr-popup .fr-action-buttons{z-index:7;height:36px;text-align:right}.fr-popup .fr-action-buttons button.fr-command{height:36px;line-height:1;color:#1e88e5;padding:10px;cursor:pointer;text-decoration:none;border:0;background:0 0;font-size:16px;outline:0;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-popup .fr-action-buttons button.fr-command+button{margin-left:24px}.fr-popup .fr-action-buttons button.fr-command:focus,.fr-popup .fr-action-buttons button.fr-command:hover{background:#ebebeb;color:#1e88e5}.fr-popup .fr-action-buttons button.fr-command:active{background:#d6d6d6;color:#1e88e5}.fr-popup .fr-action-buttons button::-moz-focus-inner{border:0}.fr-popup .fr-checkbox{position:relative;display:inline-block;width:16px;height:16px;line-height:1;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;vertical-align:middle}.fr-popup .fr-checkbox svg{margin-left:2px;margin-top:2px;display:none;width:10px;height:10px}.fr-popup .fr-checkbox span{border:solid 1px #222;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:16px;height:16px;display:inline-block;position:relative;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .2s ease 0s,border-color .2s ease 0s;-moz-transition:background .2s ease 0s,border-color .2s ease 0s;-ms-transition:background .2s ease 0s,border-color .2s ease 0s;-o-transition:background .2s ease 0s,border-color .2s ease 0s}.fr-popup .fr-checkbox input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(opacity=0)";border:0;cursor:pointer;height:16px;margin:0;padding:0;width:16px;top:1px;left:1px}.fr-popup .fr-checkbox input:checked+span{background:#1e88e5;border-color:#1e88e5}.fr-popup .fr-checkbox input:checked+span svg{display:block}.fr-popup .fr-checkbox input:focus+span{border-color:#1e88e5}.fr-popup .fr-checkbox-line{font-size:14px;line-height:1.4px;margin-top:10px}.fr-popup .fr-checkbox-line label{cursor:pointer;margin:0 5px;vertical-align:middle}.fr-popup.fr-rtl{direction:rtl;text-align:right}.fr-popup.fr-rtl .fr-action-buttons{text-align:left}.fr-popup.fr-rtl .fr-input-line input+label,.fr-popup.fr-rtl .fr-input-line textarea+label{left:auto;right:0}.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs{float:right}.fr-popup .fr-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #38a9ff;position:absolute;top:-9px;left:50%;margin-left:-5px;display:inline-block}.fr-popup.fr-above .fr-arrow{top:auto;bottom:-9px;border-bottom:0;border-top:5px solid #222}.fr-text-edit-layer{width:250px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block!important}.fr-toolbar{color:#222;background:#fff;position:relative;z-index:4;font-family:Arial,Helvetica,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:0 2px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);text-align:left;border:0;border-top:5px solid #222;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2}.fr-toolbar:after{clear:both;display:block;content:"";height:0}.fr-toolbar.fr-rtl{text-align:right}.fr-toolbar.fr-inline{display:none;white-space:nowrap;position:absolute;margin-top:10px}.fr-toolbar.fr-inline .fr-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #222;position:absolute;top:-9px;left:50%;margin-left:-5px;display:inline-block}.fr-toolbar.fr-inline.fr-above{margin-top:-10px;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);border-bottom:5px solid #222;border-top:0}.fr-toolbar.fr-inline.fr-above .fr-arrow{top:auto;bottom:-9px;border-bottom:0;border-top-color:inherit;border-top-style:solid;border-top-width:5px}.fr-toolbar.fr-top{top:0;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-toolbar.fr-bottom{bottom:0;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-separator{background:#ebebeb;display:block;vertical-align:top;float:left}.fr-separator+.fr-separator{display:none}.fr-separator.fr-vs{height:34px;width:1px;margin:2px}.fr-separator.fr-hs{clear:both;height:1px;width:calc(100% - (2*2px));margin:0 2px}.fr-separator.fr-hidden{display:none!important}.fr-rtl .fr-separator{float:right}.fr-toolbar.fr-inline .fr-separator.fr-hs{float:none}.fr-toolbar.fr-inline .fr-separator.fr-vs{float:none;display:inline-block}.fr-visibility-helper{display:none;margin-left:0!important}@media(min-width:768px){.fr-visibility-helper{margin-left:1px!important}}@media(min-width:992px){.fr-visibility-helper{margin-left:2px!important}}@media(min-width:1200px){.fr-visibility-helper{margin-left:3px!important}}.fr-opacity-0{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(opacity=0)"}.fr-box{position:relative}.fr-sticky{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky}.fr-sticky-off{position:relative}.fr-sticky-on{position:fixed}.fr-sticky-on.fr-sticky-ios{position:absolute;left:0;right:0;width:auto!important}.fr-sticky-dummy{display:none}.fr-sticky-box>.fr-sticky-dummy,.fr-sticky-on+.fr-sticky-dummy{display:block}span.fr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.clearfix:after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-img-caption.fr-rounded img,img.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-img-caption.fr-bordered img,img.fr-bordered{border:solid 5px #ccc}img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-img-caption.fr-shadow img,img.fr-shadow{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-view span[style~="color:"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table{border:0;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:#f5f5f5}.fr-view table td,.fr-view table th{border:1px solid #ddd}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#e6e6e6}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file:after{position:relative;content:"\1F4CE";font-weight:400}.fr-view pre{white-space:pre-wrap;word-wrap:break-word}.fr-view[dir=rtl] blockquote{border-left:0;border-right:solid 2px #5e35b1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=rtl] blockquote blockquote{border-color:#00bcd4}.fr-view[dir=rtl] blockquote blockquote blockquote{border-color:#43a047}.fr-view blockquote{border-left:solid 2px #5e35b1;margin-left:0;padding-left:5px;color:#5e35b1}.fr-view blockquote blockquote{border-color:#00bcd4;color:#00bcd4}.fr-view blockquote blockquote blockquote{border-color:#43a047;color:#43a047}.fr-view span.fr-emoticon{font-weight:400;font-family:apple color emoji,segoe ui emoji,notocoloremoji,segoe ui symbol,android emoji,emojisymbols;display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat!important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#aaa!important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2*5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2*5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:0}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;display:inline-block;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:.9;-moz-opacity:.9;opacity:.9;-ms-filter:"alpha(opacity=0)";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2*5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2*5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.clearfix:after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-modal-head .fr-modal-head-line:after{clear:both;display:block;content:"";height:0}.fr-modal-head .fr-modal-head-line i.fr-modal-more{float:left;opacity:1;-webkit-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-moz-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-ms-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-o-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;padding:12px}.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available{opacity:0;width:0;padding:12px 0}.fr-modal-head .fr-modal-tags{display:none;text-align:left}.fr-modal-head .fr-modal-tags a{display:inline-block;opacity:0;padding:6px 8px;margin:8px 0 8px 8px;text-decoration:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;color:#1e88e5;-webkit-transition:opacity .2s ease 0s,background .2s ease 0s;-moz-transition:opacity .2s ease 0s,background .2s ease 0s;-ms-transition:opacity .2s ease 0s,background .2s ease 0s;-o-transition:opacity .2s ease 0s,background .2s ease 0s;cursor:pointer}.fr-modal-head .fr-modal-tags a:focus{outline:0}.fr-modal-head .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}div.fr-modal-body .fr-preloader{display:block;margin:50px auto}div.fr-modal-body div.fr-image-list{text-align:center;margin:0 10px;padding:0}div.fr-modal-body div.fr-image-list:after{clear:both;display:block;content:"";height:0}div.fr-modal-body div.fr-image-list .fr-list-column{float:left;width:calc((100% - 10px)/ 2)}@media(min-width:768px) and (max-width:1199px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 20px)/ 3)}}@media(min-width:1200px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 30px)/ 4)}}div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column{margin-left:10px}div.fr-modal-body div.fr-image-list div.fr-image-container{position:relative;width:100%;display:block;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;overflow:hidden}div.fr-modal-body div.fr-image-list div.fr-image-container:first-child{margin-top:10px}div.fr-modal-body div.fr-image-list div.fr-image-container+div{margin-top:10px}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting:after{position:absolute;-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;-ms-filter:"alpha(opacity=0)";-webkit-transition:opacity .2s ease 0s;-moz-transition:opacity .2s ease 0s;-ms-transition:opacity .2s ease 0s;-o-transition:opacity .2s ease 0s;background:#000;content:"";top:0;left:0;bottom:0;right:0;z-index:2}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting:before{content:attr(data-deleting);color:#fff;top:0;left:0;bottom:0;right:0;margin:auto;position:absolute;z-index:3;font-size:15px;height:20px}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty{height:95px;background:#ccc;z-index:1}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty:after{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;content:attr(data-loading);display:inline-block;height:20px}div.fr-modal-body div.fr-image-list div.fr-image-container img{width:100%;vertical-align:middle;position:relative;z-index:2;-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"alpha(opacity=0)";-webkit-transition:opacity .2s ease 0s,filter .2s ease 0s;-moz-transition:opacity .2s ease 0s,filter .2s ease 0s;-ms-transition:opacity .2s ease 0s,filter .2s ease 0s;-o-transition:opacity .2s ease 0s,filter .2s ease 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img{-webkit-opacity:.75;-moz-opacity:.75;opacity:.75;-ms-filter:"alpha(opacity=0)"}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img{display:inline-block}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{display:none;top:50%;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:background .2s ease 0s,color .2s ease 0s;-moz-transition:background .2s ease 0s,color .2s ease 0s;-ms-transition:background .2s ease 0s,color .2s ease 0s;-o-transition:background .2s ease 0s,color .2s ease 0s;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);position:absolute;cursor:pointer;margin:0;width:36px;height:36px;line-height:36px;text-decoration:none;z-index:3}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{background:#b8312f;color:#fff;left:50%;-webkit-transform:translateY(-50%) translateX(25%);-moz-transform:translateY(-50%) translateX(25%);-ms-transform:translateY(-50%) translateX(25%);-o-transform:translateY(-50%) translateX(25%)}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{background:#fff;color:#1e88e5;left:50%;-webkit-transform:translateY(-50%) translateX(-125%);-moz-transform:translateY(-50%) translateX(-125%);-ms-transform:translateY(-50%) translateX(-125%);-o-transform:translateY(-50%) translateX(-125%)}.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover{background:#ebebeb}.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img{-webkit-opacity:.75;-moz-opacity:.75;opacity:.75;-ms-filter:"alpha(opacity=0)"}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img{display:inline-block}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#fff}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#ebebeb}.clearfix:after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-element img{cursor:pointer}.fr-image-resizer{position:absolute;border:solid 1px #1e88e5;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-image-resizer.fr-active{display:block}.fr-image-resizer .fr-handler{display:block;position:absolute;background:#1e88e5;border:solid 1px #fff;z-index:4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-image-resizer .fr-handler.fr-hnw{cursor:nw-resize}.fr-image-resizer .fr-handler.fr-hne{cursor:ne-resize}.fr-image-resizer .fr-handler.fr-hsw{cursor:sw-resize}.fr-image-resizer .fr-handler.fr-hse{cursor:se-resize}.fr-image-resizer .fr-handler{width:12px;height:12px}.fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media(min-width:1200px){.fr-image-resizer .fr-handler{width:10px;height:10px}.fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.fr-image-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}.fr-popup .fr-image-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}.fr-popup .fr-image-upload-layer:hover{background:#ebebeb}.fr-popup .fr-image-upload-layer.fr-drop{background:#ebebeb;border-color:#1e88e5}.fr-popup .fr-image-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0!important;padding:0!important;width:100%!important}.fr-popup .fr-image-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}.fr-popup .fr-image-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:400}.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-image-progress-bar-layer>div.fr-loader{background:#bcdbf7;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-popup .fr-image-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0;background:#1e88e5;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30%!important;position:absolute;top:0;-webkit-animation:loading 2s linear infinite;-moz-animation:loading 2s linear infinite;-o-animation:loading 2s linear infinite;animation:loading 2s linear infinite}.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}.fr-image-size-layer .fr-image-group .fr-input-line{width:calc(50% - 5px);display:inline-block}.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{margin-left:10px}.fr-uploading{-webkit-opacity:.4;-moz-opacity:.4;opacity:.4;-ms-filter:"alpha(opacity=0)"}@keyframes loading{from{left:-25%}to{left:100%}}@-webkit-keyframes loading{from{left:-25%}to{left:100%}}@-moz-keyframes loading{from{left:-25%}to{left:100%}}@-o-keyframes loading{from{left:-25%}to{left:100%}}.clearfix:after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-popup .fr-colors-tabs{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);margin-bottom:5px;line-height:16px;margin-left:-2px;margin-right:-2px}.fr-popup .fr-colors-tabs .fr-colors-tab{display:inline-block;width:50%;cursor:pointer;text-align:center;color:#222;font-size:13px;padding:8px 0;position:relative}.fr-popup .fr-colors-tabs .fr-colors-tab:focus,.fr-popup .fr-colors-tabs .fr-colors-tab:hover{color:#1e88e5}.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]:after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#1e88e5;content:'';-webkit-transition:transform .2s ease 0s;-moz-transition:transform .2s ease 0s;-ms-transition:transform .2s ease 0s;-o-transition:transform .2s ease 0s}.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab{color:#1e88e5}.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]:after{-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0)}.fr-popup .fr-color-hex-layer{width:100%;margin:0;padding:10px}.fr-popup .fr-color-hex-layer .fr-input-line{float:left;width:calc(100% - 50px);padding:8px 0 0}.fr-popup .fr-color-hex-layer .fr-action-buttons{float:right;width:50px}.fr-popup .fr-color-hex-layer .fr-action-buttons button{background-color:#1e88e5;color:#fff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:13px;height:32px}.fr-popup .fr-color-hex-layer .fr-action-buttons button:hover{background-color:#166dba;color:#fff}.fr-popup .fr-separator+.fr-colors-tabs{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin-left:2px;margin-right:2px}.fr-popup .fr-color-set{line-height:0;display:none}.fr-popup .fr-color-set.fr-selected-set{display:block}.fr-popup .fr-color-set>span{display:inline-block;width:32px;height:32px;position:relative;z-index:1}.fr-popup .fr-color-set>span>i,.fr-popup .fr-color-set>span>svg{text-align:center;line-height:32px;height:32px;width:32px;font-size:13px;position:absolute;bottom:0;cursor:default;left:0}.fr-popup .fr-color-set>span .fr-selected-color{color:#fff;font-family:FontAwesome;font-size:13px;font-weight:400;line-height:32px;position:absolute;top:0;bottom:0;right:0;left:0;text-align:center;cursor:default}.fr-popup .fr-color-set>span:focus,.fr-popup .fr-color-set>span:hover{outline:1px solid #222;z-index:2}.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]:after{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0)}body.fr-fullscreen{overflow:hidden;height:100%;width:100%;position:fixed}.fr-box.fr-fullscreen{margin:0!important;position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483630!important;width:auto!important}.fr-box.fr-fullscreen .fr-toolbar.fr-top{top:0!important}.fr-box.fr-fullscreen .fr-toolbar.fr-bottom{bottom:0!important}.clearfix:after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-quick-insert{position:absolute;z-index:2147483639;white-space:nowrap;padding-right:5px;margin-left:-5px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-quick-insert.fr-on a.fr-floating-btn svg{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg)}.fr-quick-insert.fr-hidden{display:none}.fr-qi-helper{position:absolute;z-index:3;padding-left:16px;white-space:nowrap}.fr-qi-helper a.fr-btn.fr-floating-btn{text-align:center;display:inline-block;color:#222;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"alpha(opacity=0)";-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.atwho-view{position:absolute;top:0;left:0;display:none;margin-top:18px;background:#fff;color:#000;border:1px solid #ddd;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.1);min-width:120px;max-height:200px;overflow:auto;z-index:11110!important}.atwho-view .cur{background:#36f;color:#fff}.atwho-view .cur small{color:#fff}.atwho-view strong{color:#36f}.atwho-view .cur strong{color:#fff;font:700}.atwho-view ul{list-style:none;padding:0;margin:auto}.atwho-view ul li{display:block;padding:5px 10px;border-bottom:1px solid #ddd;cursor:pointer}.atwho-view small{font-size:smaller;color:#777;font-weight:400}.clearfix:after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-popup .fr-emoticon{display:inline-block;font-size:20px;width:20px;padding:5px;line-height:1;cursor:default;font-weight:400;font-family:apple color emoji,segoe ui emoji,notocoloremoji,segoe ui symbol,android emoji,emojisymbols;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-popup .fr-emoticon img{height:20px}.fr-popup .fr-link:focus{outline:0;background:#ebebeb}.fr-popup br{margin:0!important}.fr-popup .fr-colors-tabs{display:none!important}.fr-toolbar{border-top:0!important;border-radius:0!important;border-bottom:1px solid #e2e6e9!important}.fr-box{border-bottom:1px solid #e2e6e9!important}.fr-box.fr-basic .fr-wrapper,.fr-toolbar{box-shadow:none!important}.fr-emoticon-img,img[smilieid]{height:22px!important;width:22px!important;vertical-align:middle!important;background-size:cover!important;margin:-.1em .1em .1em!important}.atwhoimg{width:24px;height:24px;border-radius:3px;vertical-align:middle;margin-top:-3px}.atwho-view .cur{background:#38a9ff}.atwho-view strong{color:#38a9ff}.atwho-inserted,.userTag{font-weight:700;color:#38a9ff}.privateMessages .fr-dropdown-content{max-height:200px!important}.fr-box{background:#fff}form .rPanel .content .editor .fr-box{border-bottom:0!important}iframe.fr-iframe{margin:0!important}.fr-view br{display:initial!important;margin:0!important;clear:none!important}.fr-view ul{list-style:disc!important;margin:0!important;padding-left:20px!important}.fr-view ol{list-style:decimal!important;margin:0!important;padding-left:20px!important}.fr-quick-insert{display:none!important}.fr-wrapper .fr-placeholder{font-size:14px!important;padding:16px!important;margin-top:1px!important;line-height:1.6923!important}.fr-toolbar.fr-top{background:#f5f8fa}.fr-separator{background:#e2e6e9}body.fr-view{padding:16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;line-height:1.6923;font-size:14px}body.fr-view p{margin:0 0 20px}@media only screen and (max-width:500px){.fr-toolbar{padding:0}.fr-toolbar .fr-separator{display:none}.fr-popup .fr-command.fr-btn,.fr-toolbar .fr-command.fr-btn{width:26px}.fr-popup .fr-command.fr-btn i,.fr-popup .fr-command.fr-btn svg,.fr-toolbar .fr-command.fr-btn i,.fr-toolbar .fr-command.fr-btn svg{margin:12px 6px}}.tribute-container{position:absolute;top:0;left:0;height:auto;max-height:300px;max-width:500px;overflow:auto;display:block;z-index:999999}.tribute-container ul{margin:0;margin-top:2px;padding:0;list-style:none;background:#efefef}.tribute-container li{padding:5px 5px;cursor:pointer}.tribute-container li.highlight{background:#ddd}.tribute-container li span{font-weight:700}.tribute-container li.no-match{cursor:default}.tribute-container .menu-highlighted{font-weight:700}.tribute-container{color:#000;background:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.1);min-width:220px;max-height:200px}.tribute-container ul{margin:0;background:0 0}.tribute-container ul li{border-bottom:1px solid #ddd}.tribute-container li.highlight{background:#38a9ff;color:#fff}.atwhoimg{width:24px;height:24px;border-radius:3px;vertical-align:middle;margin-top:-3px}.fr-tribute,.userTag{font-weight:700;color:#38a9ff}.fr-view p{margin:0!important}.fr-box{background:0 0!important}.fr-box .second-toolbar{display:none}.fr-toolbar .fr-more-toolbar{float:left;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#f5f5f5;-webkit-transition:height .5s;-moz-transition:height .5s;-ms-transition:height .5s;-o-transition:height .5s;height:0;z-index:2;overflow:hidden;position:absolute;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}.fr-toolbar .fr-more-toolbar.fr-expanded{height:40px}.fr-toolbar .fr-more-toolbar.fr-overflow-visible{overflow:visible}.fr-toolbar .fr-more-toolbar>.fr-command.fr-btn{margin-left:0;margin-right:6px}.fr-popup{margin-top:0!important;z-index:40!important}.fr-modal{color:#222;font-family:Arial,Helvetica,sans-serif;position:fixed;overflow-x:auto;overflow-y:scroll;top:0;left:0;bottom:0;right:0;width:100%;z-index:2147483640;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;line-height:1.2}.fr-modal.fr-middle .fr-modal-wrapper{margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);position:absolute}.fr-modal .fr-modal-wrapper{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-clip:padding-box;margin:20px auto;display:inline-block;background:#fff;min-width:300px;-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);border:0;overflow:hidden;width:90%;position:relative}@media (min-width:768px) and (max-width:991px){.fr-modal .fr-modal-wrapper{margin:30px auto;width:70%}}@media (min-width:992px){.fr-modal .fr-modal-wrapper{margin:50px auto;width:960px}}.fr-modal .fr-modal-wrapper .fr-modal-head{background:#fff;overflow:hidden;position:absolute;width:100%;min-height:42px;z-index:3;border-bottom:solid #efefef 1px;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s;-ms-transition:all .2s ease 0s;-o-transition:all .2s ease 0s}.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line{height:56px;padding:0 10px}.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close{margin:10px;position:absolute;top:0;right:0}.fr-modal .fr-modal-wrapper .fr-modal-head h4{font-size:20px;padding:19px 10px;margin:0;font-weight:400;line-height:18px;display:inline-block;float:left}.fr-modal .fr-modal-wrapper div.fr-modal-body{height:100%;min-height:150px;overflow-y:auto;padding-bottom:20px}.fr-modal .fr-modal-wrapper div.fr-modal-body:focus{outline:0}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command{height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:0 0;font-size:16px;outline:0;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command+button{margin-left:24px}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus,.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover{background:#ebebeb;color:#0098f7}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active{background:#d6d6d6;color:#0098f7}.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner{border:0}.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close{border:0;background:0;margin:8px 10px}.fr-toolbar .fr-more-toolbar{padding-left:0!important}.fr-toolbar .fr-newline{clear:both;display:block;content:"";margin-left:9px;margin-right:9px;background:0 0;height:1px;-webkit-transition:height .5s;-moz-transition:height .5s;-ms-transition:height .5s;-o-transition:height .5s}.fr-toolbar.fr-toolbar-open{padding-bottom:40px}.fr-toolbar.fr-toolbar-open .fr-newline{height:0} * { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.single {} .irs-slider.from {} .irs-slider.to {} .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0.0); z-index: 2; } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; } .irs-disabled { opacity: 0.4; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs { height: 55px; } .irs-with-grid { height: 75px; } .irs-line { height: 10px; top: 33px; background: #dae5ed; border-radius: 16px; } .irs-line-left { height: 10px; } .irs-line-mid { height: 10px; } .irs-line-right { height: 10px; } .irs-bar { height: 10px; top: 33px; background: #38a9ff; } .irs-bar-edge { height: 10px; top: 33px; width: 14px; background: #38a9ff; border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; } .irs-shadow { height: 10px; top: 33px; background: #000; opacity: 0.3; border-radius: 5px; -moz-border-radius: 5px; } .lt-ie9 .irs-shadow { filter: alpha(opacity=30); } .irs-slider { top: 25px; width: 27px; height: 27px; background: #fff; border-radius: 27px; -moz-border-radius: 27px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 3px 1px rgba(0, 0, 0, 0.1); cursor: pointer; } .irs-slider.state_hover, .irs-slider:hover { background: #FFF; } .irs-min, .irs-max { color: #8e9fa7; font-size: .875rem; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 5px; background: #dae5ed; border-radius: 3px; -moz-border-radius: 3px; } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: .875rem; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #38a9ff; border-radius: 3px; -moz-border-radius: 3px; } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; } .irs-grid { height: 27px; bottom: 5px; } .irs-grid-pol { opacity: 0.5; background: #d0d3d8; } .irs-grid-pol.small { background: #d0d3d8; } .irs-grid-text { bottom: 3px; color: #99a4ac; font-size: .75rem; } .irs-disabled {} .range-slider-green .irs-bar, .range-slider-green .irs-bar-edge, .range-slider-green .irs-from, .range-slider-green .irs-to, .range-slider-green .irs-single { background-color: #46c35f } .range-slider-orange .irs-bar, .range-slider-orange .irs-bar-edge, .range-slider-orange .irs-from, .range-slider-orange .irs-to, .range-slider-orange .irs-single { background-color: #f29824 } .range-slider-red .irs-bar, .range-slider-red .irs-bar-edge, .range-slider-red .irs-from, .range-slider-red .irs-to, .range-slider-red .irs-single { background-color: #fa424a } .range-slider-purple .irs-bar, .range-slider-purple .irs-bar-edge, .range-slider-purple .irs-from, .range-slider-purple .irs-to, .range-slider-purple .irs-single { background-color: #ac6bec } .range-slider-simple .irs-slider { top: 28px; width: 20px; height: 20px; background: #0090d8; border-radius: 20px; -moz-border-radius: 20px; box-shadow: none; } .range-slider-simple .irs-slider:before { content: ''; display: block; width: 10px; height: 10px; background: #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -5px; } .range-slider-simple .irs-bar { background-color: #1db7fc; } .range-slider-simple .irs-bar-edge { background-color: #1db7fc; } .range-slider-simple .irs-grid { bottom: -3px; } .range-slider-simple .irs-grid-pol.small { height: 8px; } .range-slider-simple .irs-grid-text { bottom: 2px; } .range-slider-simple.range-slider-aquamarine .irs-slider { background-color: #009984; } .range-slider-simple.range-slider-aquamarine .irs-bar { background-color: #07b49d; } .range-slider-simple.range-slider-aquamarine .irs-bar-edge { background-color: #07b49d; } .range-slider-simple.range-slider-aquamarine .irs-from, .range-slider-simple.range-slider-aquamarine .irs-to, .range-slider-simple.range-slider-aquamarine .irs-single { background-color: #009984; } .range-slider-simple.range-slider-purple .irs-slider { background-color: #9951e0; } .range-slider-simple.range-slider-purple .irs-bar { background-color: #b377ee; } .range-slider-simple.range-slider-purple .irs-bar-edge { background-color: #b377ee; } .range-slider-simple.range-slider-purple .irs-from, .range-slider-simple.range-slider-purple .irs-to, .range-slider-simple.range-slider-purple .irs-single { background-color: #9951e0; } .range-slider-simple.range-slider-red .irs-slider { background-color: #e41f2d; } .range-slider-simple.range-slider-red .irs-bar { background-color: #fb5057; } .range-slider-simple.range-slider-red .irs-bar-edge { background-color: #fb5057; } .range-slider-simple.range-slider-red .irs-from, .range-slider-simple.range-slider-red .irs-to, .range-slider-simple.range-slider-red .irs-single { background-color: #e41f2d; } .range-slider-simple.range-slider-grey .irs-slider { background-color: #7e8c96; } .range-slider-simple.range-slider-grey .irs-bar { background-color: #a2adb6; } .range-slider-simple.range-slider-grey .irs-bar-edge { background-color: #a2adb6; } .range-slider-simple.range-slider-grey .irs-from, .range-slider-simple.range-slider-grey .irs-to, .range-slider-simple.range-slider-grey .irs-single { background-color: #7e8c96; } .range-slider-simple.range-slider-orange .irs-slider { background-color: #c48c22; } .range-slider-simple.range-slider-orange .irs-bar { background-color: #f6ba3e; } .range-slider-simple.range-slider-orange .irs-bar-edge { background-color: #f6ba3e; } .range-slider-simple.range-slider-orange .irs-from, .range-slider-simple.range-slider-orange .irs-to, .range-slider-simple.range-slider-orange .irs-single { background-color: #c48c22; } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: #ee0743; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } @-webkit-keyframes blink { 0% { border-color: #ededed; } 100% { border-color: #b94a48; } } @-moz-keyframes blink { 0% { border-color: #ededed; } 100% { border-color: #b94a48; } } @keyframes blink { 0% { border-color: #ededed; } 100% { border-color: #b94a48; } } .tokenfield { height: auto; padding-bottom: 0px; } .tokenfield.focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); } .tokenfield .token { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; background-color: #edf2f6; border: 1px solid #e2e6e9; white-space: nowrap; margin: -1px 5px 0px 0; height: 22px; vertical-align: top; cursor: default; } .tokenfield .token:hover { border-color: #dfe5ee; } .tokenfield .token.active { border-color: #52a8ec; border-color: rgba(82, 168, 236, 0.8); } .tokenfield .token.duplicate { border-color: #ebccd1; -webkit-animation-name: blink; animation-name: blink; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .tokenfield .token.invalid { background: none; border: 1px solid transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-bottom: 1px dotted #d9534f; } .tokenfield .token.invalid.active { background: #ededed; border: 1px solid #ededed; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tokenfield .token .token-label { display: inline-block!important; overflow: hidden; text-overflow: ellipsis; padding-left: 4px; vertical-align: top; color: #8689a3!important; } .tokenfield .token .close { font-family: Arial; display: inline-block; line-height: 100%; font-size: 1.1em; line-height: 1.49em; margin-left: 5px; float: none; height: 100%; vertical-align: top; padding-right: 4px; } .tokenfield .token-input { background: none; width: 60px; min-width: 60px; border: 0; height: 20px; padding: 0; -webkit-box-shadow: none; box-shadow: none; } .tokenfield .token-input:focus { border-color: transparent; outline: 0; /* IE6-9 */ -webkit-box-shadow: none; box-shadow: none; } .tokenfield.disabled { cursor: not-allowed; background-color: #eeeeee; } .tokenfield.disabled .token-input { cursor: not-allowed; } .tokenfield.disabled .token:hover { cursor: not-allowed; border-color: #d9d9d9; } .tokenfield.disabled .token:hover .close { cursor: not-allowed; opacity: 0.2; filter: alpha(opacity=20); } .has-warning .tokenfield.focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-error .tokenfield.focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-success .tokenfield.focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .tokenfield.input-sm, .input-group-sm .tokenfield { min-height: 30px; padding-bottom: 0px; } .input-group-sm .token, .tokenfield.input-sm .token { height: 20px; margin-bottom: 4px; } .input-group-sm .token-input, .tokenfield.input-sm .token-input { height: 18px; margin-bottom: 5px; } .tokenfield.input-lg, .input-group-lg .tokenfield { min-height: 45px; padding-bottom: 4px; } .input-group-lg .token, .tokenfield.input-lg .token { height: 25px; } .input-group-lg .token-label, .tokenfield.input-lg .token-label { line-height: 23px; } .input-group-lg .token .close, .tokenfield.input-lg .token .close { line-height: 1.3em; } .input-group-lg .token-input, .tokenfield.input-lg .token-input { height: 23px; line-height: 23px; margin-bottom: 6px; vertical-align: top; } .tokenfield.rtl { direction: rtl; text-align: right; } .tokenfield.rtl .token { margin: -1px 0 5px 5px; } .tokenfield.rtl .token .token-label { padding-left: 0px; padding-right: 4px; } .alert { position: relative; padding-left: 20px; padding-right: 20px; word-wrap: break-word; } .alert .alert-heading { margin-top: 0; margin-bottom: 5px } .alert .alert-link { color: inherit } .alert .close, .alert .close:focus, .alert .close:hover { color: inherit } .alert-primary { background-color: #e3f2fd; border-color: #38a9ff; color: #1565c0 } .alert-primary hr { border-top-color: #38a9ff } .alert-primary .alert-link {} .alert-primary, .alert-primary .close { border-color: #2bd768; } .alert-success, .alert-success .close { border-color: #2bd768; } .alert-info, .alert-info .close { border-color: #38a9ff; } .alert-warning, .alert-warning .close { border-color: #ff5e3a; } .alert-danger, .alert-danger .close { border-color: #ee0743; } .alert.alert-rounded { border-radius: 100px; padding-left: 25px; padding-right: 25px } .alert-component[class*=alert-styled-] { background-color: #fff } .alert[class*=bg-] .alert-link, .alert[class*=bg-] a { color: #fff } .alert[class*=alert-styled-]:after { content: '\e9a2'; font-family: icomoon; color: #fff; width: 44px; left: -44px; text-align: center; position: absolute; top: 50%; margin-top: -8px; font-size: 16px; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .alert[class*=alert-styled-].alert-danger:after, .alert[class*=alert-styled-][class*=bg-danger]:after { content: '\ed64' } .alert[class*=alert-styled-].alert-success:after, .alert[class*=alert-styled-][class*=bg-success]:after { content: '\ed6e' } .alert[class*=alert-styled-].alert-warning:after, .alert[class*=alert-styled-][class*=bg-warning]:after { content: '\e9bd' } .alert[class*=alert-styled-].alert-info:after, .alert[class*=alert-styled-][class*=bg-info]:after { content: '\e9b9' } .alert.alert-styled-right:after { left: auto; right: -44px } .alert.alert-styled-custom:after { content: "\e81b" } .alert.alert-styled-left { border-left-width: 44px } .alert.alert-styled-left[class*=bg-] { border-left-color: rgba(0, 0, 0, .15)!important } .alert.alert-styled-right { border-right-width: 44px } .alert.alert-styled-right[class*=bg-] { border-right-color: rgba(0, 0, 0, .15)!important } .alert:not(.ui-pnotify)[class*=alert-arrow-]:before, .ui-pnotify.alert[class*=alert-arrow-]>.brighttheme:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0; border-left: 5px solid; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left-color: inherit; margin-top: -5px } .alert:not(.ui-pnotify).alert-arrow-right:before, .ui-pnotify.alert.alert-arrow-right>.brighttheme:before { left: auto; right: 0; border-left: 0; border-right: 5px solid; border-right-color: inherit } .alert ul, .alert ol { margin-bottom: 0px; } .alert-tatil:after { content: ""!important; background: url(../img/tatil.png); width: 32px!important; height: 32px!important; left: 12px!important; margin-top: -1px!important; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="span"] { float: none; display: inline-block; margin-bottom: 10px; margin-left: 0 } .form-search .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group { margin-bottom: 0 } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: 0 } .bootstrap-select.btn-group.pull-right, .bootstrap-select.btn-group[class*="span"].pull-right, .row-fluid .bootstrap-select.btn-group[class*="span"].pull-right { float: right } .input-append .bootstrap-select.btn-group { margin-left: -1px } .input-prepend .bootstrap-select.btn-group { margin-right: -1px } .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px } .bootstrap-select { width: 220px\0 } .bootstrap-select.form-control:not([class*="span"]) { width: 100% } .bootstrap-select>.btn { width: 100%; padding-right: 25px } .error .bootstrap-select .btn { border: 1px solid #b94a48 } .bootstrap-select.show-menu-arrow.open>.btn { z-index: 2051 } .bootstrap-select .btn:focus {} .bootstrap-select.btn-group .btn .filter-option { display: inline-block; overflow: hidden; width: 100%; float: left; text-align: left } .bootstrap-select.btn-group .btn .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle } .bootstrap-select.btn-group>.disabled, .bootstrap-select.btn-group .dropdown-menu li.disabled>a { cursor: not-allowed } .bootstrap-select.btn-group>.disabled:focus { outline: none !important } .bootstrap-select.btn-group[class*="span"] .btn { width: 100% } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; z-index: 2000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; border: 0; padding: 0; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .bootstrap-select.btn-group .dropdown-menu dt { display: block; padding: 3px 20px; cursor: default } .bootstrap-select.btn-group .div-contain { overflow: hidden } .bootstrap-select.btn-group .dropdown-menu li { position: relative } .bootstrap-select.btn-group .dropdown-menu li>a.opt { position: relative; padding-left: 35px } .bootstrap-select.btn-group .dropdown-menu li>a { cursor: pointer } .bootstrap-select.btn-group .dropdown-menu li>dt small { font-weight: normal } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 2.5px } .bootstrap-select.btn-group .dropdown-menu li a i.check-mark { display: none } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: .5em } .bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:hover small, .bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:focus small, .bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled)>a small { color: #64b1d8; color: rgba(255, 255, 255, 0.4) } .bootstrap-select.btn-group .dropdown-menu li>dt small { font-weight: normal } .bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #CCC; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: -4px; left: 9px; display: none } .bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-top: 7px solid #ccc; border-bottom: 0; border-top-color: rgba(0, 0, 0, 0.2) } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid #fff; border-bottom: 0 } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto } .bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after { display: block } .bootstrap-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: .9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mobile-device { position: absolute; top: 0; left: 0; display: block !important; width: 100%; height: 100% !important; opacity: 0 } .bootstrap-select.fit-width { width: auto !important } .bootstrap-select.btn-group.fit-width .btn .filter-option { position: static } .bootstrap-select.btn-group.fit-width .btn .caret { position: static; top: auto; margin-top: -1px } .control-group.error .bootstrap-select .dropdown-toggle { border-color: #b94a48 } .bootstrap-select-searchbox, .bootstrap-select .bs-actionsbox { padding: 4px 8px } .bootstrap-select .bs-actionsbox { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .bootstrap-select-searchbox+.bs-actionsbox { padding: 0 8px 4px } .bootstrap-select-searchbox input { margin-bottom: 0 } .bootstrap-select .bs-actionsbox .btn-group button { width: 50% } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out } .owl-carousel .owl-item { float: left } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .grabbing { cursor: url(grabbing.png) 8 8, move } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px } .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease } .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease } .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both } .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both } @-webkit-keyframes empty { 0 { opacity: 1 } } @-moz-keyframes empty { 0 { opacity: 1 } } @keyframes empty { 0 { opacity: 1 } } @-webkit-keyframes fadeIn { 0 { opacity: 0 } 100% { opacity: 1 } } @-moz-keyframes fadeIn { 0 { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0 { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes fadeOut { 0 { opacity: 1 } 100% { opacity: 0 } } @-moz-keyframes fadeOut { 0 { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0 { opacity: 1 } 100% { opacity: 0 } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px) } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%) } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%) } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px) } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%) } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%) } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px) } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%) } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%) } } @-webkit-keyframes backSlideIn { 0, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%) } 75% { opacity: .5; -webkit-transform: translateZ(-500px) } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0) } } @-moz-keyframes backSlideIn { 0, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%) } 75% { opacity: .5; -moz-transform: translateZ(-500px) } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0) } } @keyframes backSlideIn { 0, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%) } 75% { opacity: .5; transform: translateZ(-500px) } 100% { opacity: 1; transform: translateZ(0) translateX(0) } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8) } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8) } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8) } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%) } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%) } } @keyframes goDown { from { transform: translateY(-100%) } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5) } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5) } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5) } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5) } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5) } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5) } } .owl-theme .owl-controls { margin-top: 10px; text-align: center } .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); opacity: .5 } .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: .5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791 } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); opacity: 1 } .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px } .owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } body.stop-scrolling { height: 100%; overflow: hidden } .sweet-overlay { background-color: black; -ms-filter: "alpha(opacity=40)"; background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 99990000 } .sweet-alert { background-color: white; font-family: "Roboto", sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 9999999999 } @media all and (max-width:540px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px } } .sweet-alert h2 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block } .sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal } .sweet-alert fieldset { border: 0; position: relative } .sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding .15s, max-height .15s; transition: padding .15s, max-height .15s } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; webkit-transition: padding .2s, max-height .2s; transition: padding .25s, max-height .25s } .sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: white; line-height: 24px; text-align: center; margin-right: 3px } .sweet-alert .sa-error-container p { display: inline-block } .sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all .1s; transition: all .1s } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px } .sweet-alert .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .sweet-alert .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .sweet-alert .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all .3s; transition: all .3s } .sweet-alert input:focus { outline: 0; box-shadow: 0 0 3px #c4e6f5; border: 1px solid #b4dbed } .sweet-alert input:focus::-moz-placeholder { transition: opacity .3s .03s ease; opacity: .5 } .sweet-alert input:focus:-ms-input-placeholder { transition: opacity .3s .03s ease; opacity: .5 } .sweet-alert input:focus::-webkit-input-placeholder { transition: opacity .3s .03s ease; opacity: .5 } .sweet-alert input::-moz-placeholder { color: #bdbdbd } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd } .sweet-alert.show-input input { display: block } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden } .sweet-alert button { background-color: #8cd4f5; color: white; border: 0; box-shadow: none; font-size: 17px; font-weight: 500; -webkit-border-radius: 2px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer } .sweet-alert button:focus { outline: 0; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05) } .sweet-alert button:hover { background-color: #7ecff4 } .sweet-alert button:active { background-color: #5dc2f1 } .sweet-alert button.cancel { background-color: #c1c1c1 } .sweet-alert button.cancel:hover { background-color: #b9b9b9 } .sweet-alert button.cancel:active { background-color: #a8a8a8 } .sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(0, 0, 0, 0.0470588) 0 0 0 1px inset !important } .sweet-alert button[disabled] { opacity: .6; cursor: default } .sweet-alert button.confirm[disabled] { color: transparent } .sweet-alert button.confirm[disabled]~.la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0 } .sweet-alert button::-moz-focus-inner { border: 0 } .sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important } .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box } .sweet-alert .sa-icon.sa-error { border-color: #f27474 } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #f27474; display: block; top: 37px; border-radius: 2px } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px } .sweet-alert .sa-icon.sa-warning { border-color: #f8bb86 } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #f8bb86 } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #f8bb86 } .sweet-alert .sa-icon.sa-info { border-color: #c9dae1 } .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #c9dae1 } .sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #c9dae1 } .sweet-alert .sa-icon.sa-success { border-color: #a5dc86 } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .sweet-alert .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px } .sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 60px; transform-origin: 0 60px } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2 } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #a5dc86; display: block; border-radius: 2px; position: absolute; z-index: 2 } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: 0; background-position: center center; background-repeat: no-repeat } @-webkit-keyframes showSweetAlert { 0 { transform: scale(0.7); -webkit-transform: scale(0.7) } 45% { transform: scale(1.05); -webkit-transform: scale(1.05) } 80% { transform: scale(0.95); -webkit-transform: scale(0.95) } 100% { transform: scale(1); -webkit-transform: scale(1) } } @keyframes showSweetAlert { 0 { transform: scale(0.7); -webkit-transform: scale(0.7) } 45% { transform: scale(1.05); -webkit-transform: scale(1.05) } 80% { transform: scale(0.95); -webkit-transform: scale(0.95) } 100% { transform: scale(1); -webkit-transform: scale(1) } } @-webkit-keyframes hideSweetAlert { 0 { transform: scale(1); -webkit-transform: scale(1) } 100% { transform: scale(0.5); -webkit-transform: scale(0.5) } } @keyframes hideSweetAlert { 0 { transform: scale(1); -webkit-transform: scale(1) } 100% { transform: scale(0.5); -webkit-transform: scale(0.5) } } @-webkit-keyframes slideFromTop { 0 { top: 0 } 100% { top: 50% } } @keyframes slideFromTop { 0 { top: 0 } 100% { top: 50% } } @-webkit-keyframes slideToTop { 0 { top: 50% } 100% { top: 0 } } @keyframes slideToTop { 0 { top: 50% } 100% { top: 0 } } @-webkit-keyframes slideFromBottom { 0 { top: 70% } 100% { top: 50% } } @keyframes slideFromBottom { 0 { top: 70% } 100% { top: 50% } } @-webkit-keyframes slideToBottom { 0 { top: 50% } 100% { top: 70% } } @keyframes slideToBottom { 0 { top: 50% } 100% { top: 70% } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert .3s; animation: showSweetAlert .3s } .showSweetAlert[data-animation=none] { -webkit-animation: none; animation: none } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop .3s; animation: slideFromTop .3s } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom .3s; animation: slideFromBottom .3s } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert .2s; animation: hideSweetAlert .2s } .hideSweetAlert[data-animation=none] { -webkit-animation: none; animation: none } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop .4s; animation: slideToTop .4s } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom .3s; animation: slideToBottom .3s } @-webkit-keyframes animateSuccessTip { 0 { width: 0; left: 1px; top: 19px } 54% { width: 0; left: 1px; top: 19px } 70% { width: 50px; left: -8px; top: 37px } 84% { width: 17px; left: 21px; top: 48px } 100% { width: 25px; left: 14px; top: 45px } } @keyframes animateSuccessTip { 0 { width: 0; left: 1px; top: 19px } 54% { width: 0; left: 1px; top: 19px } 70% { width: 50px; left: -8px; top: 37px } 84% { width: 17px; left: 21px; top: 48px } 100% { width: 25px; left: 14px; top: 45px } } @-webkit-keyframes animateSuccessLong { 0 { width: 0; right: 46px; top: 54px } 65% { width: 0; right: 46px; top: 54px } 84% { width: 55px; right: 0; top: 35px } 100% { width: 47px; right: 8px; top: 38px } } @keyframes animateSuccessLong { 0 { width: 0; right: 46px; top: 54px } 65% { width: 0; right: 46px; top: 54px } 84% { width: 55px; right: 0; top: 35px } 100% { width: 47px; right: 8px; top: 38px } } @-webkit-keyframes rotatePlaceholder { 0 { transform: rotate(-45deg); -webkit-transform: rotate(-45deg) } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg) } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg) } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg) } } @keyframes rotatePlaceholder { 0 { transform: rotate(-45deg); -webkit-transform: rotate(-45deg) } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg) } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg) } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg) } } .animateSuccessTip { -webkit-animation: animateSuccessTip .75s; animation: animateSuccessTip .75s } .animateSuccessLong { -webkit-animation: animateSuccessLong .75s; animation: animateSuccessLong .75s } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in } @-webkit-keyframes animateErrorIcon { 0 { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0 } 100% { transform: rotateX(0); -webkit-transform: rotateX(0); opacity: 1 } } @keyframes animateErrorIcon { 0 { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0 } 100% { transform: rotateX(0); -webkit-transform: rotateX(0); opacity: 1 } } .animateErrorIcon { -webkit-animation: animateErrorIcon .5s; animation: animateErrorIcon .5s } @-webkit-keyframes animateXMark { 0 { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0 } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0 } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1 } } @keyframes animateXMark { 0 { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0 } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0 } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1 } } .animateXMark { -webkit-animation: animateXMark .5s; animation: animateXMark .5s } @-webkit-keyframes pulseWarning { 0 { border-color: #f8d486 } 100% { border-color: #f8bb86 } } @keyframes pulseWarning { 0 { border-color: #f8d486 } 100% { border-color: #f8bb86 } } .pulseWarning { -webkit-animation: pulseWarning .75s infinite alternate; animation: pulseWarning .75s infinite alternate } @-webkit-keyframes pulseWarningIns { 0 { background-color: #f8d486 } 100% { background-color: #f8bb86 } } @keyframes pulseWarningIns { 0 { background-color: #f8d486 } 100% { background-color: #f8bb86 } } .pulseWarningIns { -webkit-animation: pulseWarningIns .75s infinite alternate; animation: pulseWarningIns .75s infinite alternate } @-webkit-keyframes rotate-loading { 0 { transform: rotate(0) } 100% { transform: rotate(360deg) } } @keyframes rotate-loading { 0 { transform: rotate(0) } 100% { transform: rotate(360deg) } } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9 } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9 } .sweet-alert .sa-icon.sa-success { border-color: transparent\9 } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9 } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9 } /.la-ball-fall, .la-ball-fall>div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .la-ball-fall { display: block; font-size: 0; color: #fff } .la-ball-fall.la-dark { color: #333 } .la-ball-fall>div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor } .la-ball-fall { width: 54px; height: 18px } .la-ball-fall>div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite } .la-ball-fall>div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms } .la-ball-fall>div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms } .la-ball-fall>div:nth-child(3) { -webkit-animation-delay: 0; -moz-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0 } .la-ball-fall.la-sm { width: 26px; height: 8px } .la-ball-fall.la-sm>div { width: 4px; height: 4px; margin: 2px } .la-ball-fall.la-2x { width: 108px; height: 36px } .la-ball-fall.la-2x>div { width: 20px; height: 20px; margin: 8px } .la-ball-fall.la-3x { width: 162px; height: 54px } .la-ball-fall.la-3x>div { width: 30px; height: 30px; margin: 12px } @-webkit-keyframes ball-fall { 0 { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%) } 10% { opacity: .5 } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 90% { opacity: .5 } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%) } } @-moz-keyframes ball-fall { 0 { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%) } 10% { opacity: .5 } 20% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0) } 80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0) } 90% { opacity: .5 } 100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%) } } @-o-keyframes ball-fall { 0 { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%) } 10% { opacity: .5 } 20% { opacity: 1; -o-transform: translateY(0); transform: translateY(0) } 80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0) } 90% { opacity: .5 } 100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%) } } @keyframes ball-fall { 0 { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%) } 10% { opacity: .5 } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 90% { opacity: .5 } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%) } } .jspContainer { overflow: hidden; position: relative } .jspPane { position: absolute } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red } .jspCap { display: none } .jspHorizontalBar .jspCap { float: left } .jspTrack { background: #dde; position: relative } .jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100% } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0 } .jspArrow.jspDisabled { cursor: default; background: #80808d } .jspVerticalBar .jspArrow { height: 16px } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100% } .jspVerticalBar .jspArrow:focus { outline: 0 } .jspCorner { background: #eeeef4; float: left; height: 100% } * html .jspCorner { margin: 0 -3px 0 0 } .syntaxhighlighter { -moz-osx-font-smoothing: initial; } .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea { -moz-border-radius: 0 0 0 0!important; -webkit-border-radius: 0 0 0 0!important; background: none!important; border: 0!important; bottom: auto!important; float: none!important; height: auto!important; left: auto!important; line-height: 1.1em!important; margin: 0!important; outline: 0!important; overflow: visible!important; padding: 8px 0px!important; position: static!important; right: auto!important; text-align: left!important; top: auto!important; vertical-align: baseline!important; width: auto!important; box-sizing: content-box!important; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace!important; font-weight: normal!important; font-style: normal!important; font-size: 1em!important; min-height: inherit!important; min-height: auto!important; } .syntaxhighlighter { width: 100%!important; margin: 1em 0 1em 0!important; position: relative!important; overflow: auto!important; font-size: 14px!important; } .syntaxhighlighter.source { overflow: hidden!important; } .syntaxhighlighter .bold { font-weight: bold!important; } .syntaxhighlighter .italic { font-style: italic!important; } .syntaxhighlighter .line { white-space: pre!important; } .syntaxhighlighter table { width: 100%!important; } .syntaxhighlighter table caption { text-align: left!important; padding: .5em 0 0.5em 1em!important; } .syntaxhighlighter table td.code { width: 100%!important; } .syntaxhighlighter table td.code .container { position: relative!important; } .syntaxhighlighter table td.code .container textarea { box-sizing: border-box!important; position: absolute!important; left: 0!important; top: 0!important; width: 100%!important; height: 100%!important; border: none!important; background: white!important; padding-left: 1em!important; overflow: hidden!important; white-space: pre!important; } .syntaxhighlighter table td.gutter .line { color: #ffa800; text-align: right!important; padding: 0 0.5em 0 1em!important; } .syntaxhighlighter table td.code .line { padding: 0 1em!important; } .syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line { padding-left: 0em!important; } .syntaxhighlighter.show { display: block!important; } .syntaxhighlighter.collapsed table { display: none!important; } .syntaxhighlighter.collapsed .toolbar { padding: 0.1em 0.8em 0em 0.8em!important; font-size: 1em!important; position: static!important; width: auto!important; height: auto!important; } .syntaxhighlighter.collapsed .toolbar span { display: inline!important; margin-right: 1em!important; } .syntaxhighlighter.collapsed .toolbar span a { padding: 0!important; display: none!important; } .syntaxhighlighter.collapsed .toolbar span a.expandSource { display: inline!important; } .syntaxhighlighter .toolbar { position: absolute!important; right: 1px!important; top: 1px!important; width: 11px!important; height: 11px!important; font-size: 10px!important; z-index: 10!important; } .syntaxhighlighter .toolbar span.title { display: inline!important; } .syntaxhighlighter .toolbar a { display: block!important; text-align: center!important; text-decoration: none!important; padding-top: 1px!important; } .syntaxhighlighter .toolbar a.expandSource { display: none!important; } .syntaxhighlighter.ie { font-size: .9em!important; padding: 1px 0 1px 0!important; } .syntaxhighlighter.ie .toolbar { line-height: 8px!important; } .syntaxhighlighter.ie .toolbar a { padding-top: 0px!important; } .syntaxhighlighter.printing .line.alt1 .content, .syntaxhighlighter.printing .line.alt2 .content, .syntaxhighlighter.printing .line.highlighted .number, .syntaxhighlighter.printing .line.highlighted.alt1 .content, .syntaxhighlighter.printing .line.highlighted.alt2 .content { background: none!important; } .syntaxhighlighter.printing .line .number { color: #bbbbbb!important; } .syntaxhighlighter.printing .line .content { color: black!important; } .syntaxhighlighter.printing .toolbar { display: none!important; } .syntaxhighlighter.printing a { text-decoration: none!important; } .syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a { color: black!important; } .syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a { color: #008200!important; } .syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a { color: blue!important; } .syntaxhighlighter.printing .keyword { color: #006699!important; font-weight: bold!important; } .syntaxhighlighter.printing .preprocessor { color: gray!important; } .syntaxhighlighter.printing .variable { color: #aa7700!important; } .syntaxhighlighter.printing .value { color: #009900!important; } .syntaxhighlighter.printing .functions { color: #ff1493!important; } .syntaxhighlighter.printing .constants { color: #0066cc!important; } .syntaxhighlighter.printing .script { font-weight: bold!important; } .syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a { color: gray!important; } .syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a { color: #ff1493!important; } .syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a { color: red!important; } .syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a { color: black!important; } .syntaxhighlighter { background-color: #1b2426!important; } .syntaxhighlighter .line.alt1 { background-color: #1b2426!important; } .syntaxhighlighter .line.alt2 { background-color: #1b2426!important; } .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { background-color: #323e41!important; } .syntaxhighlighter .line.highlighted.number { color: #b9bdb6!important; } .syntaxhighlighter table caption { color: #f39!important; } .syntaxhighlighter .gutter { color: #afafaf!important; } .syntaxhighlighter .gutter .line { border-right: 3px solid #435a5f!important; } .syntaxhighlighter .gutter .line.highlighted { background-color: #435a5f!important; color: #1b2426!important; } .syntaxhighlighter.printing .line .content { border: none!important; } .syntaxhighlighter.collapsed { overflow: visible!important; } .syntaxhighlighter.collapsed .toolbar { color: #5ba1cf!important; background: black!important; border: 1px solid #435a5f!important; } .syntaxhighlighter.collapsed .toolbar a { color: #5ba1cf!important; } .syntaxhighlighter.collapsed .toolbar a:hover { color: #5ce638!important; } .syntaxhighlighter .toolbar { color: white!important; background: #435a5f!important; border: none!important; } .syntaxhighlighter .toolbar a { color: white!important; } .syntaxhighlighter .toolbar a:hover { color: #e0e8ff!important; } .syntaxhighlighter .plain, .syntaxhighlighter .plain a { color: #b9bdb6!important; } .syntaxhighlighter .comments, .syntaxhighlighter .comments a { color: #878a85!important; } .syntaxhighlighter .string, .syntaxhighlighter .string a { color: #5ce638!important; } .syntaxhighlighter .keyword { color: #5ba1cf!important; } .syntaxhighlighter .preprocessor { color: #435a5f!important; } .syntaxhighlighter .variable { color: #ffaa3e!important; } .syntaxhighlighter .value { color: #009900!important; } .syntaxhighlighter .functions { color: #ffaa3e!important; } .syntaxhighlighter .constants { color: #e0e8ff!important; } .syntaxhighlighter .script { font-weight: bold!important; color: #5ba1cf!important; background-color: none!important; } .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { color: #e0e8ff!important; } .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { color: white!important; } .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { color: #ffaa3e!important; } .syntaxhighlighter table .container:before { display: none !important; } .sweet-alert button { box-shadow: none!important; } .mentions-input-box { position: relative; background: #fff; } .mentions-input-box textarea { width: 100%; display: block; height: 18px; padding: 9px; border: 1px solid #dcdcdc; border-radius: 3px; overflow: hidden; background: transparent; position: relative; outline: 0; resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mentions-input-box .mentions-autocomplete-list { display: none; background: #fff; border: 1px solid #dfe5ee; position: absolute; left: 0; right: 0; z-index: 10000; margin-top: -2px; margin-left: 25px; margin-right: 25px; border-radius: 2px; box-shadow: 0 0 5px rgba(0, 0, 0, .1); } .mentions-input-box .mentions-autocomplete-list ul { margin: 0; padding: 0; } .mentions-input-box .mentions-autocomplete-list li { background-color: #fff; padding: 0 5px; margin: 0; width: auto; border-bottom: 1px solid #ddd; height: 35px; line-height: 35px; overflow: hidden; cursor: pointer; list-style: none; white-space: nowrap; } .mentions-input-box .mentions-autocomplete-list li:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .mentions-input-box .mentions-autocomplete-list li:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-bottom: 0px; } .mentions-input-box .mentions-autocomplete-list li img, .mentions-input-box .mentions-autocomplete-list li div.icon { width: 24px; height: 24px; float: left; margin-top: 5px; margin-right: 5px; -moz-background-origin: 3px; border-radius: 3px; } .mentions-input-box .mentions-autocomplete-list li em { font-weight: bold; font-style: none; } .mentions-input-box .mentions-autocomplete-list li:hover, .mentions-input-box .mentions-autocomplete-list li.active { background-color: #f9f9f9; } .mentions-input-box .mentions-autocomplete-list li .hlt { background: #FFFFCC; } .mentions-input-box .mentions-autocomplete-list li u { text-decoration: none!important; } .mentions-input-box .mentions { left: 1px; right: 0; top: 1px; bottom: 0; padding: 9px; color: #fff; overflow: hidden; white-space: pre-wrap; word-wrap: break-word; } .mentions-input-box .mentions>div { color: #fff; white-space: pre-wrap; width: 100%; } .mentions-input-box .mentions>div>strong { font-weight: normal; background: #d8dfea; } .mentions-input-box .mentions>div>strong>span { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .tooltip { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",sans-serif; } .bodyFill { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(33, 35, 48, 0.6); z-index: 50; display: none; } .modal { z-index: 9999; } .modal-backdrop { background: rgb(33, 35, 48); } .modal-content { border:0px!important; box-shadow: 0 0 3px rgba(0,0,0,.15)!important; } .modal-header { background: #f9f9f9; border-bottom: 1px solid #e2e6e9; border-top-left-radius: 2px; border-top-right-radius: 2px; padding: 13px 16px !important; color: #515365 !important; font-size: 12px; } .modal-title { font-size: 16px; font-weight: 600; } .modal-header .close { margin-top:0px; } .modal-body p { margin:0px; } .modal-body textarea{ resize:none; } .modal-footer { padding: 5px; border-top: 1px solid #e2e6e9; } .modal-footer .btn { background: transparent !important; height: 40px !important; line-height: 40px !important; border-radius: 2px !important; font-weight: 600 !important; text-transform: uppercase !important; position: relative !important; border: 1px solid #e2e6e9 !important; padding: 0px 15px !important; color: #515365 !important; box-shadow: none !important; transition: all .2s ease !important; font-size: 13px; } .modal-footer .btn-default:hover { border:1px solid #2bd768!important; } .modal-footer .btn-success { background: #2bd768 !important; color: #fff !important; border: 0px !important; } .modal-footer .btn-success:hover { background: #00a53e !important; } .modal-footer .btn-danger { background: #ee0743 !important; color: #fff !important; border: 0px !important; } .modal-footer .btn-danger:hover { background: #be0535 !important; } .form-control { border-color:#e4ebf1; box-shadow: none!important; transition: all .2s ease!important; } .form-control:focus { border-color: #66afe9; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background: #e4ebf1; color:#979aae; } .form-control[disabled]::placeholder { color:#979aae; } .robtn { display:inline-block; height:35px; line-height:35px; border-radius:2px; background:#3f4257!important; font-weight:600; text-transform: uppercase; position:relative; border:0px; padding:0px 15px; color:#fff!important; transition: all .2s ease; } .robtn .fa { font-size: 16px; margin-right: 5px; position: relative; top: 1px; } .robtn .fa.ri { top: 3px; } .robtn:hover { background:#1f212b!important; } .robtn.roblue { background:#38a9ff!important; } .robtn.roblue:hover{ background:#0f89e5!important; } .robtn.rogreen { background:#2bd768!important; } .robtn.rogreen:hover { background:#00a53e!important; } .robtn.ropurple { background:#7c5ac2!important; } .robtn.ropurple:hover { background:#6140a6!important; } .robtn.roorange { background:#ff5e3a!important; } .robtn.roorange:hover { background:#e24421!important; } .robtn.royellow { background:#ffc600!important; } .robtn.royellow:hover{ background:#e5b200!important; } .robtn.rored { background:#ee0743!important; } .robtn.rored:hover{ background:#b40331!important; } .robtn:focus { color: #fff!important } .rbtn:focus, .rbbtn:focus{ color: inherit!important; } .roblock { display: block; margin:10px 0px; } .roblock.m0 { margin:0px; } .rocontrol { height:34px; line-height: 34px; } .rbtn { display:inline-block; height:35px; line-height:35px; border-radius:2px; background:#fff; font-weight:600; text-transform: uppercase; position:relative; } .rbtn:before { content:""; width:40px; height:100%; position:absolute; top:0; left:0; background:#3f4257; border-top-left-radius: 2px; border-bottom-left-radius: 2px; transition: all .3s ease; } .rbtn:hover:before { width:100%; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .rbtn:hover { color:#fff!important; } .rbtn span:first-child { display: block; float: left; z-index: 999; position: relative; width: 40px; color:#fff!important; text-align:center; font-size:18px; } .rbtn span:last-child { padding:0px 20px; z-index: 999; position: relative; } .rbtn.rblue:before { background:#38a9ff; } .rbtn.rgreen:before { background:#2bd768; } .rbtn.rpurple:before { background:#7c5ac2; } .rbtn.rorange:before { background:#ff5e3a; } .rbtn.royellow:hover{ background:#e5b200; } .rbtn.rored:hover{ background:#ee0743; } .rbbtn { font-size: 11px; text-transform: uppercase; color: #3f4257; display: inline-block; border: 2px solid #3f4257; padding: 3px 15px 3px 15px; border-radius: 25px; font-weight: 600; line-height:20px; } .rbbtn.rbicon { padding: 3px 10px 3px 10px; } .rbbtn:hover { color:#fff!important; background:#3f4257; } .rbbtn.rbblue { border-color:#38a9ff; } .rbbtn.rbblue:hover { background:#38a9ff; } .rbbtn.rbgreen { border-color:#2bd768; } .rbbtn.rbgreen:hover { background:#2bd768; } .rbbtn.rbpurple { border-color:#7c5ac2; } .rbbtn.rbpurple:hover { background:#7c5ac2; } .rbbtn.rborange { border-color:#ff5e3a; } .rbbtn.rborange:hover { background:#ff5e3a; } .rbbtn.rbyellow { border-color:#ffc600; } .rbbtn.rbyellow:hover{ background:#ffc600; } .rbbtn.rbred { border-color:#ee0743; } .rbbtn.rbred:hover{ background:#ee0743; } .checkbox { line-height: 16px; padding-left: 20px; } .checkbox label { display: inline-block; position: relative; padding-left: 5px; } .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #e4ebf1; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #555555; } .checkbox input[type="checkbox"] { opacity: 0; } .checkbox input[type="checkbox"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .checkbox input[type="checkbox"]:checked + label::after { font-family: 'FontAwesome'; content: "\f00c"; } .checkbox input[type="checkbox"]:disabled + label { opacity: 0.65; } .checkbox input[type="checkbox"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; } .checkbox.checkbox-circle label::before { border-radius: 50%; } .checkbox.checkbox-inline { margin-top: 0; } .checkbox-blue input[type="checkbox"]:checked + label::before { background-color: #38a9ff; border-color: #38a9ff; } .checkbox-blue input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-green input[type="checkbox"]:checked + label::before { background-color: #2bd768; border-color: #2bd768; } .checkbox-green input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-purple input[type="checkbox"]:checked + label::before { background-color: #7c5ac2; border-color: #7c5ac2; } .checkbox-purple input[type="checkbox"]:checked + label::after { color: #fff; } .checkbox-orange input[type="checkbox"]:checked + label::before { background-color: #ff5e3a; border-color: #ff5e3a; } .checkbox-orange input[type="checkbox"]:checked + label::after { color: #fff; } .radio { line-height: 16px; padding-left: 20px; } .radio label { display: inline-block; position: relative; padding-left: 5px; } .radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #e4ebf1; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } .radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #3f4257; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } .radio input[type="radio"] { opacity: 0; } .radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .radio input[type="radio"]:disabled + label { opacity: 0.65; } .radio input[type="radio"]:disabled + label::before { cursor: not-allowed; } .radio.radio-inline { margin-top: 0; } .radio-blue input[type="radio"] + label::after { background-color: #38a9ff; } .radio-blue input[type="radio"]:checked + label::before { border-color: #38a9ff; } .radio-blue input[type="radio"]:checked + label::after { background-color: #38a9ff; } .radio-green input[type="radio"] + label::after { background-color: #2bd768; } .radio-green input[type="radio"]:checked + label::before { border-color: #2bd768; } .radio-green input[type="radio"]:checked + label::after { background-color: #2bd768; } .radio-purple input[type="radio"] + label::after { background-color: #7c5ac2; } .radio-purple input[type="radio"]:checked + label::before { border-color: #7c5ac2; } .radio-purple input[type="radio"]:checked + label::after { background-color: #7c5ac2; } .radio-orange input[type="radio"] + label::after { background-color: #ff5e3a; } .radio-orange input[type="radio"]:checked + label::before { border-color: #ff5e3a; } .radio-orange input[type="radio"]:checked + label::after { background-color: #ff5e3a; } .bootstrap-select-searchbox, .bootstrap-select .bs-actionsbox { padding:10px 8px; } .bootstrap-select .bootstrap-select-searchbox .form-control{ border-color:#e4ebf1; box-shadow: none!important; } .bootstrap-select .bootstrap-select-searchbox .form-control:focus { border-color: #38a9ff; } .bootstrap-select div.dropdown-menu { padding:0px; border:0px; box-shadow: 0 0 15px 0 rgba(63, 66, 87, 0.2); transition: all .3s ease; } .bootstrap-select .dropdown-menu li a { padding:10px 15px; } .bootstrap-select .dropdown-menu li.selected { background:#f9f9f9!important; font-weight: 700!important; } .bootstrap-select .dropdown-menu li.selected a { color: #38a9ff!important; font-weight: 700!important; } .bootstrap-select.btn-group .no-results { padding: 4px 8px; } .bootstrap-select ul.dropdown-menu::before { display:none; } .bootstrap-select.btn-group div.dropdown-menu { max-height:500px!important; overflow:hidden; } .bootstrap-select.btn-group .dropdown-menu { z-index: 99000; } .bootstrap-select.btn-group .dropdown-menu.inner { max-height:340px!important; overflow-y:auto; border-radius: 2px; } .bootstrap-select.btn-group .div-contain { display:none; } .bootstrap-select.btn-group .dropdown-menu dt { padding:10px 15px 10px 20px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark { top:50%!important; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark:before { font-family: 'icomoon'!important; content: "\ed6e"!important; } .bootstrap-select .notify { background: #fff!important; border: 1px solid #dfe5ee !important; color: #515365!important; border-radius: 2px; } ul.dropdown-menu { padding:0px; border:0px; border-radius:2px; box-shadow: 0 0 10px 0 rgba(63, 66, 87, 0.2); } ul.dropdown-menu::before { position: absolute; display: inline-block; content: ""; top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #fff; left: 20px; } ul.dropdown-menu li { display: block; background: #fff !important; line-height: 25px; white-space: nowrap; width: 100% !important; text-align: left !important; padding: 0!important; margin: 0px !important; border-bottom: 1px solid #e2e6e9; transition: all .3s ease; } ul.dropdown-menu li:first-child { border-top-left-radius:2px; border-top-right-radius:2px; } ul.dropdown-menu li:last-child { border-bottom-left-radius:2px; border-bottom-right-radius:2px; } ul.dropdown-menu li a { display: block!important; padding: 10px 15px 10px 20px!important; background: none!important; color: #515365 !important; text-align: left !important; } ul.dropdown-menu li:hover { background:#f9f9f9!important; } ul.dropdown-menu li:hover a, ul.dropdown-menu li a:hover { color:#38a9ff!important; } .jspVerticalBar { width:8px; background: none!important; } .jspHorizontalBar { height: 8px; background: none!important; } .jspVerticalBar .jspTrack, .jspHorizontalBar .jspTrack{ background: none!important; } .jspVerticalBar .jspDrag, .jspHorizontalBar .jspDrag{ background: #c1c1c1; border-radius:2px; } .ofw-x { overflow-x:hidden; } .timeline { list-style: none; padding: 20px 0 20px; position: relative; } .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #eeeeee; left: 50%; margin-left: -1.5px; } .timeline > li { margin-bottom: 20px; position: relative; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { background: #fff; width: 46%; float: left; border: 1px solid #d4d4d4; border-radius: 2px; padding: 20px; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " "; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #f5f8fa; border-bottom: 14px solid transparent; content: " "; } .timeline > li > .timeline-badge { color: #fff; width: 50px; height: 50px; line-height: 50px; font-size: 1.4em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -25px; background-color: #999999; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { left: -15px; right: auto; } .timeline > li.timeline-inverted > .timeline-panel:after { left: -14px; right: auto; } .timeline-badge.primary { background-color: #2e6da4 !important; } .timeline-badge.success { background-color: #3f903f !important; } .timeline-badge.warning { background-color: #f0ad4e !important; } .timeline-badge.danger { background-color: #d9534f !important; } .timeline-badge.info { background-color: #5bc0de !important; } .timeline-title { margin-top: 0; color: inherit; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } @media (max-width: 767px) { ul.timeline:before { left: 40px; } ul.timeline > li > .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); } ul.timeline > li > .timeline-badge { left: 15px; margin-left: 0; top: 16px; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } } textarea { resize:vertical; } * { margin: 0; outline: 0!important; } *, *:before, *:after { outline: 0!important; } *:focus { outline: 0!important; } html, body { height: 100%; } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } html { -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } body { line-height: 1.6923; font-size: 1.4em; background: #e8eaec; color: #515365; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",sans-serif; } h1, h2, h3, h4, h5, h6 { line-height: normal; margin: 0 0 15px 0; -ms-word-wrap: break-word; word-wrap: break-word; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",sans-serif; text-rendering: optimizeLegibility; color:#515365; } h1 { font-size: 30px; } h2 { font-size: 26px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { margin: 0 0 25px 0; } a { -webkit-transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease; transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease; outline: none; color: #515365; text-decoration: none!important; } a:hover { color:#38a9ff; outline: none; text-decoration: none!important; } a:active { outline: none; } .group::after { content: ""; display: table; clear: both; } figure { margin: 0; } ul, ol { padding-left: 20px; } ul { list-style: disc; } ol { list-style: decimal; } dl { margin: 0 0 20px; } dt { font-weight: bold; } dd { margin: 0 0 15px; } blockquote { margin: 20px 0; padding-left: 15px; border-left: 3px solid #ccc; font-size: 17px; font-weight: 300; } blockquote cite { display: block; font-weight: bold; font-style: italic; margin: 10px 0 0; color: rgba(54, 47, 45, 0.8); font-size: 14px; } table { border-collapse: separate; border-spacing: 0; width: 100%; } code, kbd, tt, var, samp, pre { font-family: monospace, serif; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; font-style: normal; } pre { padding: 15px; border: 1px solid rgba(0, 0, 0, 0.1); } address { margin: 0 0 15px; } .sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } embed, iframe, object, video, audio { margin-bottom: 15px; max-width: 100%; } p > embed, p > iframe, p > object, p > audio, span > embed, span > iframe, span > object, span > audio { margin-bottom: 0; } * { margin: 0; outline:0!important } html, body { height: 100%; } #map, .map * { max-width: none !important; } img.alignright { float: right; margin: 0 0 1em 1em; } img.alignleft { float: left; margin: 0 1em 1em 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } @keyframes blinker { 50% { opacity: 0; } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 0.6; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 0.6; } } @keyframes blink-animation { to { visibility: hidden; } } @-webkit-keyframes blink-animation { to { visibility: hidden; } } .blinkAni { animation: blinker 1.2s linear infinite; } .blinkAni1 { animation: blink-animation 1s steps(5, start) infinite; -webkit-animation: blink-animation 1s steps(5, start) infinite; } .container { width:95%; margin:0 auto; padding:0px; } .headerTop { background:#3f4257; height:70px; line-height:70px; } .headerTop .logo { float:left; width:150px; line-height:67px; margin-right:2%; } .headerTop .logo h1 { margin: 0px; } .r10Logo{ display: inline-block !important; width: 137px; height: 57px; text-indent: -99999px; position: relative; top: 7px; background-size: cover; } .r10Logo[data-id='2']{ background-size: cover; } .r10Logo[data-id='3']{ background-size: cover; } .headerTop .search { position:relative; float:left; width:25%; } .headerTop .search input { width:100%; height:70px; line-height:70px; border:0; background:#494c62; padding:0 60px 0 15px; color:#8689a3; } .headerTop .search input::placeholder{ color:#8689a3; opacity:1; } .headerTop .search button { position:absolute; background:none; border:0px; top:0px; right:20px; font-size:24px; color:#8689a3; } .headerTop .r-right{ float: left; height: auto; display: flex; align-items: center; } .headerTop .r-right ul{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; margin-left:10px; } .headerTop .r-right ul li{ margin: 0 5%; } .headerTop .r-right ul li a { font-size: 15px; } .headerTop div.user { float:right; height:70px; } .headerTop div.user .button.upgrade { position: relative; float: left; margin: 3px 20px; cursor: pointer; } .headerTop div.user .button.upgrade a { border: 2px solid #38a9ff; padding: 6px 15px; border-radius: 2px; color: #fff !important; text-transform: lowercase; font-weight: 600; font-size: 13px; position: relative; z-index: 1; } .headerTop div.user .button.upgrade a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 101%; height: 100%; transform: scaleY(0); transform-origin: bottom center; background: #38a9ff; z-index: -1; transition: transform 0.3s; } .headerTop div.user .button.upgrade a:hover::after { transform: scaleY(1); } .headerTop div.user .icon { position:relative; float:left; margin:4px 20px; cursor:pointer; } .headerTop div.user .icon.searchlink, .headerTop div.user .icon.newmessages, .headerTop div.user .icon.searchlink .inner:before, .headerTop div.user .icon.newmessages .inner:before{ display: none; } .headerTop div.user .icon .inner { position: relative; } .headerTop div.user .icon i { font-size:22px; color:#fff; } .headerTop div.user .icon .head i { color: #515365; } .headerTop div.user .icon .count { position: absolute; right: -8px; top: 10px; width: 21px; height: 21px; line-height: 16px; background: #fff; border-radius: 100%; text-align: center; border: 2px solid #3f4257; color:#fff; font-size:12px; font-weight:600; } .headerTop div.user .icon.mbSearch { display: none; } .headerTop div.user .icon.messages .count { background:#ee0743; } .headerTop div.user .icon.notify .count { background:#38a9ff; } .headerTop div.user .icon.friends .count { background:#ff5e3a; } .headerTop div.user .icon:hover .notificationList, .headerTop div.user .icon:hover .inner:before{ opacity:1; visibility: visible; } .headerTop div.user .messages .notificationList .list li:before { background: #ee0743; } .headerTop div.user .messages .notificationList .footer{ background: #ee0743; } .headerTop div.user .notify .notificationList .list li:before { background: #38a9ff; } .headerTop div.user .notify .notificationList .footer{ background: #38a9ff; } .headerTop div.user .icon .inner.quotaEx i { animation: blink-animation 1s steps(5, start) infinite; color: #ee0743!important; } .notificationList { opacity:0; visibility: hidden; position:absolute; width:380px; top:60px; left: -60px; z-index:99999; background:#fff; box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.2); border-radius:2px; transition: all .3s ease; } .headerTop div.user .icon .inner:before { visibility: hidden; opacity: 0; position: absolute; display: inline-block; content: ""; bottom: 10px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #fff; left:50%; transition: all .3s ease; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); } .headerTop div.user .icon .inner.beforeHide:before { opacity: 0!important; visibility: hidden!important; } .notificationList .head { height:40px; line-height:40px; padding:0px 20px; border-bottom:1px solid #e2e6e9; } .notificationList .head span { font-weight: 600; font-size:13px; color:#515365; text-transform:uppercase; } .notificationList .head a { font-size:12px; text-transform: uppercase; float:right; } .notificationList .list ul { list-style: none; padding:0px; margin:0px; } .notificationList .list li { display:table; table-layout: fixed; position:relative; width:100%; line-height: 1.5; border-bottom:1px solid #e2e6e9; transition: all .3s ease; } .notificationList .list li.un:before { content:""; position:absolute; width:3px; height:100%; background:#ff5e3a; left: 0px; top: 0px; transition: all .2s ease; } .notificationList .list li:hover { background:#f9f9f9; } .notificationList .list li.un { background:#f9f9f9; } .notificationList .list li:last-child { border-bottom:0px; } .notificationList .list li a { display: block; padding:15px; } .notificationList .list .avatar, .notificationList .list .desc, .notificationList .list .action { display:table-cell; vertical-align: middle; } .notificationList .avatar { position:relative; width:34px; padding:0px 20px 0px 0px; } .notificationList .avatar img{ width:34px; height:34px; border-radius:100%; } .notificationList .desc span { display:block; } .notificationList .desc a:hover { color:#515365; } .notificationList .desc .title { max-width:270px; font-weight:700; transition: all .2s ease; word-wrap: break-word; } .notificationList .desc .notify { word-wrap: break-word; max-width:270px; } .notificationList .desc .user { font-size:12px; } .notificationList .desc .date { font-size:11px; color:#979aae; } .notificationList .action { width: 130px; margin-top: 6px; position: relative; top: 0px; right: -10px; } .notificationList .noResult { width: 100%; padding: 15px 0px; text-align: center; line-height: 60px; } .notificationList .noResult i { color: #515365 !important; font-size:72px !important; } .notificationList .noResult i.icon-spinner2 { position: relative; top: 15px; } .notificationList .noResult span { display: block; } .notificationList .action .robtn { height: 24px; line-height: 24px; padding: 0px 7px; font-size: 13px; text-transform: lowercase; margin-left: 3px; color: #fff !important; } .notificationList .footer { height: 40px; line-height: 40px; text-align: center; background: #ff5e3a; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .notificationList .footer a { display: block; font-weight:600; color:#fff; } .headerTop div.user .friends .notificationList .list li { table-layout: fixed; padding: 15px; } .headerTop div.user .friends .notificationList .list li a { padding: 0px; display: block; } .headerTop div.user .friends .notificationList .list li .avatar { width: 54px; } .headerTop div.user .friends .notificationList .list li .desc { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .headerTop div.user .friends .notificationList .list li .desc .notify, .headerTop div.user .friends .notificationList .list li .desc .date { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .headerTop div.user .friends .notificationList .list li .action a{ padding: 0px 7px; display: inline-block; } .headerTop div.user .friends .notificationList .list li .action a i { color: #fff; } .headerTop div.user .info { float:left; position:relative; } .headerTop div.user .info .name, .headerTop div.user .info .avatar { float:left; } .headerTop div.user .info .name { margin:16px 20px; } .headerTop div.user .info .name span { display:block; line-height:18px; color:#979aae; } .headerTop div.user .info .name span b { color:#fefeff; } .headerTop div.user .info .avatar { position:relative; line-height:67px; } .headerTop div.user .info .avatar img { width: 60px; height: 60px; border-radius: 100%; border: 3px solid #494c62; } .headerTop div.user .info .avatar .crt { position: absolute; top: 50%; right:-20px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 23px; height: 23px; line-height: 17px; background: #7c5ac2; text-align: center; color: #fff; border: 3px solid #3f4257; border-radius: 100%; cursor:pointer; } .headerTop div.user .info .infoMenu { width:320px; visibility: hidden; opacity: 0; position: absolute; z-index:9999; line-height:1.5; background:#fff; transition: all .3s ease; box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.2); border-radius:2px; top: 65px; right: -20px; } .headerTop div.user .info .infoMenu:before { position: absolute; display: inline-block; content: ""; top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #7c5ac2; right:16px; } .headerTop div.user .info .infoMenu .head { height:65px; line-height:65px; padding:0px 20px; background:#7c5ac2; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom:1px solid #e2e6e9; } .headerTop div.user .info .infoMenu .head span { font-weight: 700; font-size:16px; color:#fff; text-transform:uppercase; } .headerTop div.user .info .infoMenu ul{ padding:0px; margin:0px; list-style: none; } .headerTop div.user .info .infoMenu ul li { height: 43px; line-height: 43px; padding:0px 20px; border-bottom: 1px solid #e2e6e9; transition: all .3s ease; position:relative; } .headerTop div.user .info .infoMenu ul li:last-child { border:0px; } .headerTop div.user .info .infoMenu ul li:hover { background:#f9f9f9; } .headerTop div.user .info .infoMenu ul li a { font-weight: 600; color:#898c9f; } .headerTop div.user .info .infoMenu ul li a i { display:inline-block; width: 20px; text-align: center; margin-right:10px; font-size:18px; color:#979aae; position:relative; top:2px; } .headerTop div.visitor > a { border: 2px solid #38a9ff; padding: 5px 20px; border-radius: 2px; color: #fff!important; text-transform: uppercase; font-weight: 600; } .headerTop div.visitor > div.notify { margin-right: 28px; } .headerTop div.visitor a.register { margin-left:10px; border-color: #7c5ac2; } .headerTop div.visitor a.login:hover { background: #38a9ff; } .headerTop div.visitor a.register:hover { background: #7c5ac2; } .headerBottom { background:#fff; height:60px; line-height:60px; border-bottom:1px solid rgba(197,200,222, 0.5); } .headerBottom ul { width:100%; display:table; } .headerBottom ul li{ display: table-cell; position: relative; margin:0px 15px; text-align:left; } .headerBottom ul li:first-child{ margin-left:0px; text-align:left; } .headerBottom ul li.last, .headerBottom ul li.nightSwitch{ margin-right:0px; float:right; } .headerBottom ul li.settings i, .headerBottom ul li.nightSwitch i { font-size: 20px; position: relative; top:4px; } .headerBottom ul li.nightSwitch i.r10sun{ top: 3px; } .headerBottom ul li a { display:inline-block; padding:0px; background:none!important; color:#515365; } .headerBottom ul li a .fa-angle-down { color:#38a9ff; margin-left:5px; } .headerBottom ul li:hover ul { opacity: 1; visibility: visible; } .headerBottom ul li ul { opacity:0; visibility: hidden; position: absolute; z-index: 1120; padding:0px; margin:0px; left:-40px; background: #fff; border-radius: 2px; box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.2); transition: opacity .3s, visibility .09s, z-index .6s ease; } .headerBottom ul li ul:before { position: absolute; display: inline-block; content: ""; top: -6px; border-right: 6px solid transparent; border-left: 6px solid transparent; border-bottom: 6px solid #fff; left:55px; } .headerBottom ul li ul li { display: block; float: none!important; margin:0px!important; line-height: 25px; white-space: nowrap; width: 100%; text-align: left !important; padding:10px 25px 10px 20px; border-bottom:1px solid #e2e6e9; } .headerBottom ul li ul li:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .headerBottom ul li ul li:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .headerBottom ul li ul li a { transition: all .2s ease; } .headerBottom ul li ul li i { margin-right:10px; color:#c2c7cc; } .headerBottom ul li ul li:hover { background:#f9f9f9; } .headerBottom ul li ul li:hover a{ color:#38a9ff; } .headerBottom ul li ul li:last-child { border-bottom:0px; } main { width: 100%; margin-top:25px; min-height: 40%; } .r10MHR, .r10MHRk{ width:100%; display:block; overflow:hidden; margin:0 auto 15px auto; text-align: center; } .r10MHR img, .r10MHRk img{ max-width: 100%; } .r10HX, .r10HRk { width:100%; display:block; overflow:hidden; margin:0 auto 25px auto; } .r10HX .hrk , .r10HRk .hrk { display:block; width:100%; text-align: center; margin-bottom:25px; float:none; } .r10HX .hrk:last-child, .r10HRk .hrk:last-child { margin-bottom:0px; } .r10HX[data-count="1"] .hrk, .r10HRk[data-count="1"] .hrk { float:none; width:100%; text-align: center; } .r10HX iframe, .r10HRk iframe { margin:0px!important; } .featuredTabs { position: relative; background:#f5f8fa; border:1px solid #dfe5ee; border-radius:2px; margin-bottom:25px; } .featuredTabs .nav { height:55px; border:0px; background: #3f4257; border-top-left-radius: 2px; border-top-right-radius: 2px; } .featuredTabs .nav li { position:relative; } .featuredTabs .nav li a { background:none!important; color:#d9dae9; padding:0px 20px; margin:0px; line-height:55px; border-top:0px!important; border-left:0px!important; border-bottom:0px!important; border-right:1px solid #494c62!important; border-radius:0px; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .featuredTabs .nav li i { position: relative; top: 2px; margin-right:5px; color:#c2c7cc; } .featuredTabs .nav li.active a { color:#fff; } .featuredTabs .nav li.active:after { content:""; position:absolute; width:100%; height:2px; background:#ff5e3a; bottom:0px; } .featuredTabs .nav li.customize { background: #38a9ff; float: right; border-top-right-radius: 2px; border-right: 0px; } .featuredTabs .nav li.customize a { font-weight: 600; text-transform: uppercase; color: #fff!important; border-right: 0px!important } .featuredTabs .nav li.customize i { color: #fff; } .featuredTabs .nav-mobile { display: none; } .featuredTabs .nav-mobile li { position: relative; float: none !important; width: 100%; background: none !important; } .featuredTabs .nav-mobile li:before { content: "\ec6e"; font: normal normal normal 14px/1 "icomoon"; position: absolute; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); right:15px; top:50%; color: #fff !important; } .featuredTabs .nav-mobile li.active:after { display:none; } .featuredTabs .nav-mobile li a { max-width: 100%; color: #fff !important; font-weight:400!important; text-transform: inherit!important; } .featuredTabs .nav-mobile li i { color: #c2c7cc!important; margin: 0px 5px 0px 0px!important; } .featuredTabs .featuredLoading { width: 100%; padding: 150px 0; text-align: center; line-height: 60px; min-height: 442px; max-height: 442px; } .featuredTabs .featuredLoading i { color: #515365 !important; font-size: 48px !important; } .featuredTabs .featuredLoading span { display: block; } .featuredTabs .featuredThreads .head { display:block; overflow:hidden; height:45px; line-height:45px; background:#494c62; } .featuredTabs .featuredThreads .head ul, .featuredTabs .featuredThreads .list ul, .featuredTabs .featuredThreads .list ol { margin:0px; padding:0px; list-style: none; } .featuredTabs .featuredThreads .head li { float:left; color:#fff; font-weight:600; padding:0px 15px; } .featuredTabs .featuredThreads .head li:nth-child(1){ width:50%; } .featuredTabs .featuredThreads .head li:nth-child(2){ width:15%; text-align:center; } .featuredTabs .featuredThreads .head li:nth-child(3){ width:15%; } .featuredTabs .featuredThreads .head li:nth-child(4){ width:20%; } .featuredTabs .featuredThreads .filter { position: relative; overflow: hidden; border-bottom:1px solid #e2e6e9; height:35px; line-height: 35px; text-align: right; padding: 0px 15px; } .featuredTabs .featuredThreads .filter ul { margin:0px; padding: 0px; list-style: none; } .featuredTabs .featuredThreads .filter ul li { display:inline-block; margin-left:5px; } .featuredTabs .featuredThreads .filter ul li a:hover,.featuredTabs .featuredThreads .filter ul li a:focus,.featuredTabs .featuredThreads .filter ul li.active a { background: #38a9ff; color:#fff; } .featuredTabs .featuredThreads .filter ul li a { background: #dce6ee; border-radius:2px; padding:2px 4px; font-size: 12.5px; } .featuredTabs .featuredThreads .list { position:relative; overflow:hidden; } .featuredTabs .featuredThreads .list .thread { width:100%; display:block; overflow:hidden; line-height:30px; } .featuredTabs .featuredThreads .list li:first-child ol li { padding-top:15px; } .featuredTabs .featuredThreads .list li:last-child ol li { padding-bottom:15px; } .featuredTabs .featuredThreads .list ol { width: 100%; display: table; table-layout: fixed; } .featuredTabs .featuredThreads .list ol li { position:relative; display: table-cell; vertical-align: middle; padding:3px 15px; border-right:1px solid #e2e6e9; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .featuredTabs .featuredThreads .list ol li:nth-child(1){ width:50%; } .featuredTabs .featuredThreads .list ol li:nth-child(2){ width:15%; text-align:center; } .featuredTabs .featuredThreads .list ol li:nth-child(3){ width:15%; } .featuredTabs .featuredThreads .list ol li:nth-child(4){ width:20%; border-right:0px; } .featuredTabs .featuredThreads .list ol li a { display: block; overflow: hidden; } .featuredTabs .featuredThreads .list ol li .actions { position: absolute; right: 15px; } .featuredTabs .featuredThreads .list ol li .avatar { display:block; float:left; position:relative; width:30px; } .featuredTabs .featuredThreads .list ol li .avatar img{ display:inline-block; width:30px; height:30px; border-radius:100%; } .featuredTabs .featuredThreads .list ol li .avatar .status { width: 12px; height: 12px; position: absolute; top: 50%; right: -12px; background:#a2a2a2; border: 2px solid #fff; border-radius: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .featuredTabs .featuredThreads .list ol li .avatar .status.on { background:#11f762; } .featuredTabs .featuredThreads .list ol li .avatar .status.vs { background:#ff5e3a; } .featuredTabs .featuredThreads .list ol li .title { display:block; float:left; margin-top:2px; margin-left:15px; width:calc(100% - 45px); width:-webkit-calc(100% - 45px); width:-moz-calc(100% - 45px); overflow:hidden; white-space: nowrap; text-overflow:ellipsis; } .featuredTabs .featuredThreads .list ol li .title .sponsored { color:#ff5e3a!important; } .featuredTabs .featuredThreads .list ol li.una .title { margin-left: 0px; } .featuredTabs .featuredThreads .list ol li:nth-child(1) a:hover { color:#38a9ff; } .featuredTabs .featuredThreads .list ol li .title span { text-transform:uppercase; color:#38a9ff; font-weight:600; } .featuredTabs .featuredThreads .list ol li .title em { color: #979aae; } .featuredTabs .featuredThreads .list ol li:nth-child(2) span { display: block; float: left; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: hidden; } .featuredTabs .featuredThreads .list ol li:nth-child(2) span:nth-child(1){ width: 47%; } .featuredTabs .featuredThreads .list ol li:nth-child(2) span:nth-child(2) { width: 6%; color:#38a9ff; font-size: 10px; } .featuredTabs .featuredThreads .list ol li:nth-child(2) span:nth-child(3){ width: 47%; } .featuredTabs .featuredThreads .list ol li .title .titleTooltip { display: inline-block; } .featuredTabs .moreThreads { display: block; overflow: hidden; height: 35px; line-height: 35px; background: #494c62; text-align: center; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; font-size: 13px; cursor: pointer; color: #fff; font-weight: 600; } .forumList .mainForum { margin-bottom:25px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .forumList .mainHead { height:45px; overflow:hidden; line-height:45px; background:#3f4257; border-top-left-radius: 2px; border-top-right-radius: 2px; } .forumList ul, .forumList ol { margin:0px; padding:0px; list-style:none; } .forumList .mainHead ul li { display:block; font-weight:600; color:#fff; float:left; text-align:center; } .forumList .mainHead ul li:nth-child(1){ width:100px; } .forumList .mainHead ul li:nth-child(2){ width:calc(66% - 100px); width:-webkit-calc(66% - 100px); width:-moz-calc(66% - 100px); padding: 0px 15px; text-align:left; text-transform:uppercase; } .forumList .mainHead ul li:nth-child(3){ width:20%; background:#383b50; } .forumList .mainHead ul li:nth-child(4){ width:14%; } .forumList .forumHead { height:60px; overflow:hidden; background:#494c62; line-height:60px; cursor: pointer; } .forumList .forumHead ul li { display:block; font-weight:600; color:#fff; float:left; } .forumList .forumHead ul li:nth-child(1){ width:100px; text-align: center; font-size: 18px; } .forumList .forumHead ul li:nth-child(2){ width:calc(66% - 100px); width:-webkit-calc(66% - 100px); width:-moz-calc(66% - 100px); padding: 0px 15px; } .forumList .forumHead ul li:nth-child(2) span{ font-weight:700; text-transform: uppercase } .forumList .forumHead ul li h2 { font-size: inherit; margin: 0px; color: inherit; display: inline-block; font-weight:600; } .forumList .forumHead.collapsed { border-bottom: 1px solid #5e6179; } .forumList .forum { width:100%; display:block; overflow:hidden; background:#f5f8fa; } .forumList .forum:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .forumList .forum:last-child ol li:last-child { border-bottom-right-radius: 2px; } .forumList .forum ol { display:table; table-layout: fixed; width: 100%; } .forumList .forum ol li { display:table-cell; padding:15px 0px; border-right:1px solid #e2e6e9; border-bottom:1px solid #e2e6e9; vertical-align: middle; } .forumList.single .forum ol li { padding:5px 0px; } .forumList .forum ol li:last-child { border-right: 0px; } .forumList .forum ol li:nth-child(1){ width:100px; text-align:center; } .forumList .forum ol li:nth-child(1) .rokito { font-size:64px; line-height:0px; } .forumList .forum ol li:nth-child(1) .rokito::before { content: "\e800"; } .forumList .forum ol li:nth-child(1) .rokito.h { color:#ff5e3a; } .forumList .forum ol li:nth-child(2){ padding:15px; } .forumList .forum ol li:nth-child(3){ width:20%; padding:15px; } .forumList .forum ol li:nth-child(4){ width:14%; text-align:center; } .forumList .forum ol li:nth-child(2) div { display:block; } .forumList .forum ol li:nth-child(2) .br { width:15px; border:2px solid #ccc; border-right:none; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .forumList .forum ol li:nth-child(2) .title { font-size:15px; color:#979aae; } .forumList .forum ol li:nth-child(2) .title span:first-child,.forumList .forum ol li:nth-child(2) .title h3 { color:#515365; font-size:16px; font-weight:600; transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease; margin: 0; display: inline-block; } .forumList .forum ol li:nth-child(2) .title a:hover span { color:#38a9ff; } .forumList .forum ol li:nth-child(2) .title i { margin-left:5px; color:#bcbdc3; } .forumList .forum ol li:nth-child(2) .desc { font-size:13px; color:#979aae; margin-bottom:5px; } .forumList .forum ol li:nth-child(2) .childs div { display:inline-block; font-size:13px; margin-right:10px; } .forumList .forum ol li:nth-child(2) .childs div h4{ display:inline-block; font-size:13px; margin:0; } .forumList .forum ol li:nth-child(2) .childs i { margin-right:5px; color:#bcbdc3; } .forumList .forum ol li:nth-child(2) .childs i.new { color:#ff5e3a; } .forumList .forum ol li:nth-child(3) .thread, .forumList .forum ol li:nth-child(3) .info { display:block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .forumList .forum ol li:nth-child(3) .thread { font-weight:600; } .forumList .forum ol li:nth-child(3) .thread .h5{ font-size: 13px; display: inline-block; margin: 0; } .forumList .forum ol li:nth-child(3) .info { font-size:13px; } .forumList .forum ol li:nth-child(3) .info .user { float:left; max-width: 50%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .forumList .forum ol li:nth-child(3) .info .date { float:right; color:#979aae; max-width: 50%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .forumList .forum ol li:nth-child(3) .info .date i { margin-left:5px; color:#979aae; } .forumList .forum ol li:nth-child(4){ text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .forumList .forum ol li:nth-child(4) span { display: block; float: left; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: hidden; font-size: 13px; } .forumList .forum ol li:nth-child(4) span:nth-child(1),.forumList .forum ol li:nth-child(4) span:nth-child(3) { width:47%; } .forumList .forum ol li:nth-child(4) span:nth-child(2){ width: 6%; font-size: 10px; color:#38a9ff; position: relative; top:2px; } .forumList .footer { background: #38a9ff; height: 50px; line-height: 50px; text-align: center; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .forumList .footer a { color:#fff; } .forumList .footer a:last-child{ margin-left:50px; } .forumStats { margin-bottom:25px; overflow:hidden; background:#494c62; border-radius:2px; } .forumStats a { color:#38a9ff; font-weight:600; } .forumStats .head { height:40px; line-height: 40px; border-top-left-radius: 2px; border-top-right-radius: 2px; background:#3f4257; color:#fff; font-weight:600; padding:0px 20px; } .forumStats .stats span { display:inline-block; height:45px; line-height:45px; padding:0px 20px; color:#979aae; border-right:1px solid #595c73; } .forumStats .stats span:last-child { border-right:0px; } .forumStats .stats div:first-child { border-bottom:1px solid #595c73; } .forumStats .stats b { color:#fff; } .forumStats .stats:last-child span { border:0px; } .iconArea{ margin-bottom:25px; } .iconArea, .iconInfo .left, .iconArea .right { overflow:hidden; } .iconArea .left{ float:left; } .iconArea .right{ float:right; line-height:56px; } .iconArea .forumIcon{ display:table; float:left; padding-right:20px; } .iconArea .forumIcon span{ display:table-cell; vertical-align: middle; padding-right:10px; } .iconArea.ic .forumIcon span i { font-size:24px; margin-right:10px; color:#bcbdc3; } .iconArea .forumIcon span i.h { color: #ff5e3a; } .iconArea.ic .right { line-height:27px; } .iconArea.ic .forumIcon span i.h { color:#ff5e3a; } .iconArea .forumIcon span i { font-size:36px; } .iconArea .forumIcon span:last-child { position:relative; top:5px; } .iconArea.ic .forumIcon span { top:0px!important; vertical-align: middle; } .iconArea .right { line-height:42px; } .iconArea .right ul { padding:0; margin:0; list-style: none; } .iconArea .right ul li { display:inline-block; padding:0px 20px; } .iconArea .right ul li:last-child{ padding-right: 0px; } .iconArea .right ul li a { color:#494c62; } .tricks { width:100%; line-height:70px; overflow:hidden; border:1px solid #dfe5ee; background: #f5f8fa; border-radius:2px; margin-bottom:35px; } .tricks img { position:relative; top:-2px; width:48px; height:48px; } .tricks div { display:table-cell; vertical-align: middle; padding:5px 20px; border-right:1px solid #e2e6e9; color:#494c62; } .tricks div:nth-child(2){ font-weight:600; text-transform: uppercase; } .tricks div:last-child { border:0px; } .tricks .tricksText { line-height: 25px; display: block; } .tricks br { margin: 0px; } .tricks span:not(.tricksText){ font-weight: 700; } .contactDetail { width:100%; overflow:hidden; border:1px solid #dfe5ee; background: #f5f8fa; border-radius:2px; margin-bottom:35px; color:#494c62; } .contactDetail .top { width:100%; display:table; border-bottom:1px solid #e2e6e9; } .contactDetail .top div { display:table-cell; width:25%; height:115px; text-align:center; vertical-align: middle; border-right:1px solid #e2e6e9; } .contactDetail .top div span { display:block; font-weight:700; text-transform: uppercase; } .contactDetail .top div:last-child { border:0px; } .contactDetail .bottom { padding:30px; text-align:center; } .breadCrumb { width:100%; background: #f5f8fa; border-radius:2px; border: 1px solid #dfe5ee; margin-bottom:25px; overflow:hidden; } .breadCrumb .top { padding:5px; overflow:hidden; border-bottom:1px solid #e2e6e9; } .breadCrumb .top .left { line-height:20px; float:left; display:table; vertical-align: middle; } .breadCrumb .top .left .rokito { display: block; width: 60px; height: 60px; position: relative; top: 1px; font-size: 57px; } .breadCrumb .top .left div { display:table-cell; vertical-align: middle; } .breadCrumb .top .left span { display:block; } .breadCrumb .top .left span:first-child { font-weight:700; } .breadCrumb .top .left span:first-child h1,.breadCrumb .top .left span:first-child h2 { font-size: inherit; margin: 0px; } .breadCrumb .top .left span.desc { color:#8689a3; font-style: italic; } .breadCrumb .top .right { padding-right:20px; line-height:60px; float:right; vertical-align: middle; } .breadCrumb .top .right span { font-size: 10px; margin: 0px 10px; color: #38a9ff; } .breadCrumb .top .right p { display: inline-block; margin: 0px!important; } .breadCrumb .bottom ul { width: 100%; padding:0px 15px 0px 0px; margin:0; list-style: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .breadCrumb .bottom ul li { display:inline-block; height:40px; line-height:40px; padding: 0px 10px 0px 30px; position:relative; } .breadCrumb .bottom ul li.active { font-weight:600; } .breadCrumb .bottom ul li:before { content: " "; display: block; width: 0; height: 0; border-top: 22px solid transparent; border-bottom: 22px solid transparent; border-left: 22px solid #e2e6e9; position: absolute; top: 50%; margin-top: -21px; margin-left:2px; left: 100%; z-index: 1; } .breadCrumb .bottom ul li:after { content: " "; display: block; width: 0; height: 0; border-top: 22px solid transparent; border-bottom: 22px solid transparent; border-left: 22px solid #f5f8fa; position: absolute; top: 50%; margin-top: -21px; left: 100%; z-index: 1; } .breadCrumb .bottom ul li:first-child { padding-left:20px; } .breadCrumb .bottom ul li:last-child:after, .breadCrumb .bottom ul li:last-child:before{ display:none; } .pagination { width:100%; display:table; table-layout: fixed; overflow:hidden; margin-bottom:25px; } .pagination .left { width: auto!important; float:left; display:table-cell; vertical-align: middle; } .pagination .left .rbtn{ margin-right:20px; } .pagination .left .rbtn:last-child { margin-right: 0px; } .pagination .right { width: auto!important; float:right; display:table-cell; vertical-align: middle; } .pagination ul { overflow:hidden; height:35px; line-height:35px; padding:0px; margin:0px; background: #f5f8fa; border: 1px solid #dfe5ee; border-radius:2px; list-style: none; } .pagination ul li { display:block; float:left; font-size:12px; font-weight:600; } .pagination ul li.prev { width:40px; text-align:center; border-right:1px solid #e2e6e9; margin-right:10px; } .pagination ul li.next { width:40px; text-align:center; border-left:1px solid #e2e6e9; margin-left:10px; float:right; } .pagination ul li:not(.prev):not(.next):not(.last):not(.first) { margin:0px 2px; } .pagination ul li:not(.prev):not(.next):not(.last):not(.first) a{ padding:4px 6px; text-align:center; background: #f5f8fa; border-radius:2px; color:#979aae; } .pagination ul li.active a, .pagination ul li:not(:first-child):not(:last-child):not(.middle):hover:not(.last):not(.first) a { background:#ff5e3a!important; color:#fff!important } .pagination ul li.first { background:#dfe5ee; padding:0px 8px; text-transform: uppercase; margin-right:5px; } .pagination ul li.first a { color:#979aae; } .pagination ul li.last { background:#dfe5ee; padding:0px 8px; text-transform: uppercase; margin-left:5px; } .pagination ul li.last a { color:#979aae; } .pagination ul li.ls, .pagination ul li.rs { margin:0px; } .pagination ul li.ls { border-right: 0px; } .pagination ul li.rs{ border-left: 0px; } .pagination ul li.unp { width: 0px; border-right: 0px; border-left: 0px; } .pagination ul li.prev.unp { margin-right:5px; } .pagination ul li.next.unp { margin-left:5px; } .pagination ul li:first-child i, .pagination ul li:last-child i { font-weight:900; color:#ff5e3a; font-size:16px; position: relative; top: 1px; } .pagination ul li.middle { width: calc(100% - 165px); width: -webkit-calc(100% - 165px); width: -webkit-calc(100% - 165px); white-space: nowrap; height: 40px; line-height: 40px; margin: 0px; display: inline-block; border: 0px; overflow: hidden; } .pagination ul li.middle.unfl { width: calc(100% - 140px); width: -webkit-calc(100% - 142px); width: -webkit-calc(100% - 142px); } .pagination ul li.middle.unfl.unpn{ width: calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -webkit-calc(100% - 100px); } .pagination ul li.middle ul{ height: 35px; line-height: 35px; border: 0px; } .pagination ul li.middle ul li.active a { background:#ff5e3a!important; color:#fff!important; } .threadList { margin-bottom:25px; } .threadList .head { height:45px; line-height:45px; background:#3f4257; border-top-left-radius: 2px; border-top-right-radius: 2px; } .threadList .head ul { padding:0px; margin:0px; list-style: none; } .threadList .head ul li { display:block; float:left; color:#fff; text-align:center; padding:0px 15px; font-weight:600; } .threadList .head ul li .hToggler { display: block; } .threadList .head ul li:nth-child(1){ width:calc(100% - 360px); width:-webkit-calc(100% - 360px); width:-moz-calc(100% - 360px); text-align:left; } .threadList .head ul li:nth-child(1) a { font-weight: 700; color: #fff; text-transform: uppercase; } .threadList .head ul li:nth-child(2n){ background:#383b50; } .threadList .head ul li:nth-child(2){ width:180px; position:relative; } .threadList .head ul li:nth-child(2) a, .threadList .head ul li:nth-child(3) a { color:#fff; text-decoration: none!important; } .threadList .head ul li:nth-child(2) i, .threadList .head ul li:nth-child(3) i { color: #ff5e3a; position:absolute; right: 20px; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); font-size: 16px; } .threadList .head ul li:nth-child(2) ul { position: relative; display: table; width: 100%; z-index: 1020; padding: 0px; margin: 0px; left:0px; background: #fff; border-radius: 2px; } .threadList .head ul li:nth-child(2) ul:before { position: absolute; display: inline-block; content: ""; top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #fff; left:20px; } .threadList .head ul li:nth-child(2) ul li { display: block; background:#fff; line-height: 25px; white-space: nowrap; width: 100%; text-align: left !important; border-bottom: 1px solid #e2e6e9; padding: 0px; } .threadList .head ul li:nth-child(2) ul li a { display: block; padding: 10px 25px 10px 20px; color:#515365; text-transform: initial; font-weight: 600; } .threadList .head ul li:nth-child(2) ul li:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .threadList .head ul li:nth-child(2) ul li:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-bottom:0px; } .threadList .head ul li:nth-child(2) ul li:hover { background: #f9f9f9; } .threadList .head ul li:nth-child(2) ul li:hover a { color: #38a9ff; } .threadList .head ul li:nth-child(3){ width:180px; position: relative; } .threadList .head ul li:nth-child(3) .child { width: 100%; } .threadList .head ul li div.child { opacity:0; visibility: hidden; position: absolute; z-index: 1020; padding: 0px; margin: 0px; left:0px; background: #fff; border-radius: 2px; box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.2); text-align:left; color:#515365; } .threadList .head ul li div.child:before{ position: absolute; display: inline-block; content: ""; top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #fff; left:20px; } .threadList .head ul li div.child input[type="text"]{ width:100%; display:block; border:0px; padding:0px 20px; outline:none!important; border-bottom: 1px solid #e2e6e9; border-top-left-radius: 2px; border-top-right-radius: 2px; font-weight:400; color:#8689a3; } .threadList .head ul li div.child .formHead { display: block; background: #3f4257; color: #fff; padding: 0px 15px; } .threadList .head ul li div.radio{ line-height:16px; margin-left:20px; } .threadList .head ul li div.radio{ margin-left: 10px; } .threadList .head ul li div.child button{ width:100%; border:0px; background:#ff5e3a; font-weight:600; outline:none!important; color:#fff; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .threadList.search .head ul li { width: 100%; } .threadList .tabHead .nav{ height: 45px; border: 0; background: #3f4257; border-top-left-radius: 2px; border-top-right-radius: 2px; } .threadList .tabHead .nav-mobile { display:none; } .threadList .tabHead .nav-mobile li { position: relative; float: none !important; width: 100%; background: none !important; } .threadList .tabHead .nav-mobile li:before { content: "\ec6e"; font: normal normal normal 14px/1 "icomoon"; position: absolute; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); right:15px; top:50%; color: #fff !important; } .threadList .tabHead .nav-mobile li.active:after { display:none; } .threadList .tabHead .nav-mobile li a { max-width: 100%; color: #fff !important; font-weight:400!important; text-transform: inherit!important; border-right:0px!important; } .threadList .tabHead .nav-mobile li i { color: #c2c7cc!important; margin: 0px 5px 0px 0px!important; } .threadList .tabHead .nav li { position:relative; } .threadList .tabHead .nav li a { background:none!important; color:#d9dae9; padding:0px 20px; margin:0px; line-height:45px; border-top:0px!important; border-left:0px!important; border-bottom:0px!important; border-right:1px solid #494c62!important; border-radius:0px; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .threadList .tabHead .nav li i { position: relative; top: 2px; margin-right:5px; color:#c2c7cc; } .threadList .tabHead .nav li.active a { color:#fff; } .threadList .tabHead .nav li.active:after { content:""; position:absolute; width:100%; height:2px; background:#ff5e3a; bottom:0px; } .threadList .tabHead .nav li.customize { background: #38a9ff; float: right; border-top-right-radius: 2px; border-right: 0px; } .threadList .tabHead .nav li.customize a { font-weight: 600; text-transform: uppercase; color: #fff!important; border-right: 0px!important } .threadList .tabHead .nav li.customize i { color: #fff; } .threadList.articles .head ul li:nth-child(1){ width:calc(100% - 180px); width:-webkit-calc(100% - 180px); width:-moz-calc(100% - 180px); } .threadList.articles .head ul li:nth-child(2){ border-top-right-radius: 2px; } .threadList .noResult { width: 100%; padding: 15px 0px; text-align: center; line-height: 60px; } .threadList .noResult.forumdisplay { padding: 30px 0 15px 0; } .threadList .noResult i { color: #515365 !important; font-size:72px !important; } .threadList .noResult i.icon-spinner2 { position: relative; top: 15px; } .threadList .noResult span { display: block; } .threadList .announcements { height:70px; line-height:70px; background:#7c5ac2; } .threadList .announcements ul { width: 100%; display:table; padding:0px; margin:0px; list-style: none; } .threadList .announcements ul li { display:table-cell; vertical-align: middle; } .threadList .announcements ul li:nth-child(1){ background:#6646a8; width: 100px; text-align: center; color:#fff; font-size:32px; } .threadList .announcements ul li:nth-child(2){ padding:0px 15px; line-height: 20px; } .threadList .announcements ul li:nth-child(2) a { color:#fff; } .threadList .announcements ul li:nth-child(2) span { display:block; font-size:13px; color:#fff; } .threadList .announcements ul li:nth-child(2) span:first-child{ font-weight:600; color:#fff; font-size:14px; } .threadList .hrk { display:table; width:100%; background: #f5f8fa; padding:15px; border-bottom:1px solid #e2e6e9; } .threadList .hrk span { display:table-cell; vertical-align: middle; } .threadList .hrk[data-type="468"] span:last-child { text-align:right; } .threadList .hrk[data-type="728"]{ text-align: center; } .threadList ul, .threadList ol { padding:0px; margin:0px; width:100%; list-style:none; } .threadList .thread { width: 100%; display: block; overflow: hidden; background: #f5f8fa; } .threadList .thread:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .threadList .thread:last-child ol li:last-child { border-bottom-right-radius: 2px; } .threadList .thread.selected { background: #FFFFCC; } .threadList .thread ol { display:table; width: 100%; } .threadList .thread ol li { display:table-cell; padding:10px 0px; border-right:1px solid #e2e6e9; border-bottom:1px solid #e2e6e9; vertical-align: middle; } .threadList .thread ol li:last-child { border-right: 0px; } .threadList .thread ol li:nth-child(1), .threadList .thread ol li:nth-child(2) { width:50px; text-align:center; } .threadList .thread ol li:nth-child(1) { font-size:20px; color:#bcbdc3; } .threadList .thread ol li:nth-child(1) .h { color:#ff5e3a; } .threadList .thread ol li:nth-child(1) .r { color: #2bd768; } .threadList .thread ol li:nth-child(2) .avatar { position: relative; } .threadList .thread ol li:nth-child(2) .avatar .status { width: 12px; height: 12px; position: absolute; top: 50%; right: -4px; background: #a2a2a2; border: 2px solid #fff; border-radius: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .threadList .thread ol li:nth-child(2) .avatar .status.on { background: #11f762; } .threadList .thread ol li:nth-child(2) .avatar .status.vs { background: #ff5e3a; } .threadList .thread ol li:nth-child(2) img { display:inline-block; width:35px; height:35px; border-radius:100%; border:1px solid #e2e6e9; } .threadList .thread ol li:nth-child(3){ padding: 10px 15px; position:relative; line-height:20px; } .threadList .thread ol li:nth-child(3) .title { max-width:80%; font-size:15px; word-break: break-word; } .threadList .thread ol li:nth-child(3) .title span.prefix { text-transform: uppercase; font-weight:700; color: #38a9ff; } .threadList .thread ol li:nth-child(3) .title span.prefix font { margin-right: 3px; } .threadList .thread ol li:nth-child(3) .title .sticky { color:#7c5ac2; } .threadList .thread ol li:nth-child(3) .title span.pages { font-weight: 600; font-size:13px; color:#979aae; white-space: nowrap; } .threadList .thread ol li:nth-child(3) .title span.pages a { color:#979aae; } .threadList .thread ol li:nth-child(3) .title span.pages a:hover { color: #38a9ff; } .threadList .thread ol li:nth-child(3) .icon { position:absolute; right:15px; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); cursor: default; } .threadList .thread ol li:nth-child(3) .icon span { display: block; } .threadList .thread ol li:nth-child(3) .icon span:first-child:not(:last-child){ color: #c4cfd6; text-align: right; position: relative; left:-3px; } .threadList .thread ol li:nth-child(3) .icon span:first-child:not(:last-child) i { color: #c4cfd6; margin-left: 5px; } .threadList .thread ol li:nth-child(3) .icon .fa-star, .threadList .thread ol li:nth-child(3) .icon .fa-star-half-o { color:#ff5e3a; } .threadList .thread ol li:nth-child(3) .icon .fa-star-o{ color:#c4cfd6; } .threadList .thread ol li:nth-child(3) .icon.sticky { font-size:24px; color:#7c5ac2; } .threadList .thread ol li:nth-child(3) .icon .robtn { height: 24px; line-height: 24px; padding: 0 7px; font-size: 13px; text-transform: lowercase; color: #fff !important; } .threadList .thread ol li:nth-child(3) .user { font-size:13px; } .threadList .thread ol li:nth-child(3) .user .mobile{ display:none; } .threadList .thread ol li:nth-child(3) .user .mobile .bottomReason { border-top: 1px solid #e2e6e9; margin-top: 5px; margin-left: -10px; padding: 5px 10px 0px 10px; margin-right: -10px; } .threadList .thread ol li:nth-child(4), .threadList .thread ol li:nth-child(5) { width:165px; } .threadList .thread ol li:nth-child(4) { padding: 10px 15px; text-align:right; } .threadList .thread ol li:nth-child(4) .date { font-size:12px; color:#979aae; } .threadList .thread ol li:nth-child(4) .user { font-size:13px; } .threadList .thread ol li:nth-child(4) .user i { color: #979aae; margin-left: 5px; } .threadList .thread ol li:nth-child(4) .user span:first-child { width: 120px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; } .threadList .thread ol li:nth-child(4) .user span:last-child { display: inline-block; float: right; } .threadList .thread ol li:nth-child(5) { text-align: center; } .threadList .thread ol li:nth-child(5) span { display: block; float: left; text-align:center; overflow:hidden; white-space: nowrap; text-overflow:hidden; font-size:12.5px; } .threadList .thread ol li:nth-child(5) span:nth-child(1){ width:47%; } .threadList .thread ol li:nth-child(5) span:nth-child(2) { width: 6%; color: #38a9ff; font-size: 10px; position: relative; top: 2px; } .threadList .thread ol li:nth-child(5) span:nth-child(3){ width:47%; } .threadList .thread ol li.reason { background: #f9f9f9; width:330px; text-align: center; } .threadList .thread ol li.reason div:last-child { font-size: 12px; } .threadList .thread.deleted ol li:nth-child(3) .title em{ color: #979aae; } .threadList .thread.forumInfo ol li.forum { width: 220px; padding: 10px 15px; } .threadList.inlineMod .thread ol li.check { position: relative; width:50px; text-align: center; } .threadList.inlineMod .thread ol li.check .checkbox { position: absolute; padding: 0px; margin: 0px; left: 50%; width: 16px; height: 16px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .threadList.inlineMod .thread ol li.check .checkbox input[type="checkbox"] { margin-left: -6px; } .threadList.inlineMod .thread ol li.check .checkbox label { padding: 0px; } .threadList.inlineMod .thread ol li.check .checkbox label:before, .threadList.inlineMod .thread ol li.check .checkbox label:after { margin-left:-8px; } .threadList.inlineMod .thread ol li.check { position: relative; width:50px; text-align: center; } .threadList.inlineMod .thread.forumInfo ol li.forum { width: 220px; padding: 10px 15px; text-align: left; } .threadList .thread.sponsored ol li:nth-child(3),.threadList .thread.sponsored ol li:nth-child(4),.threadList .thread.sponsored ol li:nth-child(5) { border-right:0px; } .threadList .thread.sponsored ol li:nth-child(3) .prefix { color:#ff5e3a!important } .threadList .thread.logs ol li:nth-child(1) img { width:35px; height:35px; border-radius:100%; border:1px solid #e2e6e9; } .threadList .thread.logs ol li:nth-child(2) { width:calc(100% - 50px); width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); padding: 10px 15px; text-align: left; } .inlineModForm { display: block; float: right; margin: 25px 0px; } .inlineModForm .bootstrap-select { margin: -3px 0px 0px 10px !important; } .inlineModForm .bootstrap-select .btn { background: #fff!important; border: 1px solid #dfe5ee!important; box-shadow: none!important; } .inlineModForm .robtn { margin-left:10px; height: 34px; line-height: 34px; } .inlineModFormAction { display: block; } .threadFilter { width:100%; overflow:hidden; background:#494c62; margin-bottom:25px; border-radius: 2px; } .threadFilter .head { background:#3f4257; height:40px; line-height: 40px; padding:0px 15px; color:#fff; font-weight:600; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; } .threadFilter form { padding:0px 15px; } .threadFilter p { margin:10px 0px; color:#979aae; } .threadFilter form div.filter { margin-bottom:5px; } .threadFilter form .option { line-height:34px; display:inline-block; margin-right:20px; } .threadFilter form .option:last-child { margin-right:0px; } .threadFilter form .option label { color:#fff; margin-right:10px; margin-bottom:0px; position: relative; top: -4px; } .threadFilter form .buttons { position: relative; top: -4px; } .threadFilter .dropdown-toggle { border: 1px solid #3f4257!important; background: #5a5e76!important; outline:none!important; box-shadow: none!important; height:36px; } .threadFilter .filter-option { color:#979aae; } .threadFilter .caret { border:0px; width:14px; height:14px; border-radius:100%; background:#fff; margin-top:0px!important; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); } .threadFilter .caret:before { content: "\f107"; font-family: "FontAwesome"; position:absolute; font-weight:900; color:#ff613e; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .userPrivileges { background: #f5f8fa; border-radius:2px; width:425px; overflow:hidden; margin-bottom:25px; } .userPrivileges .head { height:50px; line-height:50px; padding:0px 15px; color:#ff5e3a; font-weight:700; font-size:16px; } .userPrivileges ul { list-style:none; padding:0px; margin:0px; } .userPrivileges ul li { width:50%; float:left; height:40px; line-height:40px; padding:0px 15px; border-top: 1px solid #e2e6e9; border-right:1px solid #e2e6e9; position:relative; font-size: 13px; font-weight: 600; } .userPrivileges ul li:nth-child(2n){ border-right:0px; } .userPrivileges ul li i { position:absolute; top:50%; right:3px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .userPrivileges ul li i.fa-check { color:#14df78; } .userPrivileges ul li i.fa-times { right:6px; color:#ff5e3a; } .threadSponsor { background:#ff5e3a; border-radius:2px; margin-bottom:25px; } .threadSponsor ul { width: 100%; display:table; padding:0px; margin:0px; list-style: none; } .threadSponsor ul li { display:table-cell; vertical-align: middle; } .threadSponsor ul li:nth-child(1){ border-top-left-radius: 2px; border-bottom-left-radius: 2px; background:#ee4c27; width: 100px; text-align: center; color:#fff; font-size:32px; padding: 5px 0px; } .threadSponsor ul li:nth-child(2){ padding:5px 15px; line-height: 20px; } .threadSponsor ul li:nth-child(2) a { color:#fff; overflow-wrap: anywhere; } .threadSponsor ul li:nth-child(2) span { display:block; font-size:13px; color:#fff; } .threadSponsor ul li:nth-child(2) span:first-child{ font-weight:600; color:#fff; font-size:14px; } .threadSponsor ul li:nth-child(2) span.sp { text-transform: uppercase; font-weight: 700; display:inline-block; color: #ffa38f; } .threadSponsor.red { background: #ee0743; } .threadSponsor.red ul li:nth-child(1) { background: #bf0435; } .threadSponsor.red ul li:nth-child(2) span.sp { color: #f9cfda; } .threadSponsor.blue { background: #38a9ff; } .threadSponsor.blue ul li:nth-child(1) { background: #2f9ef2; } .threadSponsor.blue ul li:nth-child(2) span.sp { color: #bae1ff; } .threadSponsor.green { background: #12be4f; } .threadSponsor.green ul li:nth-child(1) { background: #07aa41; } .threadSponsor.green ul li:nth-child(2) span.sp { color: #d2f9e0; } .threadSponsor.purple { background: #7c5ac2; } .threadSponsor.purple ul li:nth-child(1) { background: #734fbd; } .threadSponsor.purple ul li:nth-child(2) span.sp { color: #dfd5f5; } .threadSponsor.yellow { background: #ffc600; } .threadSponsor.yellow ul li:nth-child(1) { background: #ecb906; } .threadSponsor.yellow ul li:nth-child(2) span.sp { color: #c4990a; } .poll { background:#3f4257; border-radius:2px; margin-bottom:25px; } .poll .head { background:#494c62; height:40px; line-height:40px; padding:0px 15px; font-style: italic; color:#8689a3; border-top-left-radius: 2px; border-top-right-radius: 2px; overflow:hidden; } .poll .head .left { float:left; } .poll .head .right { float:right; } .poll .head span { font-style: normal; color:#38a9ff; font-weight:600; } .poll .head .right span, .poll .head .right a { color:#fff; } .poll .content { display: table; margin:0 auto; padding:15px; position: relative; z-index:1029; } .poll.vote .content:before { content:""; width:100%; height:100%; position:absolute; top:0px; background:url(../img/poll.png) no-repeat center; z-index:-1; background-position-y: 15px; background-position-x: 0px; } .poll .content .title { color:#fff; font-weight:600; font-size:16px; margin-bottom:20px; } .poll .radio, .poll .checkbox{ line-height: 16px; margin-bottom:15px; } .poll .radio label, .poll .checkbox label{ font-weight:600; color:#fff; } .poll .radio label::before { background:transparent; border:2px solid #74778f; } .poll .radio input[type="radio"] + label::after { background-color: #fff; } .poll .radio input[type="radio"]:checked + label::after { background-color: #fff; } .poll .buttons { text-align:center; margin:30px 0px 0px 0px; } .poll .buttons .robtn { padding:0px 40px; } .poll .buttons .robtn:last-child { margin-left:20px; } .poll .optionResults { display:table; table-layout: fixed; width:100%; overflow:hidden; margin-bottom:20px; } .poll .optionResults:last-child { margin-bottom:10px; } .poll .optionResults .top { margin-bottom:10px; overflow:hidden; } .poll .optionResults .voters { color: #979aae; background: #494c62; border-radius: 2px; padding: 10px 15px; margin-top: 10px; } .poll .optionResults .voters a { color: #979aae; } .poll .optionResults .voters a u { text-decoration: none!important; } .poll .optionResults .optionTitle { font-weight:600; color:#fff; float: left; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .poll .optionResults .rating { width: 20%; color: #979aae; font-size: 13px; text-align: right; float: right; } .poll .optionResults .rating a { color: #979aae; } .poll .progress { background: #494c62; box-shadow: none !important; border: 0px!important; height:12px; padding:3px; margin:0px!important; } .poll .progress-bar { box-shadow: none !important; background: #7b5bc2; background: -moz-linear-grxadient(left, #7b5bc2 0%, #39a8ff 100%); background: -webkit-linear-gradient(left, #7b5bc2 0%,#39a8ff 100%); background: linear-gradient(to right, #7b5bc2 0%,#39a8ff 100%); border-radius: 2px; } .poll.vote .content .title { margin-bottom: 10px; } .poll.vote .content .desc { margin-bottom:25px; color: #979aae; } .postList { margin-bottom:25px; } .postList ul, .postList ol{ padding:0px; margin:0px; list-style: none; } .postList .threadActions { height:40px; line-height:40px; background:#3f4257; border-top-left-radius: 2px; border-top-right-radius: 2px; font-size: 13px; } .postList .threadActions ul { display:table; float:right; } .postList .threadActions.title ul { float: left; } .postList .threadActions.title ul li { background: transparent!important; padding: 0px 15px; } .postList .threadActions.title ul li a { color: #38a9ff; } .postList .threadActions ul li { display:table-cell; color:#fff; text-align:center; font-weight:600; } .postList .threadActions ul li:nth-child(2n-1) { background: #383b50; } .postList .threadActions ul li#konuIslem{ position:relative; width:180px; } .postList .threadActions ul li#konuSecenek{ position: relative; width:180px; } .postList .threadActions ul li#konuArama { position: relative; width:180px; } .postList .threadActions ul li#konuDegerlendirme { position:relative; width: 270px; border-top-right-radius: 2px; } .postList .threadActions ul li#konuDegerlendirme p.stats { font-weight: 400; padding: 0px 15px; text-align: left!important; line-height: 30px; } .postList .threadActions ul li#konuDegerlendirme p.stats span { font-weight: 600; } .postList .threadActions ul li#konuDegerlendirme p.stats i { width: 20px; color: #c2c7cc; } .postList .threadActions ul li#konuIslem a, .postList .threadActions ul li#konuSecenek a, .postList .threadActions ul li#konuArama a, .postList .threadActions ul li#konuDegerlendirme a { display: block; color:#fff; text-decoration: none!important; } .postList .threadActions ul li#konuIslem .fa-angle-down, .postList .threadActions ul li#konuSecenek .fa-angle-down, .postList .threadActions ul li#konuArama .fa-angle-down, .postList .threadActions ul li#konuDegerlendirme .fa-angle-down { color: #ff5e3a; margin-left:5px; font-size: 16px; } .postList .threadActions ul li div.child { opacity:0; visibility: hidden; position: absolute; z-index: 1020; padding: 0px; margin: 0px; left:0px; background: #fff; border-radius: 2px; box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.2); text-align:left; color:#515365; } .postList .threadActions ul li div.child:before { position: absolute; display: inline-block; content: ""; top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #fff; left:20px; } .postList .threadActions ul li div.child form { clear: both; } .postList .threadActions ul li div.child input[type="text"]{ width:100%; display:block; border:0px; padding:0px 10px; outline:none!important; border-bottom: 1px solid #e2e6e9; border-top-left-radius: 2px; border-top-right-radius: 2px; font-weight:400; color:#8689a3; } .postList .threadActions ul li div.radio { line-height:16px; margin-left:10px; } .postList .threadActions ul li div.child button { width:100%; border:0px; background:#ff5e3a; font-weight:600; outline:none!important; color:#fff; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .postList .threadActions ul li div.child .formHead { display: block; background: #3f4257; color: #fff; padding: 0px 15px; } .postList .threadActions ul li#konuIslem div.child, .postList .threadActions ul li#konuDegerlendirme div.child, .postList .threadActions ul li#konuArama div.child { width: 100%; } .postList .threadActions ul li#konuDegerlendirme a div { display:inline-block; margin:0px 10px; } .postList .threadActions ul li#konuDegerlendirme .starRatingVote { margin:10px 0px; text-align: center; font-size: 16px; } .postList.single .threadActions { border-radius: 0px; } .postList.single .threadActions ul li { width: 100%!important; background: transparent!important; text-align: left!important; padding: 0px 15px!important; white-space: nowrap!important; text-overflow: ellipsis!important; display: block!important; overflow: hidden!important; } .postList.single .threadActions ul li strong { color:#38a9ff; } .postList.single .threadActions ul li a { color:#fff; } .starRatingVote { font-size: 16px; } .starRatingVote .fa-star-o, .starRatingVote .fa-star-o { color: #c4cfd6; } .starRatingVote .fa-star, .starRatingVote .fa-star-half-o, .starRatingVote .fa-star, .starRatingVote .fa-star-half-o { color: #ff5e3a; } .postList .threadActions ul li#konuDegerlendirme .child p { margin: 10px 0px; text-align: center; } .postList .threadActions ul.sub { position: relative; z-index: 1020; padding: 0px; margin: 0px; left:0px; background: #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; } .postList .threadActions ul.sub:before { position: absolute; display: inline-block; content: ""; top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #fff; left: 20px; } .postList .threadActions ul.sub li { display: block; background:#fff!important; line-height: 25px; white-space: nowrap; width: 100%!important; text-align: left !important; border-bottom: 1px solid #e2e6e9; transition: all .3s ease; } .postList .threadActions ul.sub li a { display: block; padding: 10px 25px 10px 20px; color:#515365!important; } .postList .threadActions ul.sub li:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .postList .threadActions ul.sub li:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-bottom:0px; } .postList .threadActions ul.sub li:hover { background: #f9f9f9!important; } .postList .threadActions ul.sub li:hover a { color: #38a9ff!important; } .postList .post { margin-bottom:25px; } .postList .post.selected .postUser, .postList .post.selected .postContent { background: #FFFFCC; } .postList .post .head { height:36px; line-height: 36px; background:#494c62; color:#fff; overflow:hidden; border-top-left-radius: 2px; border-top-right-radius: 2px; } .postList .post:first-child .head { border-top-left-radius: 0px; border-top-right-radius: 0px; } .postList .guest .post:first-child .head { border-top-left-radius: 2px; border-top-right-radius: 2px; } .postList .post .head a { display: block; color:#fff; padding: 0px 15px; } .postList .post .head .left { float:left; padding:0px 15px; } .postList .post .head .right { float:right; } .postList .post .head .right span { display:block; float:left; text-align:center; font-weight:600; } .postList .post .head .right span:nth-child(2n-1){ background:#383b50; } .postList .post .head .right span.report { background:#ff5e3a; } .postList .post .head .right span.check { padding:0px 15px; position: relative; width: 49px; height: 36px; text-align: center; } .postList .post .head .right span.check .checkbox { position: absolute; padding: 0px; margin: 0px; top:50%; left: 50%; width: 16px; height: 16px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .postList .post .head .right span.check .checkbox input[type="checkbox"] { margin-left: -6px; } .postList .post .head .right span.check .checkbox label { padding: 0px; } .postList .post .head .right span.check .checkbox label:before, .postList .post .head .right span.check .checkbox label:after { margin-left:-8px; } .postList .post .postUser { background:#f5f8fa; border-bottom: 1px solid #e2e6e9; height:150px; overflow:hidden; } .postList .post .postUser .userLeft { float:left; padding:25px 15px; display:table; } .postList .post .postUser .userLeft .avatar { position:relative; margin-right:15px; display:table-cell; vertical-align: middle; } .postList .post .postUser .userLeft .avatar img { display:inline-block; width:100px; height:100px; border-radius: 100%; border:3px solid #e2e6e9; } .postList .post .postUser .userLeft .avatar.rank-uye-5 img { border-color: #4285f4 #e2e6e9 #e2e6e9 #e2e6e9 !important; } .postList .post .postUser .userLeft .avatar.rank-uye-10 img { border-color: #4285f4 #ea4335 #e2e6e9 #e2e6e9 !important; } .postList .post .postUser .userLeft .avatar.rank-uye-15 img { border-color: #4285f4 #ea4335 #fbbc05 #e2e6e9 !important; } .postList .post .postUser .userLeft .avatar.rank-uye-20 img { border-color: #4285f4 #ea4335 #fbbc05 #34a853 !important; } .postList .post .postUser .userLeft .avatar .status { width: 16px; height: 16px; position: absolute; top: 50%; right: -16px; background: #a2a2a2; border: 2px solid #fff; border-radius: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .postList .post .postUser .userLeft .avatar .status.on { background:#11f762; } .postList .post .postUser .userLeft .avatar .status.vs { background:#ff5e3a; } .postList .post .postUser .userLeft .smallInfo { display:table-cell; vertical-align: middle; padding: 0px 15px; line-height: 21px; } .postList .post .postUser .userLeft .smallInfo .name { font-size:21px; } .postList .post .postUser .userLeft .smallInfo .name #verified, .postList .post .postUser .userLeft .smallInfo .name #docVerified, .postList .post .postUser .userLeft .smallInfo .name .fast2fai{ font-size: 11px; position: relative; top: -1px; line-height: 23px; } .postList .post .postUser .userLeft .smallInfo .name #verified .fa-certificate { color: #38a9ff; } .postList .post .postUser .userLeft .smallInfo .name #docVerified .fa-certificate { background: linear-gradient(90deg, rgba(235,122,68,1) 0%, rgba(242,160,60,1) 50%, rgba(250,201,52,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .postList .post .postUser .userLeft .smallInfo .name .fast2fai .fa-certificate { color: #2ecc71; } .postList .post .postUser .userLeft .smallInfo .name u { text-decoration: none!important; } .postList .post .postUser .userLeft .smallInfo .status { font-size:13px; margin-bottom:5px; } .postList .post .postUser .userLeft .smallInfo .rank { margin-top: 5px; } .postList .post .postUser .userLeft .smallInfo .rank img:not(:first-child):last-child { margin-left:5px; } .postList .post .postUser ul.userMenu { opacity:0; visibility: hidden; position: absolute; z-index: 1020; padding: 0px; margin: 10px 0px; background: #fff; border-radius: 2px; box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.2); } .postList .post .postUser ul.userMenu:before { position: absolute; display: inline-block; content: ""; top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #fff; margin-left:10px; transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); } .postList .post .postUser ul.userMenu li { display: block; background:#fff!important; line-height: 25px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; width: 100%!important; text-align: left !important; border-bottom: 1px solid #e2e6e9; transition: all .3s ease; font-size:14px; } .postList .post .postUser ul.userMenu li a { display: block; padding: 10px 25px 10px 20px; color:#515365!important; overflow: hidden; text-overflow:ellipsis; } .postList .post .postUser ul.userMenu li:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .postList .post .postUser ul.userMenu li:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-bottom:0px; } .postList .post .postUser ul.userMenu li:hover { background: #f9f9f9!important; } .postList .post .postUser ul.userMenu li:hover a { color: #38a9ff!important; } .postList .post .postUser .userRight { position:relative; width:250px; height:150px; float:right; background: #f5f8fa; border-left:1px solid #e2e6e9; } .postList .post .postUser .userRight .carousel-inner { height:150px; } .postList .post .postUser .userRight .location { width:100%; height:35px; line-height:35px; background:#a7a9ba; font-size:13px; color:#fff; font-weight:600; padding: 0px 20px 0px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .postList .post .postUser .userRight .location span { display: inline-block; padding:0px 20px; text-align:center; background:#9294a7; margin-right:20px; } .postList .post .postUser .userRight ul { margin-top:10px; } .postList .post .postUser .userRight .detailField:nth-child(2) ul{ margin-top:5px; } .postList .post .postUser .userRight .socialField li { margin-bottom: 5px; } .postList .post .postUser .userRight .socialField li span { display:inline-block; width:24px; height:24px; background:#000; text-align: center; color:#fff; border-radius: 100%; margin-right:5px; } .postList .post .postUser .userRight .socialField li span.website { background:#21759b; } .postList .post .postUser .userRight .socialField li span.mail { background: #5d5c5d; } .postList .post .postUser .userRight .socialField li span.mobile { background: #61b3de; } .postList .post .postUser .userRight .socialField li span.skype{ background:#00aff0; } .postList .post .postUser .userRight .socialField li span.whatsapp { background: #25d366; } .profile .userBlock .social li span.telegram { background: #0088cc; } .postList .post .postUser .userRight ul li { margin:0px 20px; color:#979aae; font-size:13px; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .postList .post .postUser .userRight ul li div { position:relative; display:inline-block; width:100px; color:#383b50; font-weight:600; } .postList .post .postUser .userRight ul li b { color:#383b50; } .postList .post .postUser .userRight ul li div:after { content:":"; position:absolute; top:0px; right:10px; } .postList .post .postUser .userRight ul li a{ color:#979aae; } .postList .post .postUser .userRight ul li i{ font-size:12px; margin:0px 3px; } .postList .post .postUser .userRight ul li i.rg{ margin-left:0px; color:#ffc600; } .postList .post .postUser .userRight ul li i.rs{ color:#e5e5e5; } .postList .post .postUser .userRight ul li i.rb{ color:#c9a56a; } .postList .post .postUser .userRight .detailPage { position: absolute; bottom: 0px; width: 100%; height:30px; text-align:center; line-height:29px; border-top: 1px solid #e2e6e9; } .postList .post .postUser .userRight .detailPage .number { color:#979aae; font-size:13px; } .postList .post .postUser .userRight .detailPage .carousel-control { position: absolute; background:none; opacity:1; text-shadow:none; color:#ff5e3a; line-height:27px; padding: 0px; width: 15%; height: auto; border: 0px; } .postList .post .postContent { display:table; table-layout: fixed; width:100%; background:#f5f8fa; padding:15px 15px; border-bottom:1px solid #e2e6e9; } .postList .post .postContent.userMessage{ border-bottom-color: #c4c8ce; word-wrap: break-word; } .postList .post .postContent.userMessageSize{ font-size: 1.07em; } .postList .post .postContent.editInfo { padding: 5px 10px; font-size: 11px; } .postList .post .postContent a { font-weight: 700; } .postList .post .postContent table[align="center"], .postList .post .postContent div[align="center"]{ text-align: center; } .postList .pContent:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .postList .post .postContent img { width: auto; height: auto; max-width: 100%; } .postList .post .userMessage img { width: auto; height: auto; max-width: 100%; } .postList .post .postContent hr { border-color:#edf2f6!important; background-color:#edf2f6!important; color:#edf2f6!important; margin:0px!important; } .postList .post .postContent ol { margin-left:15px; list-style-type: decimal; } .postList .post .postContent ul li { list-style:none!important; padding-left:15px; position:relative; } .postList .post .postContent ul li::before { content: "\f111"; font-family:"FontAwesome"; font-size:8px; color: #38a9ff; position:absolute; top:5px; margin-left:-15px; } .postList .post .postContent .quote { background:#edf2f6; border-radius: 2px; padding:15px; position:relative; margin:20px 0px; text-align: initial; } .postList .post .postContent .quote:before, .postList .post .postContent .quote:after { font-family: "FontAwesome"; position:absolute; font-size:24px; color:#dee3e7; } .postList .post .postContent .quote:before { content: "\f10d"; left:15px; top:6px; } .postList .post .postContent .quote:after { content: "\f10e"; font-family: "FontAwesome"; position:absolute; right:15px; bottom:0px; } .postList .post .postContent .quote .user { color:#7c5ac2; font-weight:600; margin-bottom:10px; padding-left:30px; } .postList .post .postContent .quote .user i { color:#7c5ac2; position: relative; top: 0.5px; } .postList .post .postContent .quote .user .link { display: block; } .postList .post .postContent .quote .user .link a { font-size: 12px; font-style: italic; font-weight: 600; } .postList .post .postContent .quote .message { position:relative; } .postList .post .postContent .quote.linked:before { font-size: 30px; } .postList .post .postContent .quote.linked .user { padding-left: 40px; line-height: 14px; } .postList .post .postContent .spoiler { background:#edf2f6; border-radius: 2px; padding:15px; position:relative; margin:20px 0px; text-align: initial; } .postList .post .postContent .spoiler:before, .postList .post .postContent .spoiler:after { font-family: "FontAwesome"; position:absolute; font-size:24px; color:#dee3e7; } .postList .post .postContent .spoiler:before { content: "\f06e"; left:15px; top:6px; } .postList .post .postContent .spoiler:after { content: "\f06e"; font-family: "FontAwesome"; position:absolute; right:15px; bottom:0px; } .postList .post .postContent .spoiler .user { color:#7c5ac2; font-weight:600; margin-bottom:10px; padding-left:30px; } .postList .post .postContent .spoiler .message { position:relative; } .postList .post .postContent .spoiler .blur { position:relative; z-index:1; -webkit-filter: blur(20px) grayscale(.5); } .postList .post .postContent .spoiler .blur.active { -webkit-filter: blur(0px) grayscale(0); } .postList .post .postContent .spoiler .showButton { position:absolute; left:50%; top:0; z-index: 1; width:100%; height:100%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); text-align:center; color: #7c5ac2; } .postList .post .postContent .spoiler .showButton i { margin-left:5px; } .postList .post .postContent .spoiler .showButton span { position:absolute; left:50%; top:40%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .postList .post .postContent .quote .readMore, .postList .post .postContent .spoiler .readMore, div[data-readmore]{ overflow: hidden;; } .postList .post .postContent .quote a[data-readmore-toggle], .postList .post .postContent .spoiler a[data-readmore-toggle] { margin-top: 10px; text-align: center; color: #7c5ac2; width: 100%; display: block; } .postList .post .postContent .quote a[data-readmore-toggle].active:before, .postList .post .postContent .spoiler a[data-readmore-toggle].active:before{ content:""; position: absolute; left:0px; bottom: 20px; text-align: center; width: 100%; background: -moz-linear-gradient(top,rgba(237,242,246,0) 0%,rgba(237,242,246,0) 1%,rgba(237,242,246,1) 100%); background: -webkit-linear-gradient(top,rgba(237,242,246,0) 0%,rgba(237,242,246,0) 1%,rgba(237,242,246,1) 100%); background: linear-gradient(to bottom,rgba(237,242,246,0) 0%,rgba(237,242,246,0) 1%,rgba(237,242,246,1) 100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:default; height: 50px; } .postList .post .postContent .quote a[data-readmore-toggle] i, .postList .post .postContent .spoiler a[data-readmore-toggle] i { position:relative; top:1px; font-size:16px; font-weight: 900; margin-left:5px; } .postList .post .postContent .quote:first-child, .postList .post .postContent .spoiler:first-child { margin-top:0px; } .postList .post .postLike { display:block; overflow:hidden; width:100%; height:30px; line-height:30px; margin: 25px 0px 0px 0px; border-radius: 2px; background:#edf2f5; font-size: 12px; } .postList .post .postLike .button, .postList .post .postLike .detail { float:left; } .postList .post .postLike .button { background: #dce6ee; font-weight:600; position:relative; } .postList .post .postLike .button i { color:#ff5e3a; font-size:16px; position:relative; top:1px; margin-right:5px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .postList .post .postLike .button a { padding:0px 15px; position:relative; display:block; z-index:1; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .postList .post .postLike .button:hover a, .postList .post .postLike .button a:hover { color:#fff; } .postList .post .postLike .button:hover a i, .postList .post .postLike .button a:hover i { color:#fff; } .postList .post .postLike .button:after { width: 0; height: 100%; top: 0; left: 0; background: #ff5e3a; content: ""; position: absolute; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .postList .post .postLike .button:hover:after { width:100%; } .postList .post .postLike .detail{ padding:0px 15px; } .postList .post .postLike .detailInner .mobile { display:none; } .postList .post .postLike .detailInner .detailLeft, .postList .post .postLike .detailInner .detailRight { float:left; } .postList .post .postLike .detailInner .detailLeft { padding-right:10px; } .postList .post .postLike ul { display:inline-block; position:relative; top: -1px; } .postList .post .postLike ul li { padding:0px; float:left; } .postList .post .postLike ul li a { display: block; width:25px; height:25px; margin-left:-12px; } .postList .post .postLike ul li:first-child a { margin-left:0px; } .postList .post .postLike ul li:before { display:none; } .postList .post .postLike ul li img { width:25px; height:25px; border-radius: 100%; background: #fff; border:2px solid #fff; display: inline-block; margin: 0px; } .postList .post .postLike a { color:#3f4257; font-weight:600; } .postList .post .postLike .detailInner .detailRight, .postList .post .postLike .detailInner .detailRight a{ color:#606166; } .postList .post .postLike .share { float: right; } .postList .post .postLike .share .facebook { display: block; height: 30px; line-height: 30px; width: 30px; background: #3b5998; text-align: center; color: #fff; font-size: 14px; float: left; transition: all .3s; } .postList .post .postLike .share .facebook:hover { background: #314b82; } .postList .post .postLike .share .twitter { display: block; height: 30px; line-height: 30px; width: 30px; background: #1da1f2; text-align: center; color: #fff; font-size: 14px; float: left; transition: all .3s; } .postList .post .postLike .share .twitter:hover { background: #1b98e5; } .postList .post .postLike .share .whatsapp { display: block; height: 30px; line-height: 30px; width: 30px; background: #25d366; text-align: center; color: #fff; font-size: 14px; float: left; transition: all .3s; } .postList .post .postLike .share .whatsapp:hover { background: #22c55f; } .postList .post .postLike .detailInner .detailRight .rg { color: rgba(96, 97, 102, 0.7); } .postList .postContent.userSignature { padding:15px 15px; } .postList .postContent.userSignature img { max-width: 728px; } .postList .postContent.userSignature p { display: inline-block; margin-left: 5px; margin-bottom: 0; } .postList .postContent.userSignature br { line-height: 12px; } .postList .postContent.postButtons { padding:5px 15px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .postList .postButtons .buttonsLeft, .postList .postButtons .buttonsRight { display:table-cell; vertical-align: middle; } .postList .postButtons .buttonsLeft { color:#8689a3; } .postList .postButtons .buttonsRight { float:right; } .postList .postButtons .buttonsRight .robtn { height: 24px; line-height: 24px; padding: 0px 7px; font-size: 13px; text-transform: lowercase; margin-right:3px; color: #fff!important; } .postList .postButtons .buttonsRight .robtn:last-child { margin-right:0px; } .postList .postButtons .buttonsRight .fa-plus-circle { margin:0px 0px 0px 5px; } .postList .r10Sas { background: #f5f8fa; border-radius:2px; margin-bottom:25px; } .postList .r10Sas .head { height: 40px; line-height: 40px; padding: 0px 15px; font-weight:600; border-top-left-radius: 2px; border-top-right-radius: 2px; overflow: hidden; border-bottom:1px solid #e2e6e9; } .postList .r10Sas .content { padding: 15px; text-align: center; } .postList .r10Sas .content iframe { margin: 0px!important; } .postList .mostLiked { background: #f5f8fa; border-radius:2px; margin-bottom:25px; } .postList .mostLiked .head { height: 40px; line-height: 40px; padding: 0px 15px; font-weight:600; border-top-left-radius: 2px; border-top-right-radius: 2px; overflow: hidden; border-bottom:1px solid #e2e6e9; } .postList .mostLiked .head h2 { margin: 0; font-size: 14px; line-height: 40px; } .postList .mostLiked .footer { background: #38a9ff; color: #fff; height: 40px; line-height: 40px; padding: 0px 15px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; overflow: hidden; text-align: center; } .postList .mostLiked .footer a { color: #fff; } .postList .mostLiked .mostLikedLoading { width: 100%; padding: 80px 0; text-align: center; line-height: 60px; min-height: 250px; max-height: 250px; } .postList .mostLiked .mostLikedLoading i { color: #515365 !important; font-size: 48px !important; } .postList .mostLiked .mostLikedLoading span { display: block; } .postList .mostLiked ul li { padding:15px 15px; border-bottom:1px solid #e2e6e9; } .postList .mostLiked ul li:last-child { border-bottom:0px; } .postList .mostLiked ul li .user { display:table; width: 100%; margin-bottom:10px; } .postList .mostLiked ul li .user .left { float:left; display:table; vertical-align: middle; } .postList .mostLiked ul li .user .left .avatar, .postList .mostLiked ul li .user .left .name { display:table-cell; vertical-align: middle; } .postList .mostLiked ul li .user .left .avatar img { width:60px; height:60px; border-radius: 100%; border:2px solid #e2e6e9; } .postList .mostLiked ul li .user .left .name { padding:0px 20px; line-height:20px; } .postList .mostLiked ul li .user .left .name u { text-decoration: none!important; } .postList .mostLiked ul li .user .left .name div { display:block; } .postList .mostLiked ul li .user .left .name div:first-child { font-size:16px; } .postList .mostLiked ul li .user .left .name div:last-child { font-size:12px; } .postList .mostLiked ul li .user .left .name i { color:#ff5e3a; } .postList .mostLiked ul li .user .right { float:right; line-height: 60px; } .postList .mostLiked ul li .message { color: #8689a3; } .postList .mostLiked ul li .message img { max-width: 100%; } .postList .mostLiked ul li .message a[data-readmore-toggle]{ font-weight:600; } .postList .mostLiked ul li .message .quote, .postList .mostLiked ul li .message .spoiler { display:none; } .rPanel { overflow: hidden; background: #f5f8fa; border-radius: 2px; margin-bottom:25px; } .rPanel.error .content p:first-child { margin-top:10px; } .rPanel.nonbg { background: transparent!important; } form .rPanel { overflow: inherit; } form .rPanel .row:first-child,.rPanel .payment .row:first-child, .rPanel .ignore .row:first-child, form .rPanel .row-form{ margin-top:10px; } .rPanel fieldset { margin: 15px 0px; } .rPanel fieldset:first-child { margin-top:10px; } .rPanel legend { font-size: 20px; border-bottom:1px solid #e2e6e9; } .rPanel .form-group { display: table; width: 100%; } form .rPanel .rowTable { display: table; width: 100%; table-layout: fixed; margin-bottom:15px; } form .rPanel .rowTable:last-child { margin-bottom:0px; } form .rPanel .rowTable div[class*="col-"] { float: none; display: table-cell; vertical-align: middle; } form .rPanel .rowTable div.col-md-1 { text-align: center; } form .rPanel .rowTable div.col-md-1-2 { width: 12%; text-align: center; } form .rPanel .rowTable .checkbox-mt, form .rPanel .rowTable .radio-mt { margin-top:30px; margin-bottom:0px; } form .rPanel .rowTable .bootstrap-select { margin: 0px!important; } form .rPanel .content .editor { border-radius: 2px; border:1px solid #e2e6e9; } form .rPanel .bootstrap-select .btn { background: #fff!important; border:1px solid #e2e6e9!important; box-shadow: none!important; } form .rPanel .bootstrap-select .caret { border: 0px !important; margin-top: -3px !important; right: 25px !important; top: auto !important; } form .rPanel .bootstrap-select .caret::before { content: "\f107"; font-family: "FontAwesome"; color: #38a9ff; font-size: 18px; } form .rPanel .editor .cke_bottom { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-bottom: 0px!important; } .rPanel .payment .logTable { margin:20px 0px; } .rPanel .payment .table tr:first-child td { border-top:0px; } .rPanel.pokes .head { padding:0px 15px!important; } .rPanel.pokes .content { padding: 0px!important; } .rPanel .head { height: 40px; line-height: 40px; padding: 0px 15px; font-weight:600; border-top-left-radius: 2px; border-top-right-radius: 2px; overflow: hidden; background:#494c62; color:#fff; } .rPanel .head.white { background: #f5f8fa; color:#515365; border-bottom:1px solid #e2e6e9; } .rPanel .content { padding:10px 15px; display: table; width: 100%; } .rPanel .content a u { text-decoration: none!important; } .rPanel .content .buttons { width:100%; margin-top:15px; text-align:center; } .rPanel .content.modList p { margin:0!important; } .rPanel.catList .head { background: #38a9ff; } .rPanel.catList ul { background: #494c62; padding: 0px; margin: 0px; list-style: none; } .rPanel.catList ul li { position: relative; padding: 7px 15px; border-bottom: 1px solid #5a5e76; } .rPanel.catList ul li:last-child { border-bottom: 0px; } .rPanel.catList ul li a { color: #8689a3; } .rPanel.catList ul li.active { background: #5a5e7a; } .rPanel.catList ul li.active a, .rPanel.catList ul li a:hover{ color: #fff; } .rPanel .table.unb > tbody > tr > td, .rPanel .table.unb > tbody > tr > th, .rPanel .table.unb > tfoot > tr > td, .rPanel .table.unb > tfoot > tr > th, .rPanel .table.unb > thead > tr > td, .rPanel .table.unb > thead > tr > th { vertical-align: middle; } .rPanel .table.unb > tbody > tr > td { border-top: 0px; } .rPanel .table.unb .thead td { border-bottom:1px solid #e2e6e9; } .rPanel .p8 { padding: 0px 8px; margin-top: -20px; } ul.userlist { overflow: hidden; } ul.userlist li { width: 230px!important; border-radius: 2px; border:1px solid #e2e6e9!important; } ul.userlist .username .checkbox { padding-left: 0px; display: inline-block; margin:5px 0px 0px 0px; } ul.userlist .username .checkbox label::before, ul.userlist .username .checkbox label::after { margin-left:5px; } ul.userlist .username .checkbox img { width: 60px; height: 60px; border-radius: 2px; } ul.userlist .friend.checkbox { margin: 5px 0px 0px 0px; } .sponsorTurler { display: none; } .logTable { border:0px!important; } .logTable .table { font-size: 13px; margin:0px; } .logTable .table thead { background: #3f4257; } .logTable .table thead th { color:#fff; border:0px; padding: 8px; font-size: 11px; text-align: center; border-right:1px solid #494c62; } .logTable .table thead th a { color:#fff; } .logTable .table thead th:last-child { border-right: 0px; } .logTable .table thead th.text-left { text-align: left!important; } .logTable .table tbody td { vertical-align: middle; border-top:1px solid #e2e6e9; border-right:1px solid #e2e6e9; } .logTable .table tbody td:last-child { border-right: 0px; } .logTable.hover .table tbody tr:hover td { background: #FFFFCC; transition: all .3s; } .logTable.logLeft .table thead th { padding: 8px; text-align: left; } .logTable .table .checkbox, .logTable .table .radio{ margin: 2px 0px 0px 0px; height: 16px; } .logTable a u { text-decoration: none!important; } .privateMessages { position: relative; width:100%; display:block; background:#fff; border: 1px solid #dfe5ee; border-right:0px; border-radius:2px; margin-bottom:20px; height: 90vh; min-height:700px; overflow: hidden; } .privateMessages.full { position: absolute; top:0; left:0; margin-bottom: 0px; } .privateMessages .left { display:block; width:350px; height: 100%; float:left; position: relative; z-index: 2; border-right:1px solid #e2e6e9; } .privateMessages .left .head { height:60px; line-height:60px; background: #edf2f6; background: -moz-linear-gradient(45deg, #edf2f6 0%, #ffffff 100%); background: -webkit-linear-gradient(45deg, #edf2f6 0%,#ffffff 100%); background: linear-gradient(45deg, #edf2f6 0%,#ffffff 100%); position: relative; z-index:100; border-bottom:1px solid #e2e6e9; } .privateMessages .left .head .menu, .privateMessages .left .head .new { position:absolute; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); font-size:24px; color:#7c5ac2; } .privateMessages .left .head .menu a, .privateMessages .left .head .new a { color:#7c5ac2; } .privateMessages .left .head .new i { position: relative; font-size: 20px; } .privateMessages .left .head .menu { left:20px; } .privateMessages .left .head .new { right:20px; } .privateMessages .left .head .title { width:100%; text-align: center; font-weight:600; font-size: 16px; } .privateMessages .left .head .dropdown-menu { left:-17px; } .privateMessages .left .search form { padding:10px 20px; position: relative; } .privateMessages .left .search form input { width:100%; height:40px; line-height: 40px; border:1px solid #e2e6e9; padding:0px 20px; color:#afb2c5; box-shadow:none; -webkit-appearance: none; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .privateMessages .left .search form input::placeholder { color:#afb2c5; opacity: 1; } .privateMessages .left .search form input:focus { border-color:#dfe5ee; } .privateMessages .left .search form button[type='submit'] { padding: 0px; margin:0px; border:0px; line-height:40px; background:none; position: absolute; top:10px; right:30px; font-size:18px; color:#8689a3; } .privateMessages { width: auto; display: flex; flex-wrap: wrap; } .privateMessages .right { order: 3; } .search .user-suggestions { position: absolute; width: 100%; z-index: 9999; list-style: none; padding: 0; margin: 0; background: #494c62; color: #8689a3; box-shadow: rgba(0, 0, 0, 0.10) 0px 0px 4px; line-height: 40px; } .search ul.user-suggestions li { padding: 0; margin: 0; position: relative; } .search ul.user-suggestions li a.profile { padding: 0 40px 0 15px; height: 40px; border-top: 1px solid rgba(0, 0, 0, .1); background: #494c62 !important; display: block; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 40px; } .search ul.user-suggestions li a.profile:hover { background: #50546c !important; } .search ul.user-suggestions li a.profile img.avatar { width: 32px; height: 32px; display: inline-block; border-radius: 50%; margin-top: 4px; vertical-align: top; } .search ul.user-suggestions li a.profile span.username { display: inline-block; height: 32px; line-height: 32px; border-radius: 16px; margin-left: 10px; font-size: 14px; font-weight: bold; color: #fff; } .search ul.user-suggestions li a.pm { position: absolute; top: 0; right: 15px; padding-left: 5px; padding-right: 5px; color: #8689a3; z-index: 99999; } .search ul.user-suggestions li a.pm:hover { color: #fff !important; } .privateMessages .left .search.withFilter { position: relative; overflow: hidden; display: block; } .privateMessages .left .search.withFilter form { float: right; width: 55%; padding-left:10px; } .privateMessages .left .search.withFilter form input { padding: 0 12px; } .privateMessages .left .search.withFilter .filter { float: left; width: 45%; padding: 10px 10px 10px 20px; position: relative; overflow: hidden; } .privateMessages .left .search.withFilter .filter select { height: 40px; border: 1px solid #e2e6e9 !important; background: #fff !important; box-shadow: none !important; border-radius: 0!important; color: #afb2c5!important; } .privateMessages .left .search.withFilter .filter div.bootstrap-select { height:40px; margin:0; } .privateMessages .left .search.withFilter .filter div.bootstrap-select button { height: 40px; border: 1px solid #e2e6e9 !important; background: #fff !important; box-shadow: none !important; border-radius: 0!important; color: #afb2c5!important; } .privateMessages .left .search.withFilter .filter div.bootstrap-select .caret { border: 0 !important; margin-top: -3px !important; right: 25px !important; top: auto !important; } .privateMessages .left .search.withFilter .filter div.bootstrap-select .caret::before { content: "\f107"; font-family: fontawesome; color: #8689a3; font-size: 18px; } .privateMessages .left .edit { width: 100%; border-top: 1px solid #e2e6e9; padding:10px 14px; } .privateMessages .left .edit .editLeft { float: left; } .privateMessages .left .edit .editRight { line-height: 31px; color:#c1c3d1; float: right; } .privateMessages .left .edit .btn { border:0px; } .privateMessages .left .edit .btn:hover { background: #f9f9f9; } .privateMessages .left .edit i { width: 20px; color: #8689a3; } .privateMessages .left .messages { height:calc(100% - 170px); height:-webkit-calc(100% - 170px); height:-moz-calc(100% - 170px); } .privateMessages .left .messages.hasMore { height:calc(100% - 203px); height:-webkit-calc(100% - 203px); height:-moz-calc(100% - 203px); } .privateMessages .left .messages ul{ padding: 0px; margin:0px; list-style: none; } .privateMessages .left .messages ul li { width: 349px; table-layout: fixed; border-bottom:1px solid #e2e6e9; padding:20px; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .privateMessages .left .messages ul li .doubleticks.readed:before{ font-weight: 900; } .privateMessages .left .messages ul li .doubleticks.readed { color: #38a9ff; } .privateMessages .left .messages ul li.loader { border-bottom:0px; text-align:center; } .privateMessages .left .messages ul li.loader i { font-size:18px; margin-right:10px; } .privateMessages .left .messages ul li.loader span { font-weight: 600; } .privateMessages .left .messages ul li a { width: 100%; display:table; table-layout: fixed; } .privateMessages .left .messages ul li:last-child { border-bottom: 0px; border-bottom-left-radius: 2px; } .privateMessages .left .messages ul li.active, .privateMessages .left .messages ul li:hover { background:#f9f9f9; } .privateMessages .left .messages ul li .check, .privateMessages .left .messages ul li .avatar, .privateMessages .left .messages ul li .info { position: relative; display:table-cell; vertical-align: middle; } .privateMessages .left .messages ul li .check { display:none; } .privateMessages .left .messages ul li .avatar { float:left; } .privateMessages .left .messages ul li .avatar img { display: inline-block; width:45px; height:45px; border-radius: 100%; border: 2px solid #e2e6e9; } .privateMessages .left .messages ul li.checked .avatar img { border:2px solid #ee0743; } .privateMessages .left .messages ul li .avatar .status { width: 13px; height: 13px; position: absolute; top: 50%; right: -13px; background: #a2a2a2; border: 2px solid #fff; border-radius: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .privateMessages .left .messages ul li .avatar .status.on { background:#11f762; } .privateMessages .left .messages ul li .avatar .status.vs { background:#ff5e3a; } .privateMessages .left .messages ul li .info { width: 264px; padding-left:10px; line-height:22px; } .privateMessages .left .messages ul li .info .top, .privateMessages .left .messages ul li .info .bottom { position: relative; width:255px; } .privateMessages .left .messages ul li .info .top span, .privateMessages .left .messages ul li .info .bottom span { display: block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; } .privateMessages .left .messages ul li .info .top span:first-child{ font-size:16px; max-width:70%; text-align: left; } .privateMessages .left .messages ul li .info .top span:last-child { position: absolute; right:0px; top:0px; color:#c1c3d1; max-width:30%; text-align: right; } .privateMessages .left .messages ul li .info .bottom span:first-child{ color:#8689a3; font-size:13px; max-width:80%; text-align: left; } .privateMessages .left .messages ul li .info .bottom span:not(:first-child):last-child { position: absolute; right:0px; top:2px; color:#fff; max-width:20%; padding:0px 5px; height:16px; background: #7c5ac2; border-radius: 9px; text-align: center; line-height: 16px; font-size: 12px; font-weight: 600; } .privateMessages .left .messages ul li.un .info .top span:first-child, .privateMessages .left .messages ul li.un .info .bottom span:first-child{ font-weight: 600; } .privateMessages .left .messages ul li.un .info .top span:last-child { color:#38a9ff; } .privateMessages .left .pmPages { display: none; } .privateMessages .left .showMore { width: 100%; border-top: 1px solid #e2e6e9; padding: 0px; } .privateMessages .left .showMore button { width: 100%; border: 0px; border-radius: 0px; } .privateMessages .left .showMore button:hover{ background: #f9f9f9; } .privateMessages .left .statistics { padding: 10px 15px 0px 15px } .privateMessages .left .statistics .stats{ display:table-cell; vertical-align: middle; } .privateMessages .left .statistics .stats div { display:inline-block; font-size:13px; } .privateMessages .left .statistics .stats div:first-child { margin-right:20px; } .privateMessages .left .statistics .stats ul { padding: 0px; margin:0px; list-style: none; } .privateMessages .left .statistics .stats ul li span { display:inline-block; position: relative; width:120px; font-weight: 600; } .privateMessages .left .statistics .stats ul li span:after { content: ":"; position: absolute; top: 0px; right: 10px; } .privateMessages .left .statistics .stats ul li span i { width:15px; font-size:10px; color:#fff; } .privateMessages .left .statistics .stats ul li:nth-child(2) i { color:#dac9ff; } .privateMessages .left .statistics .stats ul li:nth-child(3) i { color:#825ad7; } .privateMessages .right { top:0px; right:0px; display:table; table-layout: fixed; width:300px; height:100%; background: #373a4e; float:right; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .privateMessages .right:before { content: ""; position: absolute; width: 300px; height: 100%; background: #373a4e; right: 0px; top: 0px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .privateMessages .right .inner { position: relative; z-index: 2; } .privateMessages .right .user { display:table; background:#3f4257; width:100%; padding:15px 20px; border-top-right-radius: 2px; } .privateMessages .right .user .avatar, .privateMessages .right .user .name { position: relative; display:table-cell; vertical-align: middle; } .privateMessages .right .user .avatar { float:left; } .privateMessages .right .user .avatar img { display: inline-block; background: #fff; width: 80px; height: 80px; border-radius: 100%; border: 4px solid #474a5f; } .privateMessages .right .user .avatar .status { width: 14px; height: 14px; position: absolute; top: 50%; right: -14px; background: #a2a2a2; border: 2px solid #474a5f ; border-radius: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .privateMessages .right .user .avatar .status.on { background:#11f762; } .privateMessages .right .user .avatar .status.vs { background:#ff5e3a; } .privateMessages .right .user .name { width:100%; padding-left:15px; line-height:20px; } .privateMessages .right .user .name div:first-child { position: relative } .privateMessages .right .user .name div:first-child a.dropdown-toggle { font-size:16px; font-weight:600; color:#fff; } .privateMessages .right .user .name div:first-child a.dropdown-toggle u{ text-decoration: none!important; } .privateMessages .right .user .name div:first-child ul.dropdown-menu { margin-top:5px; left: -5px; } .privateMessages .right .user .name div:not(:first-child){ color:#979aae; } .privateMessages .right .user .name #verified, .privateMessages .right .user .name #docVerified, .privateMessages .right .user .name .fast2fai { font-size: 11px; position: relative; top: -1px; line-height: 23px; } .privateMessages .right .user .name #docVerified .fa-certificate { background: linear-gradient(90deg, rgba(235,122,68,1) 0%, rgba(242,160,60,1) 50%, rgba(250,201,52,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .privateMessages .right .user .name .fast2fai .fa-certificate { color: #2ecc71; } .privateMessages .right .user .rank .modernRank { width: 130px; height: 31px; margin-top:5px; } .privateMessages .right .userLists ul.list { background: #3f4257; padding: 15px 0px; margin: 0px; list-style: none; } .privateMessages .right .userLists ul.list:not(.dropdown-menu) li { display:table; background:#3f4257; width:100%; height:60px; line-height: 60px; padding:0px 15px; border-top-right-radius: 2px; } .privateMessages .right .userLists ul.list li .avatar, .privateMessages .right .userLists ul.list li .name { position: relative; display:table-cell; vertical-align: middle; } .privateMessages .right .userLists ul.list li .avatar { float:left; } .privateMessages .right .userLists ul.list li .avatar img { background: #fff; width: 45px; height: 45px; border-radius: 100%; border: 4px solid #474a5f; } .privateMessages .right .userLists ul.list li .avatar .status { width: 13px; height: 13px; position: absolute; top: 50%; right: -13px; background: #a2a2a2; border: 2px solid #474a5f; border-radius: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .privateMessages .right .userLists ul.list li .avatar .status.on { background:#11f762; } .privateMessages .right .userLists ul.list li .avatar .status.vs { background:#ff5e3a; } .privateMessages .right .userLists ul.list li .name { width:100%; padding-left:15px; line-height:16px; } .privateMessages .right .userLists ul.list li .name div:first-child { position: relative } .privateMessages .right .userLists ul.list li .name div:first-child a.dropdown-toggle { font-size:14px; font-weight:600; color:#fff; } .privateMessages .right .userLists ul.list li .name div:first-child a.dropdown-toggle u{ text-decoration: none!important; } .privateMessages .right .userLists ul.list li .name div:first-child ul.dropdown-menu { margin-top:5px; left: -5px; } .privateMessages .right .userLists ul.list li .name div:last-child{ font-size: 12px; color:#979aae; } .privateMessages .right .userLists ul.list li .dropdown-menu li { height: auto; line-height: inherit; } .privateMessages .right .rankDouble { padding: 15px 20px 0px 20px; } .privateMessages .right .rankDouble .modernRank { width: 127px; height: 30px; } .privateMessages .right .rankDouble .modernRank:first-child { margin-right: 5px; } .privateMessages .right .info ul { padding:20px; margin:0px; list-style: none } .privateMessages .right .info ul li { font-size:13px; color:#979aae; } .privateMessages .right .info ul li a { color:#979aae; } .privateMessages .right .info ul li div { position: relative; display:inline-block; width:100px; font-weight:600; } .privateMessages .right .info ul li div:after { content: ":"; position: absolute; top: 0px; right: 10px; } .privateMessages .right .actions a { position: relative; display:block; height:60px; line-height:60px; padding:0px 20px; transition: all .3s ease; color:#fff; font-weight: 600; } .privateMessages .right .actions a span { display: inline-block; position: relative; top:3px; width:30px; color:#ff5e3a; font-size:18px; } .privateMessages .right .actions a:before { opacity: 0; visibility: hidden; content:""; position: absolute; left:0px; top:0px; width:3px; height:100%; background: #ff5e3a; transition: all .3s ease; } .privateMessages .right .actions a:first-child { background: #ff5e3a; } .privateMessages .right .actions a:first-child i { color:#fff; } .privateMessages .right .actions a:hover { background: #494c62; } .privateMessages .right .actions a:hover:before { opacity: 1; visibility: visible; } .privateMessages .right .actions a:first-child:hover i { color: #ff5e3a; } .privateMessages .middle { display:block; width:100%; float:right; margin-left:-350px; margin-right:-300px; } .privateMessages .middle .middleContainer { margin-left:350px; margin-right:300px; } .privateMessages .middle.unr, .privateMessages .middle.unr .middleContainer { margin-right:0px!important } .privateMessages .middle .statistics { display:table; width:100%; height:110px; border-bottom:1px solid #e2e6e9; padding:0px 20px; } .privateMessages .middle .statistics .chart, .privateMessages .middle .statistics .stats, .privateMessages .middle .statistics .actions { display:table-cell; vertical-align: middle; } .privateMessages .middle .statistics .chart { width:100px; } .privateMessages .middle .statistics .chartInner { width:80px; height:80px; position: relative; text-align:center; } .privateMessages .middle .statistics .chartInner span { width: 45px; height: 45px; line-height: 45px; font-weight:600; background: #e4d8ff; display: block; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index:2; } .privateMessages .middle .statistics .chartInner canvas { position:absolute; top:0; left:0; } .privateMessages .middle .statistics .stats div { display:inline-block; font-size:13px; } .privateMessages .middle .statistics .stats div:first-child { margin-right:60px; } .privateMessages .middle .statistics .stats ul { padding: 0px; margin:0px; list-style: none; } .privateMessages .middle .statistics .stats ul li span { display:inline-block; position: relative; width:120px; font-weight: 600; } .privateMessages .middle .statistics .stats ul li span:after { content: ":"; position: absolute; top: 0px; right: 10px; } .privateMessages .middle .statistics .stats ul li span i { width:15px; font-size:10px; color:#fff; } .privateMessages .middle .statistics .stats ul li:nth-child(2) i { color:#dac9ff; } .privateMessages .middle .statistics .stats ul li:nth-child(3) i { color:#825ad7; } .privateMessages .middle .statistics .actions { font-size: 24px; text-align: right; } .privateMessages .middle .statistics .actions a { color:#8689a3; } .privateMessages .middle .statistics .actions .active, .privateMessages .middle .statistics .actions a:hover{ color:#38a9ff; } .privateMessages .middle .statistics .actions a:first-child { margin-right:10px; } .privateMessages .middle .statistics .actions .back { display: none; } .privateMessages .middle .privateMessage .head { display: table; width:100%; height:96px; padding: 0px 20px; border-bottom:1px solid #e2e6e9; } .privateMessages .middle .privateMessage .head .desktop{ display: table-row; } .privateMessages .middle .privateMessage .head .mobile{ display:none; } .privateMessages .middle .privateMessage .head .mobile .top, .privateMessages .middle .privateMessage .head .mobile .bottom { position: relative; padding:10px; } .privateMessages .middle .privateMessage .head .mobile .top { background: #edf2f6; background: -moz-linear-gradient(45deg, #edf2f6 0%, #ffffff 100%); background: -webkit-linear-gradient(45deg, #edf2f6 0%,#ffffff 100%); background: linear-gradient(45deg, #edf2f6 0%,#ffffff 100%); border-bottom:1px solid #e2e6e9; } .privateMessages .middle .privateMessage .head .mobile .top span.name{ font-size:14px; font-weight: 600; } .privateMessages .middle .privateMessage .head .mobile .top span.name a span { display: inline-block; } .privateMessages .middle .privateMessage .head .mobile .top span.title { font-size:10px; font-weight: normal; color: #979aae; } .privateMessages .middle .privateMessage .head .mobile .top .modernRank { width: 80px !important; height: 19px !important; } .privateMessages .middle .privateMessage .head .mobile .top .modernRank:last-child:not(:first-child){ margin-top:5px; } .privateMessages .middle .privateMessage .head .mobile .top #verified, .privateMessages .middle .privateMessage .head .mobile .top #docVerified, .privateMessages .middle .privateMessage .head .mobile .top .fast2fai{ width:16px; height:16px; font-size: 11px; position: relative; line-height: 17px !important; display: inline-block; } .privateMessages .middle .privateMessage .head .mobile .top #birthdayStatus, .privateMessages .middle .privateMessage .head .mobile .top #birthdayStatus i { display: inline-block; width:13px; height:16px; font-size: 14px; line-height: 16px!important; } .privateMessages .middle .privateMessage .head .mobile .top #verified .fa-certificate { color: #38a9ff; } .privateMessages .middle .privateMessage .head .mobile .top #docVerified .fa-certificate { background: linear-gradient(90deg, rgba(235,122,68,1) 0%, rgba(242,160,60,1) 50%, rgba(250,201,52,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .privateMessages .middle .privateMessage .head .mobile .top .fast2fai .fa-certificate { color: #2ecc71; } .privateMessages .middle .privateMessage .head .mobile .top #verified .fa-certificate, .privateMessages .middle .privateMessage .head .mobile .top #docVerified .fa-certificate, .privateMessages .middle .privateMessage .head .mobile .top .fast2fai .fa-certificate { font-size: 16px; } .privateMessages .middle .privateMessage .head .mobile .top #verified .fa-inverse, .privateMessages .middle .privateMessage .head .mobile .top #docVerified .fa-inverse, .privateMessages .middle .privateMessage .head .mobile .top .fast2fai .fa-inverse { font-size: 8px; } .privateMessages .middle .privateMessage .head .mobile .top div:nth-child(2){ width:100%; padding-left:10px; line-height: 9px; } .privateMessages .middle .privateMessage .head .desktop div:first-child, .privateMessages .middle .privateMessage .head .mobile .top div:first-child, .privateMessages .middle .privateMessage .head .mobile .bottom div:first-child { width:60px; font-size:50px; } .privateMessage .head .desktop div:last-child { text-align:right; } .privateMessages .middle .privateMessage .head .desktop div:first-child i, .privateMessages .middle .privateMessage .head .mobile .bottom div:first-child i { margin-left:-2px; } .privateMessages .middle .privateMessage .head .desktop div, .privateMessages .middle .privateMessage .head .mobile .top div, .privateMessages .middle .privateMessage .head .mobile .bottom div { display:table-cell; vertical-align: middle; line-height:20px; } .privateMessages .middle .privateMessage .head span { display:block; } .privateMessages .middle .privateMessage .head span:first-child { color:#c1c3d1; } .privateMessages .middle .privateMessage .head span:first-child u { text-decoration: none; } .privateMessages .middle .privateMessage .head span:last-child { font-size:20px; font-weight:700; color:#3f4257; } .privateMessages .middle .privateMessage .conversation { overflow-x:hidden!important; } .privateMessages .middle .privateMessage .conversationInner { position: relative; padding: 20px 8px 20px 20px; } .privateMessages .middle .privateMessage .conversation ul { padding: 0px; margin:0px; list-style: none; } .privateMessages .middle .conversation ul li { display:table; table-layout: fixed; position: relative; width:100%; margin-bottom:15px; } .privateMessages .middle .conversation ul li .avatar, .privateMessages .middle .conversation ul li .message, .privateMessages .middle .conversation ul li .act{ display:table-cell; } .privateMessages .middle .conversation ul li .avatar { width:45px; vertical-align: bottom; } .privateMessages .middle .conversation ul li .avatar div{ position: relative; width:45px; height:45px; } .privateMessages .middle .conversation ul li .avatar img { display: inline-block; width:45px; height:45px; border-radius: 100%; border:2px solid #e2e6e9; } .privateMessages .middle .conversation ul li .avatar .device { position: absolute; bottom: 0px; right: -9px; z-index: 33; width: 13px; height: 13px; line-height: 13px; background: #38a9ff; border-radius: 100%; border: 1px solid #fff; font-size: 7px; color: #fff; text-align: center; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .privateMessages .middle .conversation ul li .avatar .device[data-color="1"]{ background:#38a9ff; } .privateMessages .middle .conversation ul li .avatar .device[data-color="2"]{ background:#7c5ac2; } .privateMessages .middle .conversation ul li .avatar .device[data-color="3"]{ background:#ff5e3a; } .privateMessages .middle .conversation ul li .avatar .device[data-color="4"]{ background:#efce4a; } .privateMessages .middle .conversation ul li .avatar .device[data-color="5"]{ background:#2bd768; } .privateMessages .middle .conversation ul li .avatar .device[data-color="6"]{ background:#67B868; } .privateMessages .middle .conversation ul li .avatar .device[data-color="7"]{ background:#ee0743; } .privateMessages .middle .conversation ul li .avatar .device[data-color="8"]{ background:#44bfc7; } .privateMessages .middle .conversation ul li .avatar .device[data-color="9"]{ background:#08ddc1; } .privateMessages .middle .conversation ul li .avatar .device[data-color="10"]{ background:#1fccf4; } .privateMessages .middle .conversation ul li .avatar .device[data-color="11"]{ background:#d797bc; } .privateMessages .middle .conversation ul li .avatar .device[data-color="12"]{ background:#D4A88C; } .privateMessages .middle .conversation ul li .avatar .device[data-color="13"]{ background: #669acc; } .privateMessages .middle .conversation ul li .avatar .device[data-color="14"]{ background: #e68485; } .privateMessages .middle .conversation ul li .avatar .device[data-color="15"]{ background: #3f4257; } .privateMessages .middle .conversation ul li .avatar .device .icon-mobile { font-size:8px; } .privateMessages .middle .conversation ul li .message { width: 100%; padding-left:10px; } .privateMessages .middle .conversation ul li .message div.bubble{ display: inline-block; max-width: 70%; position: relative; background:#edf2f6; padding:10px; font-size:13.8px; border-radius:2px; } .privateMessages .middle .conversation ul li .message div.bubble .message-like{ position: absolute; right: -6px; bottom: -7px; } .privateMessages .middle .conversation ul li .message div.bubble .message-like i.fa-heart{ color:red; } .privateMessages .middle .conversation ul li .message div.bubble:after { content: ""; position: absolute; bottom: 8px; left: -10px; width: 0; height: 0; display: block; border: 5px solid transparent; border-right-color: transparent; border-right-color: #edf2f6; } .privateMessages .middle .conversation ul li .message div.bubble img { max-width:100%; max-height: 75vh; } .privateMessages .middle .conversation ul li .message div.bubble a { font-weight: 600; } .privateMessages .middle .conversation ul li .message div.inner { position: relative; z-index:101; word-wrap: break-word; } .privateMessages .middle .conversation ul li .mobileTime { font-size: 11px; position: absolute; right: 0px; bottom: -5px; } .privateMessages .middle .conversation ul li .message .readed { position: absolute; right: 5px; bottom: -10px; font-size:12px; } .privateMessages .middle .conversation ul li .message .readed .fa-check:first-child{ position: relative; left: -6px; } .privateMessages .middle .conversation ul li .actions { opacity:0; visibility: hidden; position: absolute; z-index: 999999; top: 50%; right: -30px; padding-left: 15px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); font-size:20px; } .privateMessages .middle .conversation ul li .actions.dup .dropdown-menu{ top: auto; bottom: 100%; } .privateMessages .middle .conversation ul li .actions.dup ul.dropdown-menu::before { position: absolute; z-index: 2; display: inline-block; content: ""; top: auto!important; bottom: -6px!important;; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom:0px!important; border-top: 7px solid #fff!important; left: 20px; } .privateMessages .middle .conversation ul li .actions .dropdown-menu { z-index: 999999!important; max-width: 90px; min-width: 90px; left:-4px; } .privateMessages .middle .conversation ul li .actions .dropdown-menu a { font-weight: 400!important; } .privateMessages .middle .conversation ul li:not(:hover) .actions .dropdown-menu { display:none!important; } .privateMessages .middle .conversation ul li:hover .actions i { color:#bfc2c8; } .privateMessages .middle .conversation ul li:hover .actions { opacity: 1; visibility: visible; } .privateMessages .middle .conversation ul li.me { direction: rtl; } .privateMessages .middle .conversation ul li.me .message { padding-left:0px; padding-right:10px; } .privateMessages .middle .conversation ul li.me .message div.bubble { float: right; background:#38a9ff; color:#fff; } .privateMessages .middle .conversation ul li.me .message div.bubble:after { right:-10px; border: 5px solid transparent; border-left-color: transparent; border-left-color: #38a9ff; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="2"] { background:#7c5ac2; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="2"]:after { border-left-color: #7c5ac2; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="3"] { background:#ff5e3a; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="3"]:after { border-left-color: #ff5e3a; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="4"] { background:#efce4a; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="4"]:after { border-left-color: #efce4a; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="5"] { background:#2bd768; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="5"]:after { border-left-color: #2bd768; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="6"] { background:#67B868; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="6"]:after { border-left-color: #67B868; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="7"] { background:#ee0743; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="7"]:after { border-left-color: #ee0743; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="8"] { background:#44bfc7; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="8"]:after { border-left-color: #44bfc7; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="9"] { background:#08ddc1; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="9"]:after { border-left-color: #08ddc1; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="10"] { background:#1fccf4; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="10"]:after { border-left-color: #1fccf4; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="11"] { background:#d797bc; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="11"]:after { border-left-color: #d797bc; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="12"] { background:#D4A88C; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="12"]:after { border-left-color: #D4A88C; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="13"] { background:#669acc; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="13"]:after { border-left-color: #669acc; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="14"] { background:#e68485; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="14"]:after { border-left-color: #e68485; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="15"] { background:#3f4257; } .privateMessages .middle .conversation ul li.me .message div.bubble[data-color="15"]:after { border-left-color: #3f4257; } .privateMessages .middle .conversation ul li.me .message div.inner { direction: ltr; } .privateMessages .middle .conversation ul li.me .message div a { color:#fff; font-weight:600; } .privateMessages .middle .conversation ul li.me .actions { padding-left:0px; padding-right:15px; left:-30px; right: auto; } .privateMessages .middle .conversation ul li.me .actions .dropdown-menu { left:-19px; } .privateMessages .middle .form.newpm .head { padding: 0px; } .privateMessages .middle .form .head .form-group { display:table; width: 100%; table-layout: fixed; margin: 0px; padding: 0px 10px; height: 60px; line-height: 60px; border-bottom: 1px solid #e2e6e9; white-space: nowrap; margin-top: -3px; } .privateMessages .middle .form .head .form-group:last-child { height: 50px; line-height: 50px; border-bottom: 0px; } .privateMessages .middle .form .head .form-group div.main { position: relative; display: inline-block; vertical-align: middle; } .privateMessages .middle .form .head .form-group div.main:first-child:not(:last-child){ font-weight: 600; width: 70px; } .privateMessages .middle .form .head .form-group div.main:last-child:not(:first-child){ width: calc(100% - 70px); width: -webkit-calc(100% - 70px); width: -moz-calc(100% - 70px); } .privateMessages .middle .form .head .form-group input:not(.token-input) { color: #afb2c5; border:0px!important; outline:0px!important; width: 100%; height: 59px; } .privateMessages .middle .form .head .form-group div.tokenfield { color: #afb2c5; border:0px!important; outline:0px!important; width: 100%; padding: 0px; white-space: nowrap; top:1px; position: relative; } .privateMessages .middle .form .head .form-group:last-child input { background: transparent; height: 50px; } .privateMessages .middle .form .head .mentions-input-box { display: none; } .privateMessages .middle .form .head .mentions-input-box .mentions-autocomplete-list { display: block; } .privateMessages .middle .form .head .mentions-input-box .mentions-autocomplete-list ul { width: 100%!important; left:0px!important; top:0px!important; } .privateMessages .middle .form .head .mentions-input-box .mentions-autocomplete-list ul li span { font-weight: normal!important; font-size:14px!important; } .privateMessages .middle .form form.edit { padding: 20px; } .privateMessages .middle .form form.edit .buttons { width:100%; margin-top:15px; text-align:center; } .privateMessages .middle .form form.edit fieldset { margin: 15px 0px; } .privateMessages .middle .form form.edit fieldset:first-child { margin-top:10px; } .privateMessages .middle .form form.edit legend { font-size: 20px; border-bottom:1px solid #e2e6e9; } .privateMessages .middle .editor { border-top:1px solid #e2e6e9; display: table; table-layout: fixed; width:100%; } .privateMessages .middle .editor.top { border-top: 0px; border-bottom: 1px solid #e2e6e9; } .privateMessages .middle .editor .cke_bottom { border-top: 0px!important } .privateMessages .middle .editor .buttons { width: 100%; padding: 7px 0px; text-align: center; } .privateMessages.screen { min-height: 100vh; height: auto; margin-bottom: 0px; border:0px; border-radius: 0px; } .privateMessages.screen .right, .privateMessages.screen .right .user { border-radius:0px; } .privateMessages.screen .left, .privateMessages.screen .middle .editor, .privateMessages.screen .right .actions{ display:none; } .privateMessages.screen .middle, .privateMessages.screen .middleContainer { margin-left:0px; } .privateMessages.screen .middle .privateMessage .conversation { border:0px; } .profile { margin-top:0px; } .profile .rPanel.error { width: 95%; margin: 25px auto; } .profile .profileCover { position: relative; width: 100%; height:350px; position: relative; background-color:#494c62; background-position: center center; background-repeat: no-repeat; background-size:cover; margin-bottom:25px; } .profile .profileCover:before { content:""; position: absolute; top:0; left:0; width:100%; height:100%; background: -moz-linear-gradient(top, rgba(63,66,87,0) 0%, rgba(63,66,87,0.5) 100%); background: -webkit-linear-gradient(top, rgba(63,66,87,0) 0%,rgba(63,66,87,0.5) 100%); background: linear-gradient(to bottom, rgba(63,66,87,0) 0%,rgba(63,66,87,0.5) 100%); } .profile .profileCover .cover, .profile .profileCover .info, .profile .profileCover .positioningAction{ display: none; } .profile .profileCover.positioning { background: transparent!important; } .profile .profileCover.positioning .cover{ display: block; position: absolute; width: 100%; height: 350px; overflow: hidden; z-index: 1; } .profile .profileCover.positioning .info { display: block; position: absolute; top:50%; left: 50%; transform:translate(-50%,-50%); z-index: 2; background: rgba(0,0,0,0.5); display: block; padding: 5px 10px; border-radius: 2px; color: #fff; font-weight: 600; } .profile .profileCover.positioning .info i { position: relative; top: 1px; margin-right: 5px; } .profile .profileCover.positioning .cover img { position: absolute; width: 100%; } .profile .profileCover.positioning .positioningAction { display: block; position: absolute; right:0px; bottom:20px; width:60px; height:60px; border-radius: 100%; background: rgba(0,0,0,0.5); line-height: 60px; text-align: center; color:#fff; font-size:24px; font-weight:700; transition: all .3s ease; cursor: pointer; z-index: 333; } .profile .profileCover.positioning .positioningAction.reject{ right: 80px; } .profile .profileCover.positioning .positioningAction.accept { background: rgba(43,215,104, 0.5); } .profile .profileCover.positioning .positioningAction a { display: block; color: #fff; position: relative; top: 2px; } .profile .profileCover.positioning .positioningAction.accept a { left: 1px; } .profile .profileCover.positioning .userReactions { z-index: 333; } .profile .profileCover.positioning .changeCover { display: none; } .profile .profileCover .container { position: relative; height:350px; } .profile .profileCover .userReactions { position: absolute; bottom: 20px; left: 420px; } .profile .profileCover .userReactions a { display:inline-block; width:60px; height:60px; line-height:60px; margin-left:10px; text-align: center; border-radius: 100%; background: rgba(0,0,0,0.5); color:#fff; font-size:24px; font-weight:700; transition: all .3s ease; } .profile .profileCover .userReactions a:hover { background: rgba(0,0,0,0.7); } .profile .profileCover .userReactions a:first-child { margin-left: 0px; } .profile .profileCover .userReactions .dropdown-menu { margin-top:10px; } .profile .profileCover .userReactions .dropdown-menu a { font-size: 14px !important; font-weight: 400 !important; height: auto !important; width: auto !important; line-height: inherit !important; } .profile .profileCover .changeCover { position: absolute; right:0px; bottom:20px; width:60px; height:60px; border-radius: 100%; background: rgba(0,0,0,0.5); line-height: 60px; text-align: center; color:#fff; font-size:24px; font-weight:700; transition: all .3s ease; cursor: pointer; } .profile .profileCover .changeCover a { color:#fff!important; } .profile .profileCover .changeCover a.dropdown-toggle { display: block; } .profile .profileCover .changeCover input { display:none; } .profile .profileCover .changeCover .icon-spinner2 { position: relative; top: 2px; } .profile .profileCover .changeCover:hover { background: rgba(0,0,0,0.7); } .profile .profileCover .changeCover .dropdown-menu { margin-top: 10px; left:-70px; } .profile .profileCover .changeCover .dropdown-menu::before { left: auto!important; right: 53px; } .profile .profileCover .changeCover .dropdown-menu a, .profile .profileCover .changeCover .dropdown-menu label{ margin: 0px!important; font-weight: 400!important; color: #515365!important; display: block; cursor: pointer; } .profile .profileCover .changeCover .dropdown-menu label { display: block; padding: 10px 25px 10px 20px !important; } .profile .left { position: relative; z-index:2; width:400px; float:left; } .profile .left .userBlock { display:table; width:100%; table-layout: fixed; background: #f5f8fa; border-radius: 2px; box-shadow: 0 0 4px 0 rgba(63, 66, 87, 0.1); margin-bottom:25px; } .profile .left .userBlock .head { height:45px; line-height:45px; padding:0px 20px; border-bottom:1px solid #e2e6e9; font-size:15px; font-weight: 700; } .profile .left .userBlock .head .title { float:left; } .profile .left .userBlock .head .action { float:right; } .profile .left .userBlock .content { padding:20px; color:#979aae; } .profile .left .userBlock a[data-readmore-toggle]{ text-align: center; } .profile .left .userBlock ul { padding:0px; margin:0px; list-style: none; } .profile .left .userBlock ul.list li { line-height:24px; color:#979aae; margin-bottom:15px; overflow: hidden; } .profile .left .userBlock ul.list li:last-child { margin-bottom:0px; } .profile .left .userBlock ul.list li span:first-child{ position: relative; display: block; float: left; width:140px; margin-right: 5px; color:#515365; font-weight:600; } .profile .left .userBlock ul.list li span:first-child:before { content:":"; position: absolute; top:0; right:0; } .profile .left .userBlock ul.list li span:first-child i { position: relative; width:29px; top:3px; color:#7c5ac2; font-size:18px; font-weight: 400; } .profile .left .userBlock ul.list li span:last-child { display: block; float: right; width: calc(100% - 145px); } .profile .left .userBlock ul.list li a { font-weight: 600; } .profile .left .userBlock ul.list li i.rg { margin-left:0px; color:#ffc600; } .profile .left .userBlock ul.list li i.rs{ margin:0px 5px; color:#e5e5e5; } .profile .left .userBlock ul.list li i.rb{ margin:0px 5px; color:#c9a56a; } .profile .left .userBlock:first-child { margin: -236px 0 25px; } .profile .left .userBlock.rdb { margin: -269px 0 25px; } .profile .left .userBlock.uns { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .profile .left .userBlock.uns .bottom { border-bottom:0px; } .profile .userInfo .top { display:table; width:100%; height:160px; padding:0px 20px; } .profile .userInfo .top .avatar, .profile .userInfo .top .info { display:table-cell; vertical-align: middle } .profile .userInfo .top .avatar { width:100px; height:100px; position: relative; } .profile .userInfo .top .avatar img { display: inline-block; width: 100px; height: 100px; border-radius: 100%; border: 3px solid #e2e6e9; } .profile .userInfo .top .avatar .status { width: 16px; height: 16px; position: absolute; top: 50%; right: -16px; background: #a2a2a2; border: 2px solid #fff; border-radius: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .profile .userInfo .top .avatar .status.on { background:#11f762; } .profile .userInfo .top .avatar .status.vs { background:#ff5e3a; } .profile .userInfo .top .info { padding-left:30px; line-height: 21px; } .profile .userInfo .top .info .name { font-size:19px; } .profile .userInfo .top .info .name #verified, .profile .userInfo .top .info .name #docVerified, .profile .userInfo .top .info .name .fast2fai { font-size: 11px; position: relative; top: -1px; line-height: 23px; } .profile .userInfo .top .info .name #verified .fa-certificate { color: #38a9ff; } .profile .userInfo .top .info .name #docVerified .fa-certificate { background: linear-gradient(90deg, rgba(235,122,68,1) 0%, rgba(242,160,60,1) 50%, rgba(250,201,52,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .profile .userInfo .top .info .name .fast2fai .fa-certificate { color: #2ecc71; } .profile .userInfo .top .info .name u { text-decoration: none!important; } .profile .userInfo .top .info .status { font-size:13px; margin-bottom:5px; } .profile .userInfo .rankDouble { margin-top:-15px; padding: 0px 20px 10px 20px; overflow: hidden; display: flex; justify-content: space-between; } .profile .userInfo .bottom { height:50px; line-height:50px; border-top: 1px solid #e2e6e9; border-bottom: 1px solid #e2e6e9; } .profile .userInfo .bottom a { display:block; width:50%; float:left; text-align:center; font-weight:600; font-size:13px; } .profile .userInfo .bottom a:first-child { background: #7c5ac2; color:#fff; } .profile .userInfo .bottom a:first-child:hover { background: #6140a6; } .profile .userInfo .bottom a:last-child:hover { background: #edf2f6; color:#515365; } .profile .userInfo .bottom i { font-size:16px; position: relative; top:1px; left:-13px; margin-right:5px; } .profile .userBlock .social { padding:20px!important; } .profile .userBlock .social li { line-height:24px; margin-bottom:10px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .profile .userBlock .social li:last-child { margin-bottom:0px; } .profile .userBlock .social li span { display:inline-block; width:24px; height:24px; background:#000; text-align: center; color:#fff; border-radius: 100%; margin-right:5px; } .profile .userBlock .social li span.facebook { background: #2f5b9d; } .profile .userBlock .social li span.twitter { background: #38bff1; } .profile .userBlock .social li span.instagram { background:#c13584; } .profile .userBlock .social li span.snapchat { background:#fffc00; } .profile .userBlock .social li span.google { background: #dd4b39; } .profile .userBlock .social li span.youtube { background: #cd201f; } .profile .userBlock .social li span.pinterest { background: #bd081c; } .profile .userBlock .social li span.tumblr { background: #35465c; } .profile .userBlock .social li span.dribbble { background: #ea4c89; } .profile .userBlock .social li span.behance { background: #1769ff; } .profile .userBlock .social li span.deviantart { background: #05cc47; } .profile .userBlock .social li span.linkedin { background: #0077b5; } .profile .userBlock .social li span.reddit { background: #ff4500; } .profile .userBlock .social li span.github { background: #333; } .profile .userBlock .social li span.steam { background: #171a21; } .profile .userBlock .social li span.website { background:#21759b; } .profile .userBlock .social li span.mail { background: #5d5c5d; } .profile .userBlock .social li span.mobile { background: #61b3de; } .profile .userBlock .social li span.skype{ background:#00aff0; } .profile .userBlock .social li span.whatsapp { background: #25d366; } .profile .userBlock .social li span.telegram { background: #0088cc; } .profile .userBlock .social li span.discord { background: #7289da; } .profile .userActivity .content{ padding:0px!important; } .profile .userActivity .content ul li { width:50%; padding:10px 20px; float:left; font-size:13px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .profile .userActivity .content ul li:last-child { width:100%; } .profile .userActivity .content ul li:not(:first-child):last-child { width:50%; border-left: 1px solid #e2e6e9; } .profile .userActivity .content ul li span { display:block; color:#515365; font-size:14px; font-weight:600; } .profile .userActivity .content .preparedwhere { display: none; } .profile .userSkills .head { position: relative; } .profile .userSkills .owlPage { position: absolute; right: 5px; width: 50%; height: 100%; top: 0; z-index: 1020; overflow: hidden; line-height:45px; } .profile .userSkills .owlPage .owl-pagination { float: right; margin-right: 15px; } .profile .userSkills .owlPage .owl-pagination .owl-page { width: 10px; height: 10px; margin: 0 0 0 7px; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; display: inline-block; background:#dae5ed; } .profile .userSkills .owlPage .owl-pagination .owl-page.active { background: #38a9ff; } .profile .userSkills .content { padding:0px!important; } .profile .userSkills .content .item { padding:20px; } .profile .userSkills .skill { display:table; table-layout: fixed; width:100%; overflow:hidden; margin-bottom:15px; } .profile .userSkills .skill:last-child { margin-bottom:0px; } .profile .userSkills .skill .top { margin-bottom:10px; overflow:hidden; } .profile .userSkills .skill .left { font-weight:600; color:#515365; float: left; width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .profile .userSkills .skill .left .icon-pencil { color:#ee0743; position: relative; top: 2px; margin-right: 2px; } .profile .userSkills .skill .right { width: 30%; color: #979aae; font-size: 13px; text-align: right; float: right; } .profile .userSkills .skill .progress { background: #dae5ed; box-shadow: none !important; border: 0px!important; height:6px; margin:0px!important; } .profile .userSkills .skill .progress-bar { background: #38a9ff; box-shadow: none !important; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .profile .userSkills .skill:nth-child(2n) .progress-bar { background:#2bd768; } .profile .userSkills .skill:nth-child(3n) .progress-bar { background:#ff5e3a; } .profile .userSkills .skill:nth-child(4n) .progress-bar { background:#7c5ac2; } .profile .userSkills .buttons { width: 100%; padding: 10px 0; text-align: center; } .profile .userBlock ul.user li { display: table; table-layout: fixed; width:100%; margin-bottom: 10px; } .profile .userBlock ul.user li:last-child { margin-bottom: 0px; } .profile .userBlock ul.user li a { display:block; height:45px; overflow: hidden; } .profile .userBlock ul.user li .avatar, .profile .userBlock ul.user li .info { display: table-cell; vertical-align: middle; } .profile .userBlock ul.user li .avatar { width:45px; height:45px; } .profile .userBlock ul.user li .avatar img { display:inline-block; width:45px; height:45px; border-radius: 100%; border: 2px solid #e2e6e9; } .profile .userBlock ul.user li .info { padding-left:15px; line-height: 16px; } .profile .userBlock ul.user li .info u { text-decoration: none!important } .profile .userBlock ul.user li .info .name { color:#515365; } .profile .userBlock ul.user li .info .status { font-size:13px; color:#979aae; } .profile .userBlock ul.user li .info #verified, .profile .userBlock ul.user li .info #docVerified, .profile .userBlock ul.user li .info .fast2fai { font-size:8px; top:-1px; } .profile .userBlock ul.user li .info #docVerified .fa-certificate { background: linear-gradient(90deg, rgba(235,122,68,1) 0%, rgba(242,160,60,1) 50%, rgba(250,201,52,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .profile .userBlock ul.user li .info #verified .fa-certificate { color: #38a9ff; } .profile .userBlock ul.user li .info .fast2fai .fa-certificate { color: #2ecc71; } .profile .right { position: relative; z-index:2; float:right; width:calc(100% - 420px); width:-webkit-calc(100% - 420px); width:-moz-calc(100% - 420px); } .profile .right .userTabs { display: table; table-layout: fixed; width: 100%; background: #f5f8fa; border-radius: 2px; margin-bottom: 25px; box-shadow: 0 0 4px 0 rgba(63, 66, 87, 0.1); } .profile .right .userTabs .nav { position: relative; border:0px; } .profile .right .userTabs .nav:before { content:""; position: absolute; bottom:-4px; left:0; width:100%; height:3px; background: #edf2f6; } .profile .right .userTabs .nav li { position: relative; height:45px; line-height: 45px; border-right: 1px solid #e2e6e9; } .profile .right .userTabs .nav li:first-child a { border-top-left-radius: 4px!important; } .profile .right .userTabs .nav:not(.nav-mobile) li.active:before { content:""; position: absolute; bottom:-3px; left:0; width:100%; height:3px; background: #f5f8fa; } .profile .right .userTabs .nav li a { border: 0px !important; padding: 0px 15px !important; margin:0px!important; border-radius: 0px!important; background: #f5f8fa!important; display: block; line-height: inherit; font-weight: 600; } .profile .right .userTabs .nav li i { position: relative; top:2px; font-size:16px; color:#c2c7cc; margin-right:5px; } .profile .right .userTabs .nav .dropdown-menu li { height:auto!important; line-height: 25px!important; border-right: 0px !important; } .profile .right .userTabs .nav .dropdown-menu li.active { background: #f9f9f9 !important; } .profile .right .userTabs .nav .dropdown-menu li.active:before { display:none; } .profile .right .userTabs .nav .dropdown-menu li.active a { color:#38a9ff!important; } .profile .right .userTabs .nav .dropdown-menu li a { background:none!important; padding: 10px 25px 10px 20px !important; border-radius: 0px!important; } .profile .right .userTabs .nav .dropdown-menu li i { width:15px; } .profile .right .userTabs .nav-mobile { display: none; border-top-left-radius: 2px; border-top-right-radius: 2px; } .profile .right .userTabs .nav-mobile li { position: relative; float: none !important; width: 100%; background: none !important; border:0px!important; border-top-left-radius: 2px; border-top-right-radius: 2px; } .profile .right .userTabs .nav-mobile li:before { content: "\ec6e" !important; font: normal normal normal 14px/1 "icomoon" !important; background: transparent!important; position: absolute !important; -webkit-transform:translate(0, -50%) !important; transform:translate(0, -50%) !important; left:auto !important; right:15px !important; z-index: 1; top:50% !important; } .profile .right .userTabs .nav-mobile li.active:after { display:none; } .profile .right .userTabs .nav-mobile li a { color: #515365 !important; font-weight:600!important; text-transform: inherit!important; border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; } .profile .right .userTabs .nav-mobile li i { color: #c2c7cc!important; margin: 0px 5px 0px 0px!important; } .profile .right .userTabs .userTabContent { position: relative; display: block; min-height:350px; } .profile .right .userTabs ul, .profile .trader ul{ padding:0px; margin:0px; list-style: none; } .profile .trader .tradeLoading { width: 100%; padding: 150px 0; text-align: center; line-height: 60px; min-height: 395px; max-height: 395px; } .profile .trader .tradeLoading i { color: #515365 !important; font-size: 48px !important; } .profile .trader .tradeLoading span { display: block; } .profile .tradeTabLoading, .profile .userTabLoading { width: 100%; padding: 150px 0; text-align: center; line-height: 60px; min-height: 400px; max-height: 400px; } .profile .tradeTabLoading i, .profile .userTabLoading i{ color: #515365 !important; font-size: 48px !important; } .profile .tradeTabLoading span, .profile .userTabLoading span { display: block; } .profile .right .userTabs .pagination { margin:15px 0px; } .profile .right .userTabs .pagination div { float:right; margin-right:15px; } .profile .right .userTabs .pagination ul { border-color:#e2e6e9; } .profile .right .userTabs .bootstrap-select { margin: 0px 5px 0px 0px !important; } .profile .right .userTabs .bootstrap-select .dropdown-toggle { border:1px solid #e2e6e9!important; background: #fff!important; box-shadow:none!important; } .profile .right .userTabs .bootstrap-select .dropdown-menu { box-shadow:none!important; } .profile .right .userTabs .bootstrap-select .dropdown-toggle .filter-option { color:#515365; } .profile .right .userTabs .bootstrap-select .caret { border: 0px !important; margin-top: -3px !important; right: 25px !important; top: auto !important; } .profile .right .userTabs .bootstrap-select .caret::before { content: "\f107"; font-family: "FontAwesome"; color: #38a9ff; font-size: 18px; } .profile .right .userTabs .trader button[type="submit"] { border: 1px solid #e2e6e9 !important; background: #fff; padding: 0px; width: 34px; height: 34px; line-height: 34px; border-radius: 2px; float: none; display: inline-block; position: relative; top:3px; text-align: center; } .profile .right .userTabs .trader button[type="submit"] i { margin-right: 0px; } .profile .trader .top { display:table; table-layout: fixed; padding:0px 15px; } .profile .trader .left, .profile .trader .right { display: table-cell; vertical-align: top; padding:20px 0px; } .profile .trader .left { border-right:1px solid #e2e6e9; } .profile .trader .top ul li { color:#979aae; } .profile .trader .top ul li.divider { margin:10px 0px; border-bottom:1px solid #e2e6e9; } .profile .trader .top ul li span { position: relative; display: inline-block; width:255px; color: #515365; font-weight:700; margin-right:10px; } .profile .trader .top ul li span:before { content:":"; position: absolute; top:0px; right:0; } .profile .trader .top .filter { display:table; margin-bottom:15px; } .profile .trader .top .filter .nav-tabs { border:0px; } .profile .trader .top .filter li { margin-right:20px; } .profile .trader .top .filter li a { border:0px!important; font-weight: 600; background: transparent!important } .profile .trader .top .filter li.active a { color:#38a9ff; } .profile .trader .top .rate { display:table; width:100%; table-layout: fixed; margin-bottom:15px; } .profile .trader .top .rate:last-child { margin-bottom: 0px } .profile .trader .top .rate .title, .profile .trader .top .rate .bar, .profile .trader .top .rate .percent { display:table-cell; vertical-align: middle; } .profile .trader .top .rate .title { font-weight: 600; width:90px; } .profile .trader .top .rate .title i { position: relative; top:2px; margin-right:5px; font-size:16px; color:#2bd768; } .profile .trader .top .rate:nth-child(2) .title i { color:#38a9ff; } .profile .trader .top .rate:nth-child(3) .title i { color:#f50023; } .profile .trader .top .rate .progress { background: #dae5ed; box-shadow: none !important; border: 0px!important; height:6px; margin:0px!important; } .profile .trader .top .rate .progress-bar { background: #2bd768; box-shadow: none !important; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .profile .trader .top .rate:nth-child(2) .progress-bar { background:#38a9ff; } .profile .trader .top .rate:nth-child(3) .progress-bar { background:#f50023; } .profile .trader .top .rate .percent { width:120px; font-size:12px; color: #979aae; padding-left:15px; } .profile .trader .bottom { display: block; width:100%; overflow: hidden; border-top:1px solid #e2e6e9; } .profile .tList ul, .profile .tList ol { padding:0px; margin:0px; width:100%; list-style:none; } .profile .tList li.head { height:60px; line-height: 60px; } .profile .tList li.head ol li { padding: 0px 15px; color:#515365; font-weight:700; font-size:14px; text-align: left; } .profile .tList li.warning { padding: 15px; } .profile .tList li.warning .alert { margin: 0px; } .profile .tList ol { width: 100%; display:table; table-layout: fixed; } .profile .tList ol li { display:table-cell; vertical-align: middle; border-right:1px solid #e2e6e9; border-bottom:1px solid #e2e6e9; padding: 5px 15px; font-size:13px; } .profile .tList ul li:last-child ol li { border-bottom:0px; } .profile .tList ol li:last-child { border-right:0px; } .profile .tList ol li.name { position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .profile .tList.col3 ol li.name { width:75%; } .profile .tList ol li.name a { font-weight: 600; } .profile .tList ol li.name i { width:20px; position: relative; top:2px; margin-right:5px; font-size:16px; color:#2bd768; } .profile .tList ol li.name div.mobile { display: none; margin-top:5px; font-size: 11px; } .profile .tList ol li.name div.mobile .left { width: auto!important; float:left; padding: 0px; display: block; border: 0px; } .profile .tList ol li.name div.mobile .right { width: auto!important; float: right; padding: 0px; display: block; border: 0px; } .profile .tList ol li.name div.mobile .right i { width: auto; font-size:11px; color: #c2c7cc; } .profile .tList ol li.name div.mobile .right a { display:inline-block; width: auto; margin-left: 10px; } .profile .tList ol li.name div.mobile .right a:before { display: none; } .profile .tList ol li.name div.mobile .right a.active i { color:#7c5ac2; } .profile .tList ol li.name div.mobile .right a:last-child i { color:#f50023; } .profile .tList ol li.name .icon-checkmark-circle { color:#2bd768; } .profile .tList ol li.name .icon-notification2 { color:#38a9ff; } .profile .tList ol li.name .icon-minus-circle2 { color:#f50023; } .profile .tList ol li.name .icon-plus-circle2 { color:#ffc600; } .profile .tList ol li.name .icon-thumbs-up2 { color:#ff5e3a; } .profile .tList ol li.name .icon-mention { color:#ee0743; } .profile .tList ol li.name .icon-quotes-left { color:#7c5ac2; } .profile .tList ol li.options { width:110px; } .profile .tList ol li.options a:not(:first-child) { margin-left:10px; } .profile .tList ol li.options i { position: relative; top:2px; font-size:16px; color: #c2c7cc; } .profile .tList ol li.options a.active i { color:#7c5ac2; } .profile .tList ol li.options a:last-child i { color:#f50023; } .profile .tList ol li.user { color: #979aae; width:185px; } .profile .tList ol li.user span { color:#ff5e3a; text-transform: uppercase; font-weight:600; } .profile .tList ol li.user a { font-weight: 600; } .profile .tList ol li.date { color: #979aae; width:110px; } .profile .bank li { display:table; width:100%; padding:25px 15px; border-bottom:1px solid #e2e6e9; } .profile .bank li:last-child { border-bottom:0px; } .profile .bank li .logo, .profile .bank li .acc, .profile .bank li .edit{ display:table-cell; vertical-align: middle; } .profile .bank li .logo { width:150px; } .profile .bank li .logo div{ display: table-cell; vertical-align: middle; width:150px; height:150px; border:6px solid #e2e6e9; border-radius: 100%; text-align: center; } .profile .bank li .logo img { max-width:70%; } .profile .bank .acc { line-height: 20px; padding-left: 25px; } .profile .bank .acc .name { color:#3f4257; font-size:18px; font-weight: 700; margin-bottom:10px; } .profile .bank .acc .name .fa-warning { color: #ee0743; } .profile .bank li ul li { display:block; padding: 0px!important; color: #979aae; font-size:13px; border:0px; } .profile .bank li ul li span { position: relative; display:inline-block; width:80px; color:#515365; font-weight:600; margin-right:5px; } .profile .bank li ul li span:before { content:":"; position: absolute; top:0; right:0; } .profile .bank li .edit { width: 150px; } .profile .bank li .edit a:first-child { margin-right: 5px; } .profile .userTabs ul.user li { display: table; table-layout: fixed; width:100%; padding:15px; border-bottom:1px solid #e2e6e9; } .profile .userTabs ul.user li.head { background: #494c62; padding: 0px 15px; height: 45px; line-height: 45px; color: #fff; display: block; width: 100%; font-weight: 600; border-bottom: 0px; } .profile .userTabs ul.user li:last-child { border-bottom: 0px; } .profile .userTabs ul.user li .inner { display:block; height:60px; overflow: hidden; } .profile .userTabs ul.user .left { width: auto !important; display:table; table-layout: fixed; } .profile .userTabs ul.user li .avatar, .profile .userTabs ul.user li .info { display: table-cell; vertical-align: middle; } .profile .userTabs ul.user li .avatar { width:60px; height:60px; } .profile .userTabs ul.user li .avatar img { display: inline-block; width:60px; height:60px; border-radius: 100%; border: 2px solid #e2e6e9; } .profile .userTabs ul.user li .info { padding-left:15px; line-height: 16px; } .profile .userTabs ul.user li .info u { text-decoration: none!important } .profile .userTabs ul.user li .info .name { font-size: 16px; color:#515365; } .profile .userTabs ul.user li .info .status { font-size:13px; color:#979aae; } .profile .userTabs ul.user li .info #verified, .profile .userTabs ul.user li .info #docVerified, .profile .userTabs ul.user li .info .fast2fai { font-size:8px; top:-1px; } .profile .userTabs ul.user li .info #verified .fa-certificate { color: #38a9ff; } .profile .userTabs ul.user li .info #docVerified .fa-certificate { background: linear-gradient(90deg, rgba(235,122,68,1) 0%, rgba(242,160,60,1) 50%, rgba(250,201,52,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .profile .userTabs ul.user li .info .fast2fai .fa-certificate { color: #2ecc71; } .profile .userTabs ul.user .right { width: auto !important; float:right; line-height:60px; } .profile .userTabs ul.timeline { position: static; padding:15px!important; } .profile .userTabs ul.timeline::before { top: 4px; background-color:#edf2f6; } .profile .userTabs ul.timeline li .timeline-panel { box-shadow: none!important; border-color:#edf2f6; padding:15px!important; } .profile .userTabs ul.timeline li .timeline-panel::before { top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); border-left-color:#edf2f6; border-right-color:#edf2f6; } .profile .userTabs ul.timeline li .timeline-panel::after { top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); } .profile .userTabs ul.timeline li.timeline-inverted .timeline-panel::before { top:50%; transform:translate(0,-50%) rotate(180deg); -webkit-transform:translate(0,-50%) rotate(180deg); border-left-color:#edf2f6; border-right-color:#edf2f6; } .profile .userTabs ul.timeline li.timeline-inverted .timeline-panel::after { top:50%; transform:translate(0,-50%) rotate(180deg); -webkit-transform:translate(0,-50%) rotate(180deg); } .profile .userTabs ul.timeline li .timeline-title { font-size:16px; font-weight:700; margin: 0px!important; } .profile .userTabs ul.timeline li .timeline-body { margin-top:10px; font-size:13px; color: #979aae; } .profile .wallEditor { clear:both; display: block; padding-bottom:15px; } .profile .wallEditor .editorButton { width: 100%; margin-top: 15px; text-align: center; } .profile ul.wall { background: #f5f8fa; margin: 0px; padding: 0px; list-style: none; } .profile ul.wall li { padding:15px; border-bottom:1px solid #e2e6e9; } .profile ul.wall li .message img { max-width: 100% } .profile ul.wall li.head { background: #494c62; padding: 0px 15px; height: 45px; line-height: 45px; color: #fff; display: block; width: 100%; font-weight: 600; border-bottom: 0px; } .profile ul.wall li:last-child { border-bottom:0px; } .profile ul.wall li .user { display:table; width: 100%; margin-bottom:10px; } .profile ul.wall li .user .left { background: none!important; float:left; display:table; vertical-align: middle; width: auto !important; } .profile ul.wall li .user .left .avatar, .profile ul.wall li .user .left .name { display:table-cell; vertical-align: middle; } .profile ul.wall li .user .left .avatar img { width:60px; height:60px; border-radius: 100%; border:2px solid #e2e6e9; } .profile ul.wall li .user .left .name { padding:0px 20px; line-height:20px; } .profile ul.wall li .user .left .name u { text-decoration: none!important; } .profile ul.wall li .user .left .name div { display:block; } .profile ul.wall li .user .left .name div:first-child { font-size:16px; } .profile ul.wall li .user .left .name div:last-child { font-size:12px; } .profile ul.wall li .user .left .name i { color:#ff5e3a; } .profile ul.wall li .user .left #verified, .profile ul.wall li .user .left #docVerified, .profile ul.wall li .user .left .fast2fai { font-size:8px; top:-1px; } .profile ul.wall li .user .left #verified .fa-certificate { color: #38a9ff; } .profile ul.wall li .user .left #docVerified .fa-certificate { background: linear-gradient(90deg, rgba(235,122,68,1) 0%, rgba(242,160,60,1) 50%, rgba(250,201,52,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .profile ul.wall li .user .left #verified .fa-check { color:#fff; } .profile ul.wall li .user .left .fast2fai .fa-certificate { color: #2ecc71; } .profile ul.wall li .user .left .fast2fai .fa-unlock-alt { color:#fff; } .profile ul.wall li .user .right { width: auto !important; float:right; z-index:inherit; line-height: 60px; } .profile ul.wall li .user .right .rbbtn{ padding: 3px 10px; } .profile ul.wall li .user .right .rbbtn i { margin-left:5px; } .profile ul.wall li .user .right .checkbox { display: inline-block; margin: 0px; top: 7px; padding-left: 30px; } .profile ul.wall li .user .right.info { font-size: 13px; } .profile ul.wall li .user .right.info span.b { color: #38a9ff; margin:0px 5px; } .profile ul.wall li .message { color: #8689a3; } .profile ul.wall li .message a[data-readmore-toggle]{ font-weight:600; } .profile ul.wall.overview li { width: 50%; float: left; max-height: 86px; overflow: hidden; } .profile ul.wall.overview li:nth-child(2n) { border-left:1px solid #e2e6e9; } .profile ul.wall li.footer { background: #38a9ff; border: 0px !important; width: 100%; height: 50px; line-height: 50px; padding: 0px; text-align: center; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .profile ul.wall li.footer a { color:#fff; } .profile ul.wall li.selected { background: #FFFFCC; } .profile .inlineModForm { padding-right:15px; } .profile .noResult { background: #f5f8fa; color: #979aae; width: 100%; padding: 15px; text-align: center; } .profile .noResult i { font-size:72px; } .profile .noResult span { display: block; } .profile .userTabs .buttons, .profile .userBlock .buttons { width: 100%; padding:15px 0px; text-align: center; } .profile .userNote { width:100%; display: table; background-image:url(../img/note.png); background-position: center center; background-repeat: no-repeat; background-size: cover; border: 1px solid #dfe5ee; border-radius:2px; margin-bottom: 25px; } .profile .userNote .title { height: 45px; line-height: 45px; padding: 0px 15px; border-bottom: 1px solid #e1dbcb; font-size: 15px; font-weight: 700; } .profile .userNote .title .left, .profile .userNote .title .right{ width:auto!important; } .profile .userNote .title .right { border-left:1px solid #e1dbcb; padding-left:15px; } .profile .userNote .title .right a { text-transform: uppercase; } .profile .userNote .title .right a i { color:#8262c4; font-size:24px; position: relative; top: 3px; margin-right: 5px; } .profile .userNote .title .right a .icon-spinner2 { top:5px; } .profile .userNote .note { padding:15px; } .profile .userNote .note textarea { width:100%; height:100px; resize:none; outline:0; background: transparent; border:0px; color:#837d6d; font-style: italic; } .profile .userNote .date { padding: 8px 15px; font-size: 11px; border-top: 1px solid #e1dbcb; } .profile .userThreads { display: table; width: 100%; table-layout: fixed; background: #f5f8fa; border-radius: 2px; box-shadow: 0 0 4px 0 rgba(63, 66, 87, 0.1); margin-bottom: 25px; } .profile .userThreads .uTitle { height: 45px; line-height: 45px; padding: 0px 15px; border-bottom: 1px solid #e2e6e9; font-size: 15px; font-weight: 700; } .profile .userThreads ul { padding:0px; margin:0px; list-style: none; } .profile .userThreads ul li{ width: 100%; display:table; table-layout: fixed; } .profile .userThreads ul.r10OneCikanKonuSirala li { cursor: move; } .profile .userThreads ul li .thread, .profile .userThreads ul li .stats { display: table-cell; padding: 10px 0px; border-right: 1px solid #e2e6e9; border-bottom: 1px solid #e2e6e9; vertical-align: middle; } .profile .userThreads ul li .stats span:nth-child(2) { color:#38a9ff; font-size: 11px; } .profile .userThreads ul li .thread { width:85%; padding:15px; font-weight:600; font-size:15px; position: relative; } .profile .userThreads ul li .thread .title { max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .profile .userThreads ul li .thread .delete { margin-right: 5px; } .profile .userThreads ul li .thread .fa-trash-o { color: #ee0743; } .profile .userThreads ul li .thread .starRating { position:absolute; right:15px; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); cursor: default; } .profile .userThreads ul li .thread .starRating .fa-star, .profile .userThreads ul li .thread .starRating .fa-star-half-o { color:#ff5e3a; } .profile .userThreads ul li .thread .starRating .fa-star-o{ color:#c4cfd6; } .profile .userThreads ul li .stats { width:20%; padding:15px; text-align: center; } .profile .userThreads ul li .stats span:nth-child(2) { margin: 0px 10px; color: #38a9ff; } .profile .userTabs .logTable .head { background: #3f4257; padding: 0px 15px; height: 45px; line-height: 45px; color: #fff; display: block; width: 100%; font-weight: 600; border-bottom: 0px; } .profile .userTabs .logTable .head span:first-child { float:left; } .profile .userTabs .logTable .head span:not(:first-child):last-child { float:right; } .profile .userTabs .logTable .head a { color:#fff; } .profile .userTabs .logTable .table thead { background: #494c62!important; } .profile .userTabs .logTable .table tbody td:first-child { text-align: center; } .profile .userTabs .logTable .table tbody td { vertical-align: middle; } .profile .userTabs .tab-content { padding-top:4px; } .profile .albums{ margin-bottom: 0; overflow: hidden; } .profile .albums li { width: 33.33%; float: left; padding: 0 4px 14px 0; overflow: hidden; text-align: center; } .profile .albums li img { width: 100%; border-radius: 2px; } .profile .left ul.dropdown-menu { top: -15px; left: 50%; } .profile .left .bottom.unr ul.dropdown-menu { left:0; width: 100%; } .profile .left ul.dropdown-menu li a { width: auto!important; text-align: left!important; float:none!important; } .profile .userInfo .bottom.unr a:first-child { width: 100%; } .group .pagination:first-child { margin-top:0px; } .group .inlineModForm { padding:0px; } .group .userTabs .inlineModForm { padding-right: 15px; } .group .threadList { box-shadow: 0 0 4px 0 rgba(63, 66, 87, 0.1); } .group .threadList .head{ height: 45px; line-height: 45px; background: #f5f8fa; border-bottom: 1px solid #e2e6e9; font-size: 15px; } .group .threadList .head ul li { font-weight: 700; padding:0px 20px; color: #515365; } .profile .userTabs .uTitle { height: 45px; line-height: 45px; background: #f5f8fa; border-bottom: 1px solid #e2e6e9; font-size: 15px; font-weight: 700; padding:0px 20px; color: #515365; border-top-left-radius: 2px; border-top-right-radius: 2px; } .profile .userTabs .uTitle span { color: #38a9ff; text-transform: uppercase; } .profile .wallEditor .head { background: #494c62; padding: 0px 15px; height: 45px; line-height: 45px; color: #fff; display: block; width: 100%; font-weight: 600; border-bottom: 0px; } .group .userTabs ul.user li a { display: inline-block; height: auto; overflow: inherit; } .profile .userTabs .albums{ padding: 15px!important; } .profile .userTabs .albums li { width: 150px; } .profile .wallImage { padding:15px; text-align: center; } .controlPanel { display: table; table-layout: fixed; width:100%; margin-bottom:25px; } .controlPanel .left { float:left; display:table; table-layout: fixed; width:250px; background: #494c62; border-radius: 2px; } .controlPanel .left .head { height:60px; line-height:60px; color:#fff; font-weight:700; text-transform: uppercase; padding:0px 15px; background:#38a9ff; border-top-left-radius: 2px; border-top-right-radius: 2px; } .controlPanel .panelButton { height: 60px; line-height: 60px; background: #7c5ac2; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .controlPanel .exFilter h3 { color:#fff; font-size:14px; font-weight:700; } .controlPanel .exFilter .top { padding:15px; } .controlPanel .exFilter .top .bootstrap-select { margin-bottom:15px; width:100%!important; } .controlPanel .exFilter .dropdown-toggle { border: 1px solid #3f4257!important; background: #5a5e76!important; outline:none!important; box-shadow: none!important; height:41px; } .controlPanel .exFilter .filter-option { color:#979aae; } .controlPanel .exFilter .caret { border:0px; width:14px; height:14px; border-radius:100%; background:#fff; margin-top:0px!important; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); } .controlPanel .exFilter .caret:before { content: "\f107"; font-family: "FontAwesome"; position:absolute; font-weight:900; color:#ff613e; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .controlPanel .exFilter .top .button { margin-top:10px; text-align: right; } .controlPanel .exFilter .irs-min, .controlPanel .exFilter .irs-max, .controlPanel .exFilter .irs-line { background: #5a5e76; color:#979aae; } .controlPanel .exFilter .irs-from, .controlPanel .exFilter .irs-to, .controlPanel .exFilter .irs-single, .controlPanel .exFilter .irs-bar { background: #38a9ff; } .controlPanel .exFilter .filters { width: 100%; display:table; table-layout: fixed; padding:0px; margin: 15px 0px 0px 0px!important; list-style: none; border-top: 1px solid #5a5e76; } .controlPanel .exFilter .filters li { display:table; table-layout: fixed; width: 100%; border-radius: 16px; padding: 4px; background-color: #3f4257; margin-top: 10px; } .controlPanel .exFilter .filters .remove { display:table-cell; vertical-align: middle; width:24px; } .controlPanel .exFilter .filters li .remove a { display: block; width:24px; height:24px; border-radius:100%; background: #494c62; text-align: center; color: #979aae!important; } .controlPanel .exFilter .filters .content { display:table-cell; max-width: 70%; vertical-align: middle; padding:0px 10px; line-height: 13px; } .controlPanel .exFilter .filters .content span { display:block; color:#38a9ff; font-weight: 600; font-size:12px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; } .controlPanel .exFilter .filters .content span:last-child { font-size:11px; color:#979aae; font-weight: 400; } .controlPanel .exFilter .bottom { padding:15px; background: #3f4257; } .controlPanel .exFilter .bottom .input-group { padding: 3px; border: 1px solid #56596f; border-radius: 2px; margin-bottom:15px; } .controlPanel .exFilter .bottom .input-group-addon { font-size: 13px; font-weight: 600; background: #494c62; color:#979aae; border: 0px; } .controlPanel .exFilter .bottom .form-control { background: transparent; border: 0px; box-shadow: none !important; color:#979aae; } .controlPanel .exFilter .form-control::placeholder { color:#979aae!important; } .controlPanel .exFilter div.radio { line-height: 16px; } .controlPanel .exFilter div.radio:last-child { margin-bottom:0px; } .controlPanel .exFilter div.radio label { color:#979aae; } .controlPanel .exFilter div.radio label::before { background:transparent; border:2px solid #74778f; } .controlPanel .exFilter div.radio input[type="radio"] + label::after { background-color: #fff; } .controlPanel .exFilter div.radio input[type="radio"]:checked + label::after { background-color: #fff; } .controlPanel .exFilter .panelButton { text-align: center; } .controlPanel .exFilter .panelButton button { width: 100%; background: none; padding: 0px; margin: 0px; border:0px; color:#fff; font-weight:700; text-transform: uppercase; } .controlPanel .right { float:right; width:calc(100% - 275px); width:-webkit-calc(100% - 275px); width:-moz-calc(100% - 275px); } .controlPanel .right form { clear: both; } .controlPanel .controlBlock { width: 100%; display:table; table-layout: fixed; background: #f5f8fa; border-radius: 2px; } .controlPanel .loader { width: 100%; padding: 25px; text-align: center; } .controlPanel .loader i { font-size:36px; margin-bottom:10px; } .controlPanel .loader span { display: block; font-size: 16px; font-weight: 600; } .controlPanel .exWelcome { position: relative; text-align: center; } .controlPanel .exWelcome .content { padding: 25px; } .controlPanel .exWelcome .rokito { font-size:72px; } .controlPanel .exWelcome h1 { font-weight: 700; } .controlPanel .exWelcome p:last-child{ font-weight: 600; } .controlPanel .controlBlock .head { height:60px; line-height:60px; color:#fff; font-weight:700; text-transform: uppercase; padding:0px 15px; background:#7c5ac2; border-top-left-radius: 2px; border-top-right-radius: 2px; } .controlPanel ul.experts { padding: 0; margin: 0; list-style: none; } .controlPanel ul.experts li { position: relative; } .controlPanel ul.experts li .ribbon { position: absolute; top: 4px; left: -6px; color: #fff; background-color: #ee0743; padding: 2px 10px; border-top-left-radius: 5px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; font-weight: 600; text-transform: uppercase; } .controlPanel ul.experts li .ribbon:before { content: ""; width: 5px; height: 5px; background-color: #ee0743; display: block; position: absolute; top: 100%; left: 0; border-bottom-left-radius: 5px; } .controlPanel ul.experts li .ribbon:after { content: ""; width: 5px; height: 5px; background-color: #be0535; display: block; position: absolute; top: 100%; left: 0; border-radius: 6px 0 0 6px; } .controlPanel ul.experts li .exInner{ position: relative; display:table; table-layout: fixed; width:100%; padding:0px 15px; border-bottom: 1px solid #e2e6e9; } .controlPanel ul.experts li .leftInfo { display: table-cell; vertical-align: middle; table-layout: fixed; width:300px; border-right: 1px solid #e2e6e9; } .controlPanel ul.experts li:last-child { margin-bottom: 0px; border-bottom:0px; } .controlPanel ul.experts li .avatar, .controlPanel ul.experts li .info { display: table-cell; vertical-align: middle; } .controlPanel ul.experts li .avatar { width:100px; height:100px; } .controlPanel ul.experts li .avatar img { width:100px; height:100px; border-radius: 100%; border: 2px solid #e2e6e9; } .controlPanel ul.experts li .info { padding-left:15px; line-height: 21px; } .controlPanel ul.experts li .info u { text-decoration: none!important } .controlPanel ul.experts li .info .name { font-size:18px; color:#515365; } .controlPanel ul.experts li .info .status { color:#979aae; } .controlPanel ul.experts li .info #verified, .controlPanel ul.experts li .info #docVerified, .controlPanel ul.experts li .info .fast2fai { font-size:8px; top:-1px; } .controlPanel ul.experts li .info #verified .fa-certificate { color: #38a9ff; } .controlPanel ul.experts li .info #docVerified .fa-certificate { background: linear-gradient(90deg, rgba(235,122,68,1) 0%, rgba(242,160,60,1) 50%, rgba(250,201,52,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .controlPanel ul.experts li .info .fast2fai .fa-certificate { color: #2ecc71; } .controlPanel ul.experts li .skills { display: table-cell; vertical-align: middle; border-right: 1px solid #e2e6e9; padding:15px 3px 15px 12px; } .controlPanel ul.experts li .skills .inner { max-width: 100%; max-height:150px; height: 150px; } .controlPanel ul.experts li .skills .skill { display:table; table-layout: fixed; width:100%; overflow:hidden; margin-bottom:15px; padding-right: 15px; } .controlPanel ul.experts li .skills .skill:last-child { margin-bottom:0px; } .controlPanel ul.experts li .skills .skill .top { margin-bottom:10px; overflow:hidden; } .controlPanel ul.experts li .skills .skill .left { font-weight:600; color:#515365; float: left; width: 75%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: none; display: inherit; border-radius: 0; } .controlPanel ul.experts li .skills .skill .right { width: 25%; color: #979aae; font-size: 13px; text-align: right; float: right; } .controlPanel ul.experts li .skills .skill .progress { background: #dae5ed; box-shadow: none !important; border: 0px!important; height:6px; margin:0px!important; } .controlPanel ul.experts li .skills .skill .progress-bar { background: #38a9ff; box-shadow: none !important; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .controlPanel ul.experts li .skills .skill:nth-child(2n) .progress-bar { background:#2bd768; } .controlPanel ul.experts li .skills .skill:nth-child(3n) .progress-bar { background:#ff5e3a; } .controlPanel ul.experts li .skills .skill:nth-child(4n) .progress-bar { background:#7c5ac2; } .controlPanel ul.experts li .rightInfo { width:250px; height: 180px; position: relative; display:table-cell; vertical-align: top; padding:15px; } .controlPanel ul.experts li .rightInfo ol { padding: 0px; margin:0px; } .controlPanel ul.experts li .rightInfo ol li { display:block; margin-bottom: 10px; color:#979aae; border: 0px; } .controlPanel ul.experts li .rightInfo ol li span { position: relative; display: inline-block; width:90px; font-weight: 600; color: #515365; margin-right:10px; } .controlPanel ul.experts li .rightInfo ol li span:after { content:":"; position: absolute; top:0; right: 0; } .controlPanel ul.experts li .rightInfo ol li:last-child { width: 100%; margin-top:10px; text-align: center; position: absolute; bottom: 10px; } .controlPanel .pagination { margin:15px 0px; } .controlPanel .pagination div { float: right; margin-right: 15px; } .controlPanel .pagination.float { margin-top: 0px; } .controlPanel .pagination.notify{ margin-top: 15px; } .controlPanel .pagination.float div { margin:0px; } .controlPanel .pagination.float .left { float:left; } .controlPanel .pagination.float .right { float:right; } .controlPanel .left .panel { border:0px; border-radius: 0px; margin: 0px; box-shadow: none; background: transparent; } .controlPanel .left .panel .panel-heading { background: #3f4257; padding: 10px 15px; border:0px; border-radius: 0px; } .controlPanel .left .panel .panel-heading a { width: 100%; display:block; position: relative; font-size: 14px; color:#fff; font-weight:600; text-transform: uppercase; } .controlPanel .left .panel .panel-heading a:before { content:"\f106"; font-family: "FontAwesome"; position: absolute; color:#ff5e3a; top:0px; right:0px; } .controlPanel .left .panel .panel-heading a.collapsed:before { content:"\f107"; } .controlPanel .left .panel .panel-body, .controlPanel .left .panel .panel-body ul{ padding:0px; margin: 0px; border:0px; list-style: none; } .controlPanel .left .panel .panel-body ul li { position: relative; padding: 7px 15px; border-bottom: 1px solid #5a5e76; } .controlPanel .left .panel .panel-body ul li:last-child { border-bottom:0px; } .controlPanel .left .panel .panel-body ul li.active{ background: #5a5e7a; } .controlPanel .left .panel .panel-body ul li.active a { color:#fff } .controlPanel .left .panel .panel-body ul li a { font-size: 13px; color:#8689a3; } .controlPanel .left .panel .panel-body ul li a:hover { color: #fff; } .controlPanel .left .panel .panel-body ul li ul { width: 100%; } .controlPanel .left .panel .panel-body ul li ul li { padding: 0px; border-bottom: 1px solid #e2e6e9; } .controlPanel .left .deactivate { display: block; padding: 12px 15px; line-height: 18px; color:#f4f4f4; font-size:13px; } .controlPanel .left .deactivate span { display:block; color:#fff; font-size:14px; font-weight: 600; text-transform: uppercase; } .controlPanel .pricing { background: transparent; } .controlPanel .pricing ul { padding: 0px; margin: 0px; list-style: none; } .controlPanel .pricing li { width: 100%; display: table; table-layout: fixed; position: relative; margin-bottom: 20px; } .controlPanel .pricing li:before { content: ""; position: absolute; top:0; left:0px; width:10px; height:100%; transition: all .2s ease-in-out; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .controlPanel .pricing li:after { content: ""; position: absolute; top:0; right:0px; width:10px; height:100%; background: #f5f8fa; transition: all .2s ease-in-out; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .controlPanel .pricing li:hover { box-shadow: 0 0 24px 0 rgba(63, 66, 87, 0.2); } .controlPanel .pricing li:hover:before { left:-8px; } .controlPanel .pricing li:hover:after { right:-8px; } .controlPanel .pricing li .name, .controlPanel .pricing li .features, .controlPanel .pricing li .buy { display:table-cell; vertical-align: middle; background: #f5f8fa; } .controlPanel .pricing li .name { position: relative; width:20%; padding:0px 15px; text-align: center; vertical-align: middle; font-size:24px; color:#fff; border-top-left-radius: 2px; border-bottom-left-radius: 2px; font-weight:700; overflow: hidden; } .controlPanel .pricing li .features .rank { position: absolute; right: 15px; top: 15px; } .controlPanel .pricing li.jobGroup .features .rank { position: absolute; right: 15px; top: 50%; transform: translate(0, -50%); webkit-transform: translate(0, -50%); } .controlPanel .pricing li .name:before { content: "\e800"; font-family:"Rokito"; font-weight: 400; font-size: 155px; color: rgba(255,255,255,0.2); position: absolute; height:70px; bottom: 0; right: -40px; overflow: hidden; transform: rotate(-20deg); line-height: 100%; } .controlPanel .pricing li .features:after { content:""; position: absolute; top:50%; left:-5px; width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 25px; border-color: transparent transparent transparent #fff; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); } .controlPanel .pricing li.silver:before{ background: #26a91d; } .controlPanel .pricing li.silver .name { background: #26a91d; border-bottom:1px solid #26a91d; } .controlPanel .pricing li.silver .features:after { border-color: transparent transparent transparent #26a91d; } .controlPanel .pricing li.gold:before { background: #1a7bc1; } .controlPanel .pricing li.gold .name { background: #1a7bc1; border-bottom:1px solid #1a7bc1; } .controlPanel .pricing li.gold .features:after { border-color: transparent transparent transparent #1a7bc1; } .controlPanel .pricing li.platin:before { background: #c89b0e; } .controlPanel .pricing li.platin .name { background: #c89b0e; border-bottom:1px solid #c89b0e; } .controlPanel .pricing li.platin .features:after { border-color: transparent transparent transparent #c89b0e; } .controlPanel .pricing li.maxi:before { background: #494c62; } .controlPanel .pricing li.maxi .name { background: #494c62; border-bottom:1px solid #494c62; } .controlPanel .pricing li.maxi .features:after { border-color: transparent transparent transparent #494c62; } .controlPanel .pricing li.ultra:before { background: #3f4257; } .controlPanel .pricing li.ultra .name { background: #3f4257; border-bottom:1px solid #3f4257; } .controlPanel .pricing li.ultra .features:after { border-color: transparent transparent transparent #3f4257; } .controlPanel .pricing li.sponsor:before { background: #ff5e3a; } .controlPanel .pricing li.sponsor .name { background: #ff5e3a; border-bottom:1px solid #ff5e3a; } .controlPanel .pricing li.sponsor .features:after { border-color: transparent transparent transparent #ff5e3a; } .controlPanel .pricing li.nickchange:before { background: #3f4257; } .controlPanel .pricing li.nickchange .name { background: #3f4257; border-bottom:1px solid #3f4257; } .controlPanel .pricing li.nickchange .features:after { border-color: transparent transparent transparent #3f4257; } .controlPanel .pricing li.featured:before { background: #ee0743; } .controlPanel .pricing li.featured .name { background: #ee0743; border-bottom:1px solid #ee0743; } .controlPanel .pricing li.featured .features:after { border-color: transparent transparent transparent #ee0743; } .controlPanel .pricing li.notificationad:before { background: #38a9ff; } .controlPanel .pricing li.notificationad .name { background: #38a9ff; border-bottom:1px solid #38a9ff; } .controlPanel .pricing li.notificationad .features:after { border-color: transparent transparent transparent #38a9ff; } .controlPanel .pricing li.kayanReklam:before { background: #12be4f; } .controlPanel .pricing li.kayanReklam .name { background: #12be4f; border-bottom:1px solid #12be4f; } .controlPanel .pricing li.kayanReklam .features:after { border-color: transparent transparent transparent #12be4f; } .controlPanel .pricing li.notificationadp:before { background: #004399; } .controlPanel .pricing li.notificationadp .name { background: #004399; border-bottom:1px solid #004399; } .controlPanel .pricing li.notificationadp .features:after { border-color: transparent transparent transparent #004399; } .controlPanel .pricing li.kurumsal:before { background: #8153e8; } .controlPanel .pricing li.kurumsal .name { background: #8153e8; border-bottom:1px solid #8153e8; } .controlPanel .pricing li.kurumsal .features:after { border-color: transparent transparent transparent #8153e8; } .controlPanel .pricing li.kurumsalplus:before { background: #242a2e; } .controlPanel .pricing li.kurumsalplus .name { background: #242a2e; border-bottom:1px solid #242a2e; } .controlPanel .pricing li.kurumsalplus .features:after { border-color: transparent transparent transparent #242a2e; } .controlPanel .pricing li.topBarReklam:before { background: #242a2e; } .controlPanel .pricing li.topBarReklam .name { background: #242a2e; border-bottom:1px solid #242a2e; } .controlPanel .pricing li.topBarReklam .features:after { border-color: transparent transparent transparent #242a2e; } .controlPanel .pricing li.kategoriBannerReklam:before { background: #ff6000; } .controlPanel .pricing li.kategoriBannerReklam .name { background: #ff6000; border-bottom:1px solid #ff6000; } .controlPanel .pricing li.kategoriBannerReklam .features:after { border-color: transparent transparent transparent #ff6000; } .controlPanel .pricing li.modalReklam:before { background: #680dff; } .controlPanel .pricing li.modalReklam .name { background: #680dff; border-bottom:1px solid #680dff; } .controlPanel .pricing li.modalReklam .features:after { border-color: transparent transparent transparent #680dff; } .controlPanel .pricing li.jobGroup:before { background: #494c62; } .controlPanel .pricing li.jobGroup .name { background: #494c62; border-bottom:1px solid #494c62; } .controlPanel .pricing li.jobGroup .features:after { border-color: transparent transparent transparent #494c62; } .controlPanel .pricing li.jobGroup .features { height:110px; } .controlPanel .pricing li.jobGroup .buy input { height: 34px; line-height: 34px; } .controlPanel .pricing li .features { position: relative; border-right:1px solid #e2e6e9; width:55%; height: 150px; padding:30px; color:#8689a3; word-wrap:break-word; } .controlPanel .pricing li .features ul { padding-left: 25px; } .controlPanel .pricing li .features ul li { box-shadow:none!important; display: list-item!important; width: auto!important; margin: 0px; font-size: 13px; } .controlPanel .pricing li .features ul li:before { content: "\f111"; font-family: fontawesome; font-size: 8px; color: #38a9ff; position: absolute; top: 5px; margin-left: -15px; left: auto!important; } .controlPanel .pricing li .features ul li:after { display: none; } .controlPanel .pricing li .buy { width:25%; vertical-align: middle; text-align: center; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .controlPanel .pricing li .buy .bootstrap-select .dropdown-toggle { box-shadow: none!important; border:1px solid #e2e6e9!important; background: transparent!important; outline: 0!important; } .controlPanel .pricing li .buy .bootstrap-select.btn-group .div-contain { display: none; } .controlPanel .pricing li .buy .bootstrap-select.btn-group .dropdown-menu dt { padding:3px 0px; } .controlPanel .pricing li .buy .bootstrap-select .caret { border: 0px !important; margin-top: -3px !important; right: 25px !important; top: auto !important; } .controlPanel .pricing li .buy .bootstrap-select .caret::before { content: "\f107"; font-family: "FontAwesome"; color: #ff5e3a; font-size: 18px; } .controlPanel .pricing li .buy input { display: block; margin:5px auto; } .controlPanel .threadList .head ul li { padding:0px 15px; } .controlPanel .forumList .mainHead ul li:nth-child(2) { text-transform:inherit; } .controlPanel .pOrder{ cursor:move; } .controlPanel .left .panel .panel-body ul.payments li a .fa { margin-right: 5px; } .controlPanel .left .panel .panel-body ul.payments li ul { padding: 5px 0px 5px 20px; } .controlPanel .left .panel .panel-body ul.payments li ul li:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,0.1); } .controlPanel .left .panel .panel-body ul.payments li ul li a{ font-size:12px; } .controlPanel .left .panel .panel-body ul.payments li ul li:not(.active) a { color: rgba(255,255,255, 0.45) !important; } .controlPanel .left .panel .panel-body ul.payments li ul li.active a { color:#fff!important; } .controlPanel .left .panel .panel-body ul.payments li ul li.active .fa { color: #cfad15!important; } .controlPanel .left .panel .panel-body ul.payments li ul li .fa { position: relative; top: -2px; font-size: 8px; margin-right: 5px; } .controlPanel .activeSubsTable th, .controlPanel .activeSubsTable td { padding:8px 15px!important; } ul.priceList { text-align: left; font-family: 'samsung_sharp_sansregular', sans-serif; } ul.priceList strong { font-family: 'samsung_sharp_sansbold', sans-serif; } ul.priceList li .priceListName { display: flex; justify-content: space-between; align-items: center; align-content: center; } ul.priceList li .priceListName h4 { margin: 0; font-family: 'samsung_sharp_sansmedium'; text-transform: uppercase; font-size: 16px; } ul.priceList li .priceListName i { font-size: 21px; color: #d9ae11; } ul.priceList li { border-bottom: 1px solid #e8eaec; padding: 10px 18px; margin: 0 !important; display: block !important; } ul.priceList li:last-child { border-bottom: none; text-align: center; font-size: 11px; } ul.priceList li .price-title { display: flex; align-content: space-around; align-items: center; } ul.priceList li .price-title h3 { font-size: 14px; font-family: 'samsung_sharp_sansmedium', sans-serif; margin: 0; margin-right: 15px; } ul.priceList li .price-title .badge { padding: 4px 11px; font-size: 10px; font-family: 'samsung_sharp_sansbold', sans-serif; } ul.priceList li .price-title .badge-success { background-color: #cdeee2; color: #2bc880; } ul.priceList li .price-amount { margin-top: 5px; line-height: 23px; display: flex; justify-content: space-between; align-content: space-around; align-items: center; } ul.priceList li .price-amount > div { display: flex; flex-direction: column; line-height: 15px; } ul.priceList li .price-amount > div span.price-old { text-decoration: line-through; text-decoration-color: #f55b5b; color: #494c62; font-size: 12px; } ul.priceList li .price-amount > div span.price-new { font-size: 14px; font-family: 'samsung_sharp_sansbold', sans-serif; color: #2bc880; } ul.priceList li .price-amount button.btn-success { background-color: #2bc880; font-size: 12px; padding: 7px 14px; border-radius: 23px; font-family: 'samsung_sharp_sansmedium', sans-serif; } ul.userList { margin:0px; padding: 0px; list-style:none; } ul.userList li { display: table; table-layout: fixed; width:100%; padding:15px; border-bottom:1px solid #e2e6e9; } ul.userList li.head { background: #494c62; padding: 0px 15px; height: 45px; line-height: 45px; color: #fff; display: block; width: 100%; font-weight: 600; border-bottom: 0px; } ul.userList li.head:first-child { margin-top:4px; } ul.userList li:last-child { border-bottom: 0px; } ul.userList li .inner { display:block; height:60px; overflow: hidden; } ul.userList .left { width: auto !important; display:table; float: left; table-layout: fixed; background: none; } ul.userList li .check, ul.userList li .avatar, ul.userList li .info { display: table-cell; vertical-align: middle; } ul.userList li .check { width: 40px; } ul.userList li .check .checkbox { margin-top:19px; display: inline-block; } ul.userList li .avatar { position: relative; width:60px; height:60px; } ul.userList li .avatar img { width:60px; height:60px; border-radius: 100%; border: 2px solid #e2e6e9; max-width: 100%; max-height: 100%; } ul.userList li .avatar .status { width: 13px; height: 13px; position: absolute; top: 50%; right: -13px; background: #a2a2a2; border: 2px solid #fff; border-radius: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } ul.userList li .avatar .status.on { background:#11f762; } ul.userList li .avatar .status.vs { background:#ff5e3a; } ul.userList li .info { padding-left:15px; line-height: 20px; } ul.userList li .info u { text-decoration: none!important } ul.userList li .info .name { font-size: 16px; color:#515365; } ul.userList li .info .status { font-size:13px; color:#979aae; } ul.userList li .info #verified, ul.userList li .info #docVerified, ul.userList li .info .fast2ifa { font-size:8px; top:-1px; } ul.userList li .info #verified .fa-certificate { color: #38a9ff; } ul.userList li .info #docVerified .fa-certificate { background: linear-gradient(90deg, rgba(235,122,68,1) 0%, rgba(242,160,60,1) 50%, rgba(250,201,52,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } ul.userList li .info .fast2ifa .fa-certificate, ul.userList li .info .fast2fai .fa-certificate{ color: #2ecc71; } ul.userList li .right { width: auto !important; float:right; line-height:60px; } ul.userList.ignore li .info { padding-left: 0px; } ul.userList.mini li { padding: 10px 15px; } ul.userList.mini li .inner { height: 35px; } ul.userList.mini li .avatar, ul.userList.mini li .avatar img { width: 35px; height: 35px; } ul.userList.mini li .info .name { font-size: 14px; } ul.manageduser { padding: 0px; margin:15px 0px; list-style: none; } ul.manageduser li { float: left; display: block; width: 25%; } .topUserList .rPanel .head { padding:0px 15px; } .topUserList .rPanel ul { padding:0px; margin:0px; list-style: none; } .topUserList .rPanel ul.stats li { color:#979aae; } .topUserList .rPanel ul.stats li span { position: relative; display: inline-block; width:265px; color: #515365; font-weight:700; margin-right:10px; } .topUserList .rPanel ul.stats li span:before { content:":"; position: absolute; top:0px; right:0; } .topUserList .r10Like { font-size:13px; } .topUserList .r10Like i.rg { margin-left:0px; color:#ffc600; } .topUserList .r10Like i.rs{ margin:0px 5px; color:#e5e5e5; } .topUserList .r10Like i.rb{ margin:0px 5px; color:#c9a56a; } #begeniModal .modal-body, #degerlendirmelerModal .modal-body{ padding: 0px; } #begeniModal li, #degerlendirmelerModal li{ padding: 10px 15px; } #begeniModal li .inner, #degerlendirmelerModal li .inner{ height: 45px; } #begeniModal li .avatar, #degerlendirmelerModal li .avatar img, #degerlendirmelerModal li .avatar, #degerlendirmelerModal li .avatar img{ width: 45px; height: 45px; } #begeniModal li .info .name, #degerlendirmelerModal li .info .name{ font-size: 14px; } #begeniModal li .info .status, #degerlendirmelerModal li .info .status{ font-size:13px; } #degerlendirmelerModal li .info .status .fa-star { color: #ff5e3a; } #degerlendirmelerModal ul.userList li .right { line-height: 45px; } #ticaretModal .modal-dialog { width: 950px; } #ticaretModal ul, #r10LikeModal ul, #begeniModal ul, #degerlendirmelerModal ul{ background: transparent!important; padding: 0px; margin: 0px; list-style: none; } #ticaretModal .tList ol li.options { display: none; } #ticaretModal .tList ol li.user { width: 20%; } #ticaretModal .modal-body { padding: 0px; } #ticaretModal .head { background: #494c62; padding: 0px 15px; height: 45px; line-height: 45px; color: #fff; display: block; width: 100%; font-weight: 600; border-bottom: 0px; } #r10LikeModal ul li { list-style:none!important; padding-left:15px; position:relative; } #r10LikeModal ul li::before { content: "\f111"; font-family:"FontAwesome"; font-size:8px; color: #38a9ff; position:absolute; top:5px; left:0px; } .modal .bootstrap-select .btn { background: #fff!important; border: 1px solid #dfe5ee!important; box-shadow: none!important; } .modal .bootstrap-select .caret { border: 0px !important; margin-top: -3px !important; right: 25px !important; top: auto !important; } .modal .bootstrap-select .caret::before { content: "\f107"; font-family: "FontAwesome"; color: #38a9ff; font-size: 18px; } .colorPalette .color { width: 45px; height: 45px; margin:10px auto; border-radius: 100%; line-height: 48px; text-align: center; color:#fff; cursor:pointer; } .colorPalette .color[data-id="1"]{ background:#38a9ff; } .colorPalette .color[data-id="2"]{ background:#7c5ac2; } .colorPalette .color[data-id="3"]{ background:#ff5e3a; } .colorPalette .color[data-id="4"]{ background:#efce4a; } .colorPalette .color[data-id="5"]{ background:#2bd768; } .colorPalette .color[data-id="6"]{ background:#67B868; } .colorPalette .color[data-id="7"]{ background:#ee0743; } .colorPalette .color[data-id="8"]{ background:#44bfc7; } .colorPalette .color[data-id="9"]{ background:#08ddc1; } .colorPalette .color[data-id="10"]{ background:#1fccf4; } .colorPalette .color[data-id="11"]{ background:#d797bc; } .colorPalette .color[data-id="12"]{ background:#D4A88C; } .colorPalette .color[data-id="13"]{ background: #669acc; } .colorPalette .color[data-id="14"]{ background: #e68485; } .colorPalette .color[data-id="15"]{ background: #3f4257; } .savedResponses .modal-body { padding:0px; } .savedResponses .modal-footer { padding: 10px; text-align: center; } .savedResponses .search { padding: 15px; } .savedResponses .response { cursor: pointer; padding: 15px; border-bottom: 1px solid #e2e6e9; } .savedResponses .response:last-child { border:0px; } .savedResponses .response .top { overflow: hidden; } .savedResponses .response .title { float: left; display: block; font-size: 16px; font-weight: 600; } .savedResponses .response .action { display: block; float: right; } .savedResponses .response .action i { font-size: 16px; margin-left:5px; } .savedResponses .response .action i.fa-trash-o { color:#ee0743; } .savedResponses .response .content { width: 100%; overflow:hidden; word-wrap: break-word; font-size:12px; } .subscriptionLog { position: relative; } .subscriptionLog .info div:first-child { font-weight: 600; font-size: 14px; margin-bottom:10px; } .subscriptionLog .info div:first-child span { display:block; } .subscriptionLog .info div:first-child span:last-child { font-size: 12px; } .subscriptionLog .info div:last-child { font-size:12px; line-height:15px; color: #979aae; } .subscriptionLog .info div:last-child span { display:block; } .subscriptionLog .info div:last-child span b { display: inline-block; width: 65px; position: relative; font-weight: 600; } .subscriptionLog .info div:last-child span b:before { content:":"; display: inline-block; position: absolute; right: 0 } .subscriptionLog .rank { position: absolute; right: 0; top: 50%; transform: translate(0, -50%); webkit-transform: translate(0, -50%); } .subscriptionLog .rank.price { font-size: 16px; line-height: 18px; text-align: center; font-weight: 600; } .subscriptionLog .rank.price span { font-size: 13px; } .subscriptionStatus { display: table; width: 100%; table-layout: fixed; } .subscriptionStatus .subscriptionProgress { display:table-cell; table-layout: fixed; width:100%; overflow:hidden; margin-bottom:15px; vertical-align: middle; } .subscriptionStatus .subscriptionProgress.inv { width: 80%; } .subscriptionStatus .subscriptionProgress:last-child { margin-bottom:0px; } .subscriptionStatus .subscriptionProgress .top { margin-bottom:10px; overflow:hidden; } .subscriptionStatus .subscriptionProgress .left { font-weight:600; color:#515365; float: left; width: 50%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: none; display: inherit; border-radius: 0; } .subscriptionStatus .subscriptionProgress .top.expired { margin-bottom:0px } .subscriptionStatus .subscriptionProgress .top.expired .left { color:#f50023; } .subscriptionStatus .subscriptionProgress .right { width: 50%; color: #979aae; font-size: 13px; text-align: right; float: right; } .subscriptionStatus .subscriptionProgress .progress { background: #dae5ed; box-shadow: none !important; border: 0px!important; height:6px; margin:0px!important; } .subscriptionStatus .subscriptionProgress .progress-bar { background: #38a9ff; box-shadow: none !important; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .subscriptionStatus .subscriptionProgress.state1 .progress-bar { background:#2bd768; } .subscriptionStatus .subscriptionProgress.state2 .progress-bar { background:#ff5e3a; } .subscriptionStatus .subscriptionInvoice { display: table-cell; vertical-align: middle; width: 20%; text-align: right; } .subscriptionActions.block .rbbtn { display: block; } .subscriptionActions .rbbtn { padding: 1px 12px; margin-bottom: 6px; } .subscriptionActions .rbbtn.last { margin-bottom: 0px; } .editor textarea, .cke textarea { width: 100%; padding: 15px; border:0px; border-bottom: 1px solid #e2e6e9; } .cke { box-shadow: none!important; border:0px!important; } .cke textarea { padding: 15px!important; } .cke textarea.cke_source { overflow: auto; } .cke_top { border-bottom:1px solid #e2e6e9!important; background:#f9f9f9!important; box-shadow: none!important; } .cke_toolgroup, a.cke_combo_button{ margin-right: 4px!important; } .cke_toolgroup,a.cke_combo_button { border:1px solid #e2e6e9!important; background: #fff !important; box-shadow: none!important; } a.cke_button { box-shadow: none!important; } a.cke_button:hover, a.cke_button:focus,a.cke_button_on { background: #edf2f6 !important; } a.cke_button, .editor .cke_button_label, .cke_combo_label, .cke_combo_text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",sans-serif; } .cke_bottom { padding:0px!important; border-top:1px solid #e2e6e9!important; border-bottom:1px solid #e2e6e9!important; background:#f9f9f9!important; box-shadow: none!important; } .cke_resizer { display: block!important; float: none!important; height: 9px!important; width: auto!important; margin: 0!important; border: 0 none!important; background: url(../img/resize-grip.png) no-repeat center!important; cursor: row-resize!important; } .cke_path, .cke_dialog .cke_resizer { display: none!important; } .cke_panel { border:1px solid #e2e6e9!important; box-shadow: none!important; } .cke_dialog_background_cover { background: rgba(33, 35, 48, 0.6) !important; opacity: 1!important; } .cke_dialog_body { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important; background: #fff!important; border: 0px!important; } .cke_dialog_title { padding: 13px 16px !important; border-radius: 2px 4px 0 0!important; background: #f9f9f9!important; color: #515365!important; border-bottom: 1px solid #e2e6e9!important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; border-width: 0px 0px 1px 0px !important; text-shadow: none !important; } a.cke_dialog_close_button { top:10px!important; } a.cke_dialog_tab { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; border: 1px solid #e2e6e9!important; border-bottom: 0px!important; background: #fff!important; } a.cke_dialog_tab_selected { border-bottom:1px solid #fff!important; } .cke_dialog_contents { border-top: 1px solid #e2e6e9!important; } .cke_editor_editor_dialog[aria-labelledby="cke_dialog_title_64"] .cke_dialog_contents { border-top:0px!important; } .cke_dialog_footer { border-top: 1px solid #e2e6e9!important; background: none!important; box-shadow: none!important; } .cke_dialog_body label { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; } .cke_dialog_image_url .cke_dialog_ui_hbox_first { width: 100% !important; padding: 0px!important; } .cke_dialog .cke_dark_background { background: transparent!important; } a.cke_smile:hover, a.cke_smile:focus, a.cke_smile:active, a.cke_specialchar:focus, a.cke_specialchar:active { border-color:#38a9ff!important; } input.cke_dialog_ui_input_text, input.cke_dialog_ui_input_password, textarea.cke_dialog_ui_input_textarea, select.cke_dialog_ui_input_select { margin:10px 0px; border: 1px solid #e4ebf1 !important; box-shadow: none !important; transition: all .2s ease!important; } input.cke_dialog_ui_input_text:focus, input.cke_dialog_ui_input_password:focus, textarea.cke_dialog_ui_input_textarea:focus, select.cke_dialog_ui_input_select:focus { border-color: #38a9ff!important; } .cke_dialog .ImagePreviewBox { margin-top:10px!important; border:2px solid #e2e6e9!important; border-radius: 2px; } a.cke_dialog_ui_button_cancel { background: transparent!important; display: inline-block!important; height: 40px!important; line-height: 40px!important; border-radius: 2px!important; font-weight: 800!important; text-transform: uppercase!important; position: relative!important; border: 1px solid #e2e6e9!important; padding: 0px 15px!important; color: #515365 !important; box-shadow: none!important; transition: all .2s ease!important; } a.cke_dialog_ui_button_cancel:hover { border-color:#2bd768!important; } a.cke_dialog_ui_button_ok { background: #2bd768!important; display: inline-block!important; height: 40px!important; line-height: 40px!important; border-radius: 2px!important; font-weight: 800!important; text-transform: uppercase!important; position: relative!important; border: 0px!important; padding: 0px 15px!important; color: #fff !important; box-shadow: none!important; transition: all .2s ease!important; } a.cke_dialog_ui_button_ok:hover { background: #00a53e!important; } a.cke_dialog_ui_button_cancel span, a.cke_dialog_ui_button_ok span { text-shadow:none!important; padding:0px!important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; } .scrollToTop{ display: none; position: fixed; right: 2.5%; bottom: 8%; z-index: 9999; width: 46px; height: 46px; border-radius: 100%; border:3px solid transparent; background: #ff5e3a; color: #fff!important; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 44px; text-align: center; } .scrollToTop i { color: #fff!important; font-size: 24px; position: relative; } .scrollToTop span { display: none; position: relative; top: -7px; } #merve{ display: none; position: absolute; bottom: 10%; width: 1px; height: 1px; } #merveBg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden } #merveBg .heart { position: absolute; top: -50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -m-transform: rotate(-45deg); transform: rotate(-45deg) } #merveBg .heart:before { position: absolute; top: -50%; left: 0; display: block; content: ""; width: 100%; height: 100%; background: inherit; border-radius: 100%; } #merveBg .heart:after { position: absolute; top: 0; right: -50%; display: block; content: ""; width: 100%; height: 100%; background: inherit; border-radius: 100%; } @-webkit-keyframes love { 0%{top:110%} } @-moz-keyframes love { 0%{top:110%} } @-ms-keyframes love { 0%{top:110%} } @keyframes love { 0%{top:110%} } .emoji,.osmilie img, #vB_Editor_001_smiliebox img, .cke_smile img{ width:22px; height:22px; position: relative; top: -2px; display:inline-block!important; margin: 0px!important; } .coppa { height: 300px; overflow-y: scroll; border: 1px solid #e2e6e9; padding: 10px; border-radius: 2px; } .footeradsense { display: inline-block; width:728px; height: 90px; } .spoilerBtn { height: 24px; line-height: 24px; padding: 0px 7px!important; font-size: 13px!important; text-transform: lowercase; margin-right:3px; color: #fff!important; } .spoilerText{ border: 1px solid transparent!important; border-top: none!important; border-bottom: 1px solid #DDD!important; box-shadow: inset 0 1px 2px rgba(0,0,0,.22), 0 -1px 1px #FFF, 0 1px 0 #FFF!important; outline: 0!important; } .google1 { color:#4285f4; display:inline-block!important; } .google2 { color:#ea4335; display:inline-block!important; } .google3 { color:#fbbc05; display:inline-block!important; } .google4 { color:#4285f4; display:inline-block!important; } .google5 { color:#34a853; display:inline-block!important; } .google6 { color:#ea4335; display:inline-block!important; } #girisModal .modal-dialog, #duyuruModal .modal-dialog{ width: 450px; margin: 80px auto; } #girisModal .modal-header, #duyuruModal .modal-header { background: #2c2e40; padding: 10px 15px !important; } #girisModal .modal-header .left, #duyuruModal .modal-header .left{ float: left; } #girisModal .modal-header .left .r10Logo { background: url(https://cdn.r10.net/modern/img/logo/svg/dark.svg?v=1); background-size: cover; width: 125px; height:45px; top: 0px; } #girisModal .modal-header .left .r10Logo[data-id="2"] { background: url(https://cdn.r10.net/modern/img/logo/non-retina/2-2-0.png); background-size: cover; width: 125px; height:45px; top: 0px; } #girisModal .modal-header .left .r10Logo[data-id="3"] { background: url(https://cdn.r10.net/modern/img/logo/non-retina/3-2-0.png); background-size: cover; width: 125px; height:45px; top: 0px; } #girisModal .modal-header .right, #duyuruModal .modal-header .right{ float: right; color: #fff; line-height: 45px; font-size: 16px; font-weight: 600; } #girisModal input[type='text'],#girisModal input[type='password'], #girisModal input[type='text']::-webkit-input-placeholder, #girisModal input[type='password']::-webkit-input-placeholder{ line-height: 34px!important; } #girisModal input[type='submit']{ background: #38a9ff; border: 0px; width: 100%; padding: 8px; border-radius: 2px; color: #fff; font-weight: 600; text-transform: uppercase; } #girisModal .modal-dialog, #duyuruModal .modal-dialog{ width: 450px; margin: 80px auto; } #uyeOlModal .modal-header { background: #2c2e40; padding: 10px 15px !important; } #uyeOlModal .modal-header .left{ float: left; } #uyeOlModal .modal-header .left .r10Logo { background: url(https://cdn.r10.net/modern/img/logo/svg/dark.svg?v=1); background-size: cover; width: 125px; height:45px; top: 0px; } #uyeOlModal .modal-header .left .r10Logo[data-id="2"] { background: url(https://cdn.r10.net/modern/img/logo/non-retina/2-2-0.png); background-size: cover; width: 125px; height:45px; top: 0px; } #uyeOlModal .modal-header .left .r10Logo[data-id="3"] { background: url(https://cdn.r10.net/modern/img/logo/non-retina/3-2-0.png); background-size: cover; width: 125px; height:45px; top: 0px; } #uyeOlModal .modal-header .right{ float: right; color: #fff; line-height: 45px; font-size: 16px; font-weight: 600; } #uyeOlModal input[type='text'],#uyeOlModal input[type='password'], #uyeOlModal input[type='text']::-webkit-input-placeholder, #uyeOlModal input[type='password']::-webkit-input-placeholder{ line-height: 34px!important; } #uyeOlModal input[type='submit']{ background: #38a9ff; border: 0px; width: 100%; padding: 8px; border-radius: 2px; color: #fff; font-weight: 600; text-transform: uppercase; } #uyeOlModal h3 { margin: 0; } #uyeOlModal ul { margin-top: 10px; margin-bottom: 0px; } #duyuruModal .modal-header{ padding: 0px 15px !important; height: 50px; line-height: 50px; } #duyuruModal .modal-dialog { margin: 0px; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); } #duyuruModal .modal-header .left { float: left; font-size: 18px; font-weight: 600; color: #fff; } #duyuruModal .modal-header .right { line-height: 53px; } #duyuruModal .modal-header .close { float: none; color: #fff; opacity: 1 !important; text-shadow: none !important; } #duyuruModal .rbbtn { margin-top: 20px; } #duyuruModal .modal-body .text-center { padding-top: 115px; } #duyuruModal .rokito { font-size: 95px; position: absolute; display: block; overflow: hidden; top: -25px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); } #onesignal-bell-container { right: 2.5%!important; bottom: 20%!important; z-index: 9999!important; } .onesignal-bell-launcher-button { width: 100%!important; } #onesignal-bell-launcher { bottom: 20px!important; } #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-md .onesignal-bell-launcher-button { width: 74px!important; height: 74px!important; background: #ee0743; border: 3px solid #d3dbe2; } #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right { right: 0px!important; } .onesignal-bell-launcher-button:before { content: "\e803"; font: normal normal normal 14px/1 "Rokito"; font-size: 55px!important; font-size: inherit; text-rendering: auto; -moz-osx-font-smoothing: grayscale; color: #fff; position: absolute; left: 51%; top: 45%; transform: translate(-50%, -50%); text-shadow: 0px 1px rgba(0, 0, 0, 0.3); } .onesignal-bell-launcher-message { right: 95px!important; margin-top: 0px!important; padding: 12px!important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",sans-serif!important; } .onesignal-bell-launcher-button .onesignal-bell-svg { display: none!important; } #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-md { width: 74px!important; height: 74px!important; } .userTag, .userTag a{ font-weight: 700; color: #38a9ff!important; } .fr-view a { font-weight: 700; } .r10KonuDegerlendirenler { cursor: pointer; } .tableFixed { table-layout: fixed; } .oEmbed{ opacity: 0; display: inline-block; clear: both; width:515px; } .oEmbed.loaded{ opacity: 1; } .oEmbed iframe { margin:0px!important; } .actionButtons .robtn { min-width: 30px; height: 24px; line-height: 24px; padding: 0 7px; font-size: 13px; text-transform: lowercase; margin-right: 3px; color: #fff !important; } .actionButtons .robtn .fa { margin-right: 0px; } #r10WhoisModal .modal-dialog, #r10KimlikResimModal .modal-dialog{ width:750px; } #r10KimlikResimModal img { width: 100%; } .whoisLoading { width: 100%; padding: 150px 0; text-align: center; line-height: 60px; min-height: 404px; max-height: 404px; } .whoisLoading i { color: #515365 !important; font-size: 48px !important; } .whoisLoading span { display: block; } #dogumGunuModal{ text-align: center; padding: 0!important; } #dogumGunuModal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } #dogumGunuModal .modal-dialog{ display: inline-block; text-align: left; vertical-align: middle; } #dogumGunuModal .modal-dialog { width:700px; overflow: hidden; } #dogumGunuModal .modal-content { background: #CC3D74!important; } #dogumGunuModal .modal-body { min-height: 350px; } #dogumGunuModal #cake { display: block; position: relative; margin: -10em auto 0 auto; } #dogumGunuModal .msg { min-height: 180px; font-size: 50px; color: #fff; font-family: "Pacifico"; white-space: pre; } #dogumGunuModal .msgSub { min-height: 30px; color: #fff; font-size: 14px; } #dogumGunuModal .typed-cursor { display: none; } #birthdayStatus { display: inline-block; vertical-align: middle; font-size: 18px; position: relative; line-height: 23px; color: #d05383; } #birthdayStatus i { font-size: 18px; position: relative; line-height: 23px; color: #d05383; } #uyeOlButon { display: block; position: fixed; top: 50%; right: 1%; padding-left: 30px; padding-right: 30px; padding-bottom: 10px; padding-top: 10px; background: #38a9ff; color: #fff; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 20px; z-index:9999; border-radius: 2px; border: 0px; } #confetti{ display:none; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 2000; } #cakeVelas { position: absolute; left: 0; right: 0; bottom: 0; } .velas { background: #ffffff; border-radius: 10px; position: absolute; bottom: 90px; left: 50%; margin-left: -2.4px; margin-top: -8.33333333px; width: 5px; height: 35px; -webkit-transform: translateY(-300px); transform: translateY(-300px); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation: in 500ms 5s ease-out forwards; animation: in 500ms 5s ease-out forwards; } .velas:after, .velas:before { background: rgba(255, 0, 0, 0.4); content: ""; position: absolute; width: 100%; height: 2.22222222px; } .velas:after { top: 25%; left: 0; } .velas:before { top: 45%; left: 0; } .fuego { border-radius: 100%; position: absolute; top: -20px; left: 50%; margin-left: -2.6px; width: 6.66666667px; height: 18px; } .fuego:nth-child(1) { -webkit-animation: fuego 2s 5.5s infinite; animation: fuego 2s 5.5s infinite; } .fuego:nth-child(2) { -webkit-animation: fuego 1.5s 5.5s infinite; animation: fuego 1.5s 5.5s infinite; } .fuego:nth-child(3) { -webkit-animation: fuego 1s 5.5s infinite; animation: fuego 1s 5.5s infinite; } .fuego:nth-child(4) { -webkit-animation: fuego 0.5s 5.5s infinite; animation: fuego 0.5s 5.5s infinite; } .fuego:nth-child(5) { -webkit-animation: fuego 0.2s 5.5s infinite; animation: fuego 0.2s 5.5s infinite; } @-webkit-keyframes fuego { 0%, 100% { background: rgba(254, 248, 97, 0.5); -webkit-box-shadow: 0 0 40px 10px rgba(248, 233, 209, 0.2); box-shadow: 0 0 40px 10px rgba(248, 233, 209, 0.2); -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } 50% { background: rgba(255, 50, 0, 0.1); -webkit-box-shadow: 0 0 40px 20px rgba(248, 233, 209, 0.2); box-shadow: 0 0 40px 20px rgba(248, 233, 209, 0.2); -webkit-transform: translateY(-20px) scale(0); transform: translateY(-20px) scale(0); } } @keyframes fuego { 0%, 100% { background: rgba(254, 248, 97, 0.5); -webkit-box-shadow: 0 0 40px 10px rgba(248, 233, 209, 0.2); box-shadow: 0 0 40px 10px rgba(248, 233, 209, 0.2); -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } 50% { background: rgba(255, 50, 0, 0.1); -webkit-box-shadow: 0 0 40px 20px rgba(248, 233, 209, 0.2); box-shadow: 0 0 40px 20px rgba(248, 233, 209, 0.2); -webkit-transform: translateY(-20px) scale(0); transform: translateY(-20px) scale(0); } } @-webkit-keyframes in { to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes in { to { -webkit-transform: translateY(0); transform: translateY(0); } } footer .r10HX .hrk, footer .r10HRk .hrk { display:block; float:none!important; text-align:center; } footer .r10HX .hrk:first-child, footer .r10HRk .hrk:first-child { margin-bottom:25px; } footer .r10HX a, footer .r10HRk a { color:#494c62; } footer .footerBar { width:100%; height:60px; line-height:60px; background:#3f4257; color:#fff; } footer .footerBar .left { float:left; } footer .footerBar .right { float:right; height: 60px; } footer .bootstrap-select { display: block!important; margin:0px!important; height:59px; } footer .bootstrap-select label { background:#494c62; padding:0px 20px; margin:0px; border-right:1px solid #595c73; } footer .bootstrap-select .dropdown-toggle { background:#494c62!important; margin: 0px; padding: 0px; border: 0px; height: 60px; border-radius: 0px; position: relative; left: -3px; top: 0px; box-shadow:none!important; outline:none!important; } footer .bootstrap-select .dropdown-toggle:focus { outline:none!important; } footer .bootstrap-select .filter-option { padding: 0px 20px; color:#fff; } footer .bootstrap-select .caret { border:0px!important; margin-top:-3px!important; right:25px!important; top:auto!important; } footer .bootstrap-select .caret:before { content: "\f106"; font-family:"FontAwesome"; color:#fff; font-size:18px; } footer .bootstrap-select .dropdown-menu { background:#3f4257; box-shadow:none!important; margin-bottom:0px!important; } footer .bootstrap-select div.dropdown-menu { margin-bottom:10px!important; padding:5px 0px; } footer .bootstrap-select .dropdown-menu ul li { padding:0px; border:0px; } footer .bootstrap-select .dropdown-menu ul li a{ background:#3f4257!important; font-size:13px!important; color:#9296b1!important;; padding:10px 20px!important; } footer .bootstrap-select li .check-mark { position: absolute; display: inline-block!important; right: 15px; width:11px; height:11px; border:2px solid #676a7f; border-radius:100%; background:#3f4257; top: 14px !important; margin: 0px !important; } footer .bootstrap-select li.selected .check-mark { width:12px; height:12px; background:#fff!important; } footer .bootstrap-select .check-mark:before { display:none; } body.fixedHeaderBar { padding-top:70px; } body.fixedHeaderBar .headerTop { position: fixed; width: 100%; top: 0; z-index: 9999999; } body.fixedHeaderBar.modal-open .headerTop { z-index: 1020; } body.magnifik { overflow: hidden; } .forumList .forum .rokito { background: url(//cdn.r10.net/modern/img/svg/rokito-light.svg); background-size: cover; width: 48px; height: 65px; display: inline-block; opacity: 0.2; } .forumList .forum .rokito.h { opacity: 0.8; } .forumList .forum .rokito:before { display: none; } .profile .tList ol li.name a { white-space: normal; } img[src*='cdn.r10.net/emojis/'] { width: 22px !important; top: -2px !important; position: relative !important; height: 22px !important; } img[src*='cdn.r10.net/emojis/rokito/'] { width: 30px !important; top: -4px !important; position: relative !important; height: auto !important; } .r10EmojiArea { min-width: 250px; max-width: 300px; } .r10EmojiArea .tabs { display: block; padding: 8px; margin-bottom: 5px; } .r10EmojiArea .tabs .active a, .r10EmojiArea .tabs a:focus, .r10EmojiArea .tabs a:active { background-color: #38a9ff!important; } .r10EmojiArea .emojis { display: grid; grid-template-columns: repeat(auto-fill, minmax(25px, 1fr)); grid-gap: 6px; padding: 0px 8px 12px 8px; } .r10EmojiArea .emojis.rokitoe { grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); } .r10EmojiArea .emojis a { position: relative; cursor: pointer; align-self: center; } .r10EmojiArea .emojis a::before { content: ""; padding-bottom: 100%; display: inline-block; vertical-align: top; } .r10EmojiArea .emojis img { position: absolute; object-fit: cover; width: 22px; height: 22px; } .r10EmojiArea .emojis img[src*='emojis/rokito'] { width: 40px!important; height: auto; } .r10GiphyArea { min-width: 250px; } .r10GiphyArea .tabs { padding: 8px; } .r10GiphyArea .search { display: block; padding: 8px; margin-bottom: 5px; } .r10GiphyArea .scroll { display: block; max-height: 250px; overflow: hidden; overflow-y: scroll; } .r10GiphyArea .gifs { display: grid; grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); grid-gap: 6px; padding: 0px 0px 8px 8px; } .r10GiphyArea .gifs a { position: relative; cursor: pointer; } .r10GiphyArea .gifs a::before { content: ""; padding-bottom: 100%; display: inline-block; vertical-align: top; } .r10GiphyArea .gifs img { position: absolute; object-fit: cover; width: 100%; height: 100%; } .r10GiphyArea .copyright { text-align: right; padding: 8px; } .r10GiphyArea .copyright img { height: 14px; } .modernOptions .option { display: flex; align-items: center; border-bottom: 1px solid #E8EAEC; padding: 10px 0px; } .modernOptions .option:last-child { border-bottom: 0; } .modernOptions .option .title, .modernOptions .option .input { display: flex; align-items: center; justify-content: space-between; } .modernOptions .option .title { margin-right: 50px; } .modernOptions .option .title div:first-child { margin-right: 20px; width: 64px; height: 64px; line-height: 64px; text-align: center; background: rgba(56, 169, 255, 0.2); font-size: 20px; color: #38A9FF; border-radius: 2px; } .modernOptions .option .title div:last-child { display: flex; align-content: center; flex-direction: column; line-height: 20px; } .modernOptions .option .title div:last-child span:first-child { font-size: 18px; font-weight: 600; } .modernOptions .option .input { margin-left: auto; } .modernOptions .option .input .bootstrap-select { width: 250px!important; margin: 0; } .modernOptions .option .input label { cursor: pointer; position: relative; margin: 0px 20px 0px 0px; } .modernOptions .option .input > label:last-child { margin-right: 0px; } .modernOptions .option .input label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .modernOptions .option .input label.choice div { position: relative; display: flex; justify-content: center; align-content: center; background: #494C62; width: 170px; height: 44px; line-height: 38px; border-radius: 100px; color: #fff; border: 3px solid transparent; transition: .3s all; cursor: pointer; font-weight: 400; } .modernOptions .option .input label.choice.light div { background: #fff; color: #494C62; border: 3px solid #fff; } .modernOptions .option .input label.choice.light div:before { content: ""; width: 100%; height: 100%; position: absolute; border: 2px solid #494C62; border-radius: 100px; transition: .3s all; } .modernOptions .option .input label.choice input:checked~div { background: #494C62; color: #fff; border: 3px solid transparent; } .modernOptions .option .input label.choice input:checked~div:hover, .modernOptions .option .input label.choice:hover div { background: #38A9FF; border-color: #38A9FF; color: #fff; } .modernOptions .option .input label.choice input:checked~div:before, .modernOptions .option .input label.choice:hover div:before { content: ""; width: 100%; height: 100%; position: absolute; border: 4px solid #fff; border-radius: 100px; transition: .3s all; } .modernOptions .option .input label.color div { width: 44px; height: 44px; background: #000; border-radius: 100%; display: flex; position: relative; border: 3px solid transparent; transition: .3s all; } .modernOptions .option .input label.color div:before { content: ""; width: 100%; height: 100%; position: absolute; border: 4px solid transparent; border-radius: 100px; transition: .3s all; } .modernOptions .option .input label.color.blue div, .modernOptions .option .input label.color.blue input:checked~div:before { background: #38a9ff; } .modernOptions .option .input label.color.red div, .modernOptions .option .input label.color.red input:checked~div:before { background: #ee0743; } .modernOptions .option .input label.color.green div, .modernOptions .option .input label.color.green input:checked~div:before { background: #2bd768; } .modernOptions .option .input label.color.yellow div, .modernOptions .option .input label.color.yellow input:checked~div:before { background: #ffc600; } .modernOptions .option .input label.color.orange div, .modernOptions .option .input label.color.orange input:checked~div:before { background: #ff5e3a; } .modernOptions .option .input label.color.purple div, .modernOptions .option .input label.color.purple input:checked~div:before { background: #7c5ac2; } .modernOptions .option .input label.color:hover div:before, .modernOptions .option .input label.color input:checked~div:before { border-color: #fff; } .modernOptions .option .input label.color:hover div:after, .modernOptions .option .input label.color input:checked~div:after { content: "\eb7b"; font-family: remixicon !important; left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); color: #fff; font-size: 22px; transition: .3s all; } .modal.left .modal-dialog, .modal.right .modal-dialog { position: fixed; margin: auto; width: 320px; height: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .modal.left .modal-content, .modal.right .modal-content { height: 100%; overflow-y: auto; } .modal.left .modal-body, .modal.right .modal-body { padding: 15px 15px 80px; } .modal.left.fade .modal-dialog { left: -320px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; } .modal.left.fade.in .modal-dialog { left: 0; } .modal.right.fade .modal-dialog { right: -320px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; } .modal.right.fade.in .modal-dialog { right: 0; } .tooltip { z-index: 999999999999999999999; } #temaAyarModal { z-index: 99999999; } #temaAyarModal .modal-content, #temaAyarModal .modal-header { border-radius: 0px; box-shadow: none; border-bottom-color: #E8EAEC; } #temaAyarModal .modal-header { display: flex; align-items: center; height: 80px; padding: 0px!important; } #temaAyarModal .modal-header span:first-child { width: 48px; height: 48px; line-height: 48px; border-radius: 100%; color: #494C62; text-align: center; background: #DADBDF; font-size: 16px; margin-left: 27px; margin-right: 27px; } #temaAyarModal .modal-header span:nth-child(2) { font-size: 18px; font-weight: 600; color: #3F4257; } #temaAyarModal .modal-header .close { opacity: 1; text-shadow: none!important; border-left: 1px solid #E8EAEC; width: 80px; height: 80px; line-height: 80px; text-align: center; color: #979AAE!important; margin-left: auto; transition: .3s all; } #temaAyarModal .modal-header .close:hover { background: #EEF0F2; } #temaAyarModal .modal-dialog { width: 1100px; } #temaAyarModal .modal-body { padding: 0px; } #temaAyarModal .modernOptions .option { padding: 10px 20px; } .mb-0 { margin-bottom: 0!important; } .archiveLinks { display: block; text-align: center; margin: 0px auto 30px auto; width: 95%; } .userList.catmodlist li .inner{ height: auto; } .userList.catmodlist .inner{ height: auto; } .userList.catmodlist .inner .catmodlist a{ display: inline-block; border-radius: 15px; padding: 1px 8px; margin-top: 2px; margin-right: 5px; background: #D3EAE6; color: #119b72; box-shadow: 0 0 2px rgba(13, 173, 125, 0.75); } .userList.catmodlist .inner .catmodlist a:hover{ background: #119b72; color: #fff; } #verified .fa-certificate.half { color: #38a9ff78!important; } .notificationList .list li.fasticky::after { content: ""; position: absolute; background: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAKAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1RThERkNBMjUzOTcxMUU5QjhFMEY5NEU4Nzk3RDlGMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1RThERkNBMzUzOTcxMUU5QjhFMEY5NEU4Nzk3RDlGMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVFOERGQ0EwNTM5NzExRTlCOEUwRjk0RTg3OTdEOUYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVFOERGQ0ExNTM5NzExRTlCOEUwRjk0RTg3OTdEOUYxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAFBAQGRIZJxcXJzImHyYyLiYmJiYuPjU1NTU1PkRBQUFBQUFERERERERERERERERERERERERERERERERERERERAEVGRkgHCAmGBgmNiYgJjZENisrNkREREI1QkRERERERERERERERERERERERERERERERERERERERERERERERERE/8AAEQgAbgF8AwEiAAIRAQMRAf/EAJAAAQACAwEBAAAAAAAAAAAAAAADBAIFBgEHAQEAAwEBAAAAAAAAAAAAAAAAAQIDBAUQAAICAQEFBAYJBAMAAAAAAAABAgMEESExQRIFUWFxkdHhIhMzBoGhscEyQlJyFGKSI0Oy0iQRAQACAQMDAQcFAAAAAAAAAAABAhEhMRJBIgNRYXGxQpITBPCBkTJS/9oADAMBAAIRAxEAPwDswAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPJSUdraXiB6CF5VK32R/uRnG2E/wyT8GNiNYzGzMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhvyIUR5pvwXFnmTkLHhzPa3sjHtZBRjS5vfXe1Y/KPci8RGOVtviztac8ab/AAea5OTt+FDzl6jKPTqd805vtm9SyRVW62zqe9csl4S9aY5z8vbHsPtx83dPtQ2xxqpwpUIuc90dFuW9nmVi4tUHZKCSTW2Oze9OBqOm5P8AJ6rdOW3lg4w7kmkXvmKzlwbO18q+spOu+rWtprpSce5a/j30baJ8y/RZ9zJqMyNr93JOFi3wl93aY4F/8jHrt/VFMkyMaGRHSWyS/DJb0yuMbfw05RbS/wBUfrVOCpjXy5nRd8SPHhJdq+8tkxOVLVms4kABKoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFbOtdVEpLfpovp2ExGZx6otPGJtPRVVislPLn8OpS5Po3s5zGr6l1PWyE5KLe9z0iu5Jdhvuqx/j9OlWt7UYebPPl2OmFHvlP7SbTmdNo2VpXEa7zrLLpnTbcPWV10rJNaaavlXnxI866eNn0zhFy95CVbivNeRt5NRWr2JHL19XpycqyWRr7twlXUlrx37uMiq6OXT5YOVS426PIcoTceC112P6tSznUV5tNlGPZY3S9qnro2u97zUXSrsujW06aa041pbXHj5t7ySzr2W4OpyT4c+m0gbDofWKqqoYtr5XHYpPc/QdPGWp8yOj+X+qyUli2vVP4bf2egkdHmUuyKnX8SHtR9H0k1FquhGyO5oyTKmJ/jstp4J88fCXrK7T72kd1Zj/AD8F0AFmYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFPqC1jXHtsiXCrnbIRl+mcWOXHu9FbxmswqdaXPCuv9Vi+pNmXRI8uHX38z85Mr9et937mX9Uv+Ja6Q/8Ax1ftCyv8w5LoxGo77GofRxOa6dlY2L7Viblw04HX51Fd/u/exUoKe1PvTRWs6Fg8rcaknp2v0kSOTzMmm161xa75MqwjKx6Qi5eCO5fSsONb5Kop6bHpqeuFa05Ekn2Actj9Fvt0c9ILzZJn4UMBV2Va8ykvafmdFB6R07Nhy/Wc+N9saobVDXVhMRnSHc1T5kn2rUhTSzNOLr18pes8x5pxWm7RENb5+oya/JSo/wB0tfuJxkieP76NmAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACK+v3tcodqJQNxouqY9mfiwlUtbIPXl7eDXiavpnVcjFX8dw54x3Rb5ZR7jpJf+e3X/AF2Pyl6zLIwaMn40FLv4+e8rHp1hENXd1ulwcLq7IarTcn9jKeL8yKK5MpNdliWx+g2M/l7Flu513KfpNRZhxqulTHbGL0Wu0i84b+KkXzEzhtqusY04/jX0lK3rGPjx05tdNdNCF9IpmtXBFSzp1NT1UEU+5EdGkeCZnHKFTI6pfmaxr9iD3lN1qteO9mwlHQglEjnl1x+NFK6T3ercdN6pbCKi0rIRX5fxJfebvo6dsbMt/wC6Wsf2R2RNHXhQylTj1rSxxUpzjs5YcdfHcjrq4RrioRWkUtEjfo8qY7pj0ZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADGcI2RcZLVMqxnLG9i3bD8s+zufpLh40mtHuImOvVGGOxrVbjnM//Hly14qLN48V17aJcv8AS9sfUanqWBk5FisUVqlo9HvM75mNm3hvFbd2kYSQujymvyZpmFlGVSttc5cPZi2RrDzbn7NMl+/SJnxtbo6638dZzyVLGYY+PbmWe6oWr4vhHxN5j/Lc5vXKnov0V/8Ab0G/x8arFgq6YqMVwRpXx4/sjy/l5jj4vqQdO6fDBr5Ivmk9s5ve36OxF0A1cAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//Z') 0 0/cover no-repeat; opacity: .2; top: 0; left: 0; height: 100%; width: 100%; background-color: #7460ee; z-index: -1; } .notificationList .list li.fasticky { background: #008cf6; } .notificationList .list li.fasticky a { color: #fff; } .notificationList .list li.fasticky a .desc .date { color: #eee; } .head .r10AramaAkisAyar { float: right; background: #38a9ff; border-top-right-radius: 2px; border-right: 0; margin-right: -15px; color: #fff !important; padding-left: 15px; padding-right: 15px; } .mb-0{ margin-bottom: 0; } .mb-15{ margin-bottom: 15px; } .telefon-inputs{ padding: 0; background: transparent; border-color: transparent; position: relative; z-index: 1010; } .telefon-inputs .btn-group{ margin-bottom: 0 !important; padding: 0; background: transparent; border-color: transparent; } .telefon-inputs > .btn-group > .selectpicker{ border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .telefon-inputs .filter-option { margin-right: 5px; } .telefon-inputs ul.selectpicker { overflow-x: hidden; } .controlPanel .left .panel .panel-body ul li a.premium { color: #cfad15; } .controlPanel .left .panel .panel-body ul li a.premium:hover { color: #eccd44; } .controlPanel .left .panel .panel-body ul li a.admg { color: #68bdde; } .controlPanel .left .panel .panel-body ul li a.admg:hover { color: #a7d8ec; } .threadFilter .modList{ padding: 0 15px; min-height: 84px; } .threadFilter .modList a u { text-decoration: none!important; } .controlPanel .rPanel i.fa-check-square-o { width: 16px; color: #3c763d; } .controlPanel .rPanel i.fa-square-o { width: 16px; } .pd-0 { padding:0px!important; } .d-mr-5 { margin-right: 5px !important; } .d-mr-15 { margin-right: 10px !important; } .fs-15 { font-size: 15px !important; } .f-none{ float: none !important; } .mute-btn i{ width: 20px; } .magnifikDiv { position: absolute; width: 100%; height: 100%; z-index: 99999999999999999; overflow: auto; top: 0; } .magnifikDiv img { position: absolute; top: 0px; left: 0px; max-width: none; max-height: none; width: 200%; } .avatarImg img { max-width: 100px; max-height: 100px; } .ClassyCountdown-wrapper > div { display: inline-block; position: relative; width: 70px; margin: 0px 10px; top:4px; } .ClassyCountdown-wrapper .ClassyCountdown-value { width: 100%; line-height: 15px; position: absolute; top: 50%; text-align: center; left: 0; display: block; font-size: 18px!important; margin-top: -16px!important; } .colorSwitch .switch { position: relative; display: inline-block; width: 70px; height: 34px; top: 15px; margin-bottom: 0px; } .colorSwitch .switch input { opacity: 0; width: 0; height: 0; } .colorSwitch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #E8EAEC; -webkit-transition: .3s; transition: .3s; } .colorSwitch .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .3s; transition: .3s; } .colorSwitch input:focus + .slider { box-shadow: 0 0 1px #2196F3; } .colorSwitch .slider.round { border-radius: 34px; } .colorSwitch .slider.round:before { border-radius: 50%; } .colorSwitch .switch .slider .light, .colorSwitch .switch .slider .dark { font-size: 18px; transition: .3s; } .colorSwitch .switch .slider .light { position: relative; top: -15px; left: 7px; color: #ffc600; } .colorSwitch .switch .slider .dark { position: relative; top: -15px; left: 25px; } .colorSwitch input:checked + .slider:before { background-color: #323448; -webkit-transform: translateX(36px); -ms-transform: translateX(36px); transform: translateX(36px); } .colorSwitch.mb input:checked + .slider:before { background-color: #323448; -webkit-transform: translateX(42px); -ms-transform: translateX(42px); transform: translateX(42px); } .colorSwitch input:checked + .slider { background-color: #494C62; } .colorSwitch input:checked + .slider .light { color: #fff; } .colorSwitch:hover .slider .light { color: #515365; } .colorSwitch.hover:hover .slider:before { -webkit-transform: translateX(36px); -ms-transform: translateX(36px); transform: translateX(36px); } .colorSwitch.hover:hover input:checked + .slider:before { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .colorSwitch:hover input:checked + .slider .light { color: #fff; } .colorSwitch:hover input:checked + .slider .dark { color: #fff; } .alert { border-radius: 2px; border:0px; color:#fff; border-left-width: initial; padding-left: 60px; } .alert:not(.ui-pnotify)[class*="alert-arrow-"]::before, .ui-pnotify.alert[class*="alert-arrow-"] > .brighttheme::before{ top: 50%; width: 40px; height: 40px; background: rgba(0, 0, 0, 0.15); transform: translate(0, -50%); -webkit-transform: translate(0, -50%); left: 10px; border-radius: 2px; margin: 0px; border:0px; } .alert[class*="alert-styled-"]::after { font-family: "remixicon"; width: 40px; left: 11px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); margin-top: 0px; font-size: 20px; } .alert[class*="alert-styled-"].alert-danger::before, .alert[class*="alert-styled-"][class*="bg-danger"]::before, .alert[class*="alert-styled-"].alert-warning::before, .alert[class*="alert-styled-"][class*="bg-warning"]::before { background: rgba(0, 0, 0, 0.25); } .alert[class*="alert-styled-"].alert-info::after, .alert[class*="alert-styled-"][class*="bg-info"]::after { content: "\EE59"; } .alert[class*="alert-styled-"].alert-success::after, .alert[class*="alert-styled-"][class*="bg-success"]::after { content: "\EB7B"; left: 10px; } .alert[class*="alert-styled-"].alert-warning::after, .alert[class*="alert-styled-"][class*="bg-warning"]::after { content: "\ECA1"; } .alert[class*="alert-styled-"].alert-danger::after, .alert[class*="alert-styled-"][class*="bg-danger"]::after { content: "\EE57"; } .alert:not(.alert-checkbox) a, .alert:not(.alert-checkbox) a:hover, .alert:not(.alert-checkbox) a:focus { color: #fff!important; text-decoration: underline!important; } .alert-checkbox { padding-left: 0px; } .alert-danger { background: #EF0743; } .alert-info { background: #3AA8FF; } .alert-warning { background: #FE5E3C; } .alert-success { background: #2BD769; } .alert-checkbox { color: inherit!important; background: transparent!important; border:2px solid #ee07435c!important; border-radius: 2px; padding-left: 20px; } .bootstrap-select.btn-group .no-results { padding: 10px 15px !important; } .fade { transition: opacity .3s ease, transform .3s ease!important; } body:not(.night) font[color="#D9DAE9"], body:not(.night) font[color="transparent"], body:not(.night) font[color="#FFF"], body:not(.night) font[color="#FFFFFF"]{ color: #515365; } @media all and (max-width: 1690px){ body { font-size:1.3em; } body.fixedHeaderBar { padding-top:60px; } .headerTop, .headerTop .search input{ height: 60px; line-height: 60px; } .headerTop .logo { line-height: 54px; } .headerTop .logo img { width: 110px; } .headerTop div.user { height: 60px; } .headerTop div.user .icon i { font-size: 20px; } .headerTop div.user .icon .count { width: 18px; height: 18px; line-height: 14px; font-size: 8px; } .headerTop div.user .info .name { font-size:12.5px; margin: 13px 20px; } .headerTop div.user .info .avatar { line-height: 57px; } .headerTop div.user .info .avatar img { width: 45px; height: 45px; } .headerTop div.user .info .avatar .crt { width: 16px; height: 16px; line-height: 11px; font-size: 9px; right: -16px; } .notificationList { top: 50px; } .headerTop div.user .icon.notify .notificationList{ left:-80px; } .notificationList .list li a { padding:10px 15px; font-size: 12.5px; } .notificationList .footer { height:35px; line-height:35px; } .headerBottom { height: 50px; line-height: 50px; } .headerBottom ul li a { font-size:13px; } .headerBottom ul li ul li { padding: 6px 15px 6px 15px; } main { margin-top:15px; } .r10HX, .r10HRk, .breadCrumb, .featuredTabs { margin-bottom:15px; } .featuredTabs .featuredThreads .filter { padding: 0px 15px; } .featuredTabs .nav-desktop { height:45px; } .featuredTabs .nav-desktop li a { line-height:45px; font-size:13px; } .featuredTabs .featuredThreads .head { height:35px; line-height:35px; font-size:12px; } .featuredTabs .featuredThreads .list .thread { font-size:13px; } .featuredTabs .featuredThreads .list li:first-child ol li { padding-top:10px; } .featuredTabs .featuredThreads .list li:last-child ol li { padding-bottom:10px; } .featuredTabs .moreThreads { height:30px; line-height:30px; font-size:12px; } .poll, .pagination { margin-bottom:15px; } .inlineModForm { margin:15px 0px; } .forumList .mainHead { height: 35px; line-height: 35px; } .forumList .mainHead ul li:nth-child(2) { width: calc(66% - 75px); width: -webkit-calc(66% - 75px); width: -moz-calc(66% - 75px); } .forumList .forumHead { height: 40px; line-height: 40px; } .forumList .mainHead ul li:nth-child(1), .forumList .forumHead ul li:nth-child(1), .forumList .forum ol li:nth-child(1) { width: 75px; } .forumList .forum ol li:nth-child(1) .rokito { font-size: 47px; } .forumList .forum ol li { padding: 10px 0px; } .forumList .forum ol li:nth-child(2), .forumList .forum ol li:nth-child(3){ padding: 10px 15px; } .forumList .forum ol li:nth-child(2) .title { font-size:13px; } .forumList .forum ol li:nth-child(2) .title span:first-child,.forumList .forum ol li:nth-child(2) .title h3 { font-size:14px; margin: 0; display: inline-block; } .forumList .forum ol li:nth-child(2) .desc, .forumList .forum ol li:nth-child(2) .childs div, .forumList .forum ol li:nth-child(2) .childs h4{ font-size:12px; } .forumList .forum ol li:nth-child(2) .childs div h4{ display: inline-block; margin:0; font-size: 12px; } .forumList .footer { height: 40px; line-height: 40px; } .threadList .head { height: 35px; line-height: 35px; } .threadList .announcements { height: 55px; line-height: 55px } .threadList .ads { padding: 10px 15px } .threadList .hrk[data-type="728"] img { h:h:90%; } .threadList .thread ol li:nth-child(1), .threadList .thread ol li:nth-child(2) { width:45px; } .threadList .thread ol li:nth-child(2) img { width:32px; height:32px; } .threadList .thread ol li { padding:5px 0px; } .threadList .thread ol li:nth-child(3), .threadList .thread ol li:nth-child(4), .threadList .thread.forumInfo ol li.forum, .threadList.inlineMod .thread.forumInfo ol li.forum{ padding:5px 10px; } .threadList .thread ol li:nth-child(3) .title { font-size:14px; } .threadList .thread ol li:nth-child(3) .user .desktop { font-size:12px; } .threadList .thread ol li:nth-child(3) .icon { right:10px; } .threadList .thread ol li:nth-child(3) .title span.pages { font-size:11px; } .threadList .thread ol li:nth-child(4), .threadList .thread ol li:nth-child(5) { width:155px; } .threadList .thread ol li:nth-child(4) .date { font-size:11px; } .threadList .thread ol li:nth-child(4) .user { font-size:12px; } .threadList .thread ol li:nth-child(4) .user span:first-child { width:120px; } .threadList .thread ol li.reason { width:310px; } .postList .threadActions { height: 40px; line-height: 40px; } .threadSponsor, .postList .post, .postList .r10Sas{ margin-bottom: 15px; } .postList .post .head { height: 30px; line-height: 30px; font-size: 12px; } .postList .post .head .right span.check { height:30px; } .postList .post .postUser { height: 125px; } .postList .post .postUser .userLeft { padding: 22px 15px; } .postList .post .postUser .userLeft .avatar img { width: 80px; height: 80px; } .postList .post .postUser .userLeft .avatar .status { width: 13px; height: 13px; right: -13px; } .postList .post .postUser .userLeft .smallInfo .name { font-size: 16px; } .postList .post .postUser .userLeft .smallInfo .status { font-size:12px; } .postList .post .postUser ul.userMenu li a { padding: 6px 15px 6px 15px; font-size: 13px; } .postList .post .postContent ul li::before { top:7px; } .bootstrap-select.btn-group .dropdown-menu dt { padding: 6px 15px 6px 15px; } .profile .profileCover .changeCover .dropdown-menu label, ul.dropdown-menu li a { padding: 6px 15px 6px 15px!important; font-size:13px!important; } .bootstrap-select.btn-group .dropdown-menu li>a { padding: 8px 15px 8px 15px!important; } #verified, #docVerified, .fast2fai { top: 0px; width: 20px; height: 20px; line-height: 21px!important; } #verified .fa-certificate, #docVerified .fa-certificate, .fast2fai .fa-certificate { font-size: 20px; } #verified .fa-inverse, #docVerified .fa-inverse, .fast2fai .fa-inverse { font-size: 12px; } .postList .post .postUser .userRight, .postList .post .postUser .userRight .carousel-inner{ height: 125px; } .postList .post .postUser .userRight .location { height: 25px; line-height: 25px; font-size: 11px; } .postList .post .postUser .userRight .location span { padding: 0px 15px; } .postList .post .postUser .userRight ul { margin-top: 5px; } .postList .post .postUser .userRight ul li { margin: 0px 15px; font-size: 11px; line-height: 18px; } .postList .post .postUser .userRight .detailPage { height: 22px; line-height: 20px; font-size: 10px; } .postList .post .postUser .userRight .detailPage .carousel-control{ font-size: 16px; line-height: 19px; } .postList .post .postUser .userRight .detailPage .number { font-size: 11px; } .postList .postButtons .buttonsRight .robtn { height: 22px; line-height: 22px; font-size:12px; } .postList .postButtons .buttonsRight .robtn .fa { font-size:14px; top: 0.6px; } .rPanel { margin-bottom:15px; } .rPanel .head { height:35px; line-height:35px; } .rPanel .onlineUsers { font-size:12.5px; } .profile .userInfo .bottom i { left: -2px; } .privateMessages .left .messages ul li { padding:15px; } .privateMessages .left .messages ul li .info { width:240px!important; } .privateMessages .left .messages ul li .info .top, .privateMessages .left .messages ul li .info .bottom { width:225px!important; } .privateMessages .left .messages ul li .avatar .status { width: 11px; height: 11px; right: -11px; } .privateMessages .right .user .avatar img { width: 60px; height: 60px; } .privateMessages .right .user .avatar .status { width: 12px; height: 12px; right: -12px; } .privateMessages .right .rankDouble { padding: 15px 15px 0; } .privateMessages .right .rankDouble .modernRank { width: 110px !important; height: 26px !important; } .privateMessages .right .actions a { height:45px; line-height:42px; } .privateMessages .right .actions a span { top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); } .privateMessages .middle .privateMessage .head { height:76px; padding:0px 15px; } .privateMessages .middle .privateMessage .head span:last-child { font-size:18px; } .privateMessages .middle .conversation ul li .message div.inner { font-size:13px; } .privateMessages .middle .privateMessage .conversationInner { padding: 15px 8px 15px 15px; } .privateMessages .right .user { height:76px; line-height:76px; padding: 0 15px; } .privateMessages .right .info ul { padding:15px; } .profile .profileCover { margin-bottom:15px; } .profile .profileCover, .profile .profileCover .container { height:250px; } .profile .profileCover .userReactions a, .profile .profileCover .changeCover{ width:45px; height:45px; line-height:45px; font-size:20px; } .profile .profileCover .userReactions ul.dropdown-menu::before { left:15px; } .profile .profileCover .changeCover .dropdown-menu { left:-90px; } .profile .profileCover .changeCover .dropdown-menu::before { right:40px; } .profile .left .userBlock:first-child { margin: -176px 0 15px; } .profile .left .userBlock.rdb { margin: -203px 0 15px; } .profile .userInfo .top { height:120px; padding:0 15px; } .profile .userInfo .top .avatar, .profile .userInfo .top .avatar img{ width:75px; height:75px; } .profile .userInfo .top .avatar .status { width:14px; height:14px; right:-14px; } .profile .userInfo .top .info { padding-left:20px; } .profile .userBlock .social { padding:15px!important; } .profile .userInfo .bottom { height:42px; line-height:40px; } .profile .uns .userInfo .bottom { height:41px; } .profile .left .userBlock { margin-bottom:15px; } .profile .left .userBlock .head, .profile .userThreads .uTitle, .profile .userNote .title{ height:40px; line-height:40px; padding:0px 15px; font-size:14px; } .profile .left .userBlock .content, .profile .userSkills .content .item{ padding:15px; } .profile .userBlock ul.user li .info { padding-left:10px; } .profile .userTabs .buttons, .profile .userBlock .buttons { padding: 10px 0; } .profile .userActivity .content ul li { padding:6px 20px; font-size:12px; } .profile .userActivity .content ul li span { font-size:13px; } .profile .right .userTabs { margin-bottom:15px; } .profile .right .userTabs .nav-desktop li { height:40px; line-height:40px; } .profile .trader .left, .profile .trader .right { padding: 15px 0; } .profile .tList li.head { height:50px; line-height:50px; } .profile .tList li.head .bootstrap-select { margin: -3px 5px 0 0 !important; } .profile .right .userTabs .trader button[type="submit"] { top:2px; } .profile .right .userTabs .trader button[type="submit"] i { top:0px; } .profile .tList ol li { font-size:12.5px; } .profile .tList ol li.name i { margin-right:0px; } .profile .userThreads { margin-bottom:15px; } .profile .userThreads ul li .thread, .profile .userThreads ul li .stats { padding: 10px 15px; font-size: 12.5px; } .profile ul.wall li.head, #ticaretModal .head{ height:40px; line-height:40px; } .profile ul.wall li .user .left .avatar img { width:45px; height:45px; } .profile ul.wall li .user .left .name { padding:0px 15px; } .profile ul.wall li .user .right { line-height:45px; } .profile .userTabs ul.user li .inner { height:45px; } .profile .userTabs ul.user li .avatar, .profile .userTabs ul.user li .avatar img { width:45px; height:45px; } .profile .userTabs ul.user .right { line-height:45px; } ul.userList li .inner { height:45px; } ul.userList li .avatar, ul.userList li .avatar img { width:45px; height:45px; } ul.userList li .avatar .status { width:11px; height:11px; right:-11px; } ul.userList li .info .status { font-size:12px; } ul.userList li .right { line-height:45px; } .r10LikeList ul.userList li .inner { height:60px; } .logTable .table tbody td { padding:5px; } .pOrder .mainForum, .pOrder .threadList { margin-bottom:15px; } .threadList .tabHead .nav { height:40px; } .threadList .tabHead .nav li a { line-height:40px; } .threadList .thread.logs ol li:nth-child(2) { padding: 6px 10px; } .threadList .thread.logs ol li:nth-child(2) .user { font-size:12px; } .controlPanel .left .head { height:50px; line-height:50px; } .controlPanel .left .panel .panel-heading { padding:7px 15px; } .controlPanel .left .panel .panel-heading a { font-size:13px; } .controlPanel .left .panel .panel-body ul li { padding:5px 15px; } .controlPanel .left .panel .panel-body ul li a { font-size:12px; } .forumStats { margin-bottom:15px; } .forumStats .head { padding:0 15px; } .forumStats .stats span { height: 35px; line-height: 35px; padding: 0 15px; font-size: 12px; } .tricks { line-height:45px; } .tricks img { width:32px; height:32px; } .contactDetail .top div { height:90px; } .contactDetail .bottom { padding:15px; } #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-md, #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-md .onesignal-bell-launcher-button { width: 54px!important; height: 54px!important; } .onesignal-bell-launcher-button:before { font-size: 40px!important; } .modal-footer .btn { height:35px!important; line-height:35px!important; } .form-group div.bootstrap-select { margin-bottom:0px!important; } footer .footerBar { height:45px; line-height:45px; } footer .footerBar .right { height:45px; } footer .bootstrap-select { height:44px; } footer .bootstrap-select .dropdown-toggle { height:45px; } } @media all and (min-width: 1260px) and (max-width: 1690px){ .privateMessages .left { width:320px; } .privateMessages .left .messages ul li { width:319px; } .privateMessages .left .messages ul li .info { width:225px; } .privateMessages .left .messages ul li .info .top, .privateMessages .left .messages ul li .info .bottom { width:215px; } .privateMessages .right, .privateMessages .right::before { width:260px; } .privateMessages .middle { margin-left:-320px; margin-right:-260px; } .privateMessages .middle .middleContainer { margin-left:320px; margin-right:260px; } } @media all and (min-width: 1024px) and (max-width: 1410px){ .headerBottom ul li { margin: 0 15px; } .headerBottom ul li a { font-size: 12px; } .featuredTabs .featuredThreads .head li:nth-child(2) { font-size:11px; } .controlPanel .pricing li .features { padding: 60px 30px 15px 30px; } .profile .profileCover .userReactions { left:360px; } .profile .left { width:340px; } .profile .right { width: calc(100% - 360px); width: -webkit-calc(100% - 360px); width: -moz-calc(100% - 360px); } .threadFilter .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 155px!important } .subscriptionLog .info div:first-child { font-size: 13px; } } @media all and (min-width: 1000px) and (max-width: 1290px){ .headerBottom ul li { margin:0px -2px; } .headerBottom ul li a { font-size: 11px; } .headerBottom ul li.settings i, .headerBottom ul li.nightSwitch i { font-size: 15px; top:2px; } .featuredTabs .nav li a { max-width: 150px; } main .r10HX .hrk img, main .r10HRk .hrk img { width:468px; height:60px; } .featuredTabs .featuredThreads .head li:nth-child(2), .featuredTabs .featuredThreads .list ol li:nth-child(2), .threadList .thread ol li:nth-child(3) .icon{ display:none; } .featuredTabs .featuredThreads .head li:nth-child(1), .featuredTabs .featuredThreads .list ol li:nth-child(1) { width:65%; } .threadList .ads span { display: block; text-align: center !important; } .threadList .ads span:first-child { margin-bottom:20px; } .threadList .head ul li, .threadList .announcements ul li, .threadList .thread ol li:nth-child(3), .threadList .thread ol li:nth-child(4), .threadList .thread ol li:nth-child(5){ padding-left:15px!important; padding-right:15px!important; } .threadList .head ul li:nth-child(2), .threadList .head ul li:nth-child(3), .threadList .thread ol li:nth-child(3) .title span.pages, .postList .postButtons .buttonsLeft, .privateMessages .middle .statistics .actions{ display:none; } .postList .postButtons .buttonsRight .robtn { padding: 0px 8px; } .poll .head, .postList .post .head .left, .postList .post .postUser .userLeft, .postList .post .postContent, .postList .post .postLike .button, .postList .post .postLike .detail, .postList .postContent.userSignature, .postList .postContent.postButtons{ padding-left:15px!important; padding-right:15px!important; } .threadFilter .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 95px!important } .privateMessages { height:auto; min-height: auto; max-height: auto; } .privateMessages .left, .privateMessages .left .messages ul li{ width:100%; } .privateMessages .left .messages ul li .info{ width: calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); float: left; } .privateMessages .left .messages ul li .info .top, .privateMessages .left .messages ul li .info .bottom { width:100%; } .privateMessages:not(.single) .middle { display: none; } .privateMessages.single .left, .privateMessages .right{ display:none!important; } .privateMessages.single .middle, .privateMessages.single .middle .middleContainer{ margin-left:0px!important; margin-right:0px!important; } .privateMessages .middle .privateMessage .head .desktop{ display: none !important; } .privateMessages .middle .privateMessage .head { height: auto; padding:0px; } .privateMessages .middle .privateMessage .head .mobile { position: relative; display: block !important; } .privateMessages .middle .privateMessage .head .mobile div { line-height:18px; } .privateMessages .middle .privateMessage .head .mobile .top div:first-child { width:50px; } .privateMessages .middle .privateMessage .head .mobile .top div:first-child img { width:40px; height: 40px; border-radius: 100%; } .privateMessages .middle .privateMessage .head .mobile .top div:last-child { } .privateMessages .middle .privateMessage .head .mobile .top div:last-child a { font-size:18px; color: #38a9ff; } .privateMessages .middle .privateMessage .head .mobile .bottom div:first-child { width:auto!important; } .privateMessages .middle .privateMessage .head .mobile .bottom div:first-child img { width:40px; height: 40px; border-radius: 100%; } .privateMessages .middle .privateMessage .head .mobile .bottom div:last-child { position: absolute; right: 10px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); height: 18px; } .privateMessages .middle .privateMessage .head .mobile .bottom div:last-child a { font-size:18px; color: #38a9ff; } .privateMessages .middle .privateMessage .head span:last-child{ font-size:14px; } .privateMessages .middle .privateMessage .head span:first-child:not(.token-label), .privateMessages .middle .privateMessage .head span:first-child span:not(.token-label){ font-size:11px; } .privateMessages .middle .privateMessage .conversationInner { min-height: 250px; padding: 10px 4px 10px 10px; } .privateMessages .middle .conversation ul li .avatar div, .privateMessages .middle .conversation ul li .avatar img { width:35px; height:35px; } .privateMessages .middle .conversation ul li .message { padding:0px!important; } .privateMessages .middle .conversation ul li .message div { font-size:12px; } .privateMessages .middle .conversation ul li .message div.bubble { max-width: 80%; min-width: 40%; } .privateMessages .middle .conversation ul li .message div.inner { padding-bottom:30px; position: relative; } .privateMessages .middle .privateMessage .conversation { overflow-x: initial!important; } .privateMessages .middle .conversation ul li:not(.me) .actions .dropdown-menu { left: -40px; margin-top: 5px; } .privateMessages .middle .conversation ul li:not(.me) .actions .dropdown-menu:before { left: auto; right: 23px; } .privateMessages .middle .conversation ul li.me .actions .dropdown-menu { margin-top: 5px; } .privateMessages .middle .conversation ul li.me .actions .dropdown-menu:before { left: 17px; } .profile .left, .profile .right { width:100%; } .controlPanel .left { width:200px; } .controlPanel .right { width:calc(100% - 220px); width:-webkit-calc(100% - 220px); width:-moz-calc(100% - 220px); } .controlPanel ul.experts li .rightInfo { display:none; } .controlPanel .pricing li .features ol li { width:100%; } .controlPanel .pricing li .buy .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:60%!important; } .threadFilter p { margin:15px 0px; } .threadFilter form .o { display:block; margin-bottom:15px; } .threadFilter form .o label { width:100px; } .forumStats .stats span { display:block; border-right: 0px; } } @media all and (min-width: 1030px) and (max-width: 1130px){ .headerBottom { height: 40px; line-height: 40px; } .headerBottom ul li a { font-size: 10px; } .headerBottom ul li.settings i, .headerBottom ul li.nightSwitch i { font-size: 12px; top:1px; } } @media all and (min-width: 1030px) and (max-width: 1155px){ .headerTop div.user .button.upgrade{ display:none; } } @media all and (max-width: 1030px){ .container { width: 95%!important; } body { font-size:13px; padding-top: 60px; } body.no-padding { padding:0px; } body.onEditorMobile { padding-top:0px; } .headerTop .search, .headerTop div.user .info .name, .headerTop div.user .info .avatar img, .r10HX, .r10HRk, .headerTop div.user .icon.friends, .featuredTabs .featuredThreads .head, .featuredTabs .featuredThreads .filter, .featuredTabs .featuredThreads li:nth-child(2), .featuredTabs .featuredThreads li:nth-child(3), .featuredTabs .featuredThreads li:nth-child(4), .forumList .mainHead, .forumList .forumHead ul li:nth-child(1), .forumList .forum ol li:nth-child(2) .desc, .forumList .forum ol li:nth-child(2) .title span.online, .forumList .forum ol li:nth-child(3), .forumList .forum ol li:nth-child(4), .forumList .footer, .breadCrumb .bottom ul li:after, .breadCrumb .bottom ul li.active, .threadList .hrk, .threadList .thread ol li:nth-child(1), .threadList .thread ol li:nth-child(3) .title span.pages, .threadList .thread ol li:nth-child(3) .user .desktop, .threadList .thread.sponsored ol li:nth-child(3) .user .mobile, .threadList .thread ol li:nth-child(3) .icon, .threadList .thread ol li:nth-child(4), .threadList .thread ol li:nth-child(5), .threadList .thread ol li.forum, .threadList .thread ol li.reason, .threadFilter, .threadFilterRow, .poll .head .right, .postList .threadActions ul li a.hToggler .starRating, .postList .threadActions ul.sub:before, .postList .post .head .right span.ip, .postList .post .postLike .detailInner .desktop, .postList .postButtons .buttonsLeft, .postList .postButtons .buttonsRight .roblue, .postList .postButtons .buttonsRight .robtn.moderated span, .inlineModForm, .inlineModForm .modInfo, .privateMessages:not(.single) .middle, .privateMessages.single .left, .privateMessages .middle .statistics, .privateMessages .middle .privateMessage .head .desktop, .privateMessages .right, .profile .profileCover .container, .profile .tList ol li.options, .profile .tList ol li.user, .profile .tList ol li.date, .profile ul.wall li .user .right, .profile .userTabs ul.user .right, .profile .bank li .logo, .profile .bank li .edit, .profile .userThreads ul li .thread .starRating, .profile .userThreads ul li .stats, .profile .userThreads ul li .thread span.pages, .controlPanel .pricing li:before,.controlPanel .pricing li:after, .controlPanel .forumList, .userPrivileges, .iconArea.ic, #merve, #merveBg, .tricks, .scrollToTop span:last-child, #onesignal-bell-container, .cke_button__source_label, .postList .post .postContent .quote a[data-readmore-toggle].active:before, .postList .post .postContent .spoiler a[data-readmore-toggle].active:before, .headerTop div.visitor a, #uyeOlButon, .r10HRXBk{ display:none!important; } html body main div.container div.forumList div.mainForum ul li.footer{ display:block!important; line-height: 40px !important; height: auto!important; } header { position: fixed; width: 100%; top:0; z-index: 1030; } header.static { position: relative; z-index: 1030; } body.modal-open { padding-top: 0px; } body.modal-open header { position: relative; z-index: 1030; } body.onEditorMobile header{ position: relative!important; } .headerTop { height: 60px; line-height: 60px; } .headerTop .logo { width: auto!important; line-height: 58px; margin-right: 0!important; } .headerTop .logo img { width: 96px; } .headerTop div.user { height: 55px; } .headerTop div.user .icon { position:inherit; margin:4px 8px; z-index:60; } .headerTop div.user .icon.searchlink, .headerTop div.user .icon.newmessages { display: block!important; } .headerTop div.user .icon.newmessages i { position: relative; top: 1px; } .headerTop div.user .icon span.inner { display: block; position: relative; } .headerTop div.user .info { position:inherit; margin:4px 0px 4px 5px; } .headerTop div.user .icon.mbSearch { display: block; } .headerTop div.user .icon.active .inner { z-index:60; } .headerTop div.user .icon .inner:before { bottom: 4px } .headerTop div.user .icon:hover .notificationList { opacity: 0; visibility: hidden; } .headerTop div.user .icon i { font-size:20px; } .headerTop div.user .info .avatar { line-height: inherit; } .headerTop div.user .info .avatar.active .crt { z-index:60; } .headerTop div.user .info .avatar .crt { position: relative; top: 2px; left: 0px; width: auto; height: auto; background: none; border:0px; font-size: 22px; background: transparent!important; } .headerTop div.user .info .avatar .crt i:before { content: "\ec6e"; font-family: 'icomoon' } .notificationList, .headerTop div.user .info .infoMenu{ width:100%; left:0px!important; top: 65px; } .notificationList, .headerTop div.user .info .infoMenu:before{ right:16px; } .notificationList .list li a { display: block; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .headerTop .notificationList { margin-top:-5px; } .headerTop .notificationList .list { overflow: auto; max-height: 250px; } .headerTop div.visitor > a { font-size: 11px; padding: 3px 5px; } .headerTop div.visitor > a:last-child { margin-left: 7px; } .headerBottom { position: relative; z-index: 9999; height: 0px; line-height: 0px; border: 0px; } .headerBottom .navbar-toggle { display:none; width: 100%; float: left; padding: 0px; color:#515365; font-size:18px; text-align: center; margin: 0px; } .headerBottom ul { display:none; position:fixed; z-index:99; background: #494c62; top: 60px; margin: 0px; left: 0px; max-height: 80%; overflow-y: auto; border-bottom: 1px solid rgba(197,200,222, 0.5); } .headerBottom ul.navbar-nav { display: block!important; visibility: hidden; opacity: 0; transition: all .3s ease; border-bottom: 0px; } .headerBottom ul.navbar-nav::before { position: absolute; display: inline-block; content: ""; top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #494c62; right: 13px; } .headerBottom ul li { display:block; margin:0px; width:100%; border-bottom: 1px solid #5a5e76; } .headerBottom ul li:last-child { border-bottom: 0px; } .headerBottom ul li a { display: block; line-height: 45px; position: relative; padding: 0px 25px; color:#fff; text-transform: uppercase; font-weight: 600; } .headerBottom ul li.active a { background: #3f4257!important; color:#fff; } .headerBottom ul li ul { background: #fff; display: none; visibility: visible; opacity: 1; position: relative; top: 0px; left: 0px; width: auto; box-shadow: none; transition: inherit!important; border:0px; } .headerBottom ul li ul:before { left:22px; } .headerBottom ul li ul li { padding:10px 25px; background: #fff!important; } .headerBottom ul li ul li a, .headerBottom ul li.active ul li a{ line-height: inherit; padding: 0; color:#515365; background: none!important; font-weight: 400; text-transform:initial; } main{ margin-top: 15px; } .featuredTabs { margin-bottom:15px; } .featuredTabs .nav { height:auto; } .featuredTabs .nav li { width:100%; float:none!important; margin: 0; } .featuredTabs .nav li a { border-right: 0px!important; padding:0px 15px; } .featuredTabs .nav-mobile { display: block; } .featuredTabs .nav-mobile li a { line-height: 45px; } .featuredTabs .nav-desktop { display:none; position: absolute; background: #3f4257; width: 100%; z-index: 99; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .featuredTabs .nav-desktop li { border-bottom:2px solid #5a5e76; } .featuredTabs .nav-desktop li.active { background:#5a5e76; font-weight: 600; } .featuredTabs .nav-desktop li:last-child{ border-bottom:0px; } .featuredTabs .nav-desktop li:after { display:none; } .featuredTabs .nav-desktop li a { color:#fff!important; width: 100%; max-width: 100%; } .featuredTabs .nav-desktop li i { color:#979aae; } .featuredTabs .nav li.customize { border-top-right-radius: 0px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .featuredTabs .featuredThreads .list .thread { display: block!important; } .featuredTabs .featuredThreads .list li:first-child ol li { padding:10px 10px 3px 10px!important; } .featuredTabs .featuredThreads .list li:last-child ol li { padding:3px 10px 15px 10px!important; } .featuredTabs .featuredThreads .list ol li { border-right: 0px; } .featuredTabs .featuredThreads .list ol li:nth-child(1){ font-size:13px; width:100%!important; padding:3px 10px!important; } .featuredTabs .featuredThreads .list ol li .title { margin-left: 10px; width: calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); } .featuredTabs .moreThreads { height: 30px; line-height: 30px; font-size: 12px; } .forumList ul:not(:last-child) { margin-bottom: 0px } .forumList .mainForum { margin-bottom:0px; } .forumList .forumHead { height:30px; line-height:30px; font-size: 12px; border-radius: 0px; } .forumList .forumHead.rad, .mainForum .forumHead:first-child{ border-top-left-radius: 2px; border-top-right-radius: 2px; } .forumList .forumHead ul li:nth-child(2) { max-width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; } .forumList .forumHead ul li:nth-child(1), .forumList .forum ol li:nth-child(1) { width:50px!important; } .forumList ul { margin-bottom:25px; } .forumList .forum ol li { padding:5px 0px; } .forumList .forum ol li:nth-child(1) .rokito { font-size:30px; width: 26px; height: 35px; } .forumList .forumHead ul li:nth-child(2){ width:auto; padding:0px 10px!important; border-right:0px; } .forumList .forum ol li:nth-child(2) { width:auto; padding:10px!important; border-right:0px; } .forumList .forum ol li:nth-child(2) .title { white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .forumList .forum ol li:nth-child(2) .title span,.forumList .forum ol li:nth-child(2) .title h3 { font-size:13px!important; } .forumStats .stats span { height:auto; line-height:inherit; display: block; margin: 10px 0px; } .breadCrumb { margin-bottom: 15px; } .breadCrumb .top { padding:0px; } .breadCrumb .top .left { padding:20px 7px; width:100%; } .breadCrumb .top .left div { display: inline-block; } .breadCrumb .top .left div:first-child { width:40px; margin-top:-16px; } .breadCrumb .top .left div:last-child { width:calc(100% - 40px); width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); } .breadCrumb .top .left span:first-child:not(.google1) { text-overflow:ellipsis; overflow: hidden; } .breadCrumb .top .left span.desc { font-size: 11px; line-height: 16px; } .breadCrumb .top .left div:last-child { padding-left:5px; } .breadCrumb .top .left .rokito { font-size: 38px; width: 40px; height: 25px; } .breadCrumb .top .right { padding:0px 10px; display: block !important; width: 100%; font-size: 12px; line-height: 25px; border-top: 1px solid #e2e6e9; } .breadCrumb .top .right p:first-child { float:left; } .breadCrumb .top .right p:last-child { float: right; } .breadCrumb .bottom ul li { position: relative; display:block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; padding: 0px 10px 0px 25px!important } .breadCrumb .bottom ul li:before { content: "\ec68"; font-family:"icomoon"; border:0px; top: 21px; left: 7px; color: #38a9ff; } .threadSponsor { margin-bottom: 15px; } .pagination { margin-bottom: 15px; } .pagination .left, .pagination .right{ width:100%; display: block; float:none; } .pagination .left .rbtn, .pagination .right .rbtn{ margin-right: 0px; display: block; margin-bottom: 20px; } .pagination .left.double { display: block; overflow: hidden; } .pagination .left.double .rbtn { width: 49%; font-size:12px; height: 30px; line-height: 30px; margin: 0px; color:#515365!important; } .pagination .left.full { margin-top:15px; } .pagination .left.full .rbtn{ margin-top:15px; width: 100%; font-size:12px; height: 30px; line-height: 30px; margin: 0px; } .pagination .left.double .rbtn span:first-child,.pagination .left.double .rbtn:before{ width: 30px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .pagination .left.double .rbtn span:first-child { left: 0px; font-size: 15px; } .pagination .left.double .rbtn span:last-child { padding: 0px 10px; font-size:10px; } .pagination .left.double .rbtn:first-child { float: left; } .pagination .left.double .rbtn:last-child { float: right; } .pagination .right { margin-top:15px; } .pagination ul { height:35px; line-height:35px; } .pagination ul li { font-size:12px; display: inline-block; } .pagination ul li ul li { float: none; } .pagination ul li.middle ul { overflow-x: auto; } .search .pagination, .search .pagination .right{ margin-top: 0px; } .postList .threadActions { height: 35px; line-height: 35px; } .postList .threadActions.title ul { float: left; width: 100%; } .postList .threadActions.title ul li { padding: 0px 15px; text-align: left; } .threadList .head ul { position: relative; } .threadList .head ul li { padding:0px 15px; } .threadList .head ul li:nth-child(1) { width:calc(100% - 80px); width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); } .threadList.search .head ul li:nth-child(1) { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .threadList .head ul li:not(:first-child){ width:40px; height: 45px; position: initial; padding: 0px; } .threadList .head ul li:not(:first-child) a.hToggler{ width: 40px; height: 45px; display: block; color:rgba(0,0,0,0); position: relative; } .threadList .head ul li:not(:first-child) a.hToggler i { right:auto; left:50%; } .threadList .head ul li#konuSecenek i:before{ content: "\eaca"; font-family: "icomoon"; } .threadList .head ul li#konuArama i:before{ content: "\f002"; } .threadList .head ul li ul, .threadList .head ul li div.child{ width:100%; } .threadList .head ul li ul:before, .threadList .head ul li div.child:before { left: 50%!important; -webkit-transform: translate(-50%,0%); transform: translate(-50%,0%); } .threadList .head ul li:not(:first-child), .threadList .head ul li:not(:first-child) a.hToggler { height: 35px; } .threadList .announcements { height:auto; line-height:inherit; } .threadList .announcements ul li { padding:5px 0px; } .threadList .announcements ul li:nth-child(1) { width:50px; font-size: 24px; } .threadList .announcements ul li:nth-child(2) { padding:0px 10px; line-height:16px; } .threadList .announcements ul li:nth-child(2) span { font-size: 11px; } .threadList .announcements ul li:nth-child(2) span:first-child { font-size:12px; } .threadList .thread ol li:nth-child(3) { padding:5px 10px; width:auto; } .threadList .thread.deleted ol li:nth-child(3){ border-right: 0px; } .threadList .thread ol li:nth-child(3) .title { max-width: 100%; font-size:12px; } .threadList .thread ol li:nth-child(3) .user { font-size:11px; } .threadList .thread.sponsored ol li:nth-child(3) .user .desktop { display:block!important; } .threadList .thread ol li:nth-child(3) .user .mobile { display:block; } .threadList .thread ol li:nth-child(3) .user .mobile:last-child i { color: #979aae; margin-right:2px; } .threadList .thread ol li:nth-child(3) .user .mobile .left { float:left; max-width: 90%; } .threadList .thread ol li:nth-child(3) .user .mobile .right { float:right; } .threadList .thread ol li:nth-child(3) .user .mobile .right span { color: #38a9ff; } .threadList.inlineMod .thread ol li.check { width: 35px; } .threadList .thread.logs ol li:nth-child(1) { display: table-cell!important; } .threadList .inlineModForm, .postList .inlineModForm { display: block!important; width: 100%; } .threadList .inlineModForm .bootstrap-select, .postList .inlineModForm .bootstrap-select{ margin: 0px!important; width: 100%!important; margin-bottom: 10px!important; } .threadList .inlineModForm .robtn, .postList .inlineModForm .robtn{ width: 100%; margin: 0px!important } .threadSponsor ul li:nth-child(1) { width:50px; font-size:24px; } .threadSponsor ul li:nth-child(2) { padding: 5px 10px; line-height: 16px; } .threadSponsor ul li:nth-child(2) span:first-child { font-size: 12px; } .threadSponsor ul li:nth-child(2) span { font-size:11px; } .poll .head { padding:0px 15px; } .poll .head .left { color:rgba(0,0,0,0); } .poll.vote .content:before { left:0; } .poll .content .title { font-size:14px; } .poll .optionResults .optionTitle, .poll .optionResults .rating { width:50%; } .poll .buttons .robtn { padding:0px 30px; } #konuIslem .checkbox+.checkbox, .radio+.radio{ margin-top:10px; } .postList { margin-bottom: 15px; } .postList .threadActions { width: 100%; position: relative; } .postList .threadActions ul li{ width: 43px!important; height: 35px; position: initial!important; padding: 0px; overflow: hidden; } .postList .threadActions ul.sub li { height: 45px; } .postList .threadActions ul li a.hToggler{ width: 43px; height: 35px; display: block; color:rgba(0,0,0,0)!important; position: relative; } .postList .threadActions ul li a.hToggler i { left: 50%; color: #ff5e3a; position: absolute; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); font-size: 14px; margin:0px!important; } .postList .threadActions ul li#konuIslem a i:before { content: "\eb70"; font-family: "icomoon"; } .postList .threadActions ul li#konuSecenek a i:before { content: "\eaca"; font-family: "icomoon"; } .postList .threadActions ul li#konuArama a i:before { content: "\f002"; } .postList .threadActions ul li#konuDegerlendirme a i:before { content: "\eba6"; font-family: "icomoon"; } .postList .threadActions ul li ul, .postList .threadActions ul li div.child { width: 100%; } .postList .threadActions ul li#konuSecenek div.child:before { left:auto; right: 101px; } .postList .threadActions ul li#konuArama div.child:before { left:auto; right: 58px; } .postList .threadActions ul li#konuDegerlendirme div.child:before { left:auto; right: 15px; } .postList .post { position: relative; margin-bottom: 15px; } .postList .post .head .left{ padding:0px 10px; font-size: 12px; } .postList .post .head .right span.check { width: 35px; height: 30px; } .postList .post .head .right span.check .checkbox { width: 13px; height: 13px; } .postList .post .head .right span.check .checkbox label:before { margin-left: -7px; width: 14px; height: 14px; } .postList .post .postUser { height:auto; } .postList .post .postUser .userLeft { padding:15px 10px; } .postList .post .postUser .userLeft .avatar img { width:50px; height:50px; } .postList .post .postUser .userLeft .avatar .status { width:12px; height:12px; right:-12px; } .postList .post .postUser .userLeft .smallInfo { padding:0px 15px; line-height: 16px; } .postList .post .postUser .userLeft .smallInfo .name { font-size:16px; } .postList .post .postUser .userLeft .smallInfo .name #verified, .postList .post .postUser .userLeft .smallInfo .name #docVerified, .postList .post .postUser .userLeft .smallInfo .name .fast2fa { font-size:11px; width:20px; height:20px; line-height: 21px; } .postList .post .postUser .userLeft .smallInfo .name #verified .fa-certificate, .postList .post .postUser .userLeft .smallInfo .name #docVerified .fa-certificate, .postList .post .postUser .userLeft .smallInfo .name .fast2fai .fa-certificate { font-size:20px; } .postList .post .postUser .userLeft .smallInfo .name #verified .fa-check, .postList .post .postUser .userLeft .smallInfo .name #docVerified .fa-registered, .postList .post .postUser .userLeft .smallInfo .name .fast2fai .fa-unlock-alt { font-size:12px; } .postList .post .postUser .userLeft .smallInfo .status { font-size:12px; margin:0px; } .postList .post .postUser .userLeft { display: block !important; width: 100%!important; float:none!important; height: 100px!important; } .postList .post .postUser .userRight { display: block !important; width: 100%!important; border: 0px!important; float: none!important; height: 100px!important; } .postList .post .postUser .userRight.hm { display: none!important; } .postList .post .postUser .userRight .detailedInfo { -webkit-overflow-scrolling: touch; } .postList .post .postUser .userRight .carousel-inner { height: 100px; } .postList .post .postUser .userRight .carousel-inner .item { transition: transform .2s ease-in-out; } .postList .post .postUser .userRight .carousel-inner .userField { margin-top: 10px; } .postList .post .postUser .userRight .socialField li span { width: 16px; height: 16px; line-height: 14px; } .postList .post .postUser .userRight .carousel-control.right { line-height: 105px; opacity: 1; background: none; text-shadow: none; color: #ff5e3a; z-index: 222; } .postList .post .postUser .userRight ul li i { font-size: 10px; } .postList .post .postUser ul.userMenu { top:100px; left: 0px; width: 100%; margin: 30px 0px; } .postList .post .postUser ul.userMenu:before { left: 33px; } .postList .post .postContent { word-wrap: break-word; padding:15px 10px; font-size:13px; } .postList .post .postContent.userSignature { display: block; overflow: hidden; padding: 10px; } .postList .post .postContent.userSignature, .userSignature font[size], .userSignature pre { font-size: 10px; } .postList .post .postContent.userSignature > div { overflow: scroll; } .postList .post .postLike { height:30px; line-height: 31px; } .postList .post .postLike .button a { padding:0px 10px; font-size: 12px; } .postList .post .postLike .detail { padding:0px 15px; } .postList .post .postLike .detailInner .mobile { display:block; font-size:9px; position: relative; margin-top: 0.5px; } .postList .mostLiked .head { padding:0px 15px; } .postList .mostLiked ul li { padding:15px; } .postList .mostLiked ul li .user .left .avatar img { width:45px; height:45px; } .postList .mostLiked ul li .user .left .name { padding:0px 10px; line-height: 16px; } .postList .mostLiked ul li .user .left .name div:first-child { font-size:14px; } .postList .mostLiked ul li .user .left .name div:last-child { font-size:11px; } .postList .mostLiked ul li .user .right { line-height: 45px; } .postList .mostLiked ul li .user .right .rbbtn { padding:3px 10px; } .postList .mostLiked ul li .message { font-size:12px; } .postList .postContent.postButtons { padding: 5px 10px 5px 0px; } .postList .postButtons .buttonsRight .robtn { height: auto; line-height: inherit; margin:0px!important; padding:2px 5px; font-size:11px; text-align:center; } .postList .postButtons .buttonsRight .robtn .fa { font-size: 11px; top:0; } .postList .postButtons .buttonsRight .robtn.moderated .fa { margin-right:0px; } .postList .post .postContent img, .postList .post .userMessage img{ max-width: 1000px; } .postList.single .threadActions{ height:auto; line-height: 30px; } .postList.single .threadActions ul{ float:none!important; } .postList.single .threadActions ul li{ height: auto; padding: 0px 10px!important; white-space: inherit!important; } .rPanel .head { padding:0px 15px; } .rPanel .content { padding:10px 15px; } .privateMessages { height:auto; min-height: auto; border-right: 1px solid #dfe5ee; } .privateMessages .left { border-right: 0px; } .privateMessages .left .head .menu { left:15px; } .privateMessages .left .head .new { right:15px; } .privateMessages .left .search form { padding:10px 15px; } .privateMessages .left, .privateMessages .left .messages ul li{ width:100%!important; } .privateMessages .left .messages { min-height: 350px; } .privateMessages .left .messages ul li { padding:15px; } .privateMessages .left .head .menu, .privateMessages .left .head .new { font-size:18px; } .privateMessages .left .messages ul li .info{ width: calc(100% - 50px)!important; width: -webkit-calc(100% - 50px)!important; width: -moz-calc(100% - 50px)!important; float: left; } .privateMessages .left .messages ul li .info .top, .privateMessages .left .messages ul li .info .bottom { width:100%!important; } .privateMessages .left .edit { overflow: hidden; padding: 5px 15px; } .privateMessages.single .middle, .privateMessages.single .middle .middleContainer{ border-left:0px!important; margin-left:0px!important; margin-right:0px!important; } .privateMessages .middle .privateMessage .head { height: auto; padding:0px; } .privateMessages .middle .privateMessage .head .mobile { position: relative; display: block; } .privateMessages .middle .privateMessage .head .mobile div { line-height:18px; } .privateMessages .middle .privateMessage .head .mobile .top div:first-child { width:50px; } .privateMessages .middle .privateMessage .head .mobile .top div:first-child img { width:40px; height: 40px; border-radius: 100%; } .privateMessages .middle .privateMessage .head .mobile .top div:last-child { } .privateMessages .middle .privateMessage .head .mobile .top div:last-child a { font-size:18px; color: #38a9ff; } .privateMessages .middle .privateMessage .head .mobile .bottom div:first-child { display: block; max-width: 75%; word-break: keep-all; line-height: 12px; width:auto!important; } .privateMessages .middle .privateMessage .head .mobile .bottom div:first-child img { width:40px; height: 40px; border-radius: 100%; } .privateMessages .middle .privateMessage .head .mobile .bottom div:last-child { position: absolute; right: 10px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); height: 18px; } .privateMessages .middle .privateMessage .head .mobile .bottom div:last-child a { font-size:18px; color: #38a9ff; } .privateMessages .middle .privateMessage .head span:last-child{ font-size:14px; } .privateMessages .middle .privateMessage .head span:first-child:not(.token-label), .privateMessages .middle .privateMessage .head span:first-child span:not(.token-label){ font-size:11px; } .privateMessages .middle .privateMessage .conversationInner { min-height: 250px; padding: 10px 4px 10px 10px; } .privateMessages .middle .conversation ul li .avatar div, .privateMessages .middle .conversation ul li .avatar img { width:35px; height:35px; } .privateMessages .middle .conversation ul li .message { padding:0px!important; } .privateMessages .middle .conversation ul li .message div { font-size:12px; } .privateMessages .middle .conversation ul li .message div.bubble { max-width: 80%; min-width: 40%; } .privateMessages .middle .conversation ul li .message div.inner { padding-bottom:20px; position: relative; } .privateMessages .middle .privateMessage .conversation { overflow-x: initial!important; } .privateMessages .middle .conversation ul li:not(.me) .actions .dropdown-menu { left: -40px; margin-top: 5px; } .privateMessages .middle .conversation ul li:not(.me) .actions .dropdown-menu:before { left: auto; right: 23px; } .privateMessages .middle .conversation ul li.me .actions .dropdown-menu { margin-top: 5px; } .privateMessages .middle .conversation ul li.me .actions .dropdown-menu:before { left: 17px; } .profile .left, .profile .right { width:100%; } .profile .profileCover { height:200px; } .profile .left .userBlock:first-child { margin: -146px 0 15px; } .profile .left .userBlock.rdb { margin: -173px 0 15px; } .profile .userInfo .top { padding: 0px 15px; height:90px; } .profile .userInfo .top .avatar, .profile .userInfo .top .avatar img { width:50px; height: 50px; } .profile .userInfo .top .avatar .status { width: 12px; height: 12px; right: -12px; } .profile .userInfo .top .info { line-height: 14px; } .profile .userInfo .top .info .name { font-size: 16px; } .profile .userInfo .top .info .status { font-size: 12px; } .profile .userInfo .top .info { padding-left: 20px; } .profile .userInfo .bottom i { left:0; } .profile .left ul.dropdown-menu li a{ padding: 9px 15px 9px 15px!important; } .profile .left ul.dropdown-menu li label { font-weight: 600!important; margin:0px!important; padding: 9px 15px 9px 15px!important; line-height: 1.42857143!important; font-size: 13px; } .profile .userBlock .social { padding:15px!important; } .profile .left .userBlock .head { font-size:14px; padding: 0px 15px; } .profile .left .userBlock .content { padding:15px; } .profile .trader .left { border-right: 0px; border-bottom: 1px solid #e2e6e9; padding-bottom:12px; } .profile .trader .top ul li span { width:230px; font-size:12.5px; } .profile .right .userTabs .nav li { height: 40px; line-height: 40px; } .profile .right .userTabs .nav-mobile { display: block; } .profile .right .userTabs .nav-desktop { display:none; position: absolute; background: #3f4257; width: 100%; z-index: 99; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .profile .right .userTabs .nav-desktop li { float: none; border-right: 0px; border-bottom:2px solid #5a5e76; } .profile .right .userTabs .nav-desktop li:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; } .profile .right .userTabs .nav-desktop li:nth-last-child(2){ border-bottom:0px; } .profile .right .userTabs .nav-desktop:before, .profile .right .userTabs .nav-desktop li.other, .profile .right .userTabs .nav-desktop li:before, .profile .right .userTabs .nav-desktop li:after { display:none; } .profile .right .userTabs .nav-desktop li a { background: transparent!important; color:#fff; } .profile .right .userTabs .nav-desktop li i { width: 25px; color:#979aae; } .profile .tList li.head .bootstrap-select{ max-width: 125px; } .profile .tList ol li.name div.mobile { display: block; } .profile .tList ol li.name a { display: inline-block; width:100%; } .profile .trader .top .rate .percent { width:75px; font-size:12px; text-align:right; padding-left:0px; } .profile .userTabs ul.user li .avatar, .profile ul.wall li .user .left .avatar img, .profile ul.wall li .user .left .avatar, .profile .userTabs ul.user li .avatar img { width:45px; height: 45px; } .profile .userTabs ul.user li .inner { height:45px; } .profile ul.wall li .user .left .name { padding:0px 10px; } .profile .bank .acc { padding-left:0px; } .profile ul.timeline:before { left:15px; } .profile .userTabs ul.timeline li .timeline-title { font-size: 14px; } .profile .userTabs ul.timeline li .timeline-body { font-size:12px; } .profile ul.timeline li .timeline-panel { width:calc(100% - 30px)!important; width:-webkit-calc(100% - 30px)!important; width:-moz-calc(100% - 30px)!important; float:right!important; } .profile ul.timeline li .timeline-panel:before { border-left-width: 0!important; border-right-width: 15px!important; left: -15px!important; right: auto!important; } .profile ul.timeline li .timeline-panel:after { border-left-width: 0!important; border-right-width: 14px!important; left: -14px!important; right: auto!important; } .profile .right .userTabs .pagination div, .controlPanel .pagination div{ float:none; margin:0 auto!important; display: table; width: 95%; table-layout: fixed; } .profile .userThreads ul li .thread { width: 100%; font-size: 12px; padding: 10px 15px; } .profile .userThreads ul li .thread .title { max-width:100%; } .profile .userThreads .uTitle, .profile .userNote .title { font-size:14px; } .profile .userNote .title .right a i { font-size: 18px; top:2px; } .profile ul.wall.overview li { width: 100%; border-left: 0px!important } .controlPanel .left, .controlPanel .right{ width:100%; float:none; } .controlPanel .left { margin-bottom:25px; } .controlPanel .right .left { display:block; background: transparent!important; border-radius: 0px; margin:0px; } .controlPanel ul.experts li:first-child .leftInfo { margin-top:30px; } .controlPanel ul.experts li .leftInfo, .controlPanel ul.experts li .skills, .controlPanel ul.experts li .rightInfo { width:100%; display: block; border:0px; } .controlPanel ul.experts li .leftInfo { padding-top:15px; } .controlPanel ul.experts li .avatar, .controlPanel ul.experts li .avatar img { width:45px; height:45px; } .controlPanel ul.experts li .skills { padding:15px 5px; } .controlPanel ul.experts li .skills .skill .left, .controlPanel ul.experts li .skills .skill .right { width: 50%; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; margin:0px; } .controlPanel ul.experts li .rightInfo { padding:0px 5px; } .controlPanel ul.experts li .rightInfo ol li:last-child { position: relative; display: block; bottom: 0px; margin-top: 15px; } .controlPanel .pricing li:last-child { margin-bottom:0px; } .controlPanel .pricing li .name, .controlPanel .pricing li .features, .controlPanel .pricing li .buy { display:table!important; width: 100%!important; float: none!important; height: auto!important; border:0px; padding: 15px; } .controlPanel .pricing li .name { font-size:18px; padding:10px 0px; border-top-right-radius: 2px; border-bottom-left-radius: 0px; } .controlPanel .pricing li .features:after { border-width: 25px 25px 0px 25px; left:50%; top:-3px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .controlPanel .pricing li .features ul li:before { display: block!important; } .controlPanel .pricing li.kurumsal .features:after { border-color: #8153e8 transparent transparent transparent; } .controlPanel .pricing li.kurumsalplus .features:after { border-color: #242a2e transparent transparent transparent; } .controlPanel .pricing li .features { border-bottom: 1px solid #e2e6e9; } .controlPanel .pricing li.silver .features:after { border-color: #26a91d transparent transparent transparent; } .controlPanel .pricing li.gold .features:after { border-color: #1a7bc1 transparent transparent transparent; } .controlPanel .pricing li.platin .features:after { border-color: #c89b0e transparent transparent transparent; } .controlPanel .pricing li.maxi .features:after { border-color: #494c62 transparent transparent transparent; } .controlPanel .pricing li.ultra .features:after { border-color: #3f4257 transparent transparent transparent; } .controlPanel .pricing li.nickchange .features:after { border-color: #3f4257 transparent transparent transparent; } .controlPanel .pricing li.sponsor .features:after { border-color: #ff5e3a transparent transparent transparent; } .controlPanel .pricing li.featured .features:after { border-color: #ee0743 transparent transparent transparent; } .controlPanel .pricing li.notificationad .features:after { border-color: #38a9ff transparent transparent transparent; } .controlPanel .pricing li.notificationadp .features:after { border-color: #004399 transparent transparent transparent; } .controlPanel .pricing li.kayanReklam .features:after { border-color: #12be4f transparent transparent transparent; } .controlPanel .pricing li.topBarReklam .features:after { border-color: #242a2e transparent transparent transparent; } .controlPanel .pricing li.modalReklam .features:after { border-color: #680dff transparent transparent transparent; } .controlPanel .pricing li.jobGroup .features:after { border-color: #494c62 transparent transparent transparent; } .controlPanel .pricing li .features .rank { display: inherit; position: absolute; left: 50%!important; top: 20px!important; right:0px!important; transform: translate(-50%, 0)!important; -webkit-transform: translate(-50%, 0)!important; } .controlPanel .pricing li .features { padding:60px 10px 10px 10px; } .controlPanel .pricing li .features ol { padding:0px 15px; } .controlPanel .pricing li .features ol li { width: 100%; } .controlPanel .pricing li .buy { border-top-right-radius: 0px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } ul.userList li .inner { height: 35px; } ul.userList li .avatar, ul.userList li .avatar img { width: 35px; height: 35px; } ul.userList li .right { line-height: 35px; } ul.userList li .right a:last-child { margin-left: 5px; } .rPanel .rowTable{ display: block!important; margin:0px!important; } .rPanel div[class*="col-"] { display:block!important; width: 100%!important; margin-bottom: 15px; } .rPanel .rowTable div[class*="col-"]{ padding: 0px; } .rPanel .editor { border: 0 } form .rPanel .table-responsive { border: 0px; padding: 0px; } ul.userlist li { width: 100%!important; } ul.userList li .info { line-height: 13px; } ul.userList li .info .name { font-size: 13px; } ul.userList li .info .status { font-size: 11px; } ul.userList li .right .rbbtn { font-size: 9px; padding: 1px 7px 1px 7px!important } ul.userList li .right a:last-child { margin-left: 5px!important } .threadList.notifications { position:relative; } .threadList .tabHead .nav li a { padding:0 15px; } .threadList .tabHead .nav-mobile { display:block; } .threadList .tabHead .nav-mobile li a { border-right:0px!important; } .threadList .tabHead .nav-desktop { display:none; position: absolute; background: #3f4257; width: 100%; z-index: 99; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; height:auto; } .threadList .tabHead .nav-desktop li { float: none; border-right: 0px; border-bottom:2px solid #5a5e76; } .threadList .tabHead .nav-desktop li:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; } .threadList .tabHead .nav-desktop li:nth-last-child(2){ border-bottom:0px; } .threadList .tabHead .nav-desktop:before, .threadList .tabHead .nav-desktop li:before, .threadList .tabHead .nav-desktop li:after { display:none; } .threadList .tabHead .nav-desktop li a { background: transparent!important; color:#fff; border-right:0px!important; max-width:inherit; } .threadList .tabHead .nav-desktop li i { width: 25px; color:#979aae; } .threadList .tabHead .nav-desktop li.active { background: #5a5e76; font-weight: 600; } .threadList .tabHead .nav li.customize { float:none; border-bottom: 0px!important; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .iconArea { margin-bottom: 15px; } .iconArea .right { width:100%; float:none; text-align: center; } .iconArea .left, .iconArea .right { width:100%; float:none; text-align: center; } .iconArea .forumIcon { display: inline-block; float:none; padding-right:5px; } .iconArea .forumIcon:last-child { padding:0px; } .iconArea .right { margin-top:10px; } .iconArea .right ul li { padding:0px 10px; } .contactDetail { margin-bottom: 20px; } .contactDetail .top div { display:block; width:100%; height:auto; padding:15px 25px; border-bottom: 1px solid #e2e6e9; border-right:0px; } #ticaretModal .modal-dialog { width: auto; } .emoji, .osmilie img, #vB_Editor_001_smiliebox img, .cke_smile img { width: 16px; height: 16px; } #girisModal .modal-dialog { width: 95%; } .modal { top: 60px; } .oEmbed{ width:95%; } #dogumGunuModal:before { display:none; } #dogumGunuModal .modal-dialog { width:95%; } #dogumGunuModal .modal-body { min-height: 325px; } #dogumGunuModal .msg { font-size: 28px; } #temaAyarModal .modal-dialog { width: auto; } #temaAyarModal .modal-header { height: 60px; } #temaAyarModal .modal-header span:first-child{ width: 36px; height: 36px; line-height: 36px; font-size: 16px; margin-left: 15px; margin-right: 16px; } #temaAyarModal .modal-header span:nth-child(2) { font-size: 14px; } #temaAyarModal .modal-header .close { width: 60px; height: 60px; line-height: 60px; } .modernOptions .option { align-items: baseline; flex-direction: column; padding:10px!important; } .modernOptions .option .title { margin-right: 0px; } .modernOptions .option .title div:first-child{ width: 48px; height: 48px; line-height: 48px; margin-right: 10px; } .modernOptions .option .title div:last-child { width: calc(100% - 58px); } .modernOptions .option .title div:last-child span:first-child{ font-size: 14px; } .modernOptions .option .title div:last-child span:last-child{ font-size: 9px; line-height: 9px; } .modernOptions .option .input { width: 100%; margin-left: initial; margin-top: 20px; } .modernOptions .option .input .bootstrap-select{ width: 100vh!important; } .modernOptions .option .input label { margin-right: 10px; } .modernOptions .option .input > label:last-child { margin-right: 0px; } .modernOptions .option .input label.choice div { font-size: 10px; width: 100px; height: 35px; line-height: 29px; } .modernOptions .option .input label.choice input:checked~div:before, .modernOptions .option .input label.choice:hover div:before{ border:2px solid #fff; } .modernOptions .option .input label.color div { width: 36px; height: 36px; } .modernOptions .option .input label.color div:before { border:3px solid transparent; } .modernOptions .option .input label.color:hover div:after, .modernOptions .option .input label.color input:checked~div:after { font-size: 16px; } .subscriptionLog { margin-bottom: 20px; } .subscriptionStatus .subscriptionProgress.inv { width:70%; } .bootstrap-select:not([class*=span]):not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 275px!important; } form[name='register'] .rPanel .content, form[name='register'] .rPanel .row-table { display: block!important; } form[name='register'] .rPanel .rosvg { width: 70%; } form[name='register'] .rPanel fieldset .row { margin:0px!important; } form[name='register'] .rPanel fieldset div[class*=col-] { padding: 0px; } footer .footerBar .left { font-size:12px; } footer .footerBar .right .bootstrap-select { width: 125px!important; } footer .bootstrap-select.btn-group div.dropdown-menu { left: -25px!important; } footer .bootstrap-select .filter-option { font-size:13px; } } @media all and (max-width: 520px){ html body main div.container div.forumList div.mainForum ul li.footer{ display:flex!important; line-height: normal !important; height: auto!important; align-items: center; } html body main div.container div.forumList div.mainForum ul li.footer a{ width: 50%; margin-left: 0!important; display:block!important; padding: 6px 0px; } } @media (max-width: 380px){ .headerTop div.visitor>div.notify { margin-right: 10px; } .ClassyCountdown-wrapper > div { margin:0px 10px 0px 3px; } } @media all and (max-width: 350px){ .threadList.inlineMod .thread ol li.check, .postList .post .head .right span.check, .privateMessages .middle .privateMessage .head .mobile .top .modernRank, .inlineModForm{ display: none!important; } .headerTop div.user .icon { margin: 4px 5px; } .headerTop div.user .icon i { font-size: 18px; } .profile .trader .top ul li span { width:215px; } .ClassyCountdown-wrapper > div { margin:0px 4px; width: 60px; } .modernOptions .option .input label { margin-right: 0px; } .modernOptions .option .input label.choice div { width: 90px; height: 30px; line-height: 24px; font-size: 9px; } footer .footerBar .left { font-size: 11px; } footer .footerBar .right .bootstrap-select { width: 110px!important } footer .bootstrap-select .filter-option { width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .grecaptcha-badge { width: 0px!important; visibility: hidden; } } @media screen and (max-width: 900px) { .smsOnayContent .input-group{ display: block !important; } .smsOnayContent .input-group-btn button{ width: 100% !important; border-top-right-radius: 0; border-bottom-left-radius: 2px !important; margin-left: 0 !important; } } @media all and (max-width:920px){ .m-fs-10{ font-size: 10px !important; } .d-mr-5 { margin-right: 0 !important; } } @media all and (max-width:920px){ .postList .post .postContent img { max-width: 100%; } .postList .post .postContent img, .postList .post .userMessage img{ max-width: 100%; } #r10WhoisModal .modal-dialog, #r10KimlikResimModal .modal-dialog { width: auto; } } @media all and (max-width:320px){ .r10Logo { width: 100px!important; height:40px!important; top:9px!important; } .modernRank { width: 110px!important; height: 26px!important; } .postList .post .postUser .userLeft .smallInfo .rank img:not(:first-child):last-child { display: none; } .postList .postButtons .buttonsRight .robtn.r10CokluAlinti { display: none; } .privateMessages .left .statistics .stats div { font-size: 10.5px; } .privateMessages .left .edit { padding: 5px; } .privateMessages .left .edit .btn { padding: 6px; } .privateMessages .middle .conversation ul li .message div.bubble{ min-width: 45%; } .privateMessages .middle .conversation ul li .message div.inner { padding-bottom: 15px; } .privateMessages .middle .conversation ul li .message div { font-size:8.5px; } footer .footerBar .right .bootstrap-select { width: 90px!important; } } @media all and (max-width:260px){ .privateMessages .middle .conversation ul li .message div.bubble{ min-width: 50%; } } @media screen and (max-width: 1200px) { body table.ncode_imageresizer_warning{ display: none !important; } } @media screen and (max-width: 1600px) { body .r10-left-p table.ncode_imageresizer_warning{ display: none !important; } } @media screen and (max-width: 900px) { .headerTop div.visitor>div.notify { margin-right: 20px; } .postList .post .postUser .userLeft .smallInfo .status { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } } @media screen and (max-width: 450px) { .postList .post .postUser .userLeft .smallInfo .status { max-width:230px; } }