/* Minification failed. Returning unminified contents. (2371,56): run-time error CSS1034: Expected closing parenthesis, found ',' (2371,56): run-time error CSS1042: Expected function, found ',' (2371,61): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2461,56): run-time error CSS1034: Expected closing parenthesis, found ',' (2461,56): run-time error CSS1042: Expected function, found ',' (2461,61): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (3223,25): run-time error CSS1036: Expected expression, found ';' (3412,1): run-time error CSS1019: Unexpected token, found '}' (5291,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (6803,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6813,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (6814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6823,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (6824,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6843,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6853,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6863,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (6864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6873,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (6874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6893,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6903,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6904,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (6913,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7338,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7352,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7366,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (7367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7475,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7490,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7505,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (7506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15311,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (15312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15341,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15383,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (15384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15399,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15427,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (15428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15437,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15453,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (15454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15463,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15479,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (15480,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15489,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15490,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15505,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (15506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15515,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15516,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15531,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (15532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15563,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15601,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (15602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15627,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15628,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15659,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (15660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15689,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15725,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (15726,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15745,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15771,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (15772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15811,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15857,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (15858,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15867,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15883,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (15884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15893,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15909,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (15910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (15925,1): run-time error CSS1019: Unexpected token, found '@keyframes' (15926,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16037,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16085,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (16086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16181,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24292,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24309,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24514,40): run-time error CSS1030: Expected identifier, found '.' (24514,63): run-time error CSS1031: Expected selector, found ')' (24514,63): run-time error CSS1025: Expected comma or open brace, found ')' (24543,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24544,10): run-time error CSS1035: Expected colon, found '{' (24553,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24554,10): run-time error CSS1035: Expected colon, found '{' (24563,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24564,10): run-time error CSS1035: Expected colon, found '{' (24573,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24574,10): run-time error CSS1035: Expected colon, found '{' (29684,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' */ html,body,div,span,applet,object,iframe,p,a,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,tt,var,i,dl,dt,dd,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,textarea,input{border:0;margin:0;padding:0;font:inherit;font-size:100%;list-style:none;text-decoration:none;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a{color:inherit}h1{font-size:24px}h2{font-size:18px}h3{font-size:16px}h4{font-size:14px}h5{font-size:12px}h6{font-size:10px}h1,h2,h3,h4,h5,h6{font-weight:700;margin:0;padding:0}img{max-width:100%;max-height:auto;border:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-size:13px;line-height:1.42857143;direction:rtl}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{color:#000;background-color:#FDFD91}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}pre{overflow:auto}hr{height:0;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;margin:20px 0;border:0;border-top:1px solid #eee}code,pre,samp{font-family:monospace,monospace;font-size:1em}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{border:0;padding:0}input{line-height:normal;outline:none}input[type="checkbox"],input[type="radio"]{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-appearance:textfield;box-sizing:content-box}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}td,th{padding:0}figure{margin:0}*{box-sizing:border-box}:before,:after{box-sizing:border-box}.container-fulid{width:100%;padding:0 15px}.container{margin:0 auto}.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.row:after{clear:both}img.aligncenter{display:block;margin:5px auto}img.alignleft{float:left}img.alignright{float:right}.tcenter{text-align:center}.tleft{text-align:left}.tright{text-align:right}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}@media print{*,:before,:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-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:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{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 th,.table-bordered td{border:1px solid #ddd!important}}code,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{font-size:90%;color:#c7254e;padding:2px 4px;border-radius:4px;background-color:#f9f2f4}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}@media (min-width: 768px){.container{width:750px}}@media (min-width: 992px){.container{width:970px}}@media (min-width: 1200px){.container{width:1170px}}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12,.col-xs-13,.col-sm-13,.col-md-13,.col-lg-13,.col-xs-14,.col-sm-14,.col-md-14,.col-lg-14,.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15,.col-xs-16,.col-sm-16,.col-md-16,.col-lg-16,.col-xs-17,.col-sm-17,.col-md-17,.col-lg-17,.col-xs-18,.col-sm-18,.col-md-18,.col-lg-18,.col-xs-19,.col-sm-19,.col-md-19,.col-lg-19,.col-xs-20,.col-sm-20,.col-md-20,.col-lg-20,.col-xs-21,.col-sm-21,.col-md-21,.col-lg-21,.col-xs-22,.col-sm-22,.col-md-22,.col-lg-22,.col-xs-23,.col-sm-23,.col-md-23,.col-lg-23,.col-xs-24,.col-sm-24,.col-md-24,.col-lg-24{position:relative;min-height:1px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-13,.col-xs-14,.col-xs-15,.col-xs-16,.col-xs-17,.col-xs-18,.col-xs-19,.col-xs-20,.col-xs-21,.col-xs-22,.col-xs-23,.col-xs-24{float:right}.col-xs-24{width:100%}.col-xs-23{width:95.83333333%}.col-xs-22{width:91.66666667%}.col-xs-21{width:87.5%}.col-xs-20{width:83.33333333%}.col-xs-19{width:79.16666667%}.col-xs-18{width:75%}.col-xs-17{width:70.83333333%}.col-xs-16{width:66.66666667%}.col-xs-15{width:62.5%}.col-xs-14{width:58.33333333%}.col-xs-13{width:54.16666667%}.col-xs-12{width:50%}.col-xs-11{width:45.83333333%}.col-xs-10{width:41.66666667%}.col-xs-9{width:37.5%}.col-xs-8{width:33.33333333%}.col-xs-7{width:29.16666667%}.col-xs-6{width:25%}.col-xs-5{width:20.83333333%}.col-xs-4{width:16.66666667%}.col-xs-3{width:12.5%}.col-xs-2{width:8.33333333%}.col-xs-1{width:4.16666667%}.col-xs-offset-24{margin-right:100%}.col-xs-offset-23{margin-right:95.83333333%}.col-xs-offset-22{margin-right:91.66666667%}.col-xs-offset-21{margin-right:87.5%}.col-xs-offset-20{margin-right:83.33333333%}.col-xs-offset-19{margin-right:79.16666667%}.col-xs-offset-18{margin-right:75%}.col-xs-offset-17{margin-right:70.83333333%}.col-xs-offset-16{margin-right:66.66666667%}.col-xs-offset-15{margin-right:62.5%}.col-xs-offset-14{margin-right:58.33333333%}.col-xs-offset-13{margin-right:54.16666667%}.col-xs-offset-12{margin-right:50%}.col-xs-offset-11{margin-right:45.83333333%}.col-xs-offset-10{margin-right:41.66666667%}.col-xs-offset-9{margin-right:37.5%}.col-xs-offset-8{margin-right:33.33333333%}.col-xs-offset-7{margin-right:29.16666667%}.col-xs-offset-6{margin-right:25%}.col-xs-offset-5{margin-right:20.83333333%}.col-xs-offset-4{margin-right:16.66666667%}.col-xs-offset-3{margin-right:12.5%}.col-xs-offset-2{margin-right:8.33333333%}.col-xs-offset-1{margin-right:4.16666667%}.col-xs-offset-0{margin-right:0}@media (min-width:768px){.col-sm-1,.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-sm-10,.col-sm-11,.col-sm-12,.col-sm-13,.col-sm-14,.col-sm-15,.col-sm-16,.col-sm-17,.col-sm-18,.col-sm-19,.col-sm-20,.col-sm-21,.col-sm-22,.col-sm-23,.col-sm-24{float:right}.col-sm-24{width:100%}.col-sm-23{width:95.83333333%}.col-sm-22{width:91.66666667%}.col-sm-21{width:87.5%}.col-sm-20{width:83.33333333%}.col-sm-19{width:79.16666667%}.col-sm-18{width:75%}.col-sm-17{width:70.83333333%}.col-sm-16{width:66.66666667%}.col-sm-15{width:62.5%}.col-sm-14{width:58.33333333%}.col-sm-13{width:54.16666667%}.col-sm-12{width:50%}.col-sm-11{width:45.83333333%}.col-sm-10{width:41.66666667%}.col-sm-9{width:37.5%}.col-sm-8{width:33.33333333%}.col-sm-7{width:29.16666667%}.col-sm-6{width:25%}.col-sm-5{width:20.83333333%}.col-sm-4{width:16.66666667%}.col-sm-3{width:12.5%}.col-sm-2{width:8.33333333%}.col-sm-1{width:4.16666667%}.col-sm-offset-24{margin-right:100%}.col-sm-offset-23{margin-right:95.83333333%}.col-sm-offset-22{margin-right:91.66666667%}.col-sm-offset-21{margin-right:87.5%}.col-sm-offset-20{margin-right:83.33333333%}.col-sm-offset-19{margin-right:79.16666667%}.col-sm-offset-18{margin-right:75%}.col-sm-offset-17{margin-right:70.83333333%}.col-sm-offset-16{margin-right:66.66666667%}.col-sm-offset-15{margin-right:62.5%}.col-sm-offset-14{margin-right:58.33333333%}.col-sm-offset-13{margin-right:54.16666667%}.col-sm-offset-12{margin-right:50%}.col-sm-offset-11{margin-right:45.83333333%}.col-sm-offset-10{margin-right:41.66666667%}.col-sm-offset-9{margin-right:37.5%}.col-sm-offset-8{margin-right:33.33333333%}.col-sm-offset-7{margin-right:29.16666667%}.col-sm-offset-6{margin-right:25%}.col-sm-offset-5{margin-right:20.83333333%}.col-sm-offset-4{margin-right:16.66666667%}.col-sm-offset-3{margin-right:12.5%}.col-sm-offset-2{margin-right:8.33333333%}.col-sm-offset-1{margin-right:4.16666667%}.col-sm-offset-0{margin-right:0}}@media (min-width:992px){.col-md-1,.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-md-10,.col-md-11,.col-md-12,.col-md-13,.col-md-14,.col-md-15,.col-md-16,.col-md-17,.col-md-18,.col-md-19,.col-md-20,.col-md-21,.col-md-22,.col-md-23,.col-md-24{float:right}.col-md-24{width:100%}.col-md-23{width:95.83333333%}.col-md-22{width:91.66666667%}.col-md-21{width:87.5%}.col-md-20{width:83.33333333%}.col-md-19{width:79.16666667%}.col-md-18{width:75%}.col-md-17{width:70.83333333%}.col-md-16{width:66.66666667%}.col-md-15{width:62.5%}.col-md-14{width:58.33333333%}.col-md-13{width:54.16666667%}.col-md-12{width:50%}.col-md-11{width:45.83333333%}.col-md-10{width:41.66666667%}.col-md-9{width:37.5%}.col-md-8{width:33.33333333%}.col-md-7{width:29.16666667%}.col-md-6{width:25%}.col-md-5{width:20.83333333%}.col-md-4{width:16.66666667%}.col-md-3{width:12.5%}.col-md-2{width:8.33333333%}.col-md-1{width:4.16666667%}.col-md-offset-24{margin-right:100%}.col-md-offset-23{margin-right:95.83333333%}.col-md-offset-22{margin-right:91.66666667%}.col-md-offset-21{margin-right:87.5%}.col-md-offset-20{margin-right:83.33333333%}.col-md-offset-19{margin-right:79.16666667%}.col-md-offset-18{margin-right:75%}.col-md-offset-17{margin-right:70.83333333%}.col-md-offset-16{margin-right:66.66666667%}.col-md-offset-15{margin-right:62.5%}.col-md-offset-14{margin-right:58.33333333%}.col-md-offset-13{margin-right:54.16666667%}.col-md-offset-12{margin-right:50%}.col-md-offset-11{margin-right:45.83333333%}.col-md-offset-10{margin-right:41.66666667%}.col-md-offset-9{margin-right:37.5%}.col-md-offset-8{margin-right:33.33333333%}.col-md-offset-7{margin-right:29.16666667%}.col-md-offset-6{margin-right:25%}.col-md-offset-5{margin-right:20.83333333%}.col-md-offset-4{margin-right:16.66666667%}.col-md-offset-3{margin-right:12.5%}.col-md-offset-2{margin-right:8.33333333%}.col-md-offset-1{margin-right:4.16666667%}.col-md-offset-0{margin-right:0}}@media (min-width:1200px){.col-lg-1,.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-lg-10,.col-lg-11,.col-lg-12,.col-lg-13,.col-lg-14,.col-lg-15,.col-lg-16,.col-lg-17,.col-lg-18,.col-lg-19,.col-lg-20,.col-lg-21,.col-lg-22,.col-lg-23,.col-lg-24{float:right}.col-lg-24{width:100%}.col-lg-23{width:95.83333333%}.col-lg-22{width:91.66666667%}.col-lg-21{width:87.5%}.col-lg-20{width:83.33333333%}.col-lg-19{width:79.16666667%}.col-lg-18{width:75%}.col-lg-17{width:70.83333333%}.col-lg-16{width:66.66666667%}.col-lg-15{width:62.5%}.col-lg-14{width:58.33333333%}.col-lg-13{width:54.16666667%}.col-lg-12{width:50%}.col-lg-11{width:45.83333333%}.col-lg-10{width:41.66666667%}.col-lg-9{width:37.5%}.col-lg-8{width:33.33333333%}.col-lg-7{width:29.16666667%}.col-lg-6{width:25%}.col-lg-5{width:20.83333333%}.col-lg-4{width:16.66666667%}.col-lg-3{width:12.5%}.col-lg-2{width:8.33333333%}.col-lg-1{width:4.16666667%}.col-lg-offset-24{margin-right:100%}.col-lg-offset-23{margin-right:95.83333333%}.col-lg-offset-22{margin-right:91.66666667%}.col-lg-offset-21{margin-right:87.5%}.col-lg-offset-20{margin-right:83.33333333%}.col-lg-offset-19{margin-right:79.16666667%}.col-lg-offset-18{margin-right:75%}.col-lg-offset-17{margin-right:70.83333333%}.col-lg-offset-16{margin-right:66.66666667%}.col-lg-offset-15{margin-right:62.5%}.col-lg-offset-14{margin-right:58.33333333%}.col-lg-offset-13{margin-right:54.16666667%}.col-lg-offset-12{margin-right:50%}.col-lg-offset-11{margin-right:45.83333333%}.col-lg-offset-10{margin-right:41.66666667%}.col-lg-offset-9{margin-right:37.5%}.col-lg-offset-8{margin-right:33.33333333%}.col-lg-offset-7{margin-right:29.16666667%}.col-lg-offset-6{margin-right:25%}.col-lg-offset-5{margin-right:20.83333333%}.col-lg-offset-4{margin-right:16.66666667%}.col-lg-offset-3{margin-right:12.5%}.col-lg-offset-2{margin-right:8.33333333%}.col-lg-offset-1{margin-right:4.16666667%}.col-lg-offset-0{margin-right:0}}.visible-xs-block,.visible-sm-block,.visible-md-block,.visible-lg-block{display:none!important}@media (max-width: 767px){.visible-xs{display:block!important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm{display:block!important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md{display:block!important}}@media (min-width: 1200px){.visible-lg{display: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}} @font-face { font-family: IRANSans; font-style: normal; font-weight: 900; src: url('/Content/Frontend/fonts/irsans/eot/IRANSansWeb(FaNum)_Black.eot'); src: url('/Content/Frontend/fonts/irsans/eot/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/Content/Frontend/fonts/irsans/woff2/IRANSansWeb(FaNum)_Black.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('/Content/Frontend/fonts/irsans/woff/IRANSansWeb(FaNum)_Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/Content/Frontend/fonts/irsans/ttf/IRANSansWeb(FaNum)_Black.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: bold; src: url('/Content/Frontend/fonts/irsans/eot/IRANSansWeb(FaNum)_Bold.eot'); src: url('/Content/Frontend/fonts/irsans/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/Content/Frontend/fonts/irsans/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('/Content/Frontend/fonts/irsans/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/Content/Frontend/fonts/irsans/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 500; src: url('/Content/Frontend/fonts/irsans/eot/IRANSansWeb(FaNum)_Medium.eot'); src: url('/Content/Frontend/fonts/irsans/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/Content/Frontend/fonts/irsans/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('/Content/Frontend/fonts/irsans/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/Content/Frontend/fonts/irsans/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 300; src: url('/Content/Frontend/fonts/irsans/eot/IRANSansWeb(FaNum)_Light.eot'); src: url('/Content/Frontend/fonts/irsans/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/Content/Frontend/fonts/irsans/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('/Content/Frontend/fonts/irsans/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/Content/Frontend/fonts/irsans/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: 200; src: url('/Content/Frontend/fonts/irsans/eot/IRANSansWeb(FaNum)_UltraLight.eot'); src: url('/Content/Frontend/fonts/irsans/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/Content/Frontend/fonts/irsans/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('/Content/Frontend/fonts/irsans/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/Content/Frontend/fonts/irsans/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype'); } @font-face { font-family: IRANSans; font-style: normal; font-weight: normal; src: url('/Content/Frontend/fonts/irsans/eot/IRANSansWeb(FaNum).eot'); src: url('/Content/Frontend/fonts/irsans/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/Content/Frontend/fonts/irsans/woff2/IRANSansWeb(FaNum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('/Content/Frontend/fonts/irsans/woff/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/Content/Frontend/fonts/irsans/ttf/IRANSansWeb(FaNum).ttf') format('truetype'); } @font-face{font-family:nokhbeganicon;src:url(/Content/Frontend/fonts/icons/nokhbeganicon.eot?8l823t);src:url(/Content/Frontend/fonts/icons/nokhbeganicon.eot?8l823t#iefix) format('embedded-opentype'),url(/Content/Frontend/fonts/icons/nokhbeganicon.ttf?8l823t) format('truetype'),url(/Content/Frontend/fonts/icons/nokhbeganicon.woff?8l823t) format('woff'),url(/Content/Frontend/fonts/icons/nokhbeganicon.svg?8l823t#alodarouicon) format('svg');font-weight:400;font-style:normal}[class*=" nokhicon-"],[class^=nokhicon-]{font-family:nokhbeganicon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nokhicon-like-1:before{content:"\e925"}.nokhicon-whistle:before{content:"\e926"}.nokhicon-liquor:before{content:"\e927"}.nokhicon-left-arrow1:before{content:"\e928"}.nokhicon-smartphone:before{content:"\e929"}.nokhicon-airliner:before{content:"\e92a"}.nokhicon-airplanes:before{content:"\e92b"}.nokhicon-icon:before{content:"\e92c"}.nokhicon-standing-up-man:before{content:"\e92e"}.nokhicon-lock:before{content:"\e92f"}.nokhicon-like:before{content:"\e930"}.nokhicon-location-point:before{content:"\e931"}.nokhicon-circular-alarm-clock-tool:before{content:"\e932"}.nokhicon-clock1:before{content:"\e933"}.nokhicon-barcode:before{content:"\e934"}.nokhicon-home-icon-silhouette:before{content:"\e935"}.nokhicon-alarm-clock:before{content:"\e936"}.nokhicon-supermarket-promotions-percentages-label-tool:before{content:"\e937"}.nokhicon-percent:before{content:"\e938"}.nokhicon-commentary:before{content:"\e939"}.nokhicon-salad-bowl-hand-drawn-food:before{content:"\e93a"}.nokhicon-beverage:before{content:"\e93b"}.nokhicon-bread:before{content:"\e93c"}.nokhicon-previous1:before{content:"\e93d"}.nokhicon-pulse-line:before{content:"\e93e"}.nokhicon-immunity-1:before{content:"\e93f"}.nokhicon-immunity:before{content:"\e940"}.nokhicon-drugs1:before{content:"\e941"}.nokhicon-syringe-with-medication:before{content:"\e942"}.nokhicon-marijuana:before{content:"\e943"}.nokhicon-heart1:before{content:"\e944"}.nokhicon-weightlifting-1:before{content:"\e945"}.nokhicon-weightlifting:before{content:"\e946"}.nokhicon-view-1:before{content:"\e947"}.nokhicon-coupon:before{content:"\e948"}.nokhicon-ticket:before{content:"\e949"}.nokhicon-internet:before{content:"\e94a"}.nokhicon-target:before{content:"\e94b"}.nokhicon-big-light:before{content:"\e94c"}.nokhicon-telephone:before{content:"\e94d"}.nokhicon-call-answer:before{content:"\e94e"}.nokhicon-view:before{content:"\e94f"}.nokhicon-cloud-storage-uploading-option:before{content:"\e950"}.nokhicon-icons8-whatsapp:before{content:"\e951"}.nokhicon-icons8-telegram-app-1:before{content:"\e952"}.nokhicon-icons8-instagram:before{content:"\e953"}.nokhicon-icons8-telegram-app .path1:before{content:"\e954";color:#000}.nokhicon-icons8-telegram-app .path2:before{content:"\e955";margin-left:-1em;color:#000}.nokhicon-icons8-telegram-app .path3:before{content:"\e956";margin-left:-1em;color:#fff}.nokhicon-icons8-telegram-app .path4:before{content:"\e957";margin-left:-1em;color:#fff}.nokhicon-1:before{content:"\e958"}.nokhicon-2:before{content:"\e959"}.nokhicon-3:before{content:"\e95a"}.nokhicon-4:before{content:"\e95b"}.nokhicon-5:before{content:"\e95c"}.nokhicon-add:before{content:"\e95d"}.nokhicon-amazed:before{content:"\e95e"}.nokhicon-attach:before{content:"\e95f"}.nokhicon-bag-2:before{content:"\e960"}.nokhicon-bag:before{content:"\e961"}.nokhicon-Basket-pay:before{content:"\e962"}.nokhicon-Basket:before{content:"\e963"}.nokhicon-box-Gift:before{content:"\e964"}.nokhicon-bucket-rubbish-2:before{content:"\e965"}.nokhicon-bucket-rubbish:before{content:"\e966"}.nokhicon-camera-2:before{content:"\e967"}.nokhicon-camera:before{content:"\e968"}.nokhicon-card:before{content:"\e969"}.nokhicon-chart:before{content:"\e96a"}.nokhicon-clock-2:before{content:"\e96b"}.nokhicon-clock2:before{content:"\e96c"}.nokhicon-Cloud-download:before{content:"\e96d"}.nokhicon-Cloud-upload:before{content:"\e96e"}.nokhicon-Cloud:before{content:"\e96f"}.nokhicon-comment-1:before{content:"\e970"}.nokhicon-comment-2:before{content:"\e971"}.nokhicon-comment-customer:before{content:"\e972"}.nokhicon-comment:before{content:"\e973"}.nokhicon-copy:before{content:"\e974"}.nokhicon-Cup:before{content:"\e975"}.nokhicon-emergency-:before{content:"\e976"}.nokhicon-event-2:before{content:"\e977"}.nokhicon-event:before{content:"\e978"}.nokhicon-Exit:before{content:"\e979"}.nokhicon-filter:before{content:"\e97a"}.nokhicon-flopy:before{content:"\e97b"}.nokhicon-happy-2:before{content:"\e97c"}.nokhicon-happy:before{content:"\e97d"}.nokhicon-heart2:before{content:"\e97e"}.nokhicon-history-2:before{content:"\e97f"}.nokhicon-history:before{content:"\e980"}.nokhicon-home1:before{content:"\e981"}.nokhicon-internet1:before{content:"\e982"}.nokhicon-Lamp:before{content:"\e983"}.nokhicon-Laugh-2:before{content:"\e984"}.nokhicon-Laugh:before{content:"\e985"}.nokhicon-location:before{content:"\e986"}.nokhicon-lock1:before{content:"\e987"}.nokhicon-lozi:before{content:"\e988"}.nokhicon-man:before{content:"\e989"}.nokhicon-microphone:before{content:"\e98a"}.nokhicon-mobile:before{content:"\e98b"}.nokhicon-Money-bag-2:before{content:"\e98c"}.nokhicon-Money-bag:before{content:"\e98d"}.nokhicon-monitor:before{content:"\e98e"}.nokhicon-mouse:before{content:"\e98f"}.nokhicon-multiplied:before{content:"\e990"}.nokhicon-music-note:before{content:"\e991"}.nokhicon-new-folder:before{content:"\e992"}.nokhicon-next:before{content:"\e993"}.nokhicon-note:before{content:"\e994"}.nokhicon-off-and-turn:before{content:"\e995"}.nokhicon-ok:before{content:"\e996"}.nokhicon-paper-2:before{content:"\e997"}.nokhicon-paper-3:before{content:"\e998"}.nokhicon-paper:before{content:"\e999"}.nokhicon-payment-card:before{content:"\e99a"}.nokhicon-pc:before{content:"\e99b"}.nokhicon-pen:before{content:"\e99c"}.nokhicon-picture:before{content:"\e99d"}.nokhicon-play-back:before{content:"\e99e"}.nokhicon-play:before{content:"\e99f"}.nokhicon-poket:before{content:"\e9a0"}.nokhicon-programer:before{content:"\e9a1"}.nokhicon-Radar:before{content:"\e9a2"}.nokhicon-random:before{content:"\e9a3"}.nokhicon-Return:before{content:"\e9a4"}.nokhicon-sad:before{content:"\e9a5"}.nokhicon-search:before{content:"\e9a6"}.nokhicon-send:before{content:"\e9a7"}.nokhicon-sheair:before{content:"\e9a8"}.nokhicon-sound:before{content:"\e9a9"}.nokhicon-Speaker-volume:before{content:"\e9aa"}.nokhicon-star:before{content:"\e9ab"}.nokhicon-text-comment:before{content:"\e9ac"}.nokhicon-text:before{content:"\e9ad"}.nokhicon-timer:before{content:"\e9ae"}.nokhicon-Umbrella:before{content:"\e9af"}.nokhicon-Unlocked:before{content:"\e9b0"}.nokhicon-Upset:before{content:"\e9b1"}.nokhicon-video:before{content:"\e9b2"}.nokhicon-volume-off:before{content:"\e9b3"}.nokhicon-wink:before{content:"\e9b4"}.nokhicon-chat-box1:before{content:"\e9b5"}.nokhicon-ui1:before{content:"\e9b6"}.nokhicon-clock3:before{content:"\e9b7"}.nokhicon-watch:before{content:"\e9b8"}.nokhicon-toy:before{content:"\e9b9"}.nokhicon-pluse:before{content:"\e9ba"}.nokhicon-heart3:before{content:"\e9bb"}.nokhicon-bell:before{content:"\e9bc"}.nokhicon-calendar-1:before{content:"\e9bd"}.nokhicon-magnifying-search-lenses-tool:before{content:"\e9be"}.nokhicon-orodlogo:before{content:"\e924"}.nokhicon-call:before{content:"\e900"}.nokhicon-video-camera:before{content:"\e901"}.nokhicon-film:before{content:"\e902"}.nokhicon-artificial-intelligence:before{content:"\e903"}.nokhicon-automobile:before{content:"\e904"}.nokhicon-crm:before{content:"\e905"}.nokhicon-thermometer:before{content:"\e906"}.nokhicon-calendar:before{content:"\e907"}.nokhicon-manager:before{content:"\e908"}.nokhicon-home:before{content:"\e909"}.nokhicon-message:before{content:"\e90a"}.nokhicon-videoconference:before{content:"\e90b"}.nokhicon-hand:before{content:"\e90c"}.nokhicon-play-button:before{content:"\e90d"}.nokhicon-clock:before{content:"\e90e"}.nokhicon-message-1:before{content:"\e90f"}.nokhicon-chat-box:before{content:"\e910"}.nokhicon-conversation:before{content:"\e911"}.nokhicon-heart:before{content:"\e912"}.nokhicon-heart-1:before{content:"\e913"}.nokhicon-left:before{content:"\e914"}.nokhicon-drugs:before{content:"\e915"}.nokhicon-user:before{content:"\e916"}.nokhicon-furniture-and-household:before{content:"\e917"}.nokhicon-chemist:before{content:"\e918"}.nokhicon-right-arrow:before{content:"\e919"}.nokhicon-left-arrow:before{content:"\e91a"}.nokhicon-previous:before{content:"\e91b"}.nokhicon-link:before{content:"\e91c"}.nokhicon-logo-nokhbega:before{content:"\e91d"}.nokhicon-ui:before{content:"\e91e"}.nokhicon-twitter:before{content:"\e91f"}.nokhicon-twitter-1:before{content:"\e920"}.nokhicon-logo:before{content:"\e921"}.nokhicon-instagram:before{content:"\e922"}.nokhicon-telegram:before{content:"\e923"}.nokhicon-aparat:before{content:"\e92d"}.nokhicon-linkedin:before {content: "\e9bf"} .mm-menu,.mm-panels,.mm-panels>.mm-panel{margin:0;left:0;right:0;top:0;z-index:0;box-sizing:border-box}.mm-btn,.mm-menu{box-sizing:border-box}.mm-listview a,.mm-listview a:hover,.mm-navbar a,.mm-navbar a:hover{text-decoration:none}.mm-listview .mm-next:before,.mm-listview>li:not(.mm-divider):after,.mm-next:after,.mm-prev:before{content:'';bottom:0}.mm-hidden{display:none!important}.mm-menu,.mm-panels>.mm-panel:not(.mm-hidden){display:block}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{padding:0;position:absolute;bottom:0}.mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;position:absolute;bottom:0}.mm-btn,.mm-panel.mm-highest{z-index:1}.mm-panels{overflow:hidden}.mm-panel{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-panel.mm-opened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel.mm-subopened{-webkit-transform:translate(-30%,0);-ms-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px}.mm-listview .mm-divider,.mm-listview>li>a,.mm-listview>li>span,.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px}.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px}.mm-vertical .mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px}.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent}.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block}.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{height:40px;bottom:auto}.mm-listview>li.mm-vertical>.mm-next:after,.mm-vertical .mm-listview>li>.mm-next:after{top:16px;bottom:auto}.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{width:40px;height:40px;position:absolute;top:0}.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px}.mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px}.mm-next:after,.mm-prev:before{border-top:2px solid transparent;border-left:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0}.mm-prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}.mm-navbar>*{display:block;padding:10px 0}.mm-navbar .mm-btn:first-child{left:0}.mm-navbar .mm-btn:last-child{text-align:right;right:0}.mm-panel .mm-navbar{display:none}.mm-panel.mm-hasnavbar .mm-navbar{display:block}.mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0}.mm-listview{font:inherit;font-size:14px;line-height:20px}.mm-listview>li{position:relative}.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit}.mm-listview>li>a,.mm-listview>li>span{color:inherit;display:block;padding:10px 10px 10px 20px;margin:0}.mm-listview>li:not(.mm-divider):after{border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;right:0;left:20px}.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}.mm-listview .mm-next:before{border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;left:0}.mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px}.mm-listview .mm-next.mm-fullsubopen{width:100%}.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0}.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}.mm-listview .mm-inset{list-style:disc inside;padding:0 10px 15px 40px;margin:0}.mm-listview .mm-inset>li{padding:5px 0}.mm-listview .mm-divider{font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px}.mm-listview .mm-spacer{padding-top:40px}.mm-listview .mm-spacer>.mm-next{top:40px}.mm-listview .mm-spacer.mm-divider{padding-top:25px}.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75)}.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)}.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)}.mm-menu .mm-divider,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)} .mm-page{box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}html.mm-opened{overflow-x:hidden;position:relative}html.mm-blocking,html.mm-blocking body{overflow:hidden}html.mm-background .mm-page{background:inherit}#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}html.mm-blocking #mm-blocker{display:block}.mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed;width:80%;min-width:140px;max-width:440px}.mm-menu.mm-offcanvas.mm-current{display:block}.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-current.mm-opened{z-index:10}html.mm-opening .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:550px){html.mm-opening .mm-slideout{-webkit-transform:translate(440px,0);-ms-transform:translate(440px,0);transform:translate(440px,0);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}} .mm-menu,.mm-panels,.mm-panels>.mm-panel{margin:0;left:0;right:0;top:0;z-index:0;box-sizing:border-box}.mm-btn,.mm-menu{box-sizing:border-box}.mm-listview a,.mm-listview a:hover,.mm-navbar a,.mm-navbar a:hover{text-decoration:none}.mm-listview .mm-next:before,.mm-listview>li:not(.mm-divider):after,.mm-next:after,.mm-prev:before{content:'';bottom:0}.mm-hidden{display:none!important}.mm-menu,.mm-panels>.mm-panel:not(.mm-hidden){display:block}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{padding:0;position:absolute;bottom:0}.mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;position:absolute;bottom:0;background-color: #f9f9f9;}.mm-btn,.mm-panel.mm-highest{z-index:1}.mm-panels{overflow:hidden}.mm-panel{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-panel.mm-opened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel.mm-subopened{-webkit-transform:translate(-30%,0);-ms-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px}.mm-listview .mm-divider,.mm-listview>li>a,.mm-listview>li>span,.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px}.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px}.mm-vertical .mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px}.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent}.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block}.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{height:40px;bottom:auto}.mm-listview>li.mm-vertical>.mm-next:after,.mm-vertical .mm-listview>li>.mm-next:after{top:16px;bottom:auto}.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{width:40px;height:40px;position:absolute;top:0}.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px}.mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px}.mm-next:after,.mm-prev:before{border-top:2px solid transparent;border-left:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0}.mm-prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}.mm-navbar>*{display:block;padding:10px 0}.mm-navbar .mm-btn:first-child{left:0}.mm-navbar .mm-btn:last-child{text-align:right;right:0}.mm-panel .mm-navbar{display:none}.mm-panel.mm-hasnavbar .mm-navbar{display:block}.mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0}.mm-listview{font:inherit;font-size:14px;line-height:20px}.mm-listview>li{position:relative}.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit}.mm-listview>li>a,.mm-listview>li>span{color:inherit;display:block;padding:10px 10px 10px 20px;margin:0}.mm-listview>li:not(.mm-divider):after{border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;right:0;left:20px}.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}.mm-listview .mm-next:before{border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;left:0}.mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px}.mm-listview .mm-next.mm-fullsubopen{width:100%}.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0}.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}.mm-listview .mm-inset{list-style:disc inside;padding:0 10px 15px 40px;margin:0}.mm-listview .mm-inset>li{padding:5px 0}.mm-listview .mm-divider{font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px}.mm-listview .mm-spacer{padding-top:40px}.mm-listview .mm-spacer>.mm-next{top:40px}.mm-listview .mm-spacer.mm-divider{padding-top:25px}.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75)}.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)}.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)}.mm-menu .mm-divider,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)} .mm-page{box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}html.mm-opened{overflow-x:hidden;position:relative}html.mm-blocking,html.mm-blocking body{overflow:hidden}html.mm-background .mm-page{background:inherit}#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}html.mm-blocking #mm-blocker{display:block}.mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed;width:80%;min-width:140px;max-width:440px}.mm-menu.mm-offcanvas.mm-current{display:block}.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-current.mm-opened{z-index:10}html.mm-opening .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:550px){html.mm-opening .mm-slideout{-webkit-transform:translate(440px,0);-ms-transform:translate(440px,0);transform:translate(440px,0);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}} .mm-menu.mm-offcanvas.mm-autoheight.mm-bottom,.mm-menu.mm-offcanvas.mm-autoheight.mm-top{max-height:80%}.mm-menu.mm-offcanvas.mm-autoheight.mm-bottom.mm-fullscreen,.mm-menu.mm-offcanvas.mm-autoheight.mm-top.mm-fullscreen{max-height:100%}.mm-menu.mm-offcanvas.mm-measureheight .mm-panel{display:block!important}.mm-menu.mm-offcanvas.mm-measureheight>.mm-panels>.mm-panel{bottom:auto!important;height:auto!important} .mm-menu.mm-columns{-webkit-transition-property:width,max-width,-webkit-transform;transition-property:width,max-width,-webkit-transform;transition-property:transform,width,max-width;transition-property:transform,width,max-width,-webkit-transform}.mm-menu.mm-columns .mm-panels>.mm-panel{width:100%;right:auto;display:none;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;transition-property:transform,width;transition-property:transform,width,-webkit-transform}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened{border-right:1px solid;border-color:inherit;display:block;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-subopened{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);z-index:2}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-0{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-0{display:block;-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-offcanvas.mm-columns-0{width:80%;min-width:140px;max-width:0}html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:0px){html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}html.mm-right.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:0px){html.mm-right.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-1{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-1{display:block;-webkit-transform:translate(200%,0);-ms-transform:translate(200%,0);transform:translate(200%,0);-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu.mm-offcanvas.mm-columns-1{width:80%;min-width:140px;max-width:440px}html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:550px){html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate(440px,0);-ms-transform:translate(440px,0);transform:translate(440px,0);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}html.mm-right.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:550px){html.mm-right.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate(-440px,0);-ms-transform:translate(-440px,0);transform:translate(-440px,0);-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}.mm-menu.mm-columns-1 .mm-panels>.mm-panel{width:100%}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-2{-webkit-transform:translate(200%,0);-ms-transform:translate(200%,0);transform:translate(200%,0);-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-2{display:block;-webkit-transform:translate(300%,0);-ms-transform:translate(300%,0);transform:translate(300%,0);-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu.mm-offcanvas.mm-columns-2{width:80%;min-width:140px;max-width:880px}html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:1100px){html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate(880px,0);-ms-transform:translate(880px,0);transform:translate(880px,0);-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)}}html.mm-right.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:1100px){html.mm-right.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate(-880px,0);-ms-transform:translate(-880px,0);transform:translate(-880px,0);-webkit-transform:translate3d(-880px,0,0);transform:translate3d(-880px,0,0)}}.mm-menu.mm-columns-2 .mm-panels>.mm-panel{width:50%}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-3{-webkit-transform:translate(300%,0);-ms-transform:translate(300%,0);transform:translate(300%,0);-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-3{display:block;-webkit-transform:translate(400%,0);-ms-transform:translate(400%,0);transform:translate(400%,0);-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu.mm-offcanvas.mm-columns-3{width:80%;min-width:140px;max-width:1320px}html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:1650px){html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate(1320px,0);-ms-transform:translate(1320px,0);transform:translate(1320px,0);-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)}}html.mm-right.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:1650px){html.mm-right.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate(-1320px,0);-ms-transform:translate(-1320px,0);transform:translate(-1320px,0);-webkit-transform:translate3d(-1320px,0,0);transform:translate3d(-1320px,0,0)}}.mm-menu.mm-columns-3 .mm-panels>.mm-panel{width:33.34%}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-4{-webkit-transform:translate(400%,0);-ms-transform:translate(400%,0);transform:translate(400%,0);-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-4{display:block;-webkit-transform:translate(500%,0);-ms-transform:translate(500%,0);transform:translate(500%,0);-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}.mm-menu.mm-offcanvas.mm-columns-4{width:80%;min-width:140px;max-width:1760px}html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:2200px){html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate(1760px,0);-ms-transform:translate(1760px,0);transform:translate(1760px,0);-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)}}html.mm-right.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:2200px){html.mm-right.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate(-1760px,0);-ms-transform:translate(-1760px,0);transform:translate(-1760px,0);-webkit-transform:translate3d(-1760px,0,0);transform:translate3d(-1760px,0,0)}}.mm-menu.mm-columns-4 .mm-panels>.mm-panel{width:25%}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-5{-webkit-transform:translate(500%,0);-ms-transform:translate(500%,0);transform:translate(500%,0);-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-5{display:block;-webkit-transform:translate(600%,0);-ms-transform:translate(600%,0);transform:translate(600%,0);-webkit-transform:translate3d(600%,0,0);transform:translate3d(600%,0,0)}.mm-menu.mm-offcanvas.mm-columns-5{width:80%;min-width:140px;max-width:2200px}html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:2750px){html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate(2200px,0);-ms-transform:translate(2200px,0);transform:translate(2200px,0);-webkit-transform:translate3d(2200px,0,0);transform:translate3d(2200px,0,0)}}html.mm-right.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:2750px){html.mm-right.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate(-2200px,0);-ms-transform:translate(-2200px,0);transform:translate(-2200px,0);-webkit-transform:translate3d(-2200px,0,0);transform:translate3d(-2200px,0,0)}}.mm-menu.mm-columns-5 .mm-panels>.mm-panel{width:20%}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-6{-webkit-transform:translate(600%,0);-ms-transform:translate(600%,0);transform:translate(600%,0);-webkit-transform:translate3d(600%,0,0);transform:translate3d(600%,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-6{display:block;-webkit-transform:translate(700%,0);-ms-transform:translate(700%,0);transform:translate(700%,0);-webkit-transform:translate3d(700%,0,0);transform:translate3d(700%,0,0)}.mm-menu.mm-offcanvas.mm-columns-6{width:80%;min-width:140px;max-width:2640px}html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:3300px){html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate(2640px,0);-ms-transform:translate(2640px,0);transform:translate(2640px,0);-webkit-transform:translate3d(2640px,0,0);transform:translate3d(2640px,0,0)}}html.mm-right.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:3300px){html.mm-right.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate(-2640px,0);-ms-transform:translate(-2640px,0);transform:translate(-2640px,0);-webkit-transform:translate3d(-2640px,0,0);transform:translate3d(-2640px,0,0)}}.mm-menu.mm-columns-6 .mm-panels>.mm-panel{width:16.67%} em.mm-counter{font:inherit;font-size:14px;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:45px;top:50%}em.mm-counter+a.mm-next{width:90px}em.mm-counter+a.mm-next+a,em.mm-counter+a.mm-next+span{margin-right:90px}em.mm-counter+a.mm-fullsubopen{padding-left:0}.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+a,.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+span,em.mm-counter+a.mm-fullsubopen+a,em.mm-counter+a.mm-fullsubopen+span{padding-right:90px}.mm-vertical>.mm-counter{top:12px;margin-top:0}.mm-vertical.mm-spacer>.mm-counter{margin-top:40px}.mm-nosubresults>.mm-counter{display:none}.mm-menu em.mm-counter{color:rgba(0,0,0,.3)} .mm-divider>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;line-height:25px}.mm-divider.mm-opened a.mm-next:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-collapsed:not(.mm-uncollapsed){display:none}.mm-fixeddivider{background:inherit;display:none;position:absolute;top:0;left:0;right:0;z-index:2;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-fixeddivider:after{content:none!important;display:none!important}.mm-hasdividers .mm-fixeddivider{display:block}.mm-menu .mm-fixeddivider span{background:rgba(0,0,0,.05)} html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-slideout{-webkit-transition-duration:0s;transition-duration:0s} .mm-menu.mm-dropdown{box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%}html.mm-dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}html.mm-dropdown #mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1}html.mm-dropdown .mm-menu{z-index:2}html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu{display:none}.mm-menu.mm-tip:before{content:'';background:inherit;box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-menu.mm-tipleft:before{left:22px}.mm-menu.mm-tipright:before{right:22px}.mm-menu.mm-tiptop:before{top:-8px}.mm-menu.mm-tipbottom:before{bottom:-8px} .mm-iconpanel .mm-panel{-webkit-transition-property:left,-webkit-transform;transition-property:left,-webkit-transform;transition-property:transform,left;transition-property:transform,left,-webkit-transform}.mm-iconpanel .mm-panel.mm-opened{border-left:1px solid;border-color:inherit}.mm-iconpanel .mm-panel.mm-subopened{overflow-y:hidden;left:-40px;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-iconpanel .mm-panel.mm-iconpanel-0{left:0}.mm-iconpanel .mm-panel.mm-iconpanel-1{left:40px}.mm-iconpanel .mm-panel.mm-iconpanel-2{left:80px}.mm-iconpanel .mm-panel.mm-iconpanel-3{left:120px}.mm-iconpanel .mm-panel.mm-iconpanel-4{left:160px}.mm-iconpanel .mm-panel.mm-iconpanel-5{left:200px}.mm-iconpanel .mm-panel.mm-iconpanel-6{left:240px}.mm-subblocker{background:inherit;opacity:0;display:block;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.mm-subopened .mm-subblocker{opacity:.6;position:absolute;top:0;right:0;bottom:-100000px;left:0;z-index:3} .mm-keyboardfocus a:focus{outline:0}.mm-menu.mm-keyboardfocus a:focus{background:rgba(255,255,255,.5)} .mm-navbar-bottom,.mm-navbar-top~.mm-navbar-top{border-bottom:none}.mm-menu>.mm-navbar{background:inherit;padding:0;z-index:3;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-navbar-bottom{border-top-width:1px;border-top-style:solid;top:auto;bottom:0}.mm-navbar-bottom~.mm-navbar-bottom{border-top:none}.mm-navbar.mm-hasbtns{padding:0 40px}.mm-navbar[class*=mm-navbar-content-]>*{box-sizing:border-box;display:block;float:left}.mm-navbar .mm-breadcrumbs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 17px}.mm-navbar .mm-breadcrumbs>*{display:inline-block;padding:10px 3px}.mm-navbar .mm-breadcrumbs>a{text-decoration:underline}.mm-navbar.mm-hasbtns .mm-breadcrumbs{margin-left:-40px}.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs{margin-left:0;padding-left:0}.mm-navbar-top-1{top:0}.mm-hasnavbar-top-1 .mm-panels,.mm-navbar-top-2{top:40px}.mm-hasnavbar-top-2 .mm-panels,.mm-navbar-top-3{top:80px}.mm-hasnavbar-top-3 .mm-panels,.mm-navbar-top-4{top:120px}.mm-hasnavbar-top-4 .mm-panels{top:160px}.mm-navbar-bottom-1{bottom:0}.mm-hasnavbar-bottom-1 .mm-panels,.mm-navbar-bottom-2{bottom:40px}.mm-hasnavbar-bottom-2 .mm-panels,.mm-navbar-bottom-3{bottom:80px}.mm-hasnavbar-bottom-3 .mm-panels,.mm-navbar-bottom-4{bottom:120px}.mm-hasnavbar-bottom-4 .mm-panels{bottom:160px}.mm-navbar-size-2{height:80px}.mm-navbar-size-3{height:120px}.mm-navbar-size-4{height:160px}.mm-navbar-content-2>*{width:50%}.mm-navbar-content-3>*{width:33.33%}.mm-navbar-content-4>*{width:25%}.mm-navbar-content-5>*{width:20%}.mm-navbar-content-6>*{width:16.67%} .mm-menu.mm-rtl{direction:rtl}.mm-menu.mm-rtl.mm-offcanvas{right:auto}.mm-menu.mm-rtl .mm-panel:not(.mm-opened){-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu.mm-rtl .mm-panel.mm-subopened{-webkit-transform:translate(30%,0);-ms-transform:translate(30%,0);transform:translate(30%,0);-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-menu.mm-rtl .mm-navbar .mm-btn:first-child{left:auto;right:0}.mm-menu.mm-rtl .mm-navbar .mm-btn:last-child{right:auto;left:0}.mm-menu.mm-rtl .mm-navbar .mm-next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-menu.mm-rtl .mm-navbar .mm-prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-menu.mm-rtl .mm-listview>li:not(.mm-divider)::after{left:0;right:20px}.mm-menu.mm-rtl .mm-listview>li>a:not(.mm-next),.mm-menu.mm-rtl .mm-listview>li>span:not(.mm-next){padding-left:10px;padding-right:20px!important;margin-right:0!important}.mm-menu.mm-rtl .mm-listview .mm-next{right:auto;left:0}.mm-menu.mm-rtl .mm-listview .mm-next:before{left:auto;right:0}.mm-menu.mm-rtl .mm-listview .mm-next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-menu.mm-rtl .mm-listview .mm-next+a,.mm-menu.mm-rtl .mm-listview .mm-next+span{margin-left:50px}.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+a,.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+span{padding-left:50px}.mm-menu.mm-rtl em.mm-counter{left:45px;right:auto}.mm-menu.mm-rtl em.mm-counter+a.mm-next+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+span{margin-left:90px}.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+a,.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+span{padding-left:90px}.mm-menu.mm-rtl label.mm-check,.mm-menu.mm-rtl label.mm-toggle{left:20px;right:auto!important}.mm-menu.mm-rtl label.mm-toggle+a,.mm-menu.mm-rtl label.mm-toggle+span{padding-left:80px}.mm-menu.mm-rtl label.mm-check+a,.mm-menu.mm-rtl label.mm-check+span{padding-left:60px}.mm-menu.mm-rtl a.mm-next+label.mm-check,.mm-menu.mm-rtl a.mm-next+label.mm-toggle{left:60px}.mm-menu.mm-rtl a.mm-next+label.mm-check+a,.mm-menu.mm-rtl a.mm-next+label.mm-check+span,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span{margin-left:50px}.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span{padding-left:70px}.mm-menu.mm-rtl a.mm-next+label.mm-check+a,.mm-menu.mm-rtl a.mm-next+label.mm-check+span{padding-left:50px}.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle{left:100px}.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+span,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+span{margin-left:90px}.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-]{left:0}.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-rtl.mm-iconpanel .mm-panel{-webkit-transition-property:right,-webkit-transform;transition-property:right,-webkit-transform;transition-property:transform,right;transition-property:transform,right,-webkit-transform}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0{right:0}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1{right:40px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2{right:80px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3{right:120px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4{right:160px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5{right:200px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6{right:240px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened{border-left:none;border-right:1px solid;border-color:inherit} @charset "UTF-8";.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important} .mm-search,.mm-search input{box-sizing:border-box}.mm-search{height:40px;padding:7px 10px 0;position:relative}.mm-search input{border:none!important;outline:0!important;box-shadow:none!important;border-radius:4px;font:inherit;font-size:14px;line-height:26px;display:block;width:100%;height:26px;min-height:26px;max-height:26px;margin:0;padding:0 10px}.mm-search input::-ms-clear{display:none}.mm-search .mm-clear,.mm-search .mm-next{right:0}.mm-panel>.mm-search{width:100%;position:absolute;top:0;left:0}.mm-panel.mm-hassearch{padding-top:40px}.mm-panel.mm-hassearch.mm-hasnavbar{padding-top:80px}.mm-panel.mm-hassearch.mm-hasnavbar .mm-search{top:40px}.mm-noresultsmsg{text-align:center;font-size:21px;padding:40px 0}.mm-noresults .mm-indexer{display:none!important}li.mm-nosubresults>a.mm-next{display:none}li.mm-nosubresults>a.mm-next+a,li.mm-nosubresults>a.mm-next+span{padding-right:10px}.mm-panels>.mm-resultspanel:not(.mm-opened){-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.75)}.mm-menu .mm-noresultsmsg{color:rgba(0,0,0,.3)} .mm-indexer{background:inherit;text-align:center;font-size:12px;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-100px;z-index:3;-webkit-transition:right .4s ease;transition:right .4s ease;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-indexer a{text-decoration:none;display:block;height:3.85%}.mm-indexer~.mm-panel.mm-hasindexer{padding-right:40px}.mm-hasindexer .mm-indexer{right:0}.mm-hasindexer .mm-fixeddivider{right:20px}.mm-menu .mm-indexer a{color:rgba(0,0,0,.3)} .mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen),.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen){-webkit-transition:background .4s ease;transition:background .4s ease}.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.5)} input.mm-check,input.mm-toggle{position:absolute;left:-10000px}label.mm-check,label.mm-toggle{margin:0;position:absolute;top:50%;z-index:2;right:20px}label.mm-check:before,label.mm-toggle:before{content:'';display:block}label.mm-toggle{border-radius:30px;width:50px;height:30px;margin-top:-15px}label.mm-toggle:before{border-radius:30px;width:28px;height:28px;margin:1px}input.mm-toggle:checked~label.mm-toggle:before{float:right}label.mm-check{width:30px;height:30px;margin-top:-15px}label.mm-check:before{border-left:3px solid;border-bottom:3px solid;width:40%;height:20%;margin:25% 0 0 20%;opacity:.1;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}input.mm-check:checked~label.mm-check:before{opacity:1}li.mm-vertical label.mm-check,li.mm-vertical label.mm-toggle{bottom:auto;margin-top:0;top:5px}label.mm-toggle+a,label.mm-toggle+span{padding-right:80px}label.mm-check+a,label.mm-check+span{padding-right:60px}a.mm-next+label.mm-check,a.mm-next+label.mm-toggle{right:60px}a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span,a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{margin-right:50px}a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{padding-right:70px}a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span{padding-right:50px}em.mm-counter+a.mm-next+label.mm-check,em.mm-counter+a.mm-next+label.mm-toggle{right:100px}em.mm-counter+a.mm-next+label.mm-check+a,em.mm-counter+a.mm-next+label.mm-check+span,em.mm-counter+a.mm-next+label.mm-toggle+a,em.mm-counter+a.mm-next+label.mm-toggle+span{margin-right:90px}.mm-menu label.mm-toggle{background:rgba(0,0,0,.1)}.mm-menu label.mm-toggle:before{background:#f3f3f3}.mm-menu input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu label.mm-check:before{border-color:rgba(0,0,0,.75)} .mm-listview.mm-border-none>li:after,.mm-menu.mm-border-none .mm-listview>li:after{content:none}.mm-listview.mm-border-full>li:after,.mm-menu.mm-border-full .mm-listview>li:after{left:0!important}.mm-listview.mm-border-offset>li:after,.mm-menu.mm-border-offset .mm-listview>li:after{right:20px} .mm-menu.mm-effect-menu-zoom{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}html.mm-opened .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}html.mm-opening .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(30%,0,0);transform:scale(.7,.7) translate3d(30%,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}.mm-menu.mm-effect-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}html.mm-opened .mm-menu.mm-effect-menu-slide{-webkit-transform:translate(-30%,0);-ms-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}html.mm-opening .mm-menu.mm-effect-menu-slide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide{-webkit-transform:translate(30%,0);-ms-transform:translate(30%,0);transform:translate(30%,0);-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-effect-menu-fade{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}html.mm-opening .mm-menu.mm-effect-menu-fade{opacity:1}.mm-menu.mm-effect-panels-zoom .mm-panel{-webkit-transform:scale(1.5,1.5) translate3d(100%,0,0);transform:scale(1.5,1.5) translate3d(100%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0)}.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li{-webkit-transition:none .4s ease;transition:none .4s ease}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(1){-webkit-transition-delay:50ms;transition-delay:50ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(3){-webkit-transition-delay:150ms;transition-delay:150ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(5){-webkit-transition-delay:250ms;transition-delay:250ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(6){-webkit-transition-delay:.3s;transition-delay:.3s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(7){-webkit-transition-delay:350ms;transition-delay:350ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(8){-webkit-transition-delay:.4s;transition-delay:.4s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(9){-webkit-transition-delay:450ms;transition-delay:450ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(10){-webkit-transition-delay:.5s;transition-delay:.5s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(11){-webkit-transition-delay:550ms;transition-delay:550ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(12){-webkit-transition-delay:.6s;transition-delay:.6s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(13){-webkit-transition-delay:650ms;transition-delay:650ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(14){-webkit-transition-delay:.7s;transition-delay:.7s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(15){-webkit-transition-delay:750ms;transition-delay:750ms}.mm-menu.mm-effect-listitems-slide .mm-listview>li{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform:translate(50%,0);-ms-transform:translate(50%,0);transform:translate(50%,0);-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:0}html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview>li{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.mm-menu.mm-effect-listitems-fade .mm-listview>li{-webkit-transition-property:opacity;transition-property:opacity;opacity:0}html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview>li{opacity:1}.mm-menu.mm-effect-listitems-drop .mm-listview>li{-webkit-transition-property:opacity,top;transition-property:opacity,top;opacity:0;top:-25%}html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview>li{opacity:1;top:0} .mm-menu.mm-offcanvas.mm-fullscreen{width:100%;min-width:140px;max-width:10000px}html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}@media all and (max-width:140px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:10000px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(10000px,0);-ms-transform:translate(10000px,0);transform:translate(10000px,0);-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)}}html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}@media all and (max-width:140px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:10000px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-10000px,0);-ms-transform:translate(-10000px,0);transform:translate(-10000px,0);-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)}}.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom,.mm-menu.mm-offcanvas.mm-fullscreen.mm-top{height:100%;min-height:140px;max-height:10000px}html.mm-opened.mm-fullscreen .mm-page{box-shadow:none!important} .mm-menu .mm-panels>.mm-panel.mm-justified-listview:after,.mm-menu .mm-panels>.mm-panel.mm-justified-listview:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:after,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:before{content:none;display:none}.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;height:100%;margin-top:0;margin-bottom:0}.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider){-webkit-box-flex:1;-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0}.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span{box-sizing:border-box;height:100%}.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span:before{content:'';vertical-align:middle;display:inline-block;height:100%;width:0} .mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span,.mm-menu.mm-multiline .mm-listview>li>a,.mm-menu.mm-multiline .mm-listview>li>span{text-overflow:clip;white-space:normal} html.mm-pagedim #mm-blocker,html.mm-pagedim-black #mm-blocker,html.mm-pagedim-white #mm-blocker{opacity:0}html.mm-pagedim-black.mm-opening #mm-blocker,html.mm-pagedim-white.mm-opening #mm-blocker,html.mm-pagedim.mm-opening #mm-blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}html.mm-pagedim #mm-blocker{background:inherit}html.mm-pagedim-white #mm-blocker{background:#fff}html.mm-pagedim-black #mm-blocker{background:#000} .mm-menu.mm-popup{-webkit-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}html.mm-popup.mm-opening .mm-menu.mm-popup{opacity:1}html.mm-popup .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}html.mm-popup #mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1}html.mm-popup .mm-menu{z-index:2} .mm-menu.mm-offcanvas.mm-right{left:auto}html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:550px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-440px,0);-ms-transform:translate(-440px,0);transform:translate(-440px,0);-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}html.mm-front .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}html.mm-front #mm-blocker{z-index:1}html.mm-front .mm-menu.mm-offcanvas{z-index:2}.mm-menu.mm-offcanvas.mm-front,.mm-menu.mm-offcanvas.mm-next{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu.mm-offcanvas.mm-front.mm-right,.mm-menu.mm-offcanvas.mm-next.mm-right{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-offcanvas.mm-top{-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%);-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu.mm-offcanvas.mm-bottom{-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);top:auto}.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{width:100%;min-width:100%;max-width:100%;height:80%;min-height:140px;max-height:880px}html.mm-opening .mm-menu.mm-offcanvas.mm-front,html.mm-opening .mm-menu.mm-offcanvas.mm-next{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .mm-menu.mm-shadow-page:after{content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:99}.mm-menu.mm-shadow-page.mm-right:after{left:auto;right:100%}.mm-menu.mm-shadow-page.mm-front:after,.mm-menu.mm-shadow-page.mm-next:after{content:none;display:none}.mm-menu.mm-shadow-page:after,.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 10px rgba(0,0,0,.3)} .mm-menu.mm-theme-dark{background:#333;border-color:rgba(0,0,0,.15);color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*,.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-listview{border-color:rgba(0,0,0,.15)}.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark .mm-divider,.mm-menu.mm-theme-dark .mm-fixeddivider span,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.05)}.mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255,255,255,.8)}.mm-menu.mm-shadow-page.mm-theme-dark:after,.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 20px rgba(0,0,0,.5)}.mm-menu.mm-theme-dark .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark .mm-indexer a,.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255,255,255,.4)}.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0,0,0,.15)}.mm-menu.mm-theme-dark label.mm-toggle:before{background:#333}.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-white{background:#fff;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white .mm-navbar a,.mm-menu.mm-theme-white .mm-navbar>*,.mm-menu.mm-theme-white em.mm-counter{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-btn:after,.mm-menu.mm-theme-white .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu.mm-theme-white .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.05);tap-highlight-color:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-divider,.mm-menu.mm-theme-white .mm-fixeddivider span,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.03)}.mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0,0,0,.6)}.mm-menu.mm-shadow-page.mm-theme-white:after,.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 10px rgba(0,0,0,.2)}.mm-menu.mm-theme-white .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white .mm-indexer a,.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0,0,0,.3)}.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white label.mm-toggle{background:rgba(0,0,0,.1)}.mm-menu.mm-theme-white label.mm-toggle:before{background:#fff}.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-black{background:#000;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black .mm-navbar a,.mm-menu.mm-theme-black .mm-navbar>*,.mm-menu.mm-theme-black em.mm-counter{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-btn:after,.mm-menu.mm-theme-black .mm-btn:before{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-listview{border-color:rgba(255,255,255,.2)}.mm-menu.mm-theme-black .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.3);tap-highlight-color:rgba(255,255,255,.3)}.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.3)}.mm-menu.mm-theme-black .mm-divider,.mm-menu.mm-theme-black .mm-fixeddivider span,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255,255,255,.6)}.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-keyboardfocus a:focus,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.3)}.mm-menu.mm-shadow-page.mm-theme-black:after{content:none;display:none}.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2){box-shadow:false}.mm-menu.mm-theme-black .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black .mm-indexer a,.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black label.mm-toggle{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black label.mm-toggle:before{background:#000}.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle{background:#4bd963} .mm-menu .mm-tileview.mm-listview:after,.mm-menu.mm-tileview .mm-listview:after{content:'';display:block;clear:both}.mm-menu .mm-tileview.mm-listview>li>.mm-next:after,.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,.mm-menu.mm-tileview .mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-panel:after{content:none;display:none}.mm-menu .mm-tileview.mm-listview>li,.mm-menu.mm-tileview .mm-listview>li{width:50%;height:0;padding:50% 0 0;float:left;position:relative}.mm-menu .mm-tileview.mm-listview>li:after,.mm-menu.mm-tileview .mm-listview>li:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1}.mm-menu .mm-tileview.mm-listview>li.mm-tile-xs,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs{width:12.5%;padding-top:12.5%}.mm-menu .mm-tileview.mm-listview>li.mm-tile-s,.mm-menu.mm-tileview .mm-listview>li.mm-tile-s{width:25%;padding-top:25%}.mm-menu .mm-tileview.mm-listview>li.mm-tile-l,.mm-menu.mm-tileview .mm-listview>li.mm-tile-l{width:75%;padding-top:75%}.mm-menu .mm-tileview.mm-listview>li.mm-tile-xl,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl{width:100%;padding-top:100%}.mm-menu .mm-tileview.mm-listview>li>a,.mm-menu .mm-tileview.mm-listview>li>span,.mm-menu.mm-tileview .mm-listview>li>a,.mm-menu.mm-tileview .mm-listview>li>span{line-height:1px;text-align:center;padding:50% 10px 0;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0}.mm-menu .mm-tileview.mm-listview>li>.mm-next,.mm-menu.mm-tileview .mm-listview>li>.mm-next{width:auto}.mm-menu.mm-tileview .mm-panel{padding-left:0;padding-right:0}.mm-menu.mm-tileview .mm-listview{margin:0} /** * Swiper 3.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2017, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: March 10, 2017 */ .swiper-container { margin-left:auto; margin-right:auto; position:relative; overflow:hidden; z-index:1 } .swiper-container-no-flexbox .swiper-slide { float:left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column } .swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box } .swiper-container-android .swiper-slide,.swiper-wrapper { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .swiper-container-multirow>.swiper-wrapper { -webkit-box-lines:multiple; -moz-box-lines:multiple; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto } .swiper-slide { -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative } .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide { height:auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align:start; -ms-flex-align:start; -webkit-align-items:flex-start; align-items:flex-start; -webkit-transition-property:-webkit-transform,height; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform,height } .swiper-container .swiper-notification { position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000 } .swiper-wp8-horizontal { -ms-touch-action:pan-y; touch-action:pan-y } .swiper-wp8-vertical { -ms-touch-action:pan-x; touch-action:pan-x } .swiper-button-next,.swiper-button-prev { position:absolute; top:50%; width:27px; height:44px; margin-top:-22px; z-index:10; cursor:pointer; -moz-background-size:27px 44px; -webkit-background-size:27px 44px; background-size:27px 44px; background-position:center; background-repeat:no-repeat } .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { opacity:.35; cursor:auto; pointer-events:none } .swiper-button-prev,.swiper-container-rtl .swiper-button-next { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left:10px; right:auto } .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next,.swiper-container-rtl .swiper-button-prev { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right:10px; left:auto } .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-pagination { position:absolute; text-align:center; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10 } .swiper-pagination.swiper-pagination-hidden { opacity:0 } .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction { bottom:10px; left:0; width:100% } .swiper-pagination-bullet { width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity:.2 } button.swiper-pagination-bullet { border:none; margin:0; padding:0; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer } .swiper-pagination-white .swiper-pagination-bullet { background:#fff } .swiper-pagination-bullet-active { opacity:1; background:#e33940; } .swiper-pagination-white .swiper-pagination-bullet-active { background:#fff } .swiper-pagination-black .swiper-pagination-bullet-active { background:#000 } .swiper-container-vertical>.swiper-pagination-bullets { left:10px; top:50%; -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -o-transform:translate(0,-50%); -ms-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:5px 0; display:block } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 3px; } .swiper-pagination-progress { background:rgba(0,0,0,.25); position:absolute } .swiper-pagination-progress .swiper-pagination-progressbar { background:#007aff; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin:right top; -moz-transform-origin:right top; -ms-transform-origin:right top; -o-transform-origin:right top; transform-origin:right top } .swiper-container-horizontal>.swiper-pagination-progress { width:100%; height:4px; left:0; top:0 } .swiper-container-vertical>.swiper-pagination-progress { width:4px; height:100%; left:0; top:0 } .swiper-pagination-progress.swiper-pagination-white { background:rgba(255,255,255,.5) } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background:#fff } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background:#000 } .swiper-container-3d { -webkit-perspective:1200px; -moz-perspective:1200px; -o-perspective:1200px; perspective:1200px } .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper { -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10 } .swiper-container-3d .swiper-slide-shadow-left { background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper { -ms-perspective:1200px } .swiper-container-cube,.swiper-container-flip { overflow:visible } .swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; z-index:1 } .swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide { pointer-events:none } .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events:auto } .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden } .swiper-container-cube .swiper-slide { visibility:hidden; -webkit-transform-origin:0 0; -moz-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; width:100%; height:100% } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin:100% 0; -moz-transform-origin:100% 0; -ms-transform-origin:100% 0; transform-origin:100% 0 } .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev { pointer-events:auto; visibility:visible } .swiper-container-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0; width:100%; height:100%; background:#000; opacity:.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out } .swiper-container-fade .swiper-slide { pointer-events:none; -webkit-transition-property:opacity; -moz-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events:none } .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto } .swiper-zoom-container { width:100%; height:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; text-align:center } .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg { max-width:100%; max-height:100%; object-fit:contain } .swiper-scrollbar { border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0,0,0,.1) } .swiper-container-horizontal>.swiper-scrollbar { position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98% } .swiper-container-vertical>.swiper-scrollbar { position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98% } .swiper-scrollbar-drag { height:100%; width:100%; position:relative; background:rgba(0,0,0,.5); border-radius:10px; left:0; top:0 } .swiper-scrollbar-cursor-drag { cursor:move } .swiper-lazy-preloader { width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; -webkit-transform-origin:50%; -moz-transform-origin:50%; transform-origin:50%; -webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite; -moz-animation:swiper-preloader-spin 1s steps(12,end) infinite; animation:swiper-preloader-spin 1s steps(12,end) infinite } .swiper-lazy-preloader:after { display:block; content:""; width:100%; height:100%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position:50%; -webkit-background-size:100%; background-size:100%; background-repeat:no-repeat } .swiper-lazy-preloader-white:after { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { transform:rotate(360deg) } } .select2-container { box-sizing:border-box; display:inline-block; margin:0; position:relative; vertical-align:middle } .select2-container .select2-selection--single { box-sizing:border-box; cursor:pointer; display:block; height:28px; user-select:none; -webkit-user-select:none } .select2-container .select2-selection--single .select2-selection__rendered { display:block; padding-left:8px; padding-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .select2-container .select2-selection--single .select2-selection__clear { position:relative } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right:8px; padding-left:20px } .select2-container .select2-selection--multiple { box-sizing:border-box; cursor:pointer; display:block; min-height:32px; user-select:none; -webkit-user-select:none } .select2-container .select2-selection--multiple .select2-selection__rendered { display:inline-block; overflow:hidden; padding-left:8px; text-overflow:ellipsis; white-space:nowrap } .select2-container .select2-search--inline { float:left } .select2-container .select2-search--inline .select2-search__field { box-sizing:border-box; border:none; font-size:100%; margin-top:5px; padding:0 } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance:none } .select2-dropdown { background-color:white; border:1px solid #aaa; border-radius:4px; box-sizing:border-box; display:block; position:absolute; left:-100000px; width:100%; z-index:1051 } .select2-results { display:block } .select2-results__options { list-style:none; margin:0; padding:0 } .select2-results__option { padding:6px; user-select:none; -webkit-user-select:none } .select2-results__option[aria-selected] { cursor:pointer } .select2-container--open .select2-dropdown { left:0 } .select2-container--open .select2-dropdown--above { border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0 } .select2-container--open .select2-dropdown--below { border-top:none; border-top-left-radius:0; border-top-right-radius:0 } .select2-search--dropdown { display:block; padding:4px } .select2-search--dropdown .select2-search__field { padding:4px; width:100%; box-sizing:border-box } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance:none } .select2-search--dropdown.select2-search--hide { display:none } .select2-close-mask { border:0; margin:0; padding:0; display:block; position:fixed; left:0; top:0; min-height:100%; min-width:100%; height:auto; width:auto; opacity:0; z-index:99; background-color:#fff; filter:alpha(opacity=0) } .select2-hidden-accessible { border:0 !important; clip:rect(0 0 0 0) !important; -webkit-clip-path:inset(50%) !important; clip-path:inset(50%) !important; height:1px !important; overflow:hidden !important; padding:0 !important; position:absolute !important; width:1px !important; white-space:nowrap !important } .select2-container--default .select2-selection--single { border:1px solid #aaa; border-radius:4px } .select2-container--default .select2-selection--single .select2-selection__rendered { color:#444; line-height:28px } .select2-container--default .select2-selection--single .select2-selection__clear { cursor:pointer; float:right; font-weight:bold } .select2-container--default .select2-selection--single .select2-selection__placeholder { color:#999 } .select2-container--default .select2-selection--single .select2-selection__arrow { height:26px; position:absolute; top:1px; right:1px; width:20px } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color:#888 transparent transparent transparent; border-style:solid; border-width:5px 4px 0 4px; height:0; left:50%; margin-left:-4px; margin-top:-2px; position:absolute; top:50%; width:0 } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float:left } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left:1px; right:auto } .select2-container--default.select2-container--disabled .select2-selection--single { background-color:#eee; cursor:default } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display:none } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color:transparent transparent #888 transparent; border-width:0 4px 5px 4px } .select2-container--default .select2-selection--multiple { background-color:white; border:1px solid #aaa; border-radius:4px; cursor:text } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing:border-box; list-style:none; margin:0; padding:0 5px; width:100% } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style:none } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color:#999; margin-top:5px; float:left } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor:pointer; float:right; font-weight:bold; margin-top:5px; margin-right:10px } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color:#e4e4e4; border:1px solid #aaa; border-radius:4px; cursor:default; float:left; margin-right:5px; margin-top:5px; padding:0 5px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color:#999; cursor:pointer; display:inline-block; font-weight:bold; margin-right:2px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color:#333 } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float:right } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left:5px; margin-right:auto } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left:2px; margin-right:auto } .select2-container--default.select2-container--focus .select2-selection--multiple { border:solid black 1px; outline:0 } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color:#eee; cursor:default } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display:none } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius:0; border-top-right-radius:0 } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius:0; border-bottom-right-radius:0 } .select2-container--default .select2-search--dropdown .select2-search__field { border:1px solid #aaa } .select2-container--default .select2-search--inline .select2-search__field { background:transparent; border:none; outline:0; box-shadow:none; -webkit-appearance:textfield } .select2-container--default .select2-results>.select2-results__options { max-height:200px; overflow-y:auto } .select2-container--default .select2-results__option[role=group] { padding:0 } .select2-container--default .select2-results__option[aria-disabled=true] { color:#999 } .select2-container--default .select2-results__option[aria-selected=true] { background-color:#ddd } .select2-container--default .select2-results__option .select2-results__option { padding-left:1em } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left:0 } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left:-1em; padding-left:2em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left:-2em; padding-left:3em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left:-3em; padding-left:4em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left:-4em; padding-left:5em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left:-5em; padding-left:6em } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color:#5897fb; color:white } .select2-container--default .select2-results__group { cursor:default; display:block; padding:6px } .select2-container--classic .select2-selection--single { background-color:#f7f7f7; border:1px solid #aaa; border-radius:4px; outline:0; background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%); background-image:-o-linear-gradient(top, #fff 50%, #eee 100%); background-image:linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic .select2-selection--single:focus { border:1px solid #5897fb } .select2-container--classic .select2-selection--single .select2-selection__rendered { color:#444; line-height:28px } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor:pointer; float:right; font-weight:bold; margin-right:10px } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color:#999 } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color:#ddd; border:none; border-left:1px solid #aaa; border-top-right-radius:4px; border-bottom-right-radius:4px; height:26px; position:absolute; top:1px; right:1px; width:20px; background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%); background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%); background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0) } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color:#888 transparent transparent transparent; border-style:solid; border-width:5px 4px 0 4px; height:0; left:50%; margin-left:-4px; margin-top:-2px; position:absolute; top:50%; width:0 } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float:left } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border:none; border-right:1px solid #aaa; border-radius:0; border-top-left-radius:4px; border-bottom-left-radius:4px; left:1px; right:auto } .select2-container--classic.select2-container--open .select2-selection--single { border:1px solid #5897fb } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background:transparent; border:none } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color:transparent transparent #888 transparent; border-width:0 4px 5px 4px } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top:none; border-top-left-radius:0; border-top-right-radius:0; background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%); background-image:-o-linear-gradient(top, #fff 0%, #eee 50%); background-image:linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0; background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%); background-image:-o-linear-gradient(top, #eee 50%, #fff 100%); background-image:linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0) } .select2-container--classic .select2-selection--multiple { background-color:white; border:1px solid #aaa; border-radius:4px; cursor:text; outline:0 } .select2-container--classic .select2-selection--multiple:focus { border:1px solid #5897fb } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style:none; margin:0; padding:0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display:none } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color:#e4e4e4; border:1px solid #aaa; border-radius:4px; cursor:default; float:left; margin-right:5px; margin-top:5px; padding:0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color:#888; cursor:pointer; display:inline-block; font-weight:bold; margin-right:2px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color:#555 } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float:right } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left:5px; margin-right:auto } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left:2px; margin-right:auto } .select2-container--classic.select2-container--open .select2-selection--multiple { border:1px solid #5897fb } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top:none; border-top-left-radius:0; border-top-right-radius:0 } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0 } .select2-container--classic .select2-search--dropdown .select2-search__field { border:1px solid #aaa; outline:0 } .select2-container--classic .select2-search--inline .select2-search__field { outline:0; box-shadow:none } .select2-container--classic .select2-dropdown { background-color:#fff; border:1px solid transparent } .select2-container--classic .select2-dropdown--above { border-bottom:none } .select2-container--classic .select2-dropdown--below { border-top:none } .select2-container--classic .select2-results>.select2-results__options { max-height:200px; overflow-y:auto } .select2-container--classic .select2-results__option[role=group] { padding:0 } .select2-container--classic .select2-results__option[aria-disabled=true] { color:grey } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color:#3875d7; color:#fff } .select2-container--classic .select2-results__group { cursor:default; display:block; padding:6px } .select2-container--classic.select2-container--open .select2-dropdown { border-color:#5897fb } /* ========================================================================== Remodal's necessary styles ========================================================================== */ /* Hide scroll bar */ html.remodal-is-locked { overflow: hidden; touch-action: none; } /* Anti FOUC */ .remodal, [data-remodal-id] { display: none; } /* Necessary styles of the overlay */ .remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; } /* Necessary styles of the wrapper */ .remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; } .remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; } /* Fix iPad, iPhone glitches */ .remodal-overlay, .remodal-wrapper { backface-visibility: hidden; } /* Necessary styles of the modal dialog */ .remodal { position: relative; outline: none; text-size-adjust: 100%; } .remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block; } /* ========================================================================== Remodal's default mobile first theme ========================================================================== */ /* Default theme styles for the background */ .remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { filter: blur(3px); } /* Default theme styles of the overlay */ .remodal-overlay { background: rgba(43, 46, 56, 0.9); } .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { animation-duration: 0.3s; animation-fill-mode: forwards; } .remodal-overlay.remodal-is-opening { animation-name: remodal-overlay-opening-keyframes; } .remodal-overlay.remodal-is-closing { animation-name: remodal-overlay-closing-keyframes; } /* Default theme styles of the wrapper */ .remodal-wrapper { padding: 10px 10px 0; } /* Default theme styles of the modal dialog */ .remodal { box-sizing: border-box; width: 100%; margin-bottom: 10px; /*! padding: 12px 35px 26px 35px; */ transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; border-radius: 25px; } .remodal.remodal-is-opening, .remodal.remodal-is-closing { animation-duration: 0.3s; animation-fill-mode: forwards; } .remodal.remodal-is-opening { animation-name: remodal-opening-keyframes; } .remodal.remodal-is-closing { animation-name: remodal-closing-keyframes; } /* Vertical align of the modal dialog */ .remodal, .remodal-wrapper:after { vertical-align: middle; } /* Close button */ .remodal-close { position: absolute; top: 0; left: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; transition: color 0.2s; text-decoration: none; color: #95979c; border: 0; outline: 0; background: transparent; } .remodal-close:hover, .remodal-close:focus { color: #2b2e38; } .remodal-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; text-align: center; } /* Dialog buttons */ .remodal-confirm, .remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0; } .remodal-confirm { color: #fff; background: #81c784; } .remodal-confirm:hover, .remodal-confirm:focus { background: #66bb6a; } .remodal-cancel { color: #fff; background: #e57373; } .remodal-cancel:hover, .remodal-cancel:focus { background: #ef5350; } /* Remove inner padding and border in Firefox 4+ for the button tag. */ .remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner { padding: 0; border: 0; } /* Keyframes ========================================================================== */ @keyframes remodal-opening-keyframes { from { transform: scale(1.05); opacity: 0; } to { transform: none; opacity: 1; filter: blur(0); } } @keyframes remodal-closing-keyframes { from { transform: scale(1); opacity: 1; } to { transform: scale(0.95); opacity: 0; filter: blur(0); } } @keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } /* Media queries ========================================================================== */ @media only screen and (min-width: 641px) { .remodal { max-width: 700px; } } /* IE8 ========================================================================== */ .lt-ie9 .remodal-overlay { background: #2b2e38; } .lt-ie9 .remodal { width: 700px; } /* Generated by less 2.5.1 */ @charset "utf-8"; body, html { font-family: 'IRANSans'; background-color: #f9f9f9; width: 100%; overflow-x: hidden; } .ok-branch { fill: #FF8000; } .not-branch { fill: #fff; } .size-map .province path:hover { fill: #F7A000; } .shoab-data .shoab-box { display: none; } .shoab-data .shoab-box.active { display: block; } .shoab-data .shoab-box .shoab-content-des { width: calc(100% - 200px); float: left; } .size-map .province path.active { fill: #F7A000; } .p-20 > div { padding: 0 20px; } .p-20 { margin: 0 -20px; } .p-26 > div { padding: 0 26px; } .p-26 { margin: 0 -26px; } .p-16 > div { padding: 0 16px; } .p-16 { margin: 0 -16px; } .p-10 > div { padding: 0 10px; } .p-10 { margin: 0 -10px; } .site-header { position: relative; height: 800px; width: 100%; background-color: #114446; z-index: 1; } .site-header .header-bg { border-radius: 0px 0px 0px 432px; /*! border-bottom: 3px dashed #9d9cb9; */ /*! border-left: 3px dashed #9d9cb9; */ background-color: #114446; width: 100%; position: absolute; transform: rotate(-13deg); height: 100vw; bottom: -239px; left: calc(100vw - calc(100vw + 7%)); overflow: hidden; z-index: -1; box-shadow: 0 1px 47px 3px rgb(17, 68, 70); pointer-events: none; } .site-header .circle { background-color: #527e80; height: 98%; width: 67%; border-radius: 50%; position: absolute; left: -141px; bottom: -61px; z-index: 0 !important; } .site-header .top-header { margin-top: 40px; padding-bottom: 32px; } .site-header .logo { margin-top: 10px; text-align: center; } .site-header .logo .menu-res { font-size: 23px; color: #fff; display: none; } /*.site-header .logo a { display: block; background-color: rgba(255,255,255,0.8); border-radius: 25px; position: relative; } .site-header .logo a:after { content: ''; position: absolute; left: -31px; top: calc(50% + 5px); border-color: rgba(255,255,255,0.8) transparent transparent transparent; border-style: solid; border-width: 14px; transform: rotate(90deg) translate(-50%); }*/ .site-header .menu { margin-top: 60px; margin-right: 25px; } .site-header .menu ul li { color: #edf0f5; font-size: 16px; font-weight: 300; padding: 0 8px; transition: 0.3s; display: inline-block; } .site-header .menu ul li:hover { color: #85c24b; } .site-header .tell { color: #edf0f5; font-size: 24px; font-weight: 500; margin-top: 56px; text-align: left; } .site-header .tell i { font-size: 20px; margin-right: -5px; padding-top: 2px; } .site-header .middel-header h2 { text-shadow: 0 11px 18px rgba(205, 197, 197, 0.2); color: #ffffff; font-size: 40px; font-weight: 500; text-align: center; margin-bottom: 35px; margin-top: 60px; z-index: 999; } .site-header .q-bg { height: 328px; background-color: #3859d2; border: 1px dashed #aaa; padding-top: 5px; border-radius: 50px; position: relative; } .site-header .q-bg:after { content: url(/Content/Frontend/img/bg-header-1.png); position: absolute; right: -140px; top: 15px; } .site-header .q-bg:before { content: url(/Content/Frontend/img/bg-header-1.png); position: absolute; left: -140px; top: 15px; } .site-header .quick-access-slider { background-color: #fff; border-radius: 47px; height: 316px; position: relative; width: 99%; margin: auto; overflow: hidden; } .site-header .quick-access-slider img { position: absolute; bottom: 0px; } .site-header .bottom-header { margin-top: 40px; } .site-header .bottom-header .cat-menu { width: 88%; margin: 0px auto 0 auto; } .site-header .bottom-header .cat-menu ul li { border-radius: 15px; text-align: center; margin: 0 7px; padding-top: 12px; cursor: pointer; width: 95px; display: inline-block; } .site-header .bottom-header .cat-menu ul { display: flex; align-content: center; justify-content: center; } .site-header .bottom-header .cat-menu ul li a div { width: 88px; height: 82px; background-color: #f7f5aa; text-align: center; padding-top: 7px; border-radius: 15px; margin-bottom: 13px; transition: all 0.3s ease-in-out; } .site-header .bottom-header .cat-menu ul li em { display: block; color: #ffffff; font-size: 13px; font-weight: 400; transition: all 0.3s ease-in-out; } .site-header .bottom-header .cat-menu ul li img, .site-header .bottom-header .cat-menu ul li svg { width: 50px; height: 50px; margin-top: 8px; fill: #3e6fec; } .site-header .bottom-header .cat-menu ul li:hover svg { fill: green; } .site-header .bottom-header .cat-menu ul li:hover a div { background-color: #eee; } .site-header .bottom-header .cat-menu ul li:hover em { color: #ccc; } .more-video { text-align: left; margin-top: 175px; position: relative; } .more-video i { color: #fff; font-size: 24px; font-weight: 500; position: absolute; top: 2px; left: -45px; padding-bottom: 20px; } .more-video i:after { content: ''; width: 100%; height: 1px; box-shadow: 0px 5px 4px 1px rgba(2555, 255, 255, 0.8); position: absolute; bottom: 4px; left: -1px; } .more-video em { display: block; color: #fff; font-size: 18px; font-weight: 400; margin-bottom: 12px; } .more-video b { color: #c2c2c2; font-size: 13px; font-weight: 300; padding-left: 29px; } .block-index .more-info { margin-top: 185px; position: relative; right: -90px; margin-bottom: 120px; } .block-index .more-info section { min-height: 210px; } .block-index .more-info .content-tab > section { display: none; } .block-index .more-info .content-tab > section.active { display: block; } .block-index .more-info p { color: #252525; font-size: 15px; font-weight: 400; margin-right: 230px; line-height: 31px; margin-top: 50px; text-align: justify; } .block-index .more-info p:after { content: url(/Content/Frontend/img/azadi_animate.png); position: absolute; right: -100px; top: 230px; } .block-index .more-info .t-c { margin-right: 232px; margin-top: 25px; } .block-index .more-info .t-c span { box-shadow: 0 1px 47px 2px rgba(85, 218, 151, 0.15); color: #b7b7b7; border: 1px solid #b7b7b7; margin-left: 6px; border-radius: 15px; cursor: pointer; padding: 4px 20px 3px 20px; margin-bottom: 20px; display: inline-block; position: relative; } .block-index .more-info .t-c span.active { box-shadow: 0 1px 47px 2px rgba(85, 218, 151, 0.15); background-image: linear-gradient(-72deg, #89c34b 0%, #6eba4d 33%, #5cb450 60%, #44a346 85%, #44a346 100%); opacity: 0.95; color: #fff; margin-left: 10px; border-radius: 15px; cursor: pointer; padding: 4px 15px 3px 15px; margin-bottom: 20px; display: inline-block; border: none; } .block-index .more-info .t-c span.active:after { content: ""; position: absolute; top: -20px; border-width: 7px; border-style: solid; border-color: transparent transparent #6eba4d transparent; transition: all 0.3s ease-in-out; opacity: 1; left: 50%; transform: translate(-50%, 50%); } .block-index .news { margin-bottom: 100px; } .block-index .news header { border-bottom: 1px solid #eee; position: relative; margin-bottom: 60px; } .block-index .news header span { color: #a9b1bb; font-size: 24px; font-weight: 500; position: absolute; top: -33px; padding: 0 15px 0 31px; background-color: #f9f9f9; } .block-index .news header span b { color: #a9b1bb; font-size: 11px; font-weight: 400; display: block; } .block-index .news article { margin-bottom: 45px; transition: 0.3s; } .block-index .news article:hover .article-img-news { background-color: #888; border-radius: 15px; } .block-index .news article:hover .article-img-news img { opacity: 0.7; } .block-index .news .article-img-news { position: relative; border: 2px solid #f9f9f9; margin-bottom: 40px; height: 336px; } .block-index .news .article-img-news img { width: 100%; } .block-index .news .article-img-news b { position: absolute; top: 15px; right: 18px; background-color: #ff1e02; border-radius: 6px; color: #fff; font-size: 13px; font-weight: 400; padding: 2px 10px 2px 10px; } .block-index .news .video-part i { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; font-size: 40px; color: #ff1e02; } .block-index .news h1 { color: #302158; font-size: 14px; font-weight: 700; margin-bottom: 15px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; padding-right: 5px; transition: all 0.3s ease-in-out; } .block-index .news h1 i { vertical-align: middle; padding-left: 5px; font-size: 12px; padding-top: 2px; color: #ff1e02; } .block-index .news article:hover h1 { color: #89c34b; } .block-index .news p { color: #7d7d7d; font-size: 12px; font-weight: 400; border-right: 1px solid #eee; padding-right: 10px; line-height: 24px; height: 75px; overflow: hidden; } .block-index .news footer { margin-top: 20px; } .block-index .news footer em.datetime { color: #7d7d7d; font-size: 12px; font-weight: 400; } .block-index .news footer em.datetime i { vertical-align: middle; padding-left: 7px; } .block-index .news footer em.comment { float: left; color: #7d7d7d; font-size: 12px; font-weight: 400; } .block-index .news footer em.comment i { vertical-align: middle; padding-right: 4px; color: #93cb28; } .block-index .news aside div.outside, .block-article aside div.outside { border: 1px dashed #ccc; padding: 6px; border-radius: 8px; margin-bottom: 30px; } .block-index .news aside section, .block-article aside section { box-shadow: 0 24px 34px 6px rgba(214, 214, 214, 0.57); background-color: #fff; padding: 10px 18px 10px 18px; border-radius: 5px; /*! margin-bottom: 30px; */ padding: 25px 25px 35px 15px; } .block-index .news aside .outside h3 { border-bottom: 1px solid #eee; color: #222; font-size: 14px; font-weight: 500; padding: 0px 10px 12px 10px; margin-bottom: 15px; display: inline-block; position: relative; } .block-index .news aside .outside h3:after { content: ""; position: absolute; bottom: -18px; border-width: 9px; border-style: solid; border-color: transparent transparent #6eba4d transparent; transition: all 0.3s ease-in-out; opacity: 1; right: 0px; transform: rotate(180deg); } .block-index .news aside section ul li, .block-article aside section ul li { border-bottom: 1px solid #eee; padding-bottom: 12px; padding-top: 15px; transition: all 0.3s ease-in-out; } .block-index .news aside section ul li:last-child, .block-article aside section ul li:last-child { border-bottom: none; } .block-index .news aside section ul li h2, .block-article aside section ul li h2 { color: #707070; font-size: 13px; font-weight: 500; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .block-index .news aside section ul li img, .block-article aside section ul li img { box-shadow: 0 24px 34px 6px rgba(214, 214, 214, 0.57); border-radius: 50%; width: 30px; height: 30px; } .block-index .news aside section ul li em, .block-article aside section ul li em { color: #b7b7b7; font-size: 12px; font-weight: 400; padding-right: 30px; } .block-index .news aside section ul li b, .block-article aside section ul li b { float: left; color: #000000; font-size: 12px; font-weight: 400; margin-top: 7px; } .block-index .news aside section ul li b i, .block-article aside section ul li b i { color: #b7b7b7; vertical-align: middle; } .block-index .news aside section ul li:hover, .block-article aside section ul li:hover { border-bottom: 1px solid #89c34b; } .block-index .news aside section ul li:last-child:hover, .block-article aside section ul li:last-child:hover { border-bottom: none; } .block-index .news aside section ul li:hover h2, .block-article aside section ul li:hover h2 { color: #89c34b; } .block-index .last-product header { border-bottom: 1px solid #eee; position: relative; margin-bottom: 50px; left: 10px; } .block-index .last-product header span { color: #a9b1bb; font-size: 24px; font-weight: 500; position: absolute; top: -30px; padding: 0 15px 0 31px; background-color: #f9f9f9; left: -30px; } .block-index .last-product header span b { display: block; color: #b7b7b7; font-size: 14px; font-weight: 400; padding-left: 74px; padding-top: 5px; text-align: left; } .last-product-slider { overflow: hidden; padding: 24px 0px; } .block-index .last-product .last-pro-s-pos { position: relative; margin-bottom: 150px; } .block-index .last-product .last-pro-s-pos:after { content: url(/Content/Frontend/img/bg-last-pro.png); position: absolute; right: 923px; top: -52px; pointer-events: none; } .block-index .last-product article { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.11); background-color: #fff; text-align: center; border-radius: 25px; padding: 30px 020px; } .block-index .last-product article:hover { box-shadow: 0 2px 39px -17px rgba(95, 178, 78, 0.5); box-shadow: 0 2px 20px 0px rgba(95, 178, 78, 0.4); } .block-index .last-product article img { width: 150px; height: 253px; } .block-index .last-product article h1 { color: #333; font-size: 13px; font-weight: 500; margin-top: 10px; overflow: hidden; height: 24px; white-space: nowrap; text-overflow: ellipsis; } .block-index .last-product .swiper-container-horizontal > .swiper-pagination-bullets { bottom: -28px; left: 50% !important; transform: translate(-50%) !important; width: auto !important; } .block-index .last-product .last-pro-s-pos a { color: #333; font-size: 16px; font-weight: 400; float: left; margin-left: 180px; padding-top: 7px; transition: 0.3s; z-index: 100; } .block-index .last-product .last-pro-s-pos a i { color: #e33940; font-size: 17px; font-weight: 400; vertical-align: middle; padding-right: 2px; } .block-index .last-product .last-pro-s-pos a:hover { color: #e33940; } .block-index .idea-user { box-shadow: 0 0 51px 6px rgba(0, 0, 0, 0.33); background-image: linear-gradient(6deg, #405dc3 0%, #459aed 61%, #5ba8ec 97%, #398ee9 100%), linear-gradient(6deg, rgba(0, 48, 80, 0.38) 0%, rgba(107, 149, 60, 0.38) 100%); margin-bottom: 150px; padding: 20px 0 70px 0; } .title-idea h3 { text-align: center; color: #b7b7b7; font-size: 27px; font-weight: 400; margin: 20px 0px 45px 0; } .idea-user .idea-user-content { background-color: #fff; border-radius: 40px; padding: 0 100px 65px 100px; } .idea-user .dash-box-cloud { position: relative; } .idea-user .dash-box-cloud:after { content: url(/Content/Frontend/img/cluod1.png); position: absolute; left: -166px; bottom: 40px; } .idea-user .dash-box-cloud:before { content: url(/Content/Frontend/img/cluod1.png); position: absolute; right: -140px; top: 130px; } .idea-user .dash-box-cloud .swiper-slide { border: 1px dashed #eee; border-radius: 40px; padding: 4px; } .idea-user .idea-user-content img { position: absolute; left: 50%; transform: translate(-50%, -50%); width: 190px; height: 160px; } .idea-user .idea-user-content span { text-shadow: 0 0 80px rgba(0, 0, 0, 0.18); color: #1d69f3; font-size: 21px; font-weight: 500; display: block; text-align: center; padding-top: 78px; } .idea-user .idea-user-content b { color: #4f4f4f; font-size: 16px; font-weight: 400; display: block; text-align: center; padding-top: 20px; border-bottom: 2px solid #eee; padding-bottom: 20px; margin: 0 30px 30px 30px; } .idea-user .idea-user-content p { color: #363636; font-size: 14px; font-weight: 400; line-height: 33px; height: 125px; overflow: hidden; text-align: justify; } .idea-user-slider { overflow: hidden; padding-top: 74px; padding-bottom: 4px; } .idea-user-slider .swiper-pagination-bullet-active { background-color: #2269db; } .idea-user-slider .swiper-pagination-bullets { bottom: 30px !important; } .title-middel-part { border-bottom: 1px solid #eee; position: relative; margin-bottom: 90px; } .title-middel-part span { color: #a9b1bb; font-size: 24px; font-weight: 500; position: absolute; top: -1px; padding: 0 35px 0 35px; background-color: #f9f9f9; transform: translate(-50%, -50%); left: 50%; display: block; text-align: center; } .title-middel-part span b { color: #a9b1bb; font-size: 11px; font-weight: 400; display: block; text-align: center; padding-top: 10px; } .full-info-company-content { background: url('/Content/Frontend/img/bg-full-info-company.png') no-repeat; margin-bottom: 76px; position: relative; } .full-info-company-content .row { position: relative; } .full-info-company-content .logo-shadow { position: absolute; right: -135px; top: 50%; transform: translate(0, -50%); height: 100%; background-color: #f9f9f9; } .full-info-company-content .logo-shadow:after { content: ''; height: 100%; width: 100%; position: absolute; background-color: #f9f9f9; right: 108px; box-shadow: 15px 0px 15px -19px rgb(0, 0, 0, 0.8); } .full-info-company-content .logo-shadow img { width: 146px; height: auto; top: 50%; position: relative; transform: translate(0, -50%); } .full-info-company-content article { box-shadow: 0 2px 16px rgba(59, 62, 62, 0.31); background-color: #f3f6f9; border-radius: 15px; /*! padding: 15px; */ height: 178px; position: relative; margin-bottom: 15px; } .full-info-company-content article em { position: absolute; } .full-info-company-content article footer { position: absolute; width: 100%; text-align: center; bottom: 0px; overflow: hidden; height: 53px; border-radius: 15px; } .full-info-company-content article footer h3 { color: #a1a1a1; font-size: 13px; font-weight: 300; display: block; position: absolute; width: 80%; left: 50%; transform: translate(-50%); bottom: 0px; box-shadow: 0 0 17px rgba(1, 1, 1, 0.28); border-radius: 10px 10px 0px 0px; height: 34px; padding-top: 8px; } .full-info-company-content article footer h3:after, .full-info-company-content article footer h3:before { content: ''; width: 40px; height: 30px; border: 8px solid #f3f6f9; position: absolute; bottom: -3px; border-top: 0; } .full-info-company-content article footer h3:after { border-left: 0; -moz-border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 19px 0; left: -31px; } .full-info-company-content article footer h3:before { border-right: 0; -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 19px; right: -30px; } .full-info-company-content article b span { text-align: center; color: #2150bd; font-size: 38px; font-weight: 400; text-shadow: 2px 2px 4px #2150bd; position: absolute; left: 40%; top: 81px; background-color: #f3f6f9; padding-right: 12px; transform: translate(-50%, -50%); padding-top: 20px; padding-bottom: 20px; box-shadow: 15px 0px 15px -19px rgb(0, 0, 0, 0.8); } .full-info-company-content article i { position: absolute; right: 65px; top: 50%; transform: translate(0, -60%); font-size: 63px; color: #5eac4a; } .info-customer-pagination { position: relative; } .info-customer-slider { overflow: hidden; position: relative; margin-bottom: 120px; } .info-customer-slider .pic-logo-customer { /*-webkit-filter: grayscale(100%); filter: grayscale(93%);*/ -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; } .info-customer-slider .pic-logo-customer img { width: 100px; height: 100px; } .info-customer-slider .pic-logo-customer h1 { visibility: hidden; color: #555; font-size: 13px; font-weight: 400; box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.11); background-color: #d9d9d9; border-radius: 5px; padding: 3px 10px 6px; text-align: center; position: relative; } .info-customer-slider .pic-logo-customer h1:after { content: ""; position: absolute; top: -18px; border-width: 6px; border-style: solid; border-color: transparent transparent #d9d9d9 transparent; opacity: 1; left: 50%; transform: translate(-50%, 50%); } .info-customer-slider .pic-logo-customer h1 i { vertical-align: middle; color: #69b84e; font-size: 10px; padding-right: 5px; padding-top: 2px; } .info-customer-slider .pic-logo-customer:hover { filter: grayscale(0%); cursor: pointer; } .info-customer-slider .pic-logo-customer:hover h1 { visibility: visible; } .gallery-info-customer-next { position: absolute; right: -27px; top: 32px; font-size: 27px; color: #69b84e; transition: all .3s ease-in-out; font-weight: 100; padding: 4px 9px 0 8px; } .gallery-info-customer-prev { position: absolute; left: -26px; top: 32px; font-size: 27px; color: #69b84e; transition: all .3s ease-in-out; font-weight: 100; padding: 4px 9px 0 8px; } .site-footer { background-color: #423c54; padding-top: 20px; position: relative; } .site-footer:after { background: url(/Content/Frontend/img/footerbg.png) no-repeat; position: absolute; top: -46px; width: 100%; content: ''; height: 200px; background-size: 100vw 46px; pointer-events: none; } .site-footer h2 { color: #c2c2c2; font-size: 13px; font-weight: 700; margin-bottom: 30px; } .site-footer h2 i { color: #69b84e; font-size: 16px; vertical-align: middle; padding-left: 10px; margin-right: -7px; } .site-footer ul { border-right: 1px solid #707070; padding-right: 24px; margin-bottom: 47px; } .site-footer ul li { color: #c0c0c0; font-size: 13px; font-weight: 300; line-height: 30px; transition: all 0.3s ease-in-out; } .site-footer ul li:hover { color: #69b84e; } .site-footer h3 { color: #69b84e; font-size: 13px; font-weight: 700; margin-bottom: 30px; } .site-footer h3 i { padding-left: 15px; vertical-align: middle; font-size: 22px; margin-right: -10px; } .site-footer p.about-manage { color: #c0c0c0; font-size: 13px; font-weight: 300; line-height: 30px; float: right; width: calc(100% - 172px); text-align: justify; border-right: 1px solid #707070; padding-right: 24px; } .site-footer a.logo-footer { float: left; width: 150px; } .site-footer .download-app ul li { display: inline-block; margin-left: 10px; } .site-footer .download-app img { height: 30px; } .site-footer .social-network { margin: 4px 0px 0px 0px; text-align: right; } .site-footer .social-network a { color: #909090; font-size: 20px; font-weight: 300; margin: 0 10px; padding: 0 7px; text-align: left; transition: 0.3s; } .site-footer .social-network a:hover { color: #69b84e; } .site-footer .copyright { margin: 45px 0 35px 0; } .site-footer .copyright img { width: 90px; height: 26px; margin-right: 30px; margin-top: -2px; } .site-footer .copyright .manufacturer { text-align: center; color: #c0c0c0; font-size: 13px; font-weight: 300; line-height: 30px; transition: all 0.3s ease-in-out; } .site-footer .copyright .manufacturer a:hover { color: #69b84e; } .site-footer .copyright .manufacturer i { vertical-align: middle; padding-right: 10px; transition: all 0.3s ease-in-out; } /********* index *********/ /********* shoab *********/ .site-header-page { height: 450px; } .block-shoab { margin-bottom: 150px; } .descript-shoab { margin-top: 390px; margin-bottom: 200px; } .descript-shoab img { float: right; } .descript-shoab .shoab-descript p { color: #464646; font-size: 16px; font-weight: 400; line-height: 34px; padding-top: 34px; display: none; } .descript-shoab .shoab-descript p.active { display: none; } .shoab-box { box-shadow: -1px 0 47px 3px rgba(0, 0, 0, 0.16), 0 0 7px rgba(221, 229, 90, 0.26); background-color: #fff; border-radius: 30px; padding: 25px 30px 25px 30px; margin-bottom: 25px; } .shoab-box header { border-bottom: 1px solid #eee; padding-bottom: 13px; margin-bottom: 20px; } .shoab-box header i { color: #b7b7b7; font-size: 18px; vertical-align: middle; } .shoab-box header span { color: #252525; font-size: 13px; font-weight: 400; border-left: 1px solid #eee; padding-left: 20px; margin-left: 20px; margin-right: 5px; } .shoab-box header em { color: #8282f6; font-size: 13px; font-weight: 400; float: left; margin-left: 10px; } .shoab-box header b { color: #959595; font-size: 13px; font-weight: 700; text-transform: uppercase; } .shoab-box .shoab-content > img { float: right; margin-top: 40px; width: 150px; height: 150px; border-radius: 50px; margin-left: 40px; } .shoab-box .shoab-content-des img { float: left; height: 24px; margin-left: 20px; } .shoab-box .shoab-content-des span { color: #252525; font-size: 13px; font-weight: 500; display: block; margin-bottom: 5px; } .shoab-box .shoab-content-des span i { color: #9b9b9b; font-size: 16px; vertical-align: middle; padding-left: 6px; } .shoab-box .shoab-content-des em { color: #898989; font-size: 13px; font-weight: 300; margin-bottom: 22px; display: inline-block; } .m-t-20 { margin-top: 30px; } .size-map { width: 392px; height: 325px; } .shoab-box-2 { } .shoab-box-2 header span { border-left: none; } .shoab-box-2 form { text-align: center; } .shoab-box-2 form input { width: 95%; color: #898989; font-size: 13px; font-weight: 400; border: 1px solid #eee; margin-bottom: 10px; border-radius: 10px; padding: 10px 20px 10px 20px; } .shoab-box-2 form textarea { width: 97%; color: #898989; font-size: 13px; font-weight: 400; border: 1px solid #eee; margin-bottom: 10px; border-radius: 10px; padding: 10px 20px 10px 20px; } .shoab-box-2 form button { border: none; color: #363636; font-size: 13px; font-weight: 500; border-radius: 6px; background-color: #d6ebdc; padding: 8px 30px 9px 30px; font-family: iransans; margin-top: 13px; } /********* shoab *********/ /********* sahamdar *********/ .block-sahamdaran { margin-top: 400px; margin-bottom: 100px; } .block-sahamdaran > div > h2 { color: #363636; font-size: 19px; font-weight: 300; margin-bottom: 40px; } .block-sahamdaran article { border: 1px solid #eee; border-radius: 30px; margin-bottom: 20px; padding: 50px 20px 45px 20px; position: relative; } .block-sahamdaran article header { text-align: center; } .block-sahamdaran article header > img { width: 100px; height: 100px; margin-bottom: 30px; } .block-sahamdaran article header em { font-size: 19px; color: #767676; display: block; margin-bottom: 5px; } .block-sahamdaran article header .rate { position: absolute; width: 90px; text-align: left; } .block-sahamdaran article header .rate img { } .block-sahamdaran article header .rate b { font-size: 12px; color: #767676; display: block; margin-top: 3px; font-weight: 100; } .block-sahamdaran article p { line-height: 30px; color: #676767; font-size: 14px; font-weight: 300; text-align: justify; height: 180px; overflow: hidden; } .block-sahamdaran article h2 { text-align: center; color: #464646; font-size: 24px; font-weight: 400; line-height: 47.53px; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 95%; } .block-sahamdaran article h3 { text-align: center; color: #464646; font-size: 15px; font-weight: 500; margin-bottom: 35px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 95%; } .block-sahamdaran .view-more { box-shadow: 1px -4px 7px rgba(0, 0, 0, 0.08); color: #b7b7b7; font-size: 17px; font-weight: 400; border: 1px solid #ccc; padding: 10px 30px 10px 30px; border-radius: 11px; margin-top: 20px; display: inline-block; margin-right: 30px; transition: 0.3s; } .block-sahamdaran .view-more:hover { color: #69b84e; } /********* sahamdar *********/ /********* login *********/ .login-box { display: flex; position: absolute; align-items: center; justify-content: center; right: 0; top: 0; left: 0; bottom: 0; } .login-box .login-box-content form { margin-right: 80px; } .login-box .login-box-content form h2 span { color: #010101; font-size: 16px; font-weight: 400; margin-top: 60px; display: inline-block; } .login-box .login-box-content form input { display: block; margin-bottom: 11px; border-radius: 30px; background-color: #fff; color: #959595; font-size: 14px; font-weight: 400; padding: 14px 30px 14px 20px; width: 400px; } .login-box .login-box-content form button { box-shadow: 0 6px 12px 1px rgba(0, 0, 0, 0.19); border-radius: 23px; background-color: #00ae34; color: #fff; font-size: 14px; font-weight: 500; border: navajowhite; padding: 10px 20px 12px 20px; font-family: iransans; margin-top: 20px; } .login-box .login-box-content form button i { vertical-align: middle; padding-right: 10px; } .login-box .login-box-content form a { color: #b7b7b7; font-size: 13px; font-weight: 400; margin-right: 20px; border-bottom: 1px solid #eee; padding-bottom: 5px; display: inline-block; } .login-box .login-box-content .logo-login { margin-top: 220px; margin-right: 100px; } .login-box .login-box-content .user-box-after { position: relative; width: 400px; } .login-box .login-box-content .user-box-after:after { content: url(/Content/Frontend/img/user-pic.png); position: absolute; left: 0px; top: 0px; } /********* login *********/ /********* gallery *********/ .block-gallery { margin-top: 315px; margin-bottom: 85px; } .filter-gallery { margin-bottom: 30px; } .block-gallery h2 { color: #959595; font-size: 20px; font-weight: 400; margin-bottom: 40px; } .filter-gallery form { position: relative; } .filter-gallery form button { position: absolute; top: 17px; left: 25px; background-color: #fff; border: none; color: #7d7d7d; font-size: 25px; border-right: 1px solid #ccc; padding-right: 25px; } .filter-gallery form > i { position: absolute; top: 22px; right: 25px; color: #7d7d7d; font-size: 25px; padding-right: 7px; } .filter-gallery input { background-color: #fff; width: 100%; border-radius: 10px; padding: 20px 10px; text-align: center; color: #c2c2c2; font-size: 15px; font-weight: 300; margin-bottom: 30px; } .block-gallery .gallery-box { box-shadow: -1px 0 47px 3px rgba(0, 0, 0, 0.16), 0 0 7px rgba(221, 229, 90, 0.26); background-color: #fff; border-radius: 30px; margin-bottom: 40px; border-radius: 30px; } .block-gallery .gallery-box img { width: 100%; height: 200px; border-radius: 30px 30px 0 0; } .block-gallery .gallery-box a { color: #555555; font-size: 16px; font-weight: 400; display: block; text-align: center; padding: 14px 10px; transition: 0.3s; } .block-gallery .gallery-box a:hover { color: #69b84e; } .page-nav { display: block; text-align: center; margin: 14px 0 30px 0; } .page-nav li { color: #363636; font-size: 16px; font-weight: 500; display: inline-block !important; padding-top: 5px; border-radius: 7px; transition: 0.3s; position: relative; text-align: center; min-width: 18px; margin-left: 3px; width: 32px; height: 32px; background-color: #fff; } .page-nav li a { width: 30px; height: 30px; display: inline-block; } .page-nav li:hover { border-radius: 7px; background-color: #69b84e; color: #fff; } .page-nav li.active { background-color: #69b84e; color: #fff; } .page-nav li.pagelist-skiptoprev { color: #6b6b6b; background-color: #d7d7d7; } .page-nav li.pagelist-skiptoprev:hover { background-color: #0095da; color: #fff; } .page-nav li.pagelist-skiptonext { color: #6b6b6b; font-size: 12px; font-weight: 400; background-color: #f3f3f3; } .page-nav li.pagelist-skiptoprev a i { padding-top: 2px; } .page-nav li i { font-size: 14px; transition: 0.3s; font-weight:; } .page-nav li:hover i { color: #fff; } .gallery-slider { overflow: hidden; background-color: #fff; border-radius: 23px; } .gallery-next { position: absolute; right: -27px; top: 142px; font-size: 23px; color: #5f5f5f; transition: all .3s ease-in-out; font-weight: 100; padding: 12px 9px 0 13px; background-color: #fff; border-radius: 50%; width: 50px; height: 50px; z-index: 99; } .gallery-prev { position: absolute; left: -26px; top: 142px; font-size: 23px; color: #5f5f5f; transition: all .3s ease-in-out; font-weight: 100; padding: 12px 14px 0 8px; background-color: #fff; border-radius: 50%; width: 50px; height: 50px; z-index: 999; } .gallery-content img { width: auto; height: 500px; } .gallery-content span { color: #252525; font-size: 17px; font-weight: 400; display: block; text-align: center; padding: 25px 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #e2e6e3; } /********* gallery *********/ /********* 404 *********/ .error-404 { display: flex; position: absolute; align-items: center; justify-content: center; right: 0; top: 0; left: 0; bottom: 0; } .error-404-content h2 { color: #cfcfcf; font-size: 124px; font-weight: 700; margin-bottom: 10px; } .error-404-content h3 { color: #69b84e; font-size: 25px; font-weight: 500; border-bottom: 1px solid #eee; margin-bottom: 30px; padding-bottom: 15px; } .error-404-content form input { box-shadow: 2px 0 2px rgba(162, 162, 162, 0.25); background-color: #f0f4f5; width: 93%; padding: 12px 20px 12px 20px; border-radius: 6px; color: #717994; font-size: 12px; font-weight: 300; margin-bottom: 35px; overflow: hidden; } .error-404-content form { position: relative; overflow: hidden; } .error-404-content form button { border: 1px solid #f0f4f5; border-radius: 6px 50% 50% 6px; width: 58px; height: 44px; position: absolute; left: 25px; color: #8187a0; font-size: 15px; box-shadow: 2px 0 2px rgba(162, 162, 162, 0.25); background-color: #f0f4f5; } .error-404-content nav ul li { color: #7d7d7d; font-size: 15px; font-weight: 300; float: right; transition: 0.3s; margin-bottom: 5px; } .error-404-content nav ul li:hover { color: #69b84e; } .error-404-content nav ul li a { padding: 0 9px; } .error-404-content nav ul li b { padding: 0 10px; color: #ccc; } .error-404-content .logo-404 { position: relative; margin-top: 50px; } .error-404-content .logo-404 .tell-company { position: absolute; color: #0bb59e; font-size: 30px; font-weight: 400; bottom: 20px; left: 35px; } /********* 404 *********/ /********* contact *********/ .block-contact { margin-top: 400px; margin-bottom: 130px; } .about-us h2 { color: #00932c; font-size: 25px; font-weight: 400; text-align: center; margin-bottom: 70px; } .about-us .video-about { margin-bottom: 20px; overflow: hidden; max-height: 0px; border-radius: 20px; } } .about-us .about-info { background-color: #fff; border-radius: 10px; padding: 0 60px 20px 60px; /*! box-shadow: -1px 0 47px 3px rgba(0, 0, 0, 0.16), 0 0 7px rgba(221, 229, 90, 0.26); */ } .about-us .about-info header { margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 30px; padding-top: 30px; } .about-us .about-info header i { color: #ccc; font-size: 32px; padding-top: 2px; display: inline-block; vertical-align: middle; padding-left: 20px; } .about-us .about-info header span { color: #717171; font-size: 16px; font-weight: 300; padding: 29px 15px 29px 30px; cursor: pointer; display: inline-block; } .about-us .about-info header span.active { /*! border-top: 1px solid #00932c; */ /*! border-bottom: 1px solid #00932c; */ color: #00932c; } .about-us .about-info header span:hover { color: #00932c; } .about-us .about-info .content-tab > section { display: none; } .about-us .about-info .content-tab > section.active { display: block; } .about-us .about-info .content-tab p { color: #464646; font-size: 15px; font-weight: 300; text-align: center; line-height: 35px; margin-bottom: 35px; display: inline-block; } .about-us .about-info .content-tab h3 { color: #00932c; font-size: 22px; font-weight: 400; text-align: center; margin: 45px 0 65px 0; } .about-us .about-info .content-tab ul { padding-bottom: 40px; } .about-us .about-info .content-tab ul li { color: #464646; font-size: 14px; font-weight: 400; line-height: 42px; } .about-us .about-info .content-tab ul li i { color: #464646; font-size: 17px; padding-left: 10px; vertical-align: middle; } .contact-us h2 { color: #00932c; font-size: 20px; font-weight: 500; margin-bottom: 45px; margin-top: 40px; } .contact-us p { margin-bottom: 25px; } .contact-us p i { color: #00a371; font-size: 20px; vertical-align: middle; padding-left: 12px; } .contact-us p span { color: #959595; font-size: 15px; font-weight: 500; margin-bottom: 8px; display: inline-block; } .contact-us p em { color: #464646; display: block; font-weight: 500; font-size: 14px; padding-right: 37px; } .contact-us .map { box-shadow: 0 13px 29px rgba(0, 0, 0, 0.35); border-radius: 20px; margin-top: 23px; overflow: hidden; /*display: inline-block;*/ /*! margin-bottom: 50px; */ } .contact-us form input, .contact-us form textarea { border: 1px solid #d6ebdc; border-radius: 10px; padding: 12px 20px; color: #c2c2c2; font-size: 15px; font-weight: 400; width: 80%; margin-bottom: 10px; } .contact-us form textarea { width: 100%; } .contact-us form button { border: none; box-shadow: 0 13px 29px rgba(0, 0, 0, 0.11); background-color: #dcf4e3; transition: 0.3s; color: #00932c; font-family: "iransans"; font-size: 17px; font-weight: 400; padding: 6px 45px 10px 30px; border-radius: 10px; margin-top: 20px; } .contact-us form button:hover { box-shadow: 0 13px 29px rgba(0, 0, 0, 0.11); } .contact-us form button i { vertical-align: middle; padding-right: 15px; } .poular-question h2 { color: #00932c; font-size: 20px; font-weight: 500; margin-bottom: 45px; margin-top: 40px; } .poular-question .question { padding-bottom: 27px; position: relative; } .poular-question .question:before { position: absolute; height: calc(100% - 54px); width: 1px; border-left: 1px dashed #959595; content: ''; top: 47px; right: 18px; } .poular-question .question .number-question { color: #959595; font-size: 25px; font-weight: 400; width: 37px; height: 12px; border-radius: 10px; border: 1px dashed #959595; text-align: center; display: inline-table; right: 0px; position: absolute; top: 2px; } .poular-question .question > span { color: #363636; font-size: 19px; font-weight: 400; display: block; position: relative; padding-right: 54px; } .poular-question .answer span { color: #959595; font-size: 14px; font-weight: 400; margin-right: 75px; margin-top: 15px; display: inline-block; text-align: justify; line-height: 25px; } /********* contact *********/ /********* article *********/ .block-article { margin-top: 400px; margin-bottom: 150px; } .block-article form { } .block-article .article-part { box-shadow: 0 0 13px rgba(0, 0, 0, 0.35); background-color: #fff; border-radius: 20px; margin-bottom: 35px; position: relative; padding: 50px 20px 35px 65px; } .block-article .article-part h1 { color: #363636; font-size: 17px; font-weight: 400; padding-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 0.3s; } .block-article .article-part h1:hover { color: #03af36; } .block-article .article-part p { color: #363636; font-size: 14px; font-weight: 300; line-height: 26px; text-align: justify; margin-bottom: 25px; height: 82px; overflow: hidden; } .block-article .article-part .img-article { position: absolute; right: -30px; top: 50px; } .block-article .article-part .img-article img { width: 160px; height: 160px; box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.35); border-radius: 42px; background-color: #dcf4e3; } .block-article .article-part .content-article { margin-right: 166px; } .block-article .article-part footer span { color: #959595; font-size: 12px; font-weight: 400; line-height: 27.03px; margin-left: 30px; float: right; } .block-article .article-part footer span i { color: #a1a1a1; font-size: 15px; vertical-align: middle; padding-left: 8px; } .block-article .article-part footer span em { display: inline-block; word-wrap: break-word; } .block-article .article-part footer a { background-color: #03af36; color: #fff; font-size: 14px; font-weight: 400; border-radius: 10px; padding: 8px 24px; float: left; margin-top: -5px; } .block-article .article-part .date-article { width: 55px; border-radius: 40px; position: absolute; left: -21px; box-shadow: 0 1px 35px rgba(0, 0, 0, 0.26); color: #363636; font-size: 14px; font-weight: 400; padding: 10px 4px; text-align: center; line-height: 30px; top: 75px; background-color: #fff; } .block-article .article-part .date-article em { color: #fe6565; font-weight: 500; display: block; } .block-article .article-part .date-article span { display: block; font-size: 12px; } .block-article .filter-gallery input { margin-bottom: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.14); } .block-article aside h2 { color: #3c3c3c; font-size: 15px; font-weight: 500; margin-bottom: 20px; } .block-article aside h2 i { vertical-align: middle; padding-left: 10px; font-size: 20px; } .block-article aside .category h3 span, .block-article aside .most-controversial h3 span, .block-article aside .most-popular h3 span { border-bottom: 1px solid #eee; color: #222; font-size: 14px; font-weight: 500; padding: 0px 10px 12px 10px; margin-bottom: 15px; display: inline-block; position: relative; } .block-article aside .category h3 span:after, .block-article aside .most-controversial h3 span:after, .block-article aside .most-popular h3 span:after { content: ""; position: absolute; bottom: -18px; border-width: 9px; border-style: solid; border-color: transparent transparent #6eba4d transparent; transition: all 0.3s ease-in-out; opacity: 1; right: 0px; transform: rotate(180deg); } .block-article aside .category ul.select-category li { color: #464646; font-size: 13px; font-weight: 400; border-bottom: none; position: relative; padding-right: 30px; padding-bottom: 2px; } .block-article aside .category ul.select-category li:hover { color: #03af36; } .block-article aside .category ul.select-category li i { font-size: 7px; border-radius: 50%; border: 1px solid #959595; position: absolute; right: 0; height: 13px; width: 13px; padding: 0px 2px; color: #fff; line-height: 12px; top: 19px; } .block-article aside .category ul.select-category li.active i { color: #03af36; } .block-article aside .category ul.select-category li.active { color: #03af36; } .block-article aside .category ul.select-category li i:after { position: absolute; height: 23px; width: 1px; border-left: 1px dashed #959595; top: 12px; right: 5px; } .block-article aside .category ul.select-category li:last-child i:after { content: none; } /********* article *********/ /********* single-article *********/ .article-single { background-color: #fbfcfc; box-shadow: 0 24px 34px 6px rgba(214, 214, 214, 0.57); padding: 20px 20px 100px 20px; border-radius: 10px; margin-bottom: 30px; } .article-single .article-single-img { position: relative; box-shadow: 0 0 13px rgba(0, 0, 0, 0.35); border-radius: 33px; margin-bottom: 30px; } .article-single .article-single-img img { border-radius: 33px; width: 100%; height: 303px; } .article-single .article-single-img footer { position: absolute; background-color: rgba(255, 255, 255, 0.9); bottom: 0; width: 100%; padding: 18px 25px; border-radius: 0px 0px 33px 33px; } .article-single .article-single-img footer h2 { color: #0184a2; font-size: 16px; font-weight: 500; padding-right: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .article-single .article-single-img footer .date-time-article { width: 50px; position: absolute; top: -20px; right: 25px; text-align: center; } .article-single .article-single-img footer .date-time-article span { width: 28px; height: 28px; background-color: #fd3d50; border-radius: 50%; display: inline-block; padding-top: 5px; color: #fff; margin-bottom: 2px; } .article-single .article-single-img footer .date-time-article em { font-size: 12px; font-weight: 400; color: #333; margin-bottom: 2px; display: inline-block; } .block-article .article-single header { padding: 0px 40px 35px 40px; } .block-article .article-single header span { color: #959595; font-size: 12px; font-weight: 400; line-height: 27.03px; margin-left: 30px; float: right; } .block-article .article-single header span i { color: #a1a1a1; font-size: 15px; vertical-align: middle; padding-left: 8px; } .block-article .article-single header span em { display: inline-block; word-wrap: break-word; } .block-article .article-single header b { float: left; } .block-article .article-single header a { float: left; color: #959595; font-size: 16px; margin-right: 15px; padding: 0 5px; margin-top: 8px; transition: 0.3s; } .block-article .article-single header a:hover { color: #00b033; } .article-single p { color: #464646; font-size: 14px; font-weight: 300; line-height: 31px; text-align: justify; padding: 0 10px; } .article-single h3 { color: #db162a; font-size: 19px; font-weight: 400; text-align: center; margin-bottom: 50px; } .article-single ul li { color: #464646; font-size: 14px; font-weight: 300; line-height: 31px; padding: 0 10px; } .article-single ul li i { color: #00b033; font-size: 15px; vertical-align: middle; padding-left: 5px; } .comment-view { border: 1px solid #eee; margin-bottom: 30px; border-radius: 31px; padding: 20px 35px 20px 35px; } .comment-view h2 { color: #898989; font-size: 18px; font-weight: 500; margin: 0 20px 15px 0; } .comment-view h2 i { color: #898989; font-size: 24px; vertical-align: middle; padding-left: 7px; } .comment-view ul li { box-shadow: 0 1px 47px 3px rgba(0, 0, 0, 0.1); background-color: #fbfcfc; border-radius: 33px; padding: 45px 35px 45px 66px; margin-bottom: 20px; position: relative; } .comment-view ul li div { float: left; width: calc(100% - 100px); } .comment-view ul li header span { color: #898989; font-size: 12px; font-weight: 400; margin-left: 34px; } .comment-view ul li header span i { color: #898989; font-size: 16px; vertical-align: middle; padding-left: 4px; } .comment-view ul li img { float: right; width: 70px; height: 70px; margin-left: 20px; border-radius: 22px; box-shadow: 0 1px 47px 3px rgba(0, 0, 0, 0.1); } .comment-view ul li p { color: #5e5e5e; font-size: 14px; font-weight: 300; line-height: 27px; text-align: justify; margin-top: 22px; } .comment-view ul li p.responce { color: #3cb878; border-top: 1px solid #ccc; } .comment-view ul li p.responce em { font-weight: 700; } .comment-view ul li .like { position: absolute; left: -20px; top: 57px; width: 38px; height: 38px; background-color: #3cb878; color: #fff; text-align: center; padding-top: 10px; border-radius: 5px; font-size: 15px; } .comment-view ul li .dis-like { position: absolute; left: -20px; top: 100px; width: 38px; height: 38px; background-color: #e3e3e3; color: #fff; text-align: center; padding-top: 10px; border-radius: 5px; font-size: 15px; } .comment-view ul li .like-count { position: absolute; right: 33px; bottom: 60px; font-size: 10px; color: #757575; } .comment-view ul li .like-count em { color: #3cb878; } .comment-form form { } .comment-form form { background-color: #f6f6f6; border-radius: 30px; box-shadow: 0 24px 34px 6px rgba(214, 214, 214, 0.57); padding: 40px 72px; } .comment-form form input { width: 49%; border-radius: 5px; padding: 10px 20px; margin-bottom: 10px; color: #727272; } .comment-form form textarea { width: 99%; border-radius: 5px; padding: 10px 20px; margin-bottom: 10px; color: #727272; } .comment-form form button { background-color: #7bcfb2; color: #fff; float: left; border: none; font-family: iransans; border-radius: 5px; padding: 5px 20px 6px 20px; font-size: 16px; margin-left: 7px; } /********* single-article *********/ /********* estekhdam *********/ .block-estekhdam { margin-top: 265px; margin-bottom: 150px; } .Recruitment-description { margin-bottom: 100px; position: relative; } .Recruitment-description h2 { color: #2f5bea; font-size: 24px; font-weight: 500; margin-bottom: 40px; } .Recruitment-description h2:after { content: url(/Content/Frontend/img/circle-bg.png); position: absolute; right: -140px; top: -89px; z-index: -1; } .Recruitment-description h2 span { color: #2f5bea; font-size: 16px; font-weight: 400; display: block; margin-top: 10px; margin-bottom: 10px; } .Recruitment-description p { color: #363636; font-size: 16px; font-weight: 300; line-height: 35px; text-align: justify; margin-bottom: 46px; margin-top: 30px; } .Recruitment-description a { background-color: #0282ff; color: #fff; padding: 10px 20px 12px 20px; border-radius: 30px; font-size: 17px; margin-right: 50px; } .Recruitment-description img { float: left; } .service { margin-bottom: 90px; position: relative; } .service:after { position: absolute; right: -140px; top: 97px; z-index: -1; } .service > h2 { color: #656565; font-size: 28px; font-weight: 400; text-align: center; margin: 20px 0 45px 0; } .service article { border-radius: 35px; border: 1px solid rgba(70, 70, 71, 0.2); background-color: #fff; padding: 40px; text-align: center; transition: 0.3s; margin-bottom: 25px; overflow: hidden; } .service article:hover { box-shadow: 0 10px 35px 3px rgba(59, 62, 62, 0.26); } .service article img { width: 50px; height: 50px; } .service article h2 { color: #353535; font-size: 22px; font-weight: 400; margin: 20px 30px; text-overflow: ellipsis; overflow: hidden; height: 40px; white-space: nowrap; } .service article p { color: #959595; font-size: 15px; font-weight: 400; line-height: 26px; text-align: justify; margin-bottom: 20px; height: 80px; overflow: hidden; } .service article p b { display: block; color: #114446; } .service article p em { display: block; } .service article p em i { font-weight: bold; color: #2f5bea; } .service article a { color: #59b24f; font-size: 18px; font-weight: 400; } .service article a i { vertical-align: middle; } .settingup h2 { color: #2f5bea; font-size: 26px; font-weight: 400; text-align: center; margin-bottom: 38px; } .settingup h2 span { display: block; color: #707070; font-size: 20px; font-weight: 400; padding-top: 7px; } .settingup form { box-shadow: 0 12px 28px 7px rgba(59, 62, 62, 0.26); background-image: linear-gradient(-54deg, rgba(0, 168, 255, 0.72) 0%, rgba(3, 146, 240, 0.72) 13%, rgba(7, 116, 219, 0.72) 39%, rgba(13, 86, 197, 0.72) 58%, rgba(14, 67, 183, 0.72) 67%, rgba(14, 66, 184, 0.72) 84%, rgba(14, 66, 184, 0.72) 100%); border-radius: 30px; padding: 40px 40px; position: relative; } .settingup input.fr-50 { width: 49.7%; margin-bottom: 12px; padding: 12px 20px; border-radius: 10px; font-size: 14px; color: #727272; } .settingup input, .settingup textarea { width: 100%; margin-bottom: 10px; padding: 10px 20px; border-radius: 10px; font-size: 15px; color: #727272; } .settingup form p.bool { width: 25%; float: right; margin-top: 20px; margin-bottom: 27px; color: #c5c5c5; font-size: 18px; font-weight: 300; } .settingup form p.bool input[type="checkbox"] { display: none; } .settingup form p.bool input[type="checkbox"] + label:before { content: ''; width: 19px; height: 19px; float: right; right: 2px; line-height: 12px; text-align: center; position: absolute; font-size: 8px; font-weight: 300; font-family: icomoon; color: #c1c1c1; top: 5px; border-radius: 5px; background-color: #fff; } .settingup form p.bool input[type="checkbox"]:checked + label:before { content: ''; font-family: 'icomoon'; color: #fff; border: 1px solid #59b24f; background-color: #59b24f; font-weight: 900; } .settingup form p.bool input[type="checkbox"] + label { font-size: 15px; font-weight: 400; cursor: pointer; position: relative; padding-right: 22px; padding-left: 23px; color: #fff; padding-top: 3px; } .settingup label.fieldTitle { color: #fff; font-size: 15px; margin-bottom: 10px !important; } .settingup .file-save input[type="file"] { display: none; } .settingup .file-save span { width: calc(100% - 173px); float: right; direction: ltr; display: inline-block; height: 43px; background-color: #e1e1e1; border-radius: 5px; overflow: hidden; } .settingup .add-file-employment { border-radius: 5px; font-size: 18px; font-weight: 300; color: #fff; background-color: #4b2885; padding: 9px 40px; display: inline-block; transition: 0.3s; cursor: pointer; } .settingup .select2 { margin-bottom: 10px; margin-top: 10px; } .settingup .select2-selection--single:not([class*="bg-"]) { border-radius: 10px !important; height: 45px !important; } .settingup .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 20px; margin-top: 4px; color: #727272; } .settingup .select2-container--default .select2-selection--single .select2-selection__arrow b { display: inline-block !important; border-width: 8px; left: 16px !important; top: 19px !important; } .settingup .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { top: 10px !important; } .settingup .select2-container--default .select2-selection--single .select2-selection__arrow:after { display: none !important; content: ''; } .settingup button { color: #b7b7b7; font-size: 18px; background-color: #fff; border: none; font-family: iransans; border-radius: 30px; padding: 10px 33px; position: absolute; bottom: -49px; transform: translate(-50%, -50%); left: 50%; } /********* estekhdam *********/ /********* respansive *********/ .dis-none { display: none; } .logo-small { display: none; } .menu-res { display: none; } .mm-listview > li { font-size: 16px; line-height: 28px; transition: 0.3s; padding-right: 15px; } .mm-listview > li:hover { color: #93cb28; } @media screen and (max-width: 1700px) { .more-video { margin-top: 100px; margin-left: 182px; } } @media screen and (max-width: 1280px) { .site-header .bottom-header .cat-menu ul li { margin: 0 4px; } .site-header .menu ul li { font-size: 13px; } } @media screen and (max-width: 1199px) { .block-index .more-info .t-c span { padding: 4px 12px 3px 12px; } .block-index .news aside section ul li em { padding-right: 5px; } .block-index .last-product .last-pro-s-pos a { margin-top: 50px; display: block; text-align: center; margin-left: 0; float: none; } .block-index .last-product .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 46px; } .block-index .last-product .last-pro-s-pos { margin-bottom: 100px; } .title-middel-part span { font-size: 23px; } .site-header .menu ul li { padding: 0 6px; } .site-header .middel-header h2 { font-size: 28px; margin-top: 20px; } .block-index .more-info { right: -7px; } .full-info-company-content article i { right: 40px; } .error-404-content h2 { font-size: 80px; } .error-404-content h3 { font-size: 20px; } .error-404-content nav ul li b { padding: 0 0px; } .error-404-content .logo-404 .tell-company { bottom: 5px; left: 24px; } .shoab-box .shoab-content > img { margin-left: 18px; width: 110px; height: 110px; margin-bottom: 35px; } .block-index .news aside section, .block-article aside section { padding: 25px 15px 35px 15px; } .block-index .news aside section ul li em, .block-article aside section ul li em { padding-right: 5px; } } @media screen and (max-width: 991px) { .site-header .menu-large-dn { display: none; } .dis-none { display: block; } .site-header .menu { margin-top: 20px; } .site-header .quick-access-slider { display: none; } .site-header .q-bg { display: none; } .site-header .bottom-header .cat-menu ul { margin: auto; text-align: center; list-style-type: none; padding: 0; display: block; } .site-header .menu ul { text-align: center; } .site-header { height: auto; } .site-header .header-bg { display: none; } .more-video { margin-bottom: 22px; margin-left: 0px; text-align: center; } .more-video a { display: inline-block; width: auto; position: relative; } .block-index .more-info { right: 0; margin-top: 50px; } .full-info-company-content { background-position-y: 78px; } .block-sahamdaran { margin-top: 100px; } .login-box .login-box-content form { margin-right: 0; } .block-gallery { margin-top: 75px; } .error-404-content .logo-404 .tell-company { bottom: 1px; left: 19px; font-size: 22px; } .descript-shoab { margin-top: 60px; margin-bottom: 50px; } .block-contact { margin-top: 100px; } .contact-us form input { width: 100%; } .block-article { margin-top: 80px; margin-bottom: 100px; } } @media screen and (max-width: 991px) and (min-width: 400px) { } @media screen and (max-width: 840px) { } @media screen and (max-width: 767px) { .container { padding: 0 15px; } .title-middel-part span { font-size: 18px; } .idea-user .idea-user-content p { font-size: 13px; line-height: 26px; } .idea-user .idea-user-content span { font-size: 18px; } .idea-user .idea-user-content b { font-size: 14px; } .idea-user .idea-user-content { padding: 0 40px 65px 40px; } .block-index .more-info p::after { display: none; } .block-index .more-info p { margin-right: 5px; } .block-index .more-info .t-c { margin-right: 3px; } .full-info-company-content { background: none; } .mt-100-title { margin-top: 100px; } .block-sahamdaran > div > h2 { font-size: 17px; font-weight: 400; } .login-box .login-box-content form { text-align: center; } .login-box .login-box-content form input { margin: 0 auto 11px auto; } .login-box .login-box-content .logo-login { text-align: center; margin-right: 0; margin-top: 70px; } .login-box .login-box-content .user-box-after { margin: 0 auto; } .error-404-content .logo-404 .tell-company { bottom: 27px; left: 150px; } .gallery-next { right: -5px; top: 100px; font-size: 17px; padding: 10px 9px 0 13px; width: 40px; height: 40px; } .gallery-prev { left: -5px; top: 100px; font-size: 17px; padding: 10px 14px 0 13px; width: 40px; height: 40px; } .gallery-content span { font-size: 12px; padding: 17px 18px; } .descript-shoab p { font-size: 13px; } .descript-shoab { text-align: center; } .descript-shoab img { float: none; } .descript-shoab p { padding-top: 5px; } .about-us .about-info { padding: 0 20px 20px 20px; } .poular-question .question > span { font-size: 16px; } .block-article .container { padding: 0 22px; } .block-article .article-part h1 { font-size: 15px; } .block-article .article-part p { font-size: 13px; } .block-article .article-part .content-article { margin-right: 135px; } .block-article .article-part footer a { float: right; margin-top: 30px; } .comment-form form { padding: 40px 40px; } } @media screen and (max-width: 767px) and (min-width: 640px) { } @media screen and (max-width: 680px) { .title-middel-part span { font-size: 17px; } .about-us .about-info header span { font-size: 14px; padding: 0 15px 0 15px; } .about-us .about-info header i { margin-left: 5px; } .about-us .about-info .content-tab p { font-size: 13px; line-height: 29px; } .about-us .about-info .content-tab ul li { font-size: 13px; line-height: 35px; } } @media screen and (max-width: 640px) { .title-idea h3 { font-size: 18px; } .block-index .last-product header span { font-size: 18px; top: -25px; padding: 0 6px 0 31px; left: -42px; } .block-index .last-product header span b { padding-left: 50px; } .menu-res { display: inline-block; padding-left: 10px; vertical-align: middle; padding-top: 8px; } .site-header .logo .menu-res { display: inline-block; } .site-header .logo h1 { display: inline-block; width: 80%; } .site-header .menu { display: none; } .site-header .middel-header h2 { font-size: 24px; } .shoab-box .shoab-content > img { float: none; } .shoab-box .shoab-content-des img { float: none; } .shoab-box div { text-align: center; } .shoab-box-2 form input { width: 49%; } .shoab-box header em { float: none; margin-left: 10px; display: block; margin-top: 10px; margin-right: 27px; } .block-article .article-part .content-article { margin-right: 20px; } .block-article .article-part .img-article { position: relative; right: 10px; top: -18px; } .block-article .article-part .date-article { top: 58px; } .block-article .article-part { padding: 50px 20px 35px 25px; } .block-article .article-single header { padding: 0px 20px 35px 20px; } .article-single .article-single-img footer h2 { font-size: 14px; } .comment-view { padding: 20px 10px 0px 10px; } .comment-view ul li { padding: 45px 12px 45px 30px; } .comment-view ul li .like-count { right: 12px; } } @media screen and (max-width: 600px) { .title-middel-part span { font-size: 18px; position: absolute; padding: 0 0px 0 0px; transform: translate(-50%, -50%); text-align: center; display: block; } .filter-gallery form > i { display: none; } .filter-gallery form button { left: 5px; padding-right: 10px; } .filter-gallery input { font-size: 12px; } .error-404-content .logo-404 .tell-company { bottom: 13px; left: 29px; } .shoab-box header b { display: block; margin-top: 10px; margin-right: 27px; } .about-us .about-info header i { margin-right: 15px; margin-bottom: 8px; } .about-us .about-info header span { padding: 0 15px 0 15px; display: block; margin-bottom: 6px; } .comment-view ul li p { font-size: 12px; } } @media screen and (max-width: 480px) { .idea-user .idea-user-content { padding: 0 20px 65px 20px; } .logo-large { height: 100px; } .site-header .tell { font-size: 18px; } /*.logo-small { display: block; height: 100px; width: auto; }*/ .site-header .tell { margin-top: 43px; } .site-footer a.logo-footer { display: block; float: none; margin: auto; margin-bottom: 22px; } .site-footer p.about-manage { width: 100%; } .site-footer .social-network { text-align: center; margin: 28px auto 0px auto; padding-top: 15px; } .block-index .more-info p { font-size: 13px; } .title-middel-part span { width: 100%; } .block-sahamdaran article header .rate { position: relative; } .error-404-content nav ul li { font-size: 13px; } .shoab-box-2 form input { width: 100%; } .article-single .article-single-img footer h2 { font-size: 12px; padding-right: 65px; } .comment-form form input { width: 98%; } .comment-view ul li { text-align: center; } .comment-view ul li div { float: none !important; width: 100%; } .comment-view ul li img { float: none !important; margin-bottom: 20px; margin-left: 0; } .comment-view ul li .like-count { bottom: 15px; } .comment-view ul li header span { display: block; margin-bottom: 5px; margin-left: 0; } .article-single .article-single-img img { height: 200px; } } @media screen and (max-width: 450px) { .w-450-full { width: 100%; } .login-box .login-box-content form input { width: 98%; } .login-box .login-box-content .user-box-after { width: 98%; } .about-us h2 { font-size: 18px; } .contact-us h2 { font-size: 18px; } .about-us .about-info .content-tab h3 { font-size: 18px; } .contact-us form input, .contact-us form textarea { font-size: 12px; } .block-article .article-part footer span { float: none; display: block; } } @media screen and (max-width: 400px) { .login-box .login-box-content form h2 span { margin-top: 0; margin-bottom: 30px; display: block; } .login-box .login-box-content form a { margin-top: 30px; } .error-404-content form button { width: 42px; } .error-404-content nav ul li a { padding: 0 3px; } .error-404-content nav ul li { font-size: 12px; } .error-404-content h2 { font-size: 65px; } .gallery-next { top: 80px; } .gallery-prev { top: 80px; } .poular-question .answer span { font-size: 13px; font-weight: 300; margin-right: 50px; } .poular-question .question > span { font-size: 14px; } .block-index .news aside section ul li em, .block-article aside section ul li em { padding-right: 15px; } .block-article .article-part .content-article { margin-right: 0; } .comment-form form { padding: 20px 20px; } } @media screen and (max-width: 360px) { .error-404-content .logo-404 .tell-company { bottom: 5px; } .site-header .logo h1 { display: inline-block; width: 70%; } } .news .more-news-index { float: left; margin-top: 20px; font-size: 16px; font-weight: 400; float: left; padding-top: 7px; transition: 0.3s; } .news .more-news-index:hover { color: #e33940; } .news .more-news-index i { color: #e33940; font-size: 17px; font-weight: 400; vertical-align: middle; padding-right: 9px; } .news article { position: relative; } .news article .article-pos { position: absolute; bottom: 0px; padding: 10px 8px 0px 8px; background-color: #f9f9f9; width: 100%; } .sabteenteghad { cursor: pointer; margin: auto; margin-bottom: auto; display: block; background-color: #c5998c text-align: center; padding: 17px 20px; border-radius: 15px; border: 2px solid #fff; border-radius: 16px; background-image: -moz-linear-gradient( 90deg, rgb(178,134,120) 35%, rgb(210,159,143) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(178,134,120) 35%, rgb(210,159,143) 100%); background-image: -ms-linear-gradient( 90deg, rgb(178,134,120) 35%, rgb(210,159,143) 100%); box-shadow: 2.598px 1.5px 6.84px 2.16px rgba(88, 88, 88, 0.64); color: #fff; font-weight: bold; overflow: hidden; width: 200px; text-align: center; margin-bottom: 25px; } .sabteenteghad:hover { background-image: -moz-linear-gradient( 90deg, rgb(17,68,70) 0%, rgb(30,120,124) 66%); background-image: -webkit-linear-gradient( 90deg, rgb(17,68,70) 0%, rgb(30,120,124) 66%); background-image: -ms-linear-gradient( 90deg, rgb(17,68,70) 0%, rgb(30,120,124) 66%); } /* ------------------------------------------------------------------------------ * * # Components * * Common less file with imports of plugins and pages * * Version: 1.3 * Latest update: Feb 5, 2016 * * ---------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------ * * # Components * * Common less file with imports of plugins and pages * * Version: 1.0 * Latest update: Feb 5, 2016 * * ---------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------ * * # Utilites * * Additional animations, transitions, transforms and other utilities * * Version: 1.0 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .no-transitions * { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .btn, .navbar-link, .nav-tabs > li > a, .nav-tabs > li > a:after, .nav-pills > li > a, .nav li > a > .label, .nav li > a > .badge, .breadcrumb > li > a, .breadcrumb-elements > li > a, .tt-suggestion, .tokenfield .token, .selectboxit-btn, .bootstrap-select .btn-default, .select2-results__option, .select2-selection__choice__remove, .dropdown-menu > li > a, .dropdown-menu > li > label, .wizard .actions a, .checker span:after, .choice span:after, .selectboxit-option-anchor, .dt-autofill-list ul li, .dt-autofill-button .btn, .dataTable .select-checkbox:before, .dataTable .select-checkbox:after, .pika-button, .sp-input, .navbar-nav > li > a, .dropdown-content-footer a, .icons-list > li > a, .picker__nav--prev, .picker__nav--next, .multiselect.btn-default, .list-group-item, .pagination > li > a, .pagination > li > span, .pager > li > a, .pager > li > span, .datepicker-dropdown .day, a.label, a.badge, .ui-datepicker-buttonpane > button, .ui-button, .ui-menu-item, .ui-selectmenu-button, .ui-datepicker a, .media-link, .menu-list li > a, .plupload_file_action > a, .dataTables_paginate .paginate_button, .dataTables_filter input, .dt-button, .picker__list-item, .picker__day, .picker__footer, .sp-replacer, .sp-cancel, .sp-choose, .sp-palette-toggle, .daterangepicker td, .daterangepicker th, .noUi-handle, .fc-button, .plupload_button, .picker__footer button, .picker__list button, .AnyTime-btn, .plupload_filelist li, .password-indicator-group.input-group-addon, .password-indicator-label-absolute, .select2-selection--single:not([class*=bg-]), .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice, .bootstrap-select.btn-group .dropdown-menu > li > a .check-mark { -webkit-transition: all ease-in-out 0.15s; -o-transition: all ease-in-out 0.15s; transition: all ease-in-out 0.15s; } .close, .tag [data-role="remove"] { -webkit-transition: opacity ease-in-out 0.15s; -o-transition: opacity ease-in-out 0.15s; transition: opacity ease-in-out 0.15s; } .checker span { -webkit-transition: border-color ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s; transition: border-color ease-in-out 0.15s; } .table tr, .table th, .table td, .htContextMenu td, .ranges ul li { -webkit-transition: background-color ease-in-out 0.15s; -o-transition: background-color ease-in-out 0.15s; transition: background-color ease-in-out 0.15s; } /* ------------------------------------------------------------------------------ * * # Sidebar layouts * * Styles for sidebar components, main navigation and sidebar itself * * Version: 1.2 * Latest update: Nov 25, 2015 * * ---------------------------------------------------------------------------- */ .sidebar { background-color: #263238; color: #fff; position: relative; width: 100%; display: none; } @media (min-width: 769px) { .sidebar { display: table-cell; vertical-align: top; width: 260px; } } .sidebar-main { z-index: 99; } .sidebar-secondary { z-index: 98; } .sidebar-opposite { display: none; z-index: 97; } @media (min-width: 769px) { .sidebar-opposite-visible .sidebar-opposite { display: table-cell; } } .sidebar:not(.sidebar-default) + .sidebar:not(.sidebar-default) { border-right: 1px solid rgba(255, 255, 255, 0.1); } .sidebar .has-scroll { max-height: 192px; overflow-y: auto; } .sidebar-default { background-color: #fff; color: #333333; border-bottom: 1px solid #ddd; } @media (min-width: 769px) { .sidebar-default { border-bottom: 0; border-left: 1px solid #ddd; } .content-wrapper + .sidebar-default { border-right: 1px solid #ddd; } } .sidebar-content { position: relative; padding-bottom: 8px; } .sidebar-all-hidden .sidebar-main, .sidebar-all-hidden .sidebar-secondary, .sidebar-main-hidden .sidebar-main, .sidebar-detached-hidden .sidebar-detached > .sidebar, .sidebar-secondary-hidden .sidebar-secondary { display: none; } @media (max-width: 768px) { .sidebar-mobile-main .sidebar-main, .sidebar-mobile-secondary .sidebar-secondary, .sidebar-mobile-opposite .sidebar-opposite, .sidebar-mobile-detached .sidebar-detached > .sidebar { display: block; } } .category-title { position: relative; margin: 0; padding: 12px 20px; padding-left: 46px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .category-title > span { display: block; margin-top: 2px; text-transform: uppercase; font-weight: 500; font-size: 11px; line-height: 1.82; } .category-title > i { position: absolute; left: 20px; top: 50%; margin-top: -8px; } .category-title .icons-list { position: absolute; left: 20px; top: 50%; margin-top: -8px; } .sidebar-default .category-title { border-bottom-color: #ddd; } .category-content { position: relative; padding: 20px; } .navigation { margin: 0; padding: 10px 0; list-style: none; position: relative; } .sidebar-user + .sidebar-category .navigation { padding-top: 0; } .navigation .hidden-ul { display: none; } .navigation li { position: relative; } .navigation li + li { margin-top: 1px; } .navigation li + .navigation-header { margin-top: 10px; } .navigation li a { color: rgba(255, 255, 255, 0.75); display: block; -webkit-transition: background 0.15s linear, color 0.15s linear; -o-transition: background 0.15s linear, color 0.15s linear; transition: background 0.15s linear, color 0.15s linear; } .navigation li a:hover, .navigation li a:focus { background-color: rgba(0, 0, 0, 0.1); color: #fff; } .navigation li a > i { float: right; top: 0; margin-top: 2px; margin-left: 15px; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .navigation li a > i.pull-right { margin-left: 0; margin-right: 15px; } .navigation li.disabled > a, .navigation li.disabled > a:hover, .navigation li.disabled > a:focus { color: inherit; background-color: transparent; cursor: not-allowed; opacity: 0.3; filter: alpha(opacity=30); } .navigation li > .has-ul { position: relative; padding-left: 36px; } .navigation li > .has-ul:after { content: "\e9c4"; font-family: "icomoon"; font-size: 16px; display: block; position: absolute; top: 50%; margin-top: -8px; left: 20px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.2s ease-in-out; -o-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; } .navigation li.active > .has-ul:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .navigation li.navigation-divider { margin: 10px 0; height: 1px; background-color: rgba(255, 255, 255, 0.1); } .sidebar-default .navigation li.navigation-divider { background-color: #eeeeee; } .navigation > li > a { padding: 12px 20px; min-height: 44px; font-weight: 500; } .navigation > li > a .label, .navigation > li > a .badge { -webkit-transition: background-color ease-in-out 0.15s, border-color ease-in-out 0.15s; -o-transition: background-color ease-in-out 0.15s, border-color ease-in-out 0.15s; transition: background-color ease-in-out 0.15s, border-color ease-in-out 0.15s; } .navigation > li.active > a, .navigation > li.active > a:hover, .navigation > li.active > a:focus { background-color: #26A69A; color: #fff; } .navigation > li.active > a > [class*=text-] { color: #fff; } .navigation > li.active > a .label, .navigation > li.active > a .badge { background-color: rgba(0, 0, 0, 0.35); border-color: transparent; } .navigation > li ul { list-style: none; margin: 0; padding: 0; background-color: rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); } .navigation > li ul li a { padding: 10px 20px; padding-right: 51px; min-height: 40px; } .navigation > li ul .navigation-header { padding-right: 51px; } .navigation > li > ul > li > ul > li > a, .navigation > li > ul > li > ul > .navigation-header { padding-right: 71px; } .navigation > li > ul > li > ul > li > ul > li > a, .navigation > li > ul > li > ul > li > ul .navigation-header { padding-right: 91px; } .navigation > li > ul li:first-child { padding-top: 10px; } .navigation > li > ul li:last-child { padding-bottom: 10px; } .navigation > li > ul li.active > a, .navigation > li > ul li.active > a:hover, .navigation > li > ul li.active > a:focus { background-color: rgba(0, 0, 0, 0.2); color: #fff; } .navigation .navigation-header { min-height: 30px; padding: 10px 20px; border-bottom: 0; text-transform: uppercase; font-size: 11px; line-height: 1.82; } .navigation .navigation-header > span { display: block; margin-top: 2px; } .navigation .navigation-header > i { display: none; } .navigation .navigation-header > i.pull-right { margin-top: 2px; } .navigation .navigation-header, .navigation .navigation-header a { color: rgba(255, 255, 255, 0.5); font-weight: 400; } .navigation .navigation-header a:hover, .navigation .navigation-header a:focus { color: #fff; } .navigation .navigation-header a i { float: none; margin: 0; } .sidebar-default .navigation .navigation-header, .sidebar-default .navigation .navigation-header a { color: #999999; } .sidebar-default .navigation .navigation-header a:hover, .sidebar-default .navigation .navigation-header a:focus { color: #333333; } .navigation.nav > .active > .hidden-ul { display: block; } @media (max-width: 768px) { .navigation.nav > li > .hidden-ul { display: block; } } .navigation .label, .navigation .badge { float: left; } .sidebar-default .navigation li > a { color: #333333; } .sidebar-default .navigation li > a:hover, .sidebar-default .navigation li > a:focus { background-color: #f8f8f8; } .sidebar-default .navigation li.active > a, .sidebar-default .navigation li.active > a:hover, .sidebar-default .navigation li.active > a:focus { background-color: #f5f5f5; color: #333333; } .sidebar-default .navigation li.active > a > [class*=text-] { color: #333333; } .sidebar-default .navigation li.disabled > a, .sidebar-default .navigation li.disabled > a:hover, .sidebar-default .navigation li.disabled > a:focus { background-color: transparent; } .sidebar-default .navigation li .label-transparent { color: #333333; } .sidebar-default .navigation > li ul { background-color: transparent; } .sidebar-default .navigation > li.active > a, .sidebar-default .navigation > li.active > a:hover, .sidebar-default .navigation > li.active > a:focus { background-color: #f5f5f5; color: #333333; } .sidebar-default .navigation > li.active > a .label-transparent { color: #333333; } .navigation-icons-right > li > a, .navigation-icons-right > li > a.has-ul { padding-left: 20px; } .navigation-icons-right > li > a > i { float: left; margin-left: 0; margin-right: 15px; } .navigation-icons-right > li > a.has-ul:after, .navigation-icons-right > li.active > .has-ul:after { content: none; } .navigation-bordered > li { border-top: 1px solid rgba(255, 255, 255, 0.05); } .navigation-bordered > li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .navigation-bordered > li.navigation-header { background-color: rgba(0, 0, 0, 0.1); } .navigation-bordered > li + li { margin-top: 0; } .navigation-bordered > li ul { -webkit-box-shadow: none; box-shadow: none; } .navigation-bordered li + .navigation-header { margin-top: 0; } .sidebar-default .navigation-bordered > li { border-top: 1px solid #eeeeee; } .sidebar-default .navigation-bordered > li.navigation-header { background-color: #fafafa; } .navigation-lg > li > a, .navigation-lg > li > a > span { padding-top: 14px; padding-bottom: 14px; min-height: 48px; } .navigation-lg > li ul li a { padding-top: 10px; padding-bottom: 10px; min-height: 40px; } .navigation-sm > li > a, .navigation-sm > li > a > span { padding-top: 10px; padding-bottom: 10px; min-height: 40px; } .navigation-sm > li ul li a { padding-top: 6px; padding-bottom: 6px; min-height: 32px; } .navigation-xs > li > a, .navigation-xs > li > a > span { padding-top: 8px; padding-bottom: 8px; min-height: 36px; } .navigation-xs > li ul li a { padding-top: 6px; padding-bottom: 6px; min-height: 32px; } @media (min-width: 769px) { .sidebar-fixed .sidebar-content { position: fixed; width: 260px; max-height: 100%; overflow: auto; top: 48px; bottom: 48px; margin-bottom: -48px; } .sidebar-xs .sidebar-fixed.sidebar-main .sidebar-content { width: 56px; } .sidebar-fixed.sidebar-default .sidebar-content { width: 259px; } .sidebar-fixed-expanded .sidebar-fixed.sidebar-main { position: fixed; display: block; height: 100%; z-index: 1001; } .sidebar-fixed-expanded .sidebar-fixed.sidebar-main .sidebar-content { position: fixed; } .sidebar-xs .sidebar-fixed-expanded .sidebar-fixed.sidebar-main { width: 260px; } .sidebar-fixed-expanded .content-wrapper { padding-right: 56px; } } .sidebar-xs-indicator .sidebar-fixed .sidebar-content { top: 0 !important; } @media (min-width: 769px) { .has-detached-left .container-detached { float: left; margin-right: -260px; width: 100%; } .has-detached-left .content-detached { margin-right: 280px; } .has-detached-left .sidebar-detached { float: right; } .has-detached-right .container-detached { float: right; margin-left: -260px; width: 100%; } .has-detached-right .content-detached { margin-left: 280px; } .has-detached-right .sidebar-detached { float: left; } .has-detached-right .sidebar-detached.affix { left: 20px; } .sidebar-detached-hidden .container-detached { float: none; margin: 0; } .sidebar-detached-hidden .content-detached { margin: 0; } .sidebar-detached-hidden .sidebar-detached { float: none; } } .sidebar-detached .navigation.nav > .active > .hidden-ul { display: block; } @media (max-width: 768px) { .sidebar-detached .navigation.nav > li > .hidden-ul { display: block; } } .sidebar-detached.affix { position: static; } @media (min-width: 769px) { .sidebar-detached { display: block; position: relative; margin-bottom: 20px; } .sidebar-detached > .sidebar-default { border: 1px solid #ddd; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .sidebar-detached > .sidebar { margin-bottom: 0; display: block; border-radius: 3px; } .sidebar-detached.affix { position: fixed; top: 20px; bottom: 20px; -webkit-transition: bottom ease-in-out 0.15s; -o-transition: bottom ease-in-out 0.15s; transition: bottom ease-in-out 0.15s; } .sidebar-detached.affix > .sidebar { max-height: 100%; overflow-y: auto; } .sidebar-detached.fixed-sidebar-space { bottom: 80px; } .navbar-bottom .sidebar-detached.fixed-sidebar-space { bottom: 86px; } .navbar-bottom-lg .sidebar-detached.fixed-sidebar-space { bottom: 90px; } .navbar-bottom-sm .sidebar-detached.fixed-sidebar-space { bottom: 84px; } .navbar-bottom-xs .sidebar-detached.fixed-sidebar-space { bottom: 82px; } .navbar-fixed .sidebar-detached { top: 86px; } .navbar-fixed-lg .sidebar-detached { top: 90px; } .navbar-fixed-sm .sidebar-detached { top: 84px; } .navbar-fixed-xs .sidebar-detached { top: 82px; } } .sidebar-separate .sidebar-content { padding-bottom: 0; } .sidebar-separate .sidebar-content .panel:last-child, .sidebar-separate .sidebar-content .sidebar-category:last-child { margin-bottom: 0; } @media (min-width: 769px) { .sidebar-separate { background-color: transparent; } .sidebar-separate .sidebar-category { background-color: #263238; border-radius: 3px; margin-bottom: 20px; } .sidebar-separate.sidebar-default { background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .sidebar-separate.sidebar-default .sidebar-category { background-color: #fff; border: 1px solid #ddd; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } } @media (min-width: 769px) { .sidebar-xs .sidebar-main { width: 56px; } .sidebar-xs .sidebar-main .sidebar-category { display: none; } .sidebar-xs .sidebar-main .sidebar-category-visible { display: block; } .sidebar-xs .sidebar-main .category-title { padding: 0; } .sidebar-xs .sidebar-main .category-title > i { padding: 13px 0; float: none; display: block; top: 0; } .sidebar-xs .sidebar-main .category-title > span { display: none; } .sidebar-xs .sidebar-main .category-title .icons-list { position: static; text-align: center; margin-top: 0; padding-top: 14px; padding-bottom: 14px; } .sidebar-xs .sidebar-main .category-title .icons-list > li { display: block; margin-right: 0; } .sidebar-xs .sidebar-main .category-title .icons-list > li + li { margin-top: 10px; } .sidebar-xs .sidebar-main .category-title.h6 .icons-list { padding-top: 23.538462px; padding-bottom: 23.538462px; } .sidebar-xs .sidebar-main .category-title.h5 .icons-list { padding-top: 25.0769236px; padding-bottom: 25.0769236px; } .sidebar-xs .sidebar-main .navigation > li > a { display: block; text-align: center; padding-right: 0; padding-left: 0; } .sidebar-xs .sidebar-main .navigation > li > a > span { display: none; position: absolute; top: 0; left: -260px; background-color: #26A69A; border: 1px solid #26A69A; padding: 11px 20px; width: 260px; text-align: right; color: #fff; cursor: pointer; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .sidebar-xs .sidebar-main .navigation > li > a > span .label, .sidebar-xs .sidebar-main .navigation > li > a > span .badge { background-color: rgba(0, 0, 0, 0.35); border-color: transparent; } .sidebar-xs .sidebar-main .navigation > li > a > i { margin: 2px 0; display: block; float: none; } .sidebar-xs .sidebar-main .navigation > li > .has-ul:after, .sidebar-xs .sidebar-main .navigation > li.active > .has-ul:after { content: none; } .sidebar-xs .sidebar-main .navigation > li .has-ul > span { border-radius: 3px 0 0 0; cursor: default; } .sidebar-xs .sidebar-main .navigation > li.active > ul { display: none !important; } .sidebar-xs .sidebar-main .navigation > li.disabled:hover > ul, .sidebar-xs .sidebar-main .navigation > li.disabled:hover > a > span { display: none !important; } .sidebar-xs .sidebar-main .navigation > li:hover > ul { display: block !important; } .sidebar-xs .sidebar-main .navigation > li:hover > a > span { display: block; } .sidebar-xs .sidebar-main .navigation > li:hover:not(.active) > a { background-color: rgba(0, 0, 0, 0.1); color: #fff; } .sidebar-xs .sidebar-main .navigation > li > ul { position: absolute; left: -260px; top: 44px; width: 260px; display: none; background-color: #263238; border-right: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0 0 0 3px; } .sidebar-xs .sidebar-main .navigation > li > ul > li > a { padding-right: 20px; } .sidebar-xs .sidebar-main .navigation > li > ul > li > a:not(.has-ul) { padding-left: 20px; } .sidebar-xs .sidebar-main .navigation > li > ul > li > ul > li > a { padding-right: 30px; } .sidebar-xs .sidebar-main .navigation > li > ul > li > ul > li > ul > li > a { padding-right: 60px; } .sidebar-xs .sidebar-main .navigation > .navigation-header { padding: 0; text-align: center; } .sidebar-xs .sidebar-main .navigation > .navigation-header > i { display: block; top: 0; padding: 13px 0; } .sidebar-xs .sidebar-main .navigation > .navigation-header > span { display: none; } .sidebar-xs .sidebar-main .sidebar-user .category-content { padding-right: 0; padding-left: 0; } .sidebar-xs .sidebar-main .sidebar-user .media-left, .sidebar-xs .sidebar-main .sidebar-user .media-right { padding: 0; text-align: center; display: block; } .sidebar-xs .sidebar-main .sidebar-user .media-left > img, .sidebar-xs .sidebar-main .sidebar-user .media-right > img { max-width: 100%; height: auto !important; } .sidebar-xs .sidebar-main .sidebar-user .media-left > .img-sm, .sidebar-xs .sidebar-main .sidebar-user .media-right > .img-sm { margin-top: 1px; margin-bottom: 1px; } .sidebar-xs .sidebar-main .sidebar-user .media-left > .img-xs, .sidebar-xs .sidebar-main .sidebar-user .media-right > .img-xs { margin-top: 3px; margin-bottom: 3px; } .sidebar-xs .sidebar-main .sidebar-user .media-body, .sidebar-xs .sidebar-main .sidebar-user .media-right { display: none; } .sidebar-xs .sidebar-main .navigation-lg > li > ul { top: 48px; } .sidebar-xs .sidebar-main .navigation-sm > li > ul { top: 40px; } .sidebar-xs .sidebar-main .navigation-xs > li > ul { top: 36px; } .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span { background-color: #f5f5f5; border-color: #ddd; color: #333333; } .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span .label, .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span .badge { color: #333333; } .sidebar-xs .sidebar-main.sidebar-default .navigation > li > ul { background-color: #fff; border: 1px solid #ddd; border-top: 0; } .sidebar-xs .sidebar-main.sidebar-default .navigation > li:hover:not(.active) > a { background-color: #f5f5f5; color: #333333; } } .sidebar .row { margin-right: -5px; margin-left: -5px; } .sidebar .row [class*=col-] { padding-right: 5px; padding-left: 5px; } @media (max-width: 768px) { .sidebar .sp-container { display: block; width: 220px; margin-right: auto; margin-left: auto; } } .sidebar .sp-flat .sp-picker-container { display: block; width: 218px; } .sidebar .panel-group .panel { border-radius: 0; border-width: 0 0 1px 0; } .sidebar .panel-group .panel:first-child { border-top-width: 1px; } .sidebar .panel-group .panel + .panel { margin-top: 0; } .sidebar .media-list-bordered > li { border-top: 0; border-bottom: 1px solid #eeeeee; } .sidebar:not(.sidebar-default) .media .text-muted, .sidebar:not(.sidebar-default) .media .media-annotation { color: rgba(255, 255, 255, 0.8); } .sidebar:not(.sidebar-default) .media .media-left > a, .sidebar:not(.sidebar-default) .media .media-body > a, .sidebar:not(.sidebar-default) .media .media-right > a { color: #fff; } .sidebar:not(.sidebar-default) .media .media-link:hover, .sidebar:not(.sidebar-default) .media .media-link:focus { background-color: rgba(0, 0, 0, 0.1); } .sidebar:not(.sidebar-default) .media .media-badge { border-color: #263238; } .sidebar:not(.sidebar-default) .media-list-bordered > li { border-color: rgba(255, 255, 255, 0.1); } .sidebar .thumbnail { margin-bottom: 10px; } .sidebar .thumbnail:last-child { margin-bottom: 0; } .sidebar .thumbnail .zoom-image i { font-size: 16px; margin-top: -8px; margin-right: -8px; } .sidebar .sidebar-category .checkbox, .sidebar .sidebar-category .radio { margin-top: 0; } .sidebar .sidebar-category .checkbox:last-child, .sidebar .sidebar-category .radio:last-child { margin-bottom: 0; } .sidebar .form-group:last-child { margin-bottom: 0; } .sidebar .nav-tabs { border-width: 0 0 1px 0; } @media (min-width: 769px) { .sidebar .nav-tabs { border-width: 1px; } .sidebar .nav-tabs > li > a { border-bottom-color: rgba(255, 255, 255, 0.1); background-color: rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.6); border-top: 0; border-radius: 0; } .sidebar .nav-tabs > li > a:hover, .sidebar .nav-tabs > li > a:focus { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.1); } .sidebar .nav-tabs > .active > a, .sidebar .nav-tabs > .active > a:hover, .sidebar .nav-tabs > .active > a:focus { border-top: 0; border-bottom: 0; background-color: transparent; border-color: rgba(255, 255, 255, 0.1); color: #fff; } .sidebar .nav-tabs > .active:first-child > a { border-right-color: transparent !important; } .sidebar .nav-tabs > .active:last-child > a { border-left-color: transparent !important; } .sidebar .nav-tabs > .open > a { color: #fff; } .sidebar .nav-tabs > .open:not(.active) > a { background-color: rgba(0, 0, 0, 0.2); } } @media (min-width: 769px) { .sidebar-default .nav-tabs > li > a { background-color: #fafafa; border-bottom-color: #ddd; color: #999999; } .sidebar-default .nav-tabs > li > a:hover, .sidebar-default .nav-tabs > li > a:focus { color: #333333; border-bottom-color: #ddd; } .sidebar-default .nav-tabs > .active > a, .sidebar-default .nav-tabs > .active > a:hover, .sidebar-default .nav-tabs > .active > a:focus { border-color: #ddd; color: #333333; } .sidebar-default .nav-tabs > .open > a { border-bottom-color: #ddd; color: #333333; } .sidebar-default .nav-tabs > .open:not(.active) > a { background-color: #fafafa; } } @media (min-width: 769px) { .sidebar-default .nav-justified > li:first-child .dropdown-menu:not(.dropdown-menu-right) { right: -1px; } .sidebar-default .nav-justified > li:last-child .dropdown-menu-right { left: -1px; } } /* ------------------------------------------------------------------------------ * * # Main content layout * * Styles for main structure of content area * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .page-container { position: relative; } @media (min-width: 769px) { .page-container { width: 100%; display: table; table-layout: fixed; } @-moz-document url-prefix() { .page-container { height: 1px; } } } @media (min-width: 769px) { .page-content { display: table-row; } } .content-wrapper { width: 100%; } @media (min-width: 769px) { .content-wrapper { display: table-cell; vertical-align: top; } } .content { padding: 0 20px 60px 20px; } .content:after { content: ''; display: table; clear: both; } .content:first-child { padding-top: 20px; } body[class*=navbar-bottom] .content { padding-bottom: 20px; } /* ------------------------------------------------------------------------------ * * # Boxed layout * * Styles for main structure of content area in boxed layout * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .layout-boxed { background: url(../images/backgrounds/boxed_bg.png) repeat; } .layout-boxed > .navbar { margin-right: auto; margin-left: auto; } .layout-boxed .page-container { background-color: #f5f5f5; margin-right: auto; margin-left: auto; min-width: 0; } @media (min-width: 769px) { .layout-boxed .page-container, .layout-boxed > .navbar { width: 769px; } } @media (min-width: 1025px) { .layout-boxed .page-container, .layout-boxed > .navbar { width: 1025px; } } @media (min-width: 1200px) { .layout-boxed .page-container, .layout-boxed > .navbar { width: 1200px; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .layout-boxed { background: url(../images/backgrounds/boxed_bg_retina.png) repeat; } } /* ------------------------------------------------------------------------------ * * # Footer * * Main footer styles, currently 1 version only * * Version: 1.2 * Latest update: Jan 5, 2017 * * ---------------------------------------------------------------------------- */ .footer { position: absolute; bottom: 30px; } .footer.navbar { right: 0; left: 0; bottom: 0; } .footer.navbar-fixed-bottom { z-index: auto; } body[class*=navbar-bottom] .footer:not(.navbar) { display: none; } .footer-boxed { right: 0; left: 0; padding-right: 20px; padding-left: 20px; } /* ------------------------------------------------------------------------------ * * # Utilites * * Additional animations, transitions, transforms and other utilities * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .rotate-45 { -webkit-transform: rotate(45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .rotate-90 { -webkit-transform: rotate(90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .rotate-180 { -webkit-transform: rotate(180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .rotate-45-inverse { -webkit-transform: rotate(-45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .rotate-90-inverse { -webkit-transform: rotate(-90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .rotate-180-inverse { -webkit-transform: rotate(-180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .spinner { display: inline-block; -webkit-animation: rotation 1s linear infinite; -o-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; } .spinner-reverse { display: inline-block; -webkit-animation: rotation_reverse 1s linear infinite; -o-animation: rotation_reverse 1s linear infinite; animation: rotation_reverse 1s linear infinite; } @-webkit-keyframes rotation { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotation { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-ms-keyframes rotation { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); } } @-o-keyframes rotation { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); } } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes rotation_reverse { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); } } @-moz-keyframes rotation_reverse { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(-360deg); } } @-ms-keyframes rotation_reverse { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(-360deg); } } @-o-keyframes rotation_reverse { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(-360deg); } } @keyframes rotation_reverse { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } @-webkit-keyframes bounceIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes bounceOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* ------------------------------------------------------------------------------ * * # Demo styles * * Styles used for demostration purposes only * * Version: 1.1 * Latest update: Nov 25, 2015 * * ---------------------------------------------------------------------------- */ .jqueryui-demo-container { font-size: 0; } .jqueryui-demo-element { width: 90px; height: 90px; border-radius: 100px; background-color: #fafafa; border: 2px dashed #ddd; color: #777; font-size: 12px; vertical-align: middle; margin: auto; position: relative; z-index: 10; } .jqueryui-demo-element + .jqueryui-demo-element { margin: 20px auto 0 auto; } .jqueryui-demo-element > span { position: absolute; top: 50%; margin-top: -10px; right: 0; left: 0; } @media (min-width: 769px) { .jqueryui-demo-element { display: inline-block; } .jqueryui-demo-element + .jqueryui-demo-element { margin: 0 20px 0 0; } } .selectable-demo-list { list-style: none; display: inline-block; margin: 0; padding: 0; width: 200px; } .selectable-demo-list > .ui-sortable-handle, .selectable-demo-list > .ui-selectee, .ui-handle-excluded { padding: 6px 12px; background-color: #fcfcfc; border: 1px solid #ddd; border-radius: 2px; cursor: pointer; color: #777; font-size: 12px; } .selectable-demo-list > .ui-sortable-handle.ui-selecting, .selectable-demo-list > .ui-selectee.ui-selecting { background-color: #29B6F6; border-color: #039BE5; color: #fff; } .selectable-demo-list > .ui-sortable-handle.ui-selected, .selectable-demo-list > .ui-selectee.ui-selected { background-color: #03A9F4; border-color: #0288D1; color: #fff; } .selectable-demo-list > li + li { margin-top: 5px; } .selectable-demo-list > .ui-sortable-helper:first-child + li { margin-top: 0; } .selectable-demo-connected + .selectable-demo-connected { margin-top: 20px; } @media (min-width: 769px) { .selectable-demo-connected + .selectable-demo-connected { margin-top: 0; margin-right: 20px; } } .droppable-demo-target { width: 110px; height: 110px; background-color: #E3F2FD; border-color: #2196F3; color: #1565C0; z-index: 9; } .droppable-demo-drop { background-color: #E8F5E9; border-color: #4CAF50; color: #2E7D32; } .demo-color { height: 150px; position: relative; border-top-left-radius: 3px; border-top-right-radius: 3px; } .demo-color > span { position: absolute; bottom: 0; right: 0; width: 100%; text-align: center; padding: 6px; background-color: rgba(0, 0, 0, 0.2); font-size: 12px; color: #fff; } .overlay-demo { display: inline-block; background-color: #333; border-radius: 3px; } .overlay-demo-light { background-color: #f5f5f5; } .glyphs > div { padding: 7px 12px; cursor: pointer; } .glyphs > div > i { margin-left: 10px; width: 1em; text-align: center; } .glyphs > div:hover { background-color: #009688; color: #fff; border-radius: 2px; } .glyphs > div:hover span { color: #fff; } .grid-demo [class*="col-"] > div:not(.row) { margin-bottom: 20px; padding: 10px; text-align: center; background-color: #F7F7FC; border: 1px solid #ddd; color: #333333; } .demo-velocity-box { padding: 12px 15px; margin-bottom: 20px; position: relative; border: 1px solid #ccc; text-align: center; background-color: #fcfcfc; border-radius: 3px; -webkit-box-shadow: 0 0 0 0 #2196F3; box-shadow: 0 0 0 0 #2196F3; } .demo-velocity-box > span { float: right; } .demo-velocity-box span { vertical-align: middle; } .demo-velocity-box .icons-list { float: left; margin-top: 2px; } .demo-velocity-box .icons-list a { opacity: 0.8; filter: alpha(opacity=80); } .demo-velocity-box .icons-list a:hover { opacity: 1; filter: alpha(opacity=100); } .blockui-growl { display: none; text-align: right; padding: 15px; background-color: #455A64; color: #fff; border-radius: 3px; } .blockui-growl h6 { margin-top: 2px; margin-bottom: 8px; } .blockui-message { display: none; background-color: #455A64; color: #fff; border-radius: 3px; padding: 15px 15px 10px 15px; } .blockui-message > i { display: block; margin-bottom: 10px; } .multiple-messages-container, .blockui-animation-container { display: none; } .blockui-animation-container { background-color: #555; padding: 10px; line-height: 1; border-radius: 3px; } .val-demo { display: block; margin-top: 20px; } .val-demo > span { font-weight: 500; } /* ------------------------------------------------------------------------------ * * # Pace. Default theme * * Minimal preloader theme, used as a default theme * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pace .pace-progress { background: #4FC3F7; position: fixed; z-index: 2000; top: 0; width: 100%; right: 100%; height: 2px; } .pace-inactive { display: none; } /* ------------------------------------------------------------------------------ * * # Progress bars * * Static demo of Pace themes. For demonstration purposes only. DO NOT use it in live project * * Version: 1.0 * Latest update: Mar 2, 2015 * * ---------------------------------------------------------------------------- */ .pace-demo { display: inline-block; background-color: #37474F; border-radius: 3px; margin-top: 1px; margin-bottom: 1px; vertical-align: middle; padding: 20px; position: relative; } .pace-demo .pace_progress { display: none; } .theme_xbox_xs, .theme_xbox_sm, .theme_xbox { position: relative; width: 44px; height: 44px; } .theme_xbox_xs .pace_activity, .theme_xbox_sm .pace_activity, .theme_xbox .pace_activity { width: 44px; height: 44px; -webkit-animation: rotation 1.5s ease-in-out infinite; -o-animation: rotation 1.5s ease-in-out infinite; animation: rotation 1.5s ease-in-out infinite; } .theme_xbox_xs .pace_activity, .theme_xbox_xs .pace_activity:before, .theme_xbox_xs .pace_activity:after, .theme_xbox_sm .pace_activity, .theme_xbox_sm .pace_activity:before, .theme_xbox_sm .pace_activity:after, .theme_xbox .pace_activity, .theme_xbox .pace_activity:before, .theme_xbox .pace_activity:after { border-radius: 50%; border: 1px solid transparent; border-top-color: #fff; } .theme_xbox_xs .pace_activity:before, .theme_xbox_sm .pace_activity:before, .theme_xbox .pace_activity:before { content: ""; position: absolute; top: 5px; right: 5px; left: 5px; bottom: 5px; -webkit-animation: rotation 2s ease-in-out infinite; -o-animation: rotation 2s ease-in-out infinite; animation: rotation 2s ease-in-out infinite; } .theme_xbox_xs .pace_activity:after, .theme_xbox_sm .pace_activity:after, .theme_xbox .pace_activity:after { content: ""; position: absolute; top: 12px; right: 12px; left: 12px; bottom: 12px; -webkit-animation: rotation 1s ease-in-out infinite; -o-animation: rotation 1s ease-in-out infinite; animation: rotation 1s ease-in-out infinite; } .theme_xbox_with_text span { display: block; margin-top: 7px; color: #fff; } .theme_xbox_sm .pace_activity, .theme_xbox_sm .pace_activity:before, .theme_xbox_sm .pace_activity:after { border-width: 2px; } .theme_xbox .pace_activity, .theme_xbox .pace_activity:before, .theme_xbox .pace_activity:after { border-width: 3px; } .theme_perspective { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 30px; height: 30px; } .theme_perspective .pace_activity { width: 20px; height: 20px; display: inline-block; margin-top: 5px; margin-bottom: 5px; background-color: #fff; -webkit-animation: perspective 1.2s infinite ease-in-out; -o-animation: perspective 1.2s infinite ease-in-out; animation: perspective 1.2s infinite ease-in-out; } @keyframes perspective { 0% { transform: perspective(120px); } 50% { transform: perspective(120px) rotateY(180deg); } 100% { transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @-webkit-keyframes perspective { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @-moz-keyframes perspective { 0% { -moz-transform: perspective(120px); } 50% { -moz-transform: perspective(120px) rotateY(180deg); } 100% { -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } .theme_perspective_with_text span, .theme_squares_with_text span, .theme_tail_with_text span, .theme_corners_with_text span, .theme_radar_with_text span { display: block; position: absolute; right: 0; bottom: 2px; width: 100%; color: #fff; } .theme_squares { width: 30px; height: 30px; } .theme_squares .pace_activity:before, .theme_squares .pace_activity:after { position: absolute; content: ""; border: 2px solid #fff; width: 20px; height: 20px; margin-right: -10px; margin-top: 5px; } .theme_squares .pace_activity:before { width: 30px; height: 30px; margin-right: -15px; margin-top: 0; -webkit-animation: rotation_reverse 2s linear infinite; -o-animation: rotation_reverse 2s linear infinite; animation: rotation_reverse 2s linear infinite; } .theme_squares .pace_activity:after { -webkit-animation: rotation 2s linear infinite; -o-animation: rotation 2s linear infinite; animation: rotation 2s linear infinite; } .theme_tail { width: 30px; height: 30px; } .theme_tail .pace_activity { border-radius: 50%; width: 30px; height: 30px; border: 3px solid transparent; border-right-color: #ffffff; -webkit-animation: rotation 1.1s infinite linear; -o-animation: rotation 1.1s infinite linear; animation: rotation 1.1s infinite linear; } .theme_tail_circle { width: 30px; height: 30px; } .theme_tail_circle .pace_activity { border-radius: 50%; width: 30px; height: 30px; border: 3px solid rgba(0, 0, 0, 0.1); border-right-color: #ffffff; -webkit-animation: rotation 1.1s infinite linear; -o-animation: rotation 1.1s infinite linear; animation: rotation 1.1s infinite linear; } .theme_corners { height: 30px; width: 30px; } .theme_corners .pace_activity { display: inline-block; width: 12px; height: 12px; margin-top: 9px; margin-bottom: 3px; background-color: #fff; border-radius: 10px; -webkit-animation: corners 1.5s ease infinite; -o-animation: corners 1.5s ease infinite; animation: corners 1.5s ease infinite; } @keyframes corners { 0% { transform: rotate(0deg); } 50% { transform: scale(1.5) rotate(-180deg); border-radius: 0; } 100% { transform: rotate(-360deg); } } @-webkit-keyframes corners { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: scale(2) rotate(-180deg); border-radius: 0; } 100% { -webkit-transform: rotate(-360deg); } } @-moz-keyframes corners { 0% { -moz-transform: rotate(0deg); } 50% { -moz-transform: scale(2) rotate(-180deg); border-radius: 0; } 100% { -moz-transform: rotate(-360deg); } } .theme_radar { width: 30px; height: 30px; } .theme_radar .pace_activity { display: inline-block; margin-top: 3px; margin-bottom: 3px; width: 24px; height: 24px; border-radius: 50%; border: 2px solid transparent; border-top-color: #fff; border-bottom-color: #fff; -webkit-animation: rotation 1.1s infinite linear; -o-animation: rotation 1.1s infinite linear; animation: rotation 1.1s infinite linear; } .theme_bar, .theme_bar_sm, .theme_bar_xs { position: relative; width: 200px; height: 6px; background-color: rgba(0, 0, 0, 0.4); border-radius: 100px; -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.1); box-shadow: 0 0 5px rgba(255, 255, 255, 0.1); } .theme_bar .pace_progress, .theme_bar_sm .pace_progress, .theme_bar_xs .pace_progress { max-width: 198px; display: block; position: absolute; right: 1px; top: 1px; height: 4px; background: #3FCF96; color: #fff; line-height: 32px; border-radius: 100px; } .theme_bar_sm { height: 5px; } .theme_bar_sm .pace_progress { height: 3px; } .theme_bar_xs { height: 4px; } .theme_bar_xs .pace_progress { height: 2px; } /* ------------------------------------------------------------------------------ * * # Uniform form inputs plugin * * Styles for uniform.min.js - form components styling * * Version: 1.2 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .checker { position: relative; display: inline-block; cursor: pointer; vertical-align: middle; } .checker, .checker span, .checker input { width: 18px; height: 18px; } .checker span { color: #455A64; border: 2px solid #607D8B; display: inline-block; text-align: center; position: relative; border-radius: 2px; } .checker span:after { content: "\e600"; font-family: 'icomoon'; font-size: 16px; line-height: 1; position: absolute; top: -1px; right: -1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; filter: alpha(opacity=0); } .checker span.checked:after { opacity: 1; filter: alpha(opacity=100); } .checker input[type=checkbox], .choice input[type=radio] { border: none; background: none; display: -moz-inline-box; display: inline-block; margin: 0; vertical-align: top; cursor: pointer; position: absolute; top: -2px; right: -2px; z-index: 2; opacity: 0; filter: alpha(opacity=0); } .checkbox .checker, .checkbox-inline .checker { position: absolute; top: 1px; right: 0; } .form-horizontal .checkbox .checker, .form-horizontal .checkbox-inline .checker { top: 9px; } .checkbox-right .checker { right: auto; left: 0; } .checker.disabled { opacity: 0.5; filter: alpha(opacity=50); } .checker.disabled, .checker.disabled input[type=checkbox] { cursor: not-allowed; } .checkbox > label:active .checker.disabled span:after, .checkbox-inline:active .checker.disabled span:after { opacity: 0; filter: alpha(opacity=0); } .checkbox > label:active .checker.disabled span.checked:after, .checkbox-inline:active .checker.disabled span.checked:after { opacity: 1; filter: alpha(opacity=100); } .checker[class*=border-] span { border-color: inherit; color: inherit; } .dropdown-menu > .active:not(.disabled) .checker span, .dropdown-menu[class*=bg-] .checker span, .page-header-inverse .form-group > .checkbox .checker span, .page-header-inverse .form-group > .checkbox-inline .checker span, .navbar-inverse .navbar-form .form-group > .checkbox .checker span, .navbar-inverse .navbar-form .form-group > .checkbox-inline .checker span, .sidebar:not(.sidebar-default) .checkbox .checker span, .sidebar:not(.sidebar-default) .checkbox-inline .checker span { border-color: #fff; color: #fff; } .choice { position: relative; display: inline-block; cursor: pointer; vertical-align: middle; border-radius: 100%; } .choice, .choice span, .choice input { width: 18px; height: 18px; } .choice span { border: 2px solid #607D8B; display: -moz-inline-box; display: inline-block; border-radius: 100%; text-align: center; position: relative; } .choice span:after { content: ""; position: absolute; top: 3px; right: 3px; border: 4px solid; border-color: inherit; width: 0; height: 0; border-radius: 100%; opacity: 0; filter: alpha(opacity=0); } .choice span.checked:after { opacity: 1; filter: alpha(opacity=100); } .radio .choice, .radio-inline .choice { position: absolute; top: 1px; right: 0; } .form-horizontal .radio .choice, .form-horizontal .radio-inline .choice { top: 9px; } .radio-right .choice { right: auto; left: 0; } .choice.disabled { opacity: 0.5; filter: alpha(opacity=50); } .choice.disabled, .choice.disabled input[type=radio] { cursor: not-allowed; } .radio > label:active .choice.disabled span:after, .radio-inline:active .choice.disabled span:after { opacity: 0; filter: alpha(opacity=0); } .radio > label:active .choice.disabled span.checked:after, .radio-inline:active .choice.disabled span.checked:after { opacity: 1; filter: alpha(opacity=100); } .choice[class*=border-] span { border-color: inherit; } .choice[class*=border-] span:after { border-color: inherit; } .dropdown-menu > .active .choice span, .dropdown-menu[class*=bg-] .choice span, .page-header-inverse .form-group > .radio .choice span, .page-header-inverse .form-group > .radio-inline .choice span, .navbar-inverse .navbar-form .form-group > .radio .choice span, .navbar-inverse .navbar-form .form-group > .radio-inline .choice span, .sidebar:not(.sidebar-default) .radio .choice span, .sidebar:not(.sidebar-default) .radio-inline .choice span { border-color: #fff; } .uploader { width: 100%; position: relative; display: table; } .uploader .filename { color: #999999; height: 36px; padding: 7px 12px; cursor: pointer; width: 100%; display: table-cell; cursor: default; border: 1px solid #ddd; border-left: 0; background-color: #fff; text-align: right; word-break: break-word; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .uploader .action { display: table-cell; cursor: pointer; z-index: 1; border-radius: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .uploader .action.btn { margin-top: 0; } .uploader:hover .action, .uploader:focus .action { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; } .uploader:hover .action.btn-default, .uploader:focus .action.btn-default { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; } .uploader:active .action { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; } .uploader:active .action.btn-default { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; } .uploader input[type=file] { width: 100%; margin-top: 0; position: absolute; top: 0; left: 0; bottom: 0; height: 36px; border: 0; cursor: pointer; z-index: 10; opacity: 0; filter: alpha(opacity=0); } .uploader.disabled .filename { background-color: #fafafa; cursor: not-allowed; } .uploader-lg input[type=file], .uploader-lg .action, .uploader-lg .filename { height: 40px; } .uploader-lg .filename { padding: 9px 15px; font-size: 14px; line-height: 1.4285715; } .uploader-sm input[type=file], .uploader-sm .action, .uploader-sm .filename { height: 34px; } .uploader-sm .filename { padding: 6px 11px; font-size: 12px; line-height: 1.6666667; } .uploader-xs input[type=file], .uploader-xs .action, .uploader-xs .filename { height: 32px; } .uploader-xs .filename { padding: 5px 10px; font-size: 12px; line-height: 1.6666667; } /* ------------------------------------------------------------------------------ * * # Switchery toggles * * Styles for switchery.min.js - toggle switches * * Version: 1.0 * Latest update: Mar 25, 2015 * * ---------------------------------------------------------------------------- */ .switchery { background-color: #fff; border: 1px solid #ddd; border-radius: 100px; cursor: pointer; display: inline-block; width: 44px; height: 22px; vertical-align: middle; position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .checkbox-switchery .switchery { position: absolute; right: 0; margin-top: -2px; } .switchery > small { background-color: #fff; border-radius: 100px; width: 22px; height: 22px; position: absolute; top: 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .checkbox.checkbox-switchery { margin-bottom: 14px; padding-right: 0; } .checkbox.checkbox-switchery.disabled .switchery { cursor: not-allowed; } .checkbox[class*=switchery-], .checkbox-inline[class*=switchery-] { padding-right: 0; padding-left: 0; } .switchery-lg.checkbox-switchery { margin-bottom: 18px; } .switchery-lg.checkbox-switchery .switchery { margin-top: -4px; } label.switchery-lg { margin-bottom: 0; } .switchery-lg .switchery { height: 26px; width: 52px; } .switchery-lg .switchery > small { height: 26px; width: 26px; } .switchery-sm.checkbox-switchery { margin-bottom: 10px; } .switchery-sm.checkbox-switchery .switchery { margin-top: 0px; } label.switchery-sm { margin-bottom: 0; } .switchery-sm .switchery { height: 18px; width: 36px; } .switchery-sm .switchery > small { height: 18px; width: 18px; } .switchery-xs.checkbox-switchery { margin-bottom: 6px; } .switchery-xs.checkbox-switchery .switchery { margin-top: 2px; } label.switchery-xs { margin-bottom: 0; } .switchery-xs .switchery { height: 14px; width: 28px; } .switchery-xs .switchery > small { height: 14px; width: 14px; } .checkbox-switchery label, label.checkbox-switchery { position: relative; padding-right: 56px; margin: 0; cursor: pointer; } .checkbox-switchery.switchery-lg label, label.checkbox-switchery.switchery-lg { padding-right: 64px; } .checkbox-switchery.switchery-sm label, label.checkbox-switchery.switchery-sm { padding-right: 48px; } .checkbox-switchery.switchery-xs label, label.checkbox-switchery.switchery-xs { padding-right: 40px; } .checkbox-switchery.checkbox-inline { margin-bottom: 0; } .checkbox-switchery.checkbox-right .switchery { right: auto; left: 0; } .checkbox-switchery.checkbox-right label, label.checkbox-switchery.checkbox-right { padding-right: 0; padding-left: 56px; } .checkbox-switchery.checkbox-right.switchery-lg label, label.checkbox-switchery.checkbox-right.switchery-lg { padding-right: 0; padding-left: 64px; } .checkbox-switchery.checkbox-right.switchery-sm label, label.checkbox-switchery.checkbox-right.switchery-sm { padding-right: 0; padding-left: 48px; } .checkbox-switchery.checkbox-right.switchery-xs label, label.checkbox-switchery.checkbox-right.switchery-xs { padding-right: 0; padding-left: 40px; } .switchery-double .switchery { position: relative; margin-right: 7px; margin-left: 7px; margin-top: -7px; margin-bottom: -5px; } .switchery-double.checkbox-switchery label, label.switchery-double.checkbox-switchery { padding: 0; } .switchery-double.switchery-lg .switchery { margin-top: -8px; margin-bottom: -6px; } .switchery-double.switchery-sm .switchery { margin-top: -6px; margin-bottom: -4px; } .switchery-double.switchery-xs .switchery { margin-top: -5px; margin-bottom: -3px; } /* ------------------------------------------------------------------------------ * * # Bootstrap switches * * Styles for switch.min.js - checkbox/radio toggle switches * * Version: 1.2 * Latest update: Mar 20, 2017 * * ---------------------------------------------------------------------------- */ .bootstrap-switch { direction: ltr; text-align: left; display: inline-block; cursor: pointer; margin-top: -2px; margin-left: 7px; border-radius: 3px; border: 1px solid transparent; position: relative; overflow: hidden; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all ease-in-out 0.05s; -o-transition: all ease-in-out 0.05s; transition: all ease-in-out 0.05s; } .bootstrap-switch .bootstrap-switch-container { display: inline-block; top: 0; border-radius: 3px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bootstrap-switch.bootstrap-switch-focused { outline: 0; } .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label { cursor: pointer; display: inline-block !important; height: 100%; padding: 7px 12px; } .bootstrap-switch input[type='radio'], .bootstrap-switch input[type='checkbox'] { position: absolute !important; top: 0; left: 0; z-index: -1; opacity: 0; filter: alpha(opacity=0); } .bootstrap-switch input[type='radio'].form-control, .bootstrap-switch input[type='checkbox'].form-control { height: auto; } .bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate { cursor: default !important; } .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { cursor: default !important; opacity: 0.5; filter: alpha(opacity=50); } .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { -webkit-transition: margin-left 0.2s; -o-transition: margin-right 0.2s; transition: margin-right 0.2s; } .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { border-bottom-right-radius: 2px; border-top-left-radius: 2px; } .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { border-bottom-left-radius: 2px; border-top-right-radius: 2px; } .bootstrap-switch-handle-on, .bootstrap-switch-handle-off { text-align: center; z-index: 1; } .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch-handle-off.bootstrap-switch-default { color: #333333; background-color: #eeeeee; } .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch-handle-off.bootstrap-switch-primary { color: #fff; background-color: #2196F3; } .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch-handle-off.bootstrap-switch-danger { color: #fff; background-color: #F44336; } .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch-handle-off.bootstrap-switch-success { color: #fff; background-color: #4CAF50; } .bootstrap-switch-handle-on.bootstrap-switch-warning, .bootstrap-switch-handle-off.bootstrap-switch-warning { color: #fff; background-color: #FF5722; } .bootstrap-switch-handle-on.bootstrap-switch-info, .bootstrap-switch-handle-off.bootstrap-switch-info { color: #fff; background-color: #00BCD4; } .bootstrap-switch-handle-on { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .bootstrap-switch-handle-off { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .bootstrap-switch-label { text-align: center; z-index: 100; color: #333333; background-color: #fff; position: relative; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; } .bootstrap-switch-label:hover { background-color: #fcfcfc; } .bootstrap-switch-label:active { background-color: #fafafa; } .bootstrap-switch-label:after { content: ''; position: absolute; top: 50%; right: 50%; width: 3px; height: 10px; margin-top: -5px; margin-right: -1px; display: inline-block; border-right: 1px solid #ddd; border-left: 1px solid #ddd; } .bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch-large .bootstrap-switch-label { padding: 9px 15px; } .bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch-mini .bootstrap-switch-label { padding: 5px 10px; } .bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch-small .bootstrap-switch-label { padding: 6px 11px; } .checkbox-switch > label, label.checkbox-switch.checkbox-inline { padding: 0; } .checkbox-switch.checkbox-right .bootstrap-switch { margin-right: 0; margin-left: 7px; } /* ------------------------------------------------------------------------------ * * # Select2 selects * * Styles for select2.js - custom select plugin * * Version: 1.3 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .select2-container { outline: 0; position: relative; display: inline-block; vertical-align: middle; text-align: right; } .select2-selection--single { cursor: pointer; outline: 0; display: block; height: 36px; padding: 7px 0; line-height: 1.5384616; position: relative; border: 1px solid transparent; white-space: nowrap; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-selection--single:hover, .select2-selection--single:focus, .select2-container--open .select2-selection--single { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; } .select2-selection--single:not([class*=bg-]) { background-color: #fff; color: #333333; } .select2-selection--single:not([class*=bg-]):not([class*=border-]) { border-color: #ddd; } .select2-selection--single[class*=bg-]:hover, .select2-selection--single[class*=bg-]:focus, .select2-container--open .select2-selection--single[class*=bg-] { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.025) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.025) inset; } .select2-selection--single[class*=bg-] .select2-selection__placeholder { color: #fff; } .select2-container--disabled .select2-selection--single[class*=bg-] .select2-selection__placeholder { color: rgba(255, 255, 255, 0.75); } .select2-selection--single .select2-selection__rendered { display: block; padding-right: 12px; padding-left: 31px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-selection--single .select2-selection__rendered > i { margin-left: 10px; } .select2-selection--single .select2-selection__clear { position: relative; cursor: pointer; float: left; font-size: 0; line-height: 1; margin-top: 2px; margin-right: 5px; opacity: 0.75; filter: alpha(opacity=75); } .select2-selection--single .select2-selection__clear:hover { opacity: 1; filter: alpha(opacity=100); } .select2-selection--single .select2-selection__clear:after { content: '\ed6b'; font-family: 'icomoon'; display: inline-block; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .select2-selection--single .select2-selection__placeholder { color: #999999; } .select2-selection--single .select2-selection__arrow:after { content: '\e9c5'; font-family: 'Icomoon'; display: inline-block; position: absolute; top: 50%; left: 12px; margin-top: -8px; font-size: 16px; line-height: 1; color: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .select2-container--open .select2-selection--single .select2-selection__arrow:after { content: '\e9c6'; } .select2-selection--single .select2-selection__arrow b { display: none; } .select2-container--disabled .select2-selection--single { cursor: not-allowed; -webkit-box-shadow: none; box-shadow: none; } .select2-container--disabled .select2-selection--single:not([class*=bg-]) { background-color: #fafafa; color: #999999; } .select2-container--disabled .select2-selection--single[class*=bg-] { -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset; box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset; } .select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-selection--multiple { display: block; border: 1px solid transparent; border-radius: 3px; cursor: text; outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-selection--multiple:not([class*=bg-]) { background-color: #fff; } .select2-selection--multiple:not([class*=bg-]):not([class*=border-]) { border-color: #ddd; } .select2-selection--multiple .select2-selection__rendered { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; list-style: none; margin: 0; padding: 0 2px 2px 2px; width: 100%; } .select2-selection--multiple .select2-selection__placeholder { color: #999999; } .select2-container--disabled .select2-selection--multiple:not([class*=bg-]) { background-color: #fafafa; color: #999999; } .select2-container--disabled .select2-selection--multiple[class*=bg-] { -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset; box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.25) inset; } .select2-container--disabled .select2-selection--multiple[class*=bg-] .select2-selection__choice { opacity: 0.9; filter: alpha(opacity=90); } .select2-container--disabled .select2-selection--multiple, .select2-container--disabled .select2-selection--multiple .select2-selection__choice, .select2-container--disabled .select2-selection--multiple .select2-search__field { cursor: not-allowed; } .select2-selection--multiple .select2-selection__choice { background-color: #455A64; color: #fff; border-radius: 3px; cursor: default; float: right; margin-left: 2px; margin-top: 2px; padding: 7px 12px; } .select2-selection--multiple .select2-selection__choice > i { margin-left: 10px; } .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { cursor: pointer; float: left; font-size: 14px; margin-top: 3px; line-height: 1; margin-right: 7px; opacity: 0.75; filter: alpha(opacity=75); } .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover { opacity: 1; filter: alpha(opacity=100); } .select2-container--disabled .select2-selection--multiple .select2-selection__choice { opacity: 0.6; filter: alpha(opacity=60); } .select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { display: none; } .select2-selection--multiple .select2-search--inline { float: right; } .select2-selection--multiple .select2-search--inline .select2-search__field { font-size: 100%; margin-top: 2px; padding: 7px 0; background-color: transparent; border: 0; outline: 0; margin-right: 7px; -webkit-appearance: textfield; } .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: #fff; color: #333333; border: 1px solid #ddd; border-radius: 3px; display: block; position: absolute; left: -100000px; width: 100%; z-index: 9999; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results > .select2-results__options { padding-bottom: 7px; max-height: 250px; overflow-y: auto; } .select2-search--hide + .select2-results > .select2-results__options { padding-top: 7px; } .select2-results:first-child > .select2-results__options { padding-top: 7px; } .select2-results__option { padding: 7px 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-results__option + .select2-results__option { margin-top: 1px; } .select2-results__option i { margin-left: 10px; } .select2-results__option i.icon-undefined { display: none; } .select2-results__option[role=group] { padding: 0; } .select2-results__option.select2-results__option--highlighted { background-color: #f5f5f5; } .select2-results__option[aria-disabled=true] { color: #999999; cursor: not-allowed; } .select2-dropdown[class*=bg-] .select2-results__option[aria-disabled=true] { color: rgba(255, 255, 255, 0.6); } .select2-results__option[aria-selected=true] { background-color: #2196F3; color: #fff; } .select2-results__options--nested > .select2-results__option { padding-right: 24px; padding-left: 24px; } .select2-results__group { display: block; padding: 7px 12px; font-size: 11px; line-height: 1.82; text-transform: uppercase; cursor: default; margin-top: 7px; margin-bottom: 7px; } .select2-results__option:first-child > .select2-results__group { margin-top: 0; } .select2-results__message { color: #999999; cursor: default; } .select2-dropdown[class*=bg-] .select2-results__message { color: rgba(255, 255, 255, 0.75); } .select2-results__option.loading-results { padding-top: 0; } .select2-results__option.loading-results + .select2-results__option { margin-top: 7px; } .select2-results__option--load-more { text-align: center; margin-top: 7px; cursor: default; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .select2-container--open .select2-dropdown--above[class*=bg-] { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .select2-container--open.select2-container--above .select2-selection--single, .select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-right-radius: 0; border-top-left-radius: 0; } .select2-container--open .select2-dropdown--below[class*=bg-] { border-top: 1px solid rgba(255, 255, 255, 0.2); } .select2-container--open.select2-container--below .select2-selection--single, .select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-search--dropdown { display: block; position: relative; padding: 12px; } .select2-search--dropdown:after { content: '\e98e'; font-family: 'icomoon'; position: absolute; top: 50%; right: 24px; color: inherit; display: block; font-size: 12px; margin-top: -6px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0.6; filter: alpha(opacity=60); } .select2-search--dropdown + .select2-results .select2-results__message:first-child { padding-top: 0; } .select2-search--dropdown .select2-search__field { height: 36px; padding: 7px 12px; padding-right: 36px; border-radius: 3px; border: 1px solid #ddd; outline: 0; width: 100%; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select-lg.select2-selection--single { height: 40px; padding: 9px 0; font-size: 14px; } .select-lg.select2-selection--single .select2-selection__rendered { padding-right: 15px; padding-left: 34px; } .select-lg.select2-selection--single .select2-selection__arrow:after { left: 15px; } .select-lg.select2-selection--multiple .select2-selection__choice { padding: 9px 15px; font-size: 14px; } .select-lg.select2-selection--multiple .select2-search--inline .select2-search__field { padding: 9px 0; font-size: 14px; } .select-sm.select2-selection--single { height: 34px; padding: 6px 0; font-size: 12px; line-height: 1.6666667; } .select-sm.select2-selection--single .select2-selection__rendered { padding-right: 11px; padding-left: 26px; } .select-sm.select2-selection--single .select2-selection__arrow:after { left: 11px; } .select-sm.select2-selection--multiple .select2-selection__choice { padding: 6px 11px; font-size: 12px; line-height: 1.6666667; } .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field { padding: 6px 0; } .select-xs.select2-selection--single { height: 32px; padding: 5px 0; font-size: 12px; line-height: 1.6666667; } .select-xs.select2-selection--single .select2-selection__rendered { padding-right: 10px; padding-left: 24px; } .select-xs.select2-selection--single .select2-selection__arrow:after { left: 10px; } .select-xs.select2-selection--multiple .select2-selection__choice { padding: 5px 10px; font-size: 12px; line-height: 1.6666667; } .select-xs.select2-selection--multiple .select2-search--inline .select2-search__field { padding: 5px 0; font-size: 12px; line-height: 1.6666667; } .select2-selection--multiple[class*=bg-] .select2-selection__choice { background-color: rgba(0, 0, 0, 0.25); } .select2-dropdown[class*=bg-] .select2-search--dropdown .select2-search__field { background-color: rgba(0, 0, 0, 0.2); border-color: transparent; color: #fff; } .select2-dropdown[class*=bg-] .select2-results__option[aria-selected=true] { background-color: rgba(0, 0, 0, 0.2); } .select2-dropdown[class*=bg-] .select2-results__option--highlighted { background-color: rgba(0, 0, 0, 0.1); } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; right: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; z-index: 99; background-color: #fff; opacity: 0; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: fixed !important; width: 1px !important; } .select2-result-repository { padding-top: 7px; padding-bottom: 7px; } .select2-result-repository__avatar { float: right; width: 60px; margin-left: 15px; } .select2-result-repository__avatar img { width: 100%; height: auto; border-radius: 100px; } .select2-result-repository__meta { margin-right: 70px; } .select2-result-repository__title { font-weight: 500; word-wrap: break-word; margin-bottom: 2px; } .select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers { display: inline-block; font-size: 12px; } .select2-result-repository__description { font-size: 12px; } .select2-result-repository__forks, .select2-result-repository__stargazers { margin-left: 15px; } /* ------------------------------------------------------------------------------ * * # Bootstrap multiselect * * Styles for multiselect.js - custom multiple select plugin * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .multiselect { width: 100%; min-width: 100%; text-align: right; padding-right: 12px; padding-left: 29px; text-overflow: ellipsis; overflow: hidden; } .multiselect.btn-default, .multiselect.btn-default.disabled { background-color: #fff; border-color: #ddd; } .multiselect.btn-default:active, .btn-group.open .multiselect.btn-default { border-color: #ddd; } .multiselect .caret { position: absolute; top: 50%; left: 12px; margin-top: -8px; width: 16px; text-align: left; } .multiselect.btn-lg { padding-right: 15px; padding-left: 30px; } .multiselect.btn-lg .caret { left: 15px; } .multiselect.btn-sm { padding-right: 11px; padding-left: 22px; } .multiselect.btn-sm .caret { left: 11px; } .multiselect.btn-xs { padding-right: 10px; padding-left: 20px; } .multiselect.btn-xs .caret { left: 10px; } .multiselect-container { min-width: 180px; max-height: 250px; overflow-y: auto; } .multiselect-container > li { padding: 0; } .multiselect-container > li > a { padding: 0; } .multiselect-container > li > a > label { margin: 0; height: 100%; cursor: pointer; padding: 8px 12px; padding-right: 40px; } .navbar-form .multiselect-container > li > a > label { display: block; } .multiselect-container > li > a .checker, .multiselect-container > li > a .choice { top: 50%; margin-top: -9px; right: 12px; } .multiselect-container > li > a.multiselect-all label { font-weight: 500; } .multiselect-container > li.disabled > a { background-color: transparent; } .multiselect-container > li.disabled > a > label { cursor: not-allowed; } .multiselect-container > li.multiselect-group > label, .multiselect-container > li.multiselect-group.active > label { margin: 0; padding: 8px 15px; font-size: 11px; line-height: 1.82; color: #999999; text-transform: uppercase; margin-top: 14px; background-color: transparent; cursor: default; } .multiselect-container > li.multiselect-group.disabled { color: #999999; } .multiselect-container > li.multiselect-group:first-child > label, .multiselect-container > li.multiselect-group:first-child.active > label { margin-top: 7px; } .multiselect-container > li.multiselect-group.multiselect-group-clickable > label { cursor: pointer; } .multiselect-container > li.multiselect-group.disabled label, .multiselect-container > li.multiselect-group.disabled:hover label, .multiselect-container > li.multiselect-group.disabled:focus label { background-color: transparent; cursor: not-allowed; } .multi-select-full > .btn-group { width: 100%; } .multi-select-full > .btn-group .multiselect-container { width: inherit; } .multi-select-fixed > .btn-group > .btn { width: 250px; } .multi-select-auto > .btn-group > .btn { width: auto; } div[class*=border-] > .btn-group { border-color: inherit; } div[class*=border-] > .btn-group > .multiselect { border-color: inherit; } li.multiselect-filter { position: relative; padding: 5px 12px; margin-bottom: 5px; } li.multiselect-filter i { font-size: 12px; position: absolute; right: 24px; top: 50%; margin-top: -6px; opacity: 0.5; filter: alpha(opacity=50); } li.multiselect-filter .form-control { padding-right: 36px; } .input-group-btn + .multi-select-full .multiselect:first-child, .input-group-addon + .multi-select-full .multiselect:first-child, .input-group-btn + .multi-select-auto .multiselect:first-child, .input-group-addon + .multi-select-auto .multiselect:first-child, .input-group-btn + .multi-select-fixed .multiselect:first-child, .input-group-addon + .multi-select-fixed .multiselect:first-child, .input-group-btn + .btn-group .multiselect:first-child, .input-group-addon + .btn-group .multiselect:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group-multiselect { width: 100%; } .btn-group-multiselect .btn { float: none; } .btn-group-multiselect .multiselect { min-width: 0; } .btn-group > .btn-group:nth-child(2) > .multiselect.btn { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } /* ------------------------------------------------------------------------------ * * # SelectBoxIt * * Styles for selectbox.js - custom select boxes plugin * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ /* # Core -------------------------------------------------- */ .selectboxit-container { position: relative; display: inline-block; vertical-align: middle; width: 100%; border-radius: 3px; } .selectboxit-container * { -webkit-touch-callout: none; outline: 0; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectboxit-container .selectboxit { width: 100%; cursor: pointer; overflow: hidden; text-overflow: ellipsis; position: relative; } .selectboxit-container .selectboxit:focus { outline: 0; } .selectboxit-container span, .selectboxit-container .selectboxit-options a { display: block; } .selectboxit-container .selectboxit-options { width: 100%; max-height: 250px; padding: 7px 0; overflow-x: hidden; overflow-y: auto; z-index: 999; text-align: right; } .selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled, .selectboxit.selectboxit-disabled:hover, .selectboxit-options .selectboxit-disabled:hover, .selectboxit.selectboxit-disabled:focus, .selectboxit-options .selectboxit-disabled:focus { cursor: not-allowed; -webkit-box-shadow: none; box-shadow: none; opacity: 0.65; filter: alpha(opacity=65); } .selectboxit-rendering { display: inline-block !important; visibility: visible !important; position: absolute !important; top: -9999px !important; right: -9999px !important; } .selectboxit-list { background-color: #fff; border: 1px solid #ddd; margin: 2px 0 0; width: 100%; min-width: 200px; list-style: none; position: absolute; cursor: pointer; display: none; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .selectboxit-list .selectboxit-option-anchor { color: #333333; } .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { display: block; background-color: #f5f5f5; color: #333333; } .selectboxit-list > .selectboxit-selected > .selectboxit-option-anchor { background-color: #2196F3; color: #fff; } .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor { color: #999999; cursor: not-allowed; } .selectbox-container[class*=border-] > .selectboxit-list { border-color: inherit; } .selectbox-container[class*=bg-] > .selectboxit-list { background-color: inherit; border-color: inherit; } .selectbox-container[class*=bg-] > .selectboxit-list .selectboxit-option-anchor { color: #fff; } .selectbox-container[class*=bg-] > .selectboxit-list > .selectboxit-focus .selectboxit-option-anchor { background-color: rgba(0, 0, 0, 0.1); } .selectboxit-btn { background-color: #fff; border: 1px solid #ddd; color: #333333; border-radius: 3px; height: 36px; padding: 7px 12px; padding-left: 29px; } .selectboxit-btn:hover { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; } .selectboxit-btn.selectboxit-open, .selectboxit-btn:focus { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; } .selectboxit-container[class*=bg-] .selectboxit-btn { background-color: inherit; border-color: inherit; color: inherit; } .selectboxit-container[class*=border-] .selectboxit-btn { border-color: inherit; } .selectboxit-btn[class*=bg-]:hover, .selectboxit-container[class*=bg-] .selectboxit-btn:hover { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; } .selectboxit-btn[class*=bg-].selectboxit-open, .selectboxit-container[class*=bg-] .selectboxit-btn.selectboxit-open, .selectboxit-btn[class*=bg-]:focus, .selectboxit-container[class*=bg-] .selectboxit-btn:focus { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; } .input-group .selectboxit-container > .selectboxit-btn { border-radius: 0; } .input-group .selectboxit-container:last-child > .selectboxit-btn { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .input-group > select:first-child + .selectboxit-container > .selectboxit-btn { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .selectboxit-text { display: inline-block; overflow: hidden; text-overflow: ellipsis; float: right; } .selectboxit-default-arrow { position: relative; font-style: normal; } .selectboxit-default-arrow:after { content: '\e9c5'; display: block; font-family: 'icomoon'; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .selectboxit-open .selectboxit-default-arrow:after { content: '\e9c6'; } .selectboxit-option { margin: 0; list-style-type: none; } .selectboxit-option .selectboxit-option-anchor { padding: 7px 12px; } .selectboxit-optgroup-header { margin: 0; list-style-type: none; padding: 7px 12px; font-weight: 700; color: #333333; font-size: 11px; line-height: 1.82; text-transform: uppercase; } .selectboxit-optgroup-header:hover { cursor: default; } .selectboxit-optgroup-option .selectboxit-option-anchor { padding-right: 24px; padding-left: 24px; } .selectboxit-arrow-container { position: absolute; top: 50%; width: 16px; left: 12px; margin-top: -8px; text-align: left; line-height: 1; } .selectboxit-arrow-container .selectboxit-arrow[class*=icon-] { top: 0; } .selectboxit-arrow-container .caret:after { text-align: left; } .selectboxit-option-icon-container { float: right; } .selectboxit-option-icon-container > [class*=icon-] { margin-left: 10px; width: auto; } .selectboxit-option-icon-container .selectboxit-option-icon-url { height: 20px; width: 20px; background-size: 20px 20px; border-radius: 100px; background-repeat: no-repeat; background-position: center; display: block; } .selectboxit-option-first { border-top-left-radius: 2px; border-top-right-radius: 2px; } .selectboxit-optgroup-header + .selectboxit-option-first { border-top-left-radius: 0; border-top-right-radius: 0; } .selectboxit-option-last { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* # Sizing -------------------------------------------------- */ .selectbox-fixed + .selectboxit-container, .selectbox-fixed + .selectboxit-options { width: 250px; } .selectbox-auto + .selectboxit-container, .selectbox-auto + .selectboxit-options { width: auto; } .selectbox-lg + .selectboxit-container .selectboxit { padding: 9px 15px; padding-left: 30px; height: 40px; font-size: 14px; } .selectbox-lg + .selectboxit-container .selectboxit .selectboxit-arrow-container { left: 15px; } .selectbox-sm + .selectboxit-container .selectboxit { padding: 6px 11px; padding-left: 22px; height: 34px; } .selectbox-sm + .selectboxit-container .selectboxit .selectboxit-arrow-container { left: 11px; } .selectbox-xs + .selectboxit-container .selectboxit { padding: 5px 10px; padding-left: 25px; height: 32px; font-size: 12px; line-height: 1.6666667; } .selectbox-xs + .selectboxit-container .selectboxit .selectboxit-arrow-container { left: 10px; } /* ------------------------------------------------------------------------------ * * # Bootstrap select * * Styles for bootstrap_select.js - custom select boxes plugin * * Version: 1.2 * Latest update: Aug 20, 2016 * * ---------------------------------------------------------------------------- */ .bootstrap-select { width: 100%; } .bootstrap-select > .btn { width: 100%; padding-left: 34px; } .bootstrap-select > .btn.btn-default, .bootstrap-select > .btn.btn-default.disabled { background-color: #fff; border-color: #ddd; } .bootstrap-select > .btn.btn-default:active, .btn-group.open .bootstrap-select > .btn.btn-default { border-color: #ddd; } .bootstrap-select.form-control { padding: 0; border: 0; } .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; } .bootstrap-select .popover-title { font-size: 11px; line-height: 1.82; margin: 7px 0; padding: 7px 12px; } .bootstrap-select[class*=border-] .btn, .bootstrap-select[class*=border-] .dropdown-menu { border-color: inherit; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select.btn-group.bs-container { position: absolute; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] { float: none; display: inline-block; margin-right: 0; } .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { float: left; } .bootstrap-select.btn-group > .disabled { cursor: not-allowed; } .bootstrap-select.btn-group > .disabled:focus { outline: 0; } .bootstrap-select.btn-group .btn .filter-option { display: inline-block; overflow: hidden; width: 100%; text-align: right; text-overflow: ellipsis; } .bootstrap-select.btn-group .btn .filter-option > i, .bootstrap-select.btn-group .dropdown-menu > li > a [class*=icon-] { margin-left: 7px; float: right; margin-top: 2px; top: 0; } .bootstrap-select.btn-group .btn .caret { position: absolute; top: 50%; width: 16px; text-align: left; left: 12px; margin-top: -8px; } .bootstrap-select.btn-group[class*="col-"] .btn { width: 100%; } .bootstrap-select.btn-group .btn-lg > .caret { left: 15px; } .bootstrap-select.btn-group .btn-sm > .caret { left: 11px; } .bootstrap-select.btn-group .btn-xs > .caret { left: 10px; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; } .bootstrap-select.btn-group .dropdown-menu > li > a .check-mark { position: absolute; top: 50%; margin-top: -8px; left: 12px; margin-left: 0; color: #fff; opacity: 0; filter: alpha(opacity=0); } .bootstrap-select.btn-group .dropdown-menu > li > a .text { display: inline-block; } .bootstrap-select.btn-group .dropdown-menu > li > a > .label, .bootstrap-select.btn-group .dropdown-menu > li > a > .badge { float: none; } .bootstrap-select.btn-group .dropdown-menu > li > a.special-class, .bootstrap-select.btn-group .dropdown-menu > li > a.special-class:hover { font-weight: 700; color: #fff; background: #F44336; -webkit-transition: none; -o-transition: none; transition: none; } .bootstrap-select.btn-group .dropdown-menu > li.disabled a { cursor: not-allowed; } .bootstrap-select.btn-group .dropdown-menu > li small { padding-right: 10px; } .bootstrap-select.btn-group .dropdown-menu > .selected > a { background-color: #2196F3; color: #fff; } .bootstrap-select.btn-group .dropdown-menu > .selected > a small { color: #fff; } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 0; width: 100%; text-align: center; padding: 7px 12px; background-color: #f8f8f8; border-top: 1px solid #ddd; pointer-events: none; } .bootstrap-select.btn-group .dropdown-header ~ li > a { padding-right: 24px; } .bootstrap-select.btn-group .no-results { padding: 7px 12px; background: #f8f8f8; margin-bottom: -7px; border-top: 1px solid #ddd; } .bootstrap-select.btn-group.fit-width .btn .filter-option, .bootstrap-select.btn-group.fit-width .btn .caret { position: static; } .bootstrap-select.btn-group.show-tick .dropdown-menu > li a .text { margin-left: 40px; } .bootstrap-select.btn-group.show-tick .dropdown-menu > li.selected a .check-mark { opacity: 1; filter: alpha(opacity=100); } .input-group .bootstrap-select > .btn { border-radius: 0; } .input-group > .bs-select-hidden:first-child + .bootstrap-select > .btn, .input-group > .bootstrap-select:first-child > .btn { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .input-group > .bootstrap-select:last-child > .btn { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .error .bootstrap-select .btn { border: 1px solid #F44336; } .control-group.error .bootstrap-select .dropdown-toggle { border-color: #F44336; } .bs-searchbox, .bs-actionsbox { padding: 5px 12px; margin-bottom: 5px; } .bs-searchbox { position: relative; } .bs-searchbox > .form-control { padding-right: 36px; } .bs-searchbox:after { content: '\e98e'; font-family: 'icomoon'; position: absolute; top: 50%; right: 24px; color: inherit; display: block; font-size: 12px; margin-top: -6px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0.6; filter: alpha(opacity=60); } .bs-actionsbox { float: right; width: 100%; position: relative; } .bs-actionsbox .btn-group button { width: 50%; } .bs-searchbox + .bs-actionsbox { padding: 0 12px 7px; } .mobile-device { position: absolute; top: 0; right: 0; display: block !important; width: 100%; height: 100% !important; opacity: 0; } select.bs-select-hidden, select.selectpicker { display: none !important; } .bootstrap-select > select { position: absolute !important; bottom: 0; right: 50%; display: block !important; width: .5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; } /* ------------------------------------------------------------------------------ * * # Passy * * Styles for passy.min.js - password length checker and password generator * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .visual-password-indicator { display: inline-block; background-color: #999999; width: 40px; height: 4px; } .password-indicator-group { min-width: 80px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .label-indicator-absolute { position: relative; } .label-indicator-absolute .password-indicator-label-absolute { position: absolute; top: 50%; margin-top: -10px; left: 7px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .form-horizontal .label-indicator-absolute .label { left: 27px; } /* ------------------------------------------------------------------------------ * * # Twiter Typeahead * * Styles for typeahead.bundle.min.js - input suggestion engine * * Version: 1.3 * Latest update: Jul 4, 2016 * * ---------------------------------------------------------------------------- */ .twitter-typeahead { width: 100%; } .typeahead, .tt-query, .tt-hint { outline: 0; } .tt-hint { color: #999; } .bootstrap-tagsinput .tt-hint, .tokenfield .tt-hint { left: auto !important; } .tt-menu { width: 100%; margin-top: 1px; min-width: 180px; padding: 7px 0; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; max-height: 300px; overflow-y: auto; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .typeahead-scrollable .tt-menu { max-height: 250px; } .typeahead-rtl .tt-menu { text-align: left; } .tt-suggestion { padding: 8px 15px; cursor: pointer; } .tt-suggestion:hover, .tt-suggestion:focus, .tt-suggestion.tt-cursor { background-color: #f5f5f5; } .tt-dataset-group .tt-suggestion { padding-right: 24px; padding-left: 24px; } .tt-heading { font-size: 11px; line-height: 1.82; padding: 8px 15px; text-transform: uppercase; display: block; font-weight: 700; margin-top: 2px; margin-bottom: 2px; } .typeahead-template .empty-message { padding: 8px 15px; text-align: center; } /* ------------------------------------------------------------------------------ * * # Form Validation * * jQuery plugin for simple clientside form validation * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .validation-error-label, .validation-valid-label { margin-top: 7px; margin-bottom: 7px; display: block; color: #F44336; position: relative; padding-right: 26px; } .validation-valid-label { color: #4CAF50; } .validation-error-label:before, .validation-valid-label:before { font-family: 'icomoon'; position: absolute; top: 2px; right: 0; display: inline-block; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; } .validation-error-label:empty, .validation-valid-label:empty { display: none; } .validation-error-label:before { content: '\ed63'; } .validation-valid-label:before { content: '\ee73'; } /* ------------------------------------------------------------------------------ * * # X-editable * * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .editable { background-color: transparent; } .form-horizontal .editable { padding-top: 8px; display: inline-block; } .editable-pre-wrapped { white-space: pre-wrap; } .editableform .form-group:last-child { margin-bottom: 0; } .editableform .form-control { min-width: 200px; padding-right: 12px !important; padding-left: 28px; } .editableform .checkbox, .editableform .radio { margin-top: 0; margin-bottom: 0; } .editableform .checkbox > div, .editableform .radio > div { margin-top: 8px; margin-bottom: 8px; position: relative; } .editable-buttons { display: inline-block; vertical-align: top; margin-right: 7px; } .editable-buttons.editable-buttons-bottom { display: block; margin-top: 20px; margin-right: 0; text-align: center; } .editable-buttons .editable-cancel { margin-right: 7px; } .editable-input { vertical-align: top; display: inline-block; width: auto; white-space: normal; } .editable-input .help-block { margin-bottom: 0; } .editable-input .input-group { width: 250px; } .editable-input .elastic { height: 100px; } .editableform-loading { width: 16px; height: 16px; margin: auto; } .editableform-loading:after { content: '\eb55'; font-family: 'icomoon'; font-size: 16px; display: block; line-height: 1; margin: auto; width: 16px; height: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-animation: rotation 1s ease infinite; -o-animation: rotation 1s ease infinite; animation: rotation 1s ease infinite; } .editable-error { color: #F44336; } .editable-error-block { max-width: 300px; margin: 7px 0 0 0; width: auto; white-space: normal; } .editable-bg-transition { color: inherit; background-color: transparent; -webkit-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .editable-clear { clear: both; text-decoration: none; text-align: left; } .editable-clear-x { position: absolute; left: 9px; top: 10px; line-height: 1; cursor: pointer; z-index: 100; opacity: 0.6; filter: alpha(opacity=60); } .editable-clear-x:hover { opacity: 1; filter: alpha(opacity=100); } .editable-clear-x:after { content: '\ed6b'; font-family: 'icomoon'; display: block; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .editable-click, a.editable-click, .editable-click:hover, a.editable-click:hover { border-bottom: 1px dashed #1E88E5; } .editable-click.editable-disabled, a.editable-click.editable-disabled, .editable-click.editable-disabled:hover, a.editable-click.editable-disabled:hover { color: #999999; cursor: default; border-bottom: 0; } .editable-click .label { margin-top: 1px; margin-bottom: 1px; } .editable-empty, .editable-empty:hover, .editable-empty:focus { font-style: italic; color: #F44336; } a.editable-empty, a.editable-empty:hover, a.editable-empty:focus { border-bottom-color: #F44336; } .combodate { white-space: nowrap; } .combodate .day, .combodate .year, .combodate .hour, .combodate .minute { min-width: 80px; } .combodate .form-control { display: inline-block; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .input-daterange input:last-child { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .editable-address { display: block; } .editable-address > label > span { width: 70px; display: inline-block; margin-bottom: 7px; } .editable-date { padding: 0; margin: 0; float: right; } .editable-checklist label { white-space: nowrap; } .editable-checklist label > input[type="checkbox"] { vertical-align: middle; margin: 0; } .editable-wysihtml5 { width: 566px; height: 250px; } .editable-container.editable-popup { max-width: none !important; } .editable-container.editable-inline { display: inline-block; vertical-align: middle; width: auto; } .editable-container.editable-inline .editableform-loading { background-position: right 5px; } .editable-container.editable-inline .add-on .icon-th { margin-top: 3px; margin-right: 1px; } .editable-container.popover { width: auto; min-width: 200px; } /* ------------------------------------------------------------------------------ * * # Alpaca forms * * Alpaca provides the easiest way to generate interactive HTML5 forms for web applications * * Version: 1.1 * Latest update: Jul 4, 2016 * * ---------------------------------------------------------------------------- */ .alpaca-hidden { display: none; } .alpaca-field-select .multiselect-container { width: 100%; } .has-error .multiselect-container > .active .checkbox { color: #fff; } .has-error .btn-group.open .multiselect.btn, .has-error .multiselect.btn-default:active { color: #D84315; border-color: #D84315; } .alpaca-disabled .checkbox label, .alpaca-disabled .checkbox .switchery, .alpaca-disabled .radio label, .alpaca-disabled .radio .switchery { cursor: not-allowed; color: #999999; } .alpaca-invalid .form-control { color: #D84315; } .alpaca-clear { clear: both; } .alpaca-float-right { float: left; } .alpaca-field .glyphicon { font-family: 'icomoon'; font-size: 16px; vertical-align: middle; top: -1px; display: inline-block; margin-left: 7px; } .alpaca-field .glyphicon-info-sign:before { content: '\e9ba'; } .alpaca-field.has-error .glyphicon-info-sign:before, .alpaca-field .glyphicon-exclamation-sign:before { content: '\ed63'; } .alpaca-icon-required { font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif; float: left; margin-left: 0; margin-right: 5px; } .alpaca-icon-required:before { content: '*'; } .alpaca-controlfield-editor { position: relative; width: 100%; height: 300px; border: 1px #ccc solid; } .alpaca-controlfield-editor .control-field-editor-el { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .ace_editor { border: 1px solid #cccccc; } .alpaca-field-ckeditor.alpaca-invalid > .cke { border-color: #D84315; } .alpaca-field-optiontree .optiontree + .form-control { margin-right: 10px; } .alpaca-field-optiontree.optiontree-horizontal .optiontree { display: inline-block; } .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector { display: inline-block; margin-top: 2px; margin-bottom: 2px; } .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector:empty { display: none; } .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector + .optiontree-selector { margin-right: 10px; } .alpaca-field-optiontree.optiontree-horizontal input { display: inline-block; width: auto; } .alpaca-field-optiontree.optiontree-horizontal label { display: block; } .alpaca-field-radio.disabled .alpaca-control.radio { color: grey; } .alpaca-field-radio.disabled .alpaca-control.radio label { cursor: inherit; } .alpaca-control.radio { min-height: inherit; height: inherit; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; margin-right: 10px; } .has-error .multiselect { border-color: #D84315; color: #D84315; } .alpaca-container-label { margin-top: 20px; } legend.alpaca-container-label { margin-top: 0px; } .alpaca-array-toolbar { margin-bottom: 10px; } .alpaca-array-actionbar { overflow: hidden; } .alpaca-array-actionbar.alpaca-array-actionbar-top { padding-bottom: 10px; } .alpaca-array-actionbar.alpaca-array-actionbar-bottom { padding-top: 10px; } .alpaca-array-actionbar, .alpaca-array-actionbar.btn-group { width: 100%; } .alpaca-field-object, .alpaca-field-array { border: 1px #eee solid; border-radius: 3px; padding: 10px; } .alpaca-field-object .alpaca-top, .alpaca-field-array .alpaca-top, .alpaca-field-object .alpaca-top .alpaca-container, .alpaca-field-array .alpaca-top .alpaca-container { border: 0; } .alpaca-container { border: 0px; } .alpaca-display h3 { margin-top: 0; } .alpaca-control-buttons-container { margin-top: 10px; } .alpaca-container-item > .alpaca-container > .alpaca-field-object { border: 0; } .alpaca-form-buttons-container { margin-top: 20px; text-align: left; } .alpaca-container > .form-group { margin-right: 0; margin-left: 0; } .alpaca-field-hidden { display: none; } .alpaca-container-item:not(:first-child) { margin-top: 10px; } .alpaca-container .alpaca-container-item:last-child { margin-bottom: 0; } .alpaca-field-select .btn-group { width: 100%; } .alpaca-field.alpaca-field-upload .fileupload-active-zone { margin-top: 50px; margin-bottom: 50px; } .alpaca-field.alpaca-field-upload .template-download TD.error, .alpaca-field.alpaca-field-upload .template-upload TD.error { color: #D84315; word-break: break-all; } .alpaca-field.alpaca-field-address .alpaca-field-address-mapcanvas { height: 250px; } .alpaca-field.alpaca-field-image .alpaca-image-display { margin-top: 20px; } .alpaca-field-text-max-length-indicator { font-size: 12px; margin-top: 7px; margin-bottom: 7px; } /* ------------------------------------------------------------------------------ * * # Tokenfield for Bootstrap * * Styles for tokenfield.js - Advanced tagging/tokenizing plugin for Bootstrap * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .tokenfield { height: auto; } .tokenfield.form-control { height: auto; padding: 0 0 2px 0; } .tokenfield:after { content: ''; display: table; clear: both; } .tokenfield .token { margin: 2px 2px 0 0; cursor: default; float: right; position: relative; border-radius: 2px; } .tokenfield .token:not([class*=bg-]) { background-color: #eee; color: #333333; } .tokenfield .token:not([class*=bg-]):hover, .tokenfield .token:not([class*=bg-]):focus { background-color: #03A9F4; color: #fff; } .tokenfield .token.invalid { background-color: transparent; border: 1px solid transparent; border-radius: 0; border-bottom: 1px dotted #F44336; } .tokenfield .token.invalid.active { background-color: #eeeeee; border: 1px solid #eeeeee; } .tokenfield .token .token-label { display: block; overflow: hidden; text-overflow: ellipsis; padding: 5px 11px; padding-left: 30px; font-size: 12px; line-height: 1.6666667; } .tokenfield .token > .close { font-size: 0; cursor: pointer; position: absolute; top: 50%; color: inherit; left: 11px; line-height: 1; margin-top: -5.5px; } .tokenfield .token > .close:after { content: '\ed6a'; font-family: 'icomoon'; display: block; font-size: 11px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tokenfield .token > .close:hover { opacity: 1; filter: alpha(opacity=100); } .tokenfield .twitter-typeahead { width: auto; } .tokenfield .token-input { direction: rtl; background: none; width: 90px !important; max-width: 50%; min-width: 60px; padding: 5px 11px; margin-top: 2px; margin-right: 2px; font-size: 12px; line-height: 1.6666667; border: 0; outline: 0; } .tokenfield.readonly .token .token-label { padding-left: 11px; } .tokenfield.readonly .token .close { display: none; } .tokenfield.disabled { cursor: not-allowed; } .tokenfield.disabled .token, .tokenfield.disabled .token .close { opacity: 0.5; filter: alpha(opacity=50); } .tokenfield.disabled .token:hover, .tokenfield.disabled .token:focus { background-color: #eee; color: #333333; } .tokenfield.disabled, .tokenfield.disabled .token-input, .tokenfield.disabled .token, .tokenfield.disabled .token .close { cursor: not-allowed; } .input-group-lg .token > .token-label, .tokenfield.input-lg .token > .token-label, .input-group-lg .token > span, .tokenfield.input-lg .token > span, .input-group-lg .token-input, .tokenfield.input-lg .token-input { font-size: 13px; line-height: 20px; padding: 7px 12px; } .input-group-lg .token > .token-label, .tokenfield.input-lg .token > .token-label, .input-group-lg .token > span, .tokenfield.input-lg .token > span { padding-left: 29px; } .input-group-lg .token > .close, .tokenfield.input-lg .token > .close { left: 12px; } .input-group-lg.readonly .token > .token-label, .tokenfield.input-lg.readonly .token > .token-label { padding-left: 12px; } .input-group-sm .token > .token-label, .tokenfield.input-sm .token > .token-label, .input-group-sm .token > span, .tokenfield.input-sm .token > span { padding: 4px 11px; padding-left: 27.5px; } .input-group-sm .token-input, .tokenfield.input-sm .token-input { padding: 4px 11px; } .input-group-sm .token > .close, .tokenfield.input-sm .token > .close { left: 11px; } .input-group-sm.readonly .token > .token-label, .tokenfield.input-sm.readonly .token > .token-label { padding-left: 11px; } /* ------------------------------------------------------------------------------ * * # Bootstrap tags input * * Styles for tagsinput.js - tags input for Bootstrap * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .bootstrap-tagsinput { background-color: #fff; border: 1px solid #ddd; display: inline-block; padding: 0 0 2px 0; vertical-align: middle; border-radius: 3px; width: 100%; } .bootstrap-tagsinput input { direction: rtl; border: 0; outline: 0; background-color: transparent; padding: 5px 11px; margin-top: 2px; margin-right: 2px; width: auto !important; min-width: 100px; font-size: 12px; line-height: 1.6666667; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-tagsinput input:focus { border: none; box-shadow: none; } .bootstrap-tagsinput .twitter-typeahead { width: auto; } .bootstrap-tagsinput .tt-dropdown-menu { margin-top: 5px; min-width: 200px; } .bootstrap-tagsinput .tag { margin: 2px 2px 0 0; border: 0; border-radius: 2px; padding: 5px 11px; padding-left: 30px; float: right; font-size: 12px; line-height: 1.6666667; font-weight: 400; text-transform: none; position: relative; } .bootstrap-tagsinput .tag:not([class*=bg-]) { background-color: #546E7A; color: #fff; } .bootstrap-tagsinput .tag [data-role="remove"] { cursor: pointer; color: inherit; position: absolute; top: 50%; left: 11px; line-height: 1; margin-top: -5.5px; opacity: 0.7; filter: alpha(opacity=70); } .bootstrap-tagsinput .tag [data-role="remove"]:hover { opacity: 1; filter: alpha(opacity=100); } .bootstrap-tagsinput .tag [data-role="remove"]:after { content: '\ed6a'; font-family: 'icomoon'; display: block; font-size: 11px; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ------------------------------------------------------------------------------ * * # Touchspin spinners * * Styles for touchspin.min.js - spinner form control library * * Version: 1.1 * Latest update: Oct 20, 2015 * * ---------------------------------------------------------------------------- */ .bootstrap-touchspin .input-group-btn-vertical { white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; } .bootstrap-touchspin .input-group-btn-vertical > .btn { height: 36px; line-height: 1.5384616; margin-right: -1px; border-radius: 0; } .bootstrap-touchspin .input-group-btn-vertical i { position: absolute; top: 50%; right: 50%; margin-right: -8px; margin-top: -8px; font-weight: normal; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border: 1px solid #ddd; border-radius: 0; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border: 1px solid #ddd; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .bootstrap-touchspin.input-group-lg .input-group-btn-vertical > .btn { height: 40px; line-height: 1.4285715; padding-right: 15px; padding-left: 15px; } .bootstrap-touchspin.input-group-sm .input-group-btn-vertical > .btn { height: 34px; line-height: 1.6666667; padding-right: 11px; padding-left: 11px; } .bootstrap-touchspin-prefix { border-left: 0; } .bootstrap-touchspin-postfix { border-right: 0; } /* ------------------------------------------------------------------------------ * * # Bootstrap Duallistbox * * Styles for listbox.js - A responsive dual listbox widget optimized for Bootstrap * * Version: 1.2 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .bootstrap-duallistbox-container .box1 { margin-bottom: 20px; } .bootstrap-duallistbox-container select.form-control { padding: 7px; border-top-left-radius: 0; border-top-right-radius: 0; } .bootstrap-duallistbox-container option { display: block; padding: 7px 12px; border-radius: 2px; } .bootstrap-duallistbox-container.moveonselect .move, .bootstrap-duallistbox-container.moveonselect .remove { display: none; } .bootstrap-duallistbox-container.moveonselect .moveall, .bootstrap-duallistbox-container.moveonselect .removeall { width: 100%; border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .bootstrap-duallistbox-container.moveonselect .btn-group .btn + .btn { border-right-width: 1px; } .bootstrap-duallistbox-container .buttons { width: 100%; margin-bottom: -1px; } .bootstrap-duallistbox-container .clear1, .bootstrap-duallistbox-container .clear2 { display: none; margin-top: 20px; } .bootstrap-duallistbox-container .clear1, .bootstrap-duallistbox-container .clear2, .bootstrap-duallistbox-container .clear1:hover, .bootstrap-duallistbox-container .clear2:hover, .bootstrap-duallistbox-container .clear1:focus, .bootstrap-duallistbox-container .clear2:focus { background-color: transparent; border: 0; color: #1E88E5; padding: 0; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-duallistbox-container .box1.filtered .clear1, .bootstrap-duallistbox-container .box2.filtered .clear2 { display: inline-block; } .bootstrap-duallistbox-container .move, .bootstrap-duallistbox-container .remove, .bootstrap-duallistbox-container .moveall, .bootstrap-duallistbox-container .removeall { width: 50%; } .bootstrap-duallistbox-container .btn-group .btn { margin: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .bootstrap-duallistbox-container .btn-group .btn + .btn { border-right-width: 0; } .bootstrap-duallistbox-container .btn-group .btn > i { float: none; text-align: center; } .bootstrap-duallistbox-container .btn-group .btn > i + i { margin-right: -14px; } .bootstrap-duallistbox-container .filter { margin-bottom: 20px; position: relative; } .bootstrap-duallistbox-container .filter.placeholder { color: #999; } .bootstrap-duallistbox-container .info-container .info { display: inline-block; margin-top: 20px; } .bootstrap-duallistbox-container .info-container .info .label { margin-left: 7px; } .sidebar .bootstrap-duallistbox-container { text-align: center; } .sidebar .bootstrap-duallistbox-container .box1, .sidebar .bootstrap-duallistbox-container .box2 { float: none; width: 100%; } .sidebar .bootstrap-duallistbox-container .box1 { padding-bottom: 5px; } .sidebar .bootstrap-duallistbox-container .box1:after { content: '\e9c9'; font-size: 16px; font-family: 'icomoon'; display: block; text-align: center; line-height: 1; margin: 10px 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0.5; filter: alpha(opacity=50); } @media (min-width: 1025px) { .bootstrap-duallistbox-container .box1 { margin-bottom: 0; } .sidebar .bootstrap-duallistbox-container .box1 { margin-bottom: 0; } } /* ------------------------------------------------------------------------------ * * # Bootstrap maxlength * * Styles for maxlength.min.js - input characters counter * * Version: 1.0 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .bootstrap-maxlength { margin-top: 7px; font-size: 12px; font-weight: 500; } /* ------------------------------------------------------------------------------ * * # Steps wizard * * An all-in-one wizard plugin that is extremely flexible, compact and feature-rich * * Version: 1.2 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .wizard { width: 100%; } .wizard > .steps .current-info, .wizard > .content > .title { position: absolute; right: -99999px; } .wizard > .content { position: relative; width: auto; padding: 0; } .wizard > .content > .body { padding: 0 20px; } .wizard > .content > iframe { border: 0 none; width: 100%; height: 100%; } .wizard > .steps { position: relative; display: block; width: 100%; } .wizard > .steps > ul { display: table; width: 100%; table-layout: fixed; margin: 0; padding: 0; list-style: none; } .wizard > .steps > ul > li { display: table-cell; width: auto; vertical-align: top; text-align: center; position: relative; } .wizard > .steps > ul > li a { position: relative; padding-top: 48px; margin-top: 20px; margin-bottom: 20px; display: block; } .wizard > .steps > ul > li:before, .wizard > .steps > ul > li:after { content: ''; display: block; position: absolute; top: 43px; width: 50%; height: 2px; background-color: #00BCD4; z-index: 9; } .wizard > .steps > ul > li:before { right: 0; } .wizard > .steps > ul > li:after { left: 0; } .wizard > .steps > ul > li:first-child:before, .wizard > .steps > ul > li:last-child:after { content: none; } .wizard > .steps > ul > li.current:after, .wizard > .steps > ul > li.current ~ li:before, .wizard > .steps > ul > li.current ~ li:after { background-color: #eeeeee; } .wizard > .steps > ul > li.current > a { color: #333333; cursor: default; } .wizard > .steps > ul > li.current .number { font-size: 0; border-color: #00BCD4; background-color: #fff; color: #00BCD4; } .wizard > .steps > ul > li.current .number:after { content: '\e913'; font-family: 'icomoon'; display: inline-block; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 34px; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .wizard > .steps > ul > li.disabled a, .wizard > .steps > ul > li.disabled a:hover, .wizard > .steps > ul > li.disabled a:focus { color: #999999; cursor: default; } .wizard > .steps > ul > li.done a, .wizard > .steps > ul > li.done a:hover, .wizard > .steps > ul > li.done a:focus { color: #999999; } .wizard > .steps > ul > li.done .number { font-size: 0; background-color: #00BCD4; border-color: #00BCD4; color: #fff; } .wizard > .steps > ul > li.done .number:after { content: '\ed6f'; font-family: 'icomoon'; display: inline-block; font-size: 16px; line-height: 34px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .wizard > .steps > ul > li.error .number { border-color: #F44336; color: #F44336; } @media (max-width: 768px) { .wizard > .steps > ul { margin-bottom: 20px; } .wizard > .steps > ul > li { display: block; float: right; width: 50%; } .wizard > .steps > ul > li > a { margin-bottom: 0; } .wizard > .steps > ul > li:first-child:before, .wizard > .steps > ul > li:last-child:after { content: ''; } .wizard > .steps > ul > li:last-child:after { background-color: #00BCD4; } } @media (max-width: 480px) { .wizard > .steps > ul > li { width: 100%; } .wizard > .steps > ul > li.current:after { background-color: #00BCD4; } } .wizard > .steps .number { background-color: #fff; color: #ccc; display: inline-block; position: absolute; top: 0; right: 50%; margin-right: -19px; width: 38px; height: 38px; border: 2px solid #eeeeee; font-size: 14px; border-radius: 50%; z-index: 10; line-height: 34px; text-align: center; } .panel-flat > .wizard > .steps > ul { border-top: 1px solid #ddd; } .wizard > .actions { position: relative; display: block; text-align: left; padding: 20px; padding-top: 0; } .wizard > .actions > ul { float: left; list-style: none; padding: 0; margin: 0; } .wizard > .actions > ul:after { content: ''; display: table; clear: both; } .wizard > .actions > ul > li { float: right; } .wizard > .actions > ul > li + li { margin-right: 10px; } .wizard > .actions > ul > li > a { background: #2196F3; color: #fff; display: block; padding: 7px 12px; border-radius: 3px; border: 1px solid transparent; } .wizard > .actions > ul > li > a:hover, .wizard > .actions > ul > li > a:focus { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; } .wizard > .actions > ul > li > a:active { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; } .wizard > .actions > ul > li > a[href="#previous"] { background-color: #fcfcfc; color: #333; border: 1px solid #ddd; } .wizard > .actions > ul > li > a[href="#previous"]:hover, .wizard > .actions > ul > li > a[href="#previous"]:focus { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; } .wizard > .actions > ul > li > a[href="#previous"]:active { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; } .wizard > .actions > ul > li.disabled > a, .wizard > .actions > ul > li.disabled > a:hover, .wizard > .actions > ul > li.disabled > a:focus { color: #999999; } .wizard > .actions > ul > li.disabled > a[href="#previous"], .wizard > .actions > ul > li.disabled > a[href="#previous"]:hover, .wizard > .actions > ul > li.disabled > a[href="#previous"]:focus { -webkit-box-shadow: none; box-shadow: none; } /* ------------------------------------------------------------------------------ * * # Form wizard * * jQuery plugin which turns a form into a multistep wizard * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .panel-flat > .ui-formwizard { border-top: 1px solid #ddd; } .form-wizard-title { margin: 0 0 20px 0; padding-bottom: 20px; border-bottom: 1px solid #ddd; } .form-wizard-count { float: right; display: block; width: 38px; height: 38px; border-radius: 50%; border: 2px solid #4CAF50; color: #4CAF50; text-align: center; line-height: 34px; margin-left: 10px; } .ui-formwizard .step { padding: 20px; padding-bottom: 0; } .form-wizard-actions { text-align: left; padding: 20px; padding-top: 0; } .panel-body .form-wizard-actions { padding: 0; } .form-wizard-actions .btn + .btn { margin-right: 5px; } /* ------------------------------------------------------------------------------ * * # Stepy wizard * * jQuery plugin which generates a customizable wizard from form fieldsets * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .stepy-step { padding: 20px; padding-top: 0; } .stepy-header { list-style: none; padding: 0; margin: 0; display: table; table-layout: fixed; width: 100%; } .panel-flat > .stepy-header { border-top: 1px solid #ddd; } .stepy-header li { cursor: pointer; display: table-cell; vertical-align: top; width: auto; padding: 20px 0; text-align: center; position: relative; } .stepy-header li span { display: block; margin-top: 10px; color: #999999; } .stepy-header li:before, .stepy-header li:after { content: ''; display: block; position: absolute; top: 43px; width: 50%; height: 2px; background-color: #00BCD4; z-index: 9; } .stepy-header li:before { right: 0; } .stepy-header li:after { left: 0; } .stepy-header li:first-child:before, .stepy-header li:last-child:after { content: none; } .stepy-header li div { background-color: #00BCD4; font-size: 0; position: relative; color: #fff; margin-right: auto; margin-left: auto; width: 38px; height: 38px; border: 2px solid #00BCD4; z-index: 10; line-height: 34px; text-align: center; border-radius: 50%; } .stepy-header li div:after { content: '\ed6c'; font-family: 'icomoon'; display: inline-block; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 34px; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .stepy-header li.stepy-active:after, .stepy-header li.stepy-active ~ li:before, .stepy-header li.stepy-active ~ li:after { background-color: #f5f5f5; } .stepy-header li.stepy-active ~ li div { border-color: #eeeeee; background-color: #fff; color: #ccc; font-size: 14px; } .stepy-header li.stepy-active ~ li div:after { content: none; } .stepy-header li.stepy-active div { cursor: auto; border-color: #00BCD4; background-color: #fff; color: #00BCD4; } .stepy-header li.stepy-active div:after { content: '\e913'; } .stepy-header li.stepy-active span { color: #333333; } @media (max-width: 769px) { .stepy-header { margin-bottom: 20px; } .stepy-header li { display: block; float: right; width: 50%; padding-bottom: 0; } .stepy-header li:first-child:before, .stepy-header li:last-child:after { content: ''; } .stepy-header li.stepy-active:last-child:after { background-color: #00BCD4; } } @media (max-width: 480px) { .stepy-header li { width: 100%; } .stepy-header li.stepy-active:after { background-color: #00BCD4; } } .stepy-navigator { text-align: left; } .stepy-navigator .btn + .btn { margin-right: 5px; } /* ------------------------------------------------------------------------------ * * # Summernote editor * * Super simple WYSIWYG Editor for Bootstrap framework * * Version: 1.3 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .note-editor { border: 1px solid #ddd; border-radius: 3px; } .note-editor .note-dropzone { position: absolute; z-index: 1; display: none; color: #2196F3; background-color: #fff; border: 2px dashed #2196F3; pointer-events: none; opacity: 0.95; filter: alpha(opacity=95); } .note-editor .note-dropzone .note-dropzone-message { display: table-cell; font-size: 25px; font-weight: 500; text-align: center; vertical-align: middle; } .note-editor .note-dropzone.hover { color: #2196F3; border: 2px dashed #2196F3; } .note-editor.dragover .note-dropzone { display: table; } .note-editor .note-toolbar { background-color: #fcfcfc; border-bottom: 1px solid #ddd; padding: 15px 20px; padding-top: 0; margin: 0; border-radius: 3px; } .note-editor.fullscreen { position: fixed; top: 0; right: 0; z-index: 1050; width: 100%; } .note-editor.fullscreen .note-editable { background-color: #fff; } .note-editor.fullscreen .note-resizebar { display: none; } .note-editor.codeview .note-editable { display: none; } .note-editor.codeview .note-codable { display: block; } .note-editor .note-statusbar { background-color: #fcfcfc; } .note-editor .note-statusbar .note-resizebar { width: 100%; height: 8px; cursor: s-resize; border-top: 1px solid #ddd; } .note-editor .note-statusbar .note-resizebar .note-icon-bar { width: 20px; margin: 1px auto; border-top: 1px solid #aaaaaa; } .note-editor .note-editable { padding: 20px; overflow: auto; outline: 0; min-height: 150px; } .note-editor .note-editable[contenteditable="false"] { background-color: #eeeeee; } .note-editor .note-codable { display: none; width: 100%; padding: 20px; margin-bottom: 0; font-family: Menlo, Monaco, monospace, sans-serif; color: #fff; background-color: #333333; border: 0; border-radius: 0; resize: none; -webkit-box-shadow: none; box-shadow: none; } .note-editor .modal-title { font-size: 17px; } .note-air-editor { outline: 0; } .note-popover { max-width: none; } .note-popover .popover-content { padding: 15px; padding-top: 0; margin: 0; } .note-popover .popover-content a { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .note-popover .popover-content > .btn-group:last-child { margin-left: 0; } .note-popover .arrow { right: 20px; } .note-popover .popover-content > .note-btn-group, .note-toolbar > .note-btn-group { margin-top: 15px; margin-left: 15px; margin-right: 0; } .note-popover .popover-content > .note-btn-group .note-icon-caret:before, .note-toolbar > .note-btn-group .note-icon-caret:before { width: 9px; margin-right: 2px; margin-left: 2px; } .note-popover .popover-content > .note-btn-group i + .note-icon-caret, .note-toolbar > .note-btn-group i + .note-icon-caret { margin-right: 2px; margin-left: -5px; } .note-popover .popover-content .note-style h1, .note-toolbar .note-style h1, .note-popover .popover-content .note-style h2, .note-toolbar .note-style h2, .note-popover .popover-content .note-style h3, .note-toolbar .note-style h3, .note-popover .popover-content .note-style h4, .note-toolbar .note-style h4, .note-popover .popover-content .note-style h5, .note-toolbar .note-style h5, .note-popover .popover-content .note-style h6, .note-toolbar .note-style h6, .note-popover .popover-content .note-style blockquote, .note-toolbar .note-style blockquote { margin: 0; } .note-popover .popover-content .note-table, .note-toolbar .note-table { min-width: 0; } .note-popover .popover-content .note-table.dropdown-menu, .note-toolbar .note-table.dropdown-menu { padding: 10px; } .note-popover .popover-content .note-table .note-dimension-picker, .note-toolbar .note-table .note-dimension-picker { font-size: 18px; margin-bottom: 10px; } .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-mousecatcher { position: absolute !important; z-index: 3; width: 10em; height: 10em; cursor: pointer; } .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-unhighlighted { position: relative !important; z-index: 1; width: 5em; height: 5em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-highlighted, .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-highlighted { position: absolute !important; z-index: 2; width: 1em; height: 1em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-popover .popover-content .note-table .note-dimension-display, .note-toolbar .note-table .note-dimension-display { text-align: center; } .note-popover .popover-content .note-color .dropdown-menu, .note-toolbar .note-color .dropdown-menu { min-width: 330px; } .note-popover .popover-content .note-color .dropdown-menu .btn-group, .note-toolbar .note-color .dropdown-menu .btn-group { margin: 7px 12px; } .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title, .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { margin-bottom: 10px; font-weight: 500; } .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset, .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { padding: 6px 11px; cursor: pointer; background-color: #fcfcfc; text-align: center; margin-bottom: 10px; } .note-popover .popover-content .note-para .dropdown-menu, .note-toolbar .note-para .dropdown-menu { min-width: 290px; padding: 10px; text-align: center; } .note-popover .popover-content .note-para .dropdown-menu > div:first-child, .note-toolbar .note-para .dropdown-menu > div:first-child { margin-left: 10px; } .note-popover .popover-content .dropdown-menu, .note-toolbar .dropdown-menu { min-width: 90px; } .note-popover .popover-content .dropdown-menu.right, .note-toolbar .dropdown-menu.right { left: 0; right: auto; } .note-popover .popover-content .dropdown-menu.right:before, .note-toolbar .dropdown-menu.right:before { left: 9px; right: auto !important; } .note-popover .popover-content .dropdown-menu.right:after, .note-toolbar .dropdown-menu.right:after { left: 10px; right: auto !important; } .note-popover .popover-content .dropdown-menu li a i, .note-toolbar .dropdown-menu li a i { display: none; } .note-popover .popover-content .dropdown-menu li a.checked, .note-toolbar .dropdown-menu li a.checked { background-color: #f5f5f5; } .note-popover .popover-content .note-color-palette, .note-toolbar .note-color-palette { line-height: 1; } .note-popover .popover-content .note-color-palette div .note-color-btn, .note-toolbar .note-color-palette div .note-color-btn { width: 17px; height: 17px; padding: 0; margin: 0; border: 1px solid #fff; } .note-popover .popover-content .note-color-palette div .note-color-btn:hover, .note-toolbar .note-color-palette div .note-color-btn:hover { border: 1px solid #333333; } .note-popover .popover-content > .btn-group { margin-top: 15px; margin-left: 15px; } .note-dialog > div { display: none; } .note-dialog .note-image-dialog .mote-dropzone { min-height: 100px; margin-bottom: 10px; font-size: 25px; color: #eeeeee; text-align: center; border: 4px dashed #eeeeee; } .note-dialog .note-help-dialog { color: #ccc; background-color: transparent; background-color: #333333 !important; border: 0; opacity: 0.9; filter: alpha(opacity=90); } .note-dialog .note-help-dialog a { color: #fff; } .note-dialog .note-help-dialog .title { padding-bottom: 7px; font-size: 15px; font-weight: 500; color: #fff; border-bottom: 1px solid #fff; } .note-dialog .note-help-dialog .modal-content { background-color: transparent; border: 1px solid #fff; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; } .note-dialog .note-help-dialog .modal-close { color: #999999; cursor: pointer; } .note-dialog .note-help-dialog .note-shortcut-layout { width: 100%; } .note-dialog .note-help-dialog .note-shortcut-layout td { vertical-align: top; } .note-dialog .note-help-dialog .note-shortcut { margin-top: 8px; } .note-dialog .note-help-dialog .note-shortcut th { color: #eeeeee; text-align: right; } .note-dialog .note-help-dialog .note-shortcut td:first-child { min-width: 110px; padding-left: 10px; font-family: "Courier New"; color: #eeeeee; text-align: left; } .note-group-select-from-files label { display: block; } .note-handle { position: relative; } .note-handle .note-control-selection { position: absolute; display: none; border: 1px solid #333333; z-index: 10; } .note-handle .note-control-selection > div { position: absolute; } .note-handle .note-control-selection .note-control-selection-bg { width: 100%; height: 100%; background-color: #333333; opacity: 0.3; filter: alpha(opacity=30); } .note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-holder, .note-handle .note-control-selection .note-control-sizing { width: 7px; height: 7px; border: 1px solid #333333; } .note-handle .note-control-selection .note-control-sizing { background-color: #fff; } .note-handle .note-control-selection .note-control-nw { top: -5px; right: -5px; border-left: 0; border-bottom: 0; } .note-handle .note-control-selection .note-control-ne { top: -5px; left: -5px; border-bottom: 0; border-right: 0; } .note-handle .note-control-selection .note-control-sw { bottom: -5px; right: -5px; border-top: 0; border-left: 0; } .note-handle .note-control-selection .note-control-se { left: -5px; bottom: -5px; cursor: sw-resize; } .note-handle .note-control-selection .note-control-selection-info { left: 0; bottom: 0; padding: 5px; margin: 5px; color: #fff; background-color: #333333; border-radius: 3px; opacity: 0.7; filter: alpha(opacity=70); } /* ------------------------------------------------------------------------------ * * # WYSIHTML5 editor * * An open source rich text editor based on HTML5 technology * * Version: 1.2 * Latest update: Jun 8, 2016 * * ---------------------------------------------------------------------------- */ .wysihtml5 { direction: rtl; max-height: 450px; resize: vertical; background-color: #fff; overflow: auto; padding: 20px; outline: 0; } .wysihtml5-editor { border-width: 0; padding: 0; } .wysihtml5-sandbox { width: 100% !important; } .bootstrap-wysihtml5-insert-link-modal .modal-dialog, .bootstrap-wysihtml5-insert-image-modal .modal-dialog { width: 566px; } .wysihtml5-toolbar { margin: 0; padding: 15px 20px; padding-bottom: 0; display: block; background-color: #fcfcfc; border: 1px solid #ddd; border-bottom: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .wysihtml5-toolbar > li { display: inline-block; list-style: none; margin: 0 0 15px 15px; } .wysihtml5-toolbar .dropdown-menu { max-height: 200px; overflow-y: auto; } .wysihtml5-toolbar .dropdown-menu .color-select > li > a:hover, .wysihtml5-toolbar .dropdown-menu .color-select > li > a:focus { background-color: #f5f5f5; color: #333333; } .wysihtml5-commands-disabled .wysihtml5-toolbar .dropdown-menu { display: none !important; } .wysihtml5-toolbar .dropdown-toggle > [class*=icon-] { margin-left: 7px; } .wysihtml5-toolbar .dropdown-toggle .caret { margin-right: 7px; } .wysihtml5-toolbar a[data-wysihtml5-command=bold] { font-weight: bold; } .wysihtml5-toolbar a[data-wysihtml5-command=italic] { font-style: italic; } .wysihtml5-toolbar a[data-wysihtml5-command=underline] { text-decoration: underline; } .wysihtml5-toolbar a.btn.wysihtml5-command-active { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .wysihtml5-toolbar a.wysihtml5-colors-title { padding-right: 40px; } .wysihtml5-toolbar .wysihtml5-colors { display: block; width: 16px; height: 16px; position: absolute; pointer-events: none; right: 12px; top: 10px; border-radius: 100px; } .wysihtml5-toolbar div[data-wysihtml5-command-value="black"] { background: black !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] { background: silver !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] { background: gray !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] { background: maroon !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="red"] { background: red !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] { background: purple !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="green"] { background: green !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] { background: olive !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] { background: navy !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] { background: blue !important; } .wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] { background: orange !important; } .wysiwyg-color-black { color: black; } .wysiwyg-color-silver { color: silver; } .wysiwyg-color-gray { color: gray; } .wysiwyg-color-white { color: white; } .wysiwyg-color-maroon { color: maroon; } .wysiwyg-color-red { color: red; } .wysiwyg-color-purple { color: purple; } .wysiwyg-color-fuchsia { color: fuchsia; } .wysiwyg-color-green { color: green; } .wysiwyg-color-lime { color: lime; } .wysiwyg-color-olive { color: olive; } .wysiwyg-color-yellow { color: yellow; } .wysiwyg-color-navy { color: navy; } .wysiwyg-color-blue { color: blue; } .wysiwyg-color-teal { color: teal; } .wysiwyg-color-aqua { color: aqua; } .wysiwyg-color-orange { color: orange; } /* ------------------------------------------------------------------------------ * * # Ace code editor * * An embeddable code editor written in JavaScript * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .ace_editor { height: 400px; position: relative; } /* ------------------------------------------------------------------------------ * * # Daterange picker * * Date range picker component for Bootstrap * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .daterangepicker { position: absolute; right: 0; margin-top: 5px; width: auto; padding: 0; } .daterangepicker.dropdown-menu { max-width: none; background-color: transparent; border: 0; z-index: 1000; -webkit-box-shadow: none; box-shadow: none; } .daterangepicker.dropup { margin-top: -7px; } .daterangepicker .ranges, .daterangepicker .calendar { float: right; } .daterangepicker.opensleft .calendars { float: left; } .daterangepicker.opensright .calendars { float: right; } .daterangepicker.single .calendar { float: none; margin-right: 0; margin-left: 0; } .daterangepicker.single .ranges { display: none; } .daterangepicker.show-calendar .calendar { display: block; } .daterangepicker .calendar { display: none; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; margin: 7px; padding: 14px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker table tbody th, .daterangepicker table tbody td { cursor: pointer; } .daterangepicker th, .daterangepicker td { white-space: nowrap; text-align: center; } .daterangepicker th.week, .daterangepicker td.week { font-size: 80%; color: #ccc; } .daterangepicker th { color: #999999; font-weight: normal; font-size: 12px; } .daterangepicker th > i { top: 0; } .daterangepicker th.prev, .daterangepicker th.next { cursor: pointer; } .daterangepicker th.available:hover, .daterangepicker th.available:focus { color: #333333; } .daterangepicker td.available:hover, .daterangepicker td.available:focus { background-color: #f5f5f5; } .daterangepicker td.off, .daterangepicker td.disabled { color: #ccc; } .daterangepicker td.disabled { cursor: not-allowed; } .daterangepicker td.in-range { background-color: #f5f5f5; } .daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker td.active:focus { background-color: #26A69A; color: #fff; border-radius: 3px; } .daterangepicker .table-condensed tr > th, .daterangepicker .table-condensed tr > td { padding: 10px; line-height: 1; } .daterangepicker .table-condensed thead tr:last-child th { padding-top: 14px; } .daterangepicker .table-condensed .month { font-size: 15px; line-height: 1; color: #333333; padding-top: 15px; padding-bottom: 15px; font-weight: 400; } .daterangepicker select { display: inline-block; } .daterangepicker select.monthselect { margin-left: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 60px; padding-right: 0; padding-left: 0; margin-bottom: 0; } .daterangepicker .daterangepicker_input { position: relative; } .daterangepicker .daterangepicker_input i { position: absolute; left: 11px; top: auto; bottom: 10px; color: #999999; } .daterangepicker .daterangepicker_input input { padding-right: 11px; padding-left: 34px; } .daterangepicker .calendar-time { text-align: center; margin: 12px 0; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .ranges { background-color: #fff; position: relative; border: 1px solid #ddd; border-radius: 3px; width: 200px; margin-top: 7px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .opensright .ranges { margin-left: 0; } .opensleft .ranges { margin-right: 0; } .ranges ul { list-style: none; margin: 0; padding: 7px 0; } .ranges ul + .daterangepicker-inputs { border-top: 1px solid #e5e5e5; } .ranges ul li { color: #333333; padding: 8px 12px; cursor: pointer; margin-top: 1px; } .ranges ul li:first-child { margin-top: 0; } .ranges ul li:hover, .ranges ul li:focus { background-color: #f5f5f5; } .ranges ul li.active { color: #fff; background-color: #26A69A; } .ranges .daterangepicker-inputs { padding: 12px; padding-top: 19px; } .ranges .daterangepicker-inputs .daterangepicker_input + .daterangepicker_input { margin-top: 19px; } .ranges .daterangepicker-inputs .daterangepicker_input > span { display: block; font-size: 12px; margin-bottom: 7px; color: #999999; } .ranges .daterangepicker-inputs + .range_inputs { border-top: 1px solid #e5e5e5; } .ranges .range_inputs { padding: 12px; } .ranges .range_inputs .btn { display: block; width: 100%; } .ranges .range_inputs .btn + .btn { margin-top: 12px; } @media (min-width: 769px) { .ranges { margin: 7px; } } .daterange-custom { cursor: pointer; } .daterange-custom:after { content: ''; display: table; clear: both; } .daterange-custom .label, .daterange-custom .badge { margin: 4px 7px 0 0; vertical-align: top; } .daterange-custom .label-icon { margin-top: 0; margin-left: 5px; } .daterange-custom-display { display: inline-block; position: relative; padding-right: 21px; line-height: 1; } .daterange-custom-display:after { content: '\e9c9'; font-family: 'icomoon'; display: inline-block; position: absolute; top: 50%; right: 0; margin-top: -8px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .daterange-custom.is-opened .daterange-custom-display:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .daterange-custom-display > i { display: inline-block; font-size: 28px; font-weight: normal; font-style: normal; letter-spacing: -0.015em; } .daterange-custom-display b { display: inline-block; margin-right: 4px; font-weight: 400; } .daterange-custom-display b > i { font-size: 11px; display: block; line-height: 12px; text-transform: uppercase; font-style: normal; font-weight: 400; } .daterange-custom-display em { line-height: 30px; vertical-align: top; margin: 0 4px; } @media (max-width: 769px) { .opensleft, .opensright { right: 0 !important; left: 0; } .opensleft .calendars, .opensright .calendars { float: none; } .daterangepicker.opensleft .ranges, .daterangepicker.opensright .ranges, .daterangepicker.opensleft .calendar, .daterangepicker.opensright .calendar, .daterangepicker.opensleft .calendars, .daterangepicker.opensright .calendars { float: none; } .daterangepicker { width: 100%; padding-right: 20px; padding-left: 20px; } .daterangepicker .calendar { margin-right: 0; margin-left: 0; } .daterangepicker .ranges { width: 100%; } } /* ------------------------------------------------------------------------------ * * # Pick-a-date - Picker base * * The mobile-friendly, responsive, and lightweight jQuery date & time input picker * * Version: 1.2 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .picker { width: 100%; text-align: right; position: absolute; top: 100%; margin-top: -1px; z-index: 990; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .picker__input { cursor: default; } .picker__holder { width: 100%; overflow-y: auto; position: absolute; display: none; background-color: #fff; border: 1px solid #ddd; border-top-width: 0; border-bottom-width: 0; max-width: 290px; max-height: 0; outline: 0; -webkit-overflow-scrolling: touch; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .picker--opened .picker__holder { max-height: 480px; border-top-width: 1px; border-bottom-width: 1px; display: block; } /* ------------------------------------------------------------------------------ * * # Pick-a-date - Date picker * * The mobile-friendly, responsive, and lightweight jQuery date & time input picker * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .picker__box { padding: 14px; } .picker__header { text-align: center; position: relative; font-size: 15px; line-height: 1; padding-top: 15px; padding-bottom: 15px; } .picker__month, .picker__year { font-weight: 500; display: inline-block; margin-right: 5px; margin-left: 5px; } .picker__year { color: #999999; font-size: 12px; font-weight: normal; } .picker__select--month, .picker__select--year { border-color: #ddd; height: 32px; font-size: 13px; line-height: 1.6666667; margin-right: 5px; margin-left: 5px; outline: 0; } .picker__select--month { width: 35%; } .picker__select--year { width: 22.5%; } .picker__nav--prev, .picker__nav--next { position: absolute; padding: 8px; top: 50%; margin-top: -16px; border-radius: 2px; line-height: 1; } .picker__nav--prev:before, .picker__nav--next:before { font-family: 'icomoon'; display: block; font-size: 16px; width: 16px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .picker__nav--prev:hover, .picker__nav--next:hover { cursor: pointer; background-color: #f5f5f5; } .picker__nav--prev { right: 0; } .picker__nav--prev:before { content: '\e9cb'; } .picker__nav--next { left: 0; } .picker__nav--next:before { content: '\e9c8'; } .picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover { cursor: default; background: none; border-left-color: #f5f5f5; border-right-color: #f5f5f5; } .picker__table { text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: inherit; width: 100%; margin-bottom: 14px; } .picker__table td { margin: 0; padding: 0; } .picker__weekday { width: 14.285714286%; font-size: 12px; text-align: center; padding-bottom: 10px; padding-top: 14px; color: #999999; font-weight: 400; } .picker__day { padding: 7px; } .picker__day--today { position: relative; background-color: #f5f5f5; } .picker__day--today:before { content: ""; position: absolute; top: 2px; left: 2px; width: 0; height: 0; border-top: 6px solid #26A69A; border-right: 6px solid transparent; } .picker__day--outfocus { color: #ccc; } .picker__day--infocus:hover, .picker__day--outfocus:hover { cursor: pointer; color: #333333; background-color: #f5f5f5; } .picker__day--highlighted:before { border-top-color: #fff; } .picker__day--highlighted, .picker__day--selected { border-radius: 3px; } .picker__day--highlighted, .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { cursor: pointer; color: #fff; background-color: #26A69A; } .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { background-color: #26A69A; color: #fff; } .picker__day--disabled, .picker__day--disabled:hover { background: #fafafa; color: #999999; cursor: default; } .picker__day--disabled:before { border-top-color: #999; } .picker__day--highlighted .picker__day--disabled, .picker__day--highlighted .picker__day--disabled:hover { background-color: #bbbbbb; } .picker__footer { text-align: center; } .picker__footer button { border: 0; background: #fff; padding: 6px 11px; border-radius: 3px; font-weight: 500; cursor: pointer; display: inline-block; } .picker__footer button:hover, .picker__footer button:focus { outline: 0; background-color: #f5f5f5; } .picker__footer button:before { height: 0; } .picker__button--today:before { content: ''; margin-left: 5px; position: relative; display: inline-block; top: -1px; width: 0; border-top: 6px solid #2196F3; border-right: 6px solid transparent; } .picker__button--close:before { content: '\D7'; display: inline-block; position: relative; margin-left: 5px; top: 1px; line-height: 1; font-size: 16px; } .picker__button--clear:before { content: ''; display: inline-block; position: relative; top: -3px; width: 8px; margin-left: 5px; border-top: 2px solid #F44336; } /* ------------------------------------------------------------------------------ * * # Pick-a-date - Time picker * * The mobile-friendly, responsive, and lightweight jQuery date & time input picker * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .picker--time { min-width: 256px; max-width: 320px; } .picker--time .picker__box { padding: 0; } .picker__list { list-style: none; padding: 7px 0; margin: 0; max-height: 250px; overflow-y: auto; } .picker__list-item { position: relative; padding: 7px 12px; } .picker__list-item:hover, .picker__list-item:focus { cursor: pointer; background-color: #f5f5f5; z-index: 10; } .picker--time .picker__button--clear { display: block; width: 100%; margin: 0; padding: 6px 11px; background-color: #fcfcfc; margin-top: 1px; outline: 0; border: 0; border-top: 1px solid #eeeeee; text-align: center; margin-bottom: -7px; margin-top: 7px; } .picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus { background-color: #f5f5f5; } .picker__list-item--highlighted { z-index: 10; } .picker__list-item--highlighted, .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted { cursor: pointer; color: #fff; background-color: #26A69A; } .picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected { background-color: #26A69A; color: #fff; z-index: 10; } .picker__list-item--disabled, .picker__list-item--disabled:hover, .picker--focused .picker__list-item--disabled { background-color: #fafafa; color: #999999; cursor: not-allowed; z-index: auto; } /* ------------------------------------------------------------------------------ * * # Anytime picker * * jQuery datepicker/timepicker and a Date/String parse/format utility * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .AnyTime-pkr { text-align: center; } .AnyTime-pkr * { margin: 0; padding: 0; list-style: none; } .AnyTime-pkr .AnyTime-date { float: right; } .AnyTime-pkr .AnyTime-date + .AnyTime-time { margin-right: 50px; float: right; } .AnyTime-win { padding: 14px; background-color: #fff; border: 1px solid #ddd; display: inline-block; border-radius: 3px; z-index: 10; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .AnyTime-cloak { position: absolute; opacity: 0.7; filter: alpha(opacity=70); } .AnyTime-hdr { font-size: 15px; margin: 15px 10px; line-height: 1; } .AnyTime-x-btn { display: none; font-size: 0; cursor: pointer; float: left; border-radius: 2px; opacity: 0.6; filter: alpha(opacity=60); } .AnyTime-x-btn:hover { opacity: 1; filter: alpha(opacity=100); } .AnyTime-x-btn:after { content: '\ed6b'; font-family: 'icomoon'; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .AnyTime-lbl { font-size: 13px; margin-bottom: 10px; font-weight: 500; margin-top: 25px; } .AnyTime-lbl:first-child { margin-top: 7px; } .AnyTime-dom-btn-empty, .AnyTime-min-ten-btn-empty, .AnyTime-min-one-btn-empty, .AnyTime-sec-ten-btn-empty, .AnyTime-sec-one-btn-empty { background-color: #fafafa; border: 1px solid #fff; border-radius: 3px; } .AnyTime-yrs .AnyTime-cur-btn, .AnyTime-yrs .AnyTime-cur-btn:hover { background-color: #F44336; color: #fff; } .AnyTime-mons .AnyTime-cur-btn, .AnyTime-mons .AnyTime-cur-btn:hover { background-color: #26A69A; color: #fff; } .AnyTime-time .AnyTime-cur-btn, .AnyTime-time .AnyTime-cur-btn:hover { background-color: #607D8B; color: #fff; } .AnyTime-dom-table .AnyTime-cur-btn, .AnyTime-body-yr-selector .AnyTime-cur-btn, .AnyTime-dom-table .AnyTime-cur-btn:hover, .AnyTime-body-yr-selector .AnyTime-cur-btn:hover { background-color: #2196F3; color: #fff; } .AnyTime-yrs-past-btn, .AnyTime-yrs-ahead-btn { display: inline-block; } .AnyTime-yr-prior-btn, .AnyTime-yr-cur-btn, .AnyTime-yr-next-btn { display: inline-block; min-width: 50px; } .AnyTime-mons:after { content: ""; display: table; clear: both; } .AnyTime-dom-table { width: 100%; } .AnyTime-pkr th.AnyTime-dow { color: #999999; font-size: 12px; padding: 7px; font-weight: 400; } .AnyTime-mon-btn { float: right; } .AnyTime-mon7-btn { clear: right; } .AnyTime-dom-btn:hover { background-color: #f5f5f5; } .AnyTime-time, .AnyTime-hrs-am, .AnyTime-hrs-pm, .AnyTime-mins-tens, .AnyTime-mins-ones, .AnyTime-secs-tens, .AnyTime-secs-ones, .AnyTime-hrs, .AnyTime-mins, .AnyTime-secs, .AnyTime-offs { display: inline-block; } .AnyTime-btn { padding: 7px 12px; cursor: pointer; border-radius: 2px; } .AnyTime-btn:hover { background-color: #f5f5f5; } .AnyTime-hr-btn, .AnyTime-min-ten-btn, .AnyTime-min-one-btn, .AnyTime-sec-ten-btn, .AnyTime-sec-one-btn { min-width: 40px; } .AnyTime-hrs-pm, .AnyTime-mins-ones, .AnyTime-secs-ones { margin-right: 2px; } .AnyTime-mins-tens, .AnyTime-secs-tens { margin-right: 20px; } .AnyTime-off-cur-btn { display: inline-block; overflow: hidden; } .AnyTime-off-select-btn { display: inline-block; vertical-align: top; } .AnyTime-off-selector { margin: 10px; position: absolute; } .AnyTime-body-off-selector { margin: 0; overflow-x: hidden; overflow-y: auto; white-space: nowrap; } .AnyTime-off-off-btn { text-align: right; } .AnyTime-yr-selector { position: absolute; width: 90%; } .AnyTime-body-yr-selector { margin: 0; } .AnyTime-yr-mil, .AnyTime-yr-cent, .AnyTime-yr-dec, .AnyTime-yr-yr, .AnyTime-yr-era { display: inline-block; vertical-align: top; width: 20%; } .AnyTime-era-btn { margin-right: 10px; } @media (max-width: 769px) { .AnyTime-pkr .AnyTime-date { float: none; } .AnyTime-mon-btn { float: none; display: inline-block; } .AnyTime-date + .AnyTime-time { margin-right: 0; margin-top: 25px; float: none; } } /* ------------------------------------------------------------------------------ * * # Spectrum color picker * * Flexible and powerful jQuery colorpicker library * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .sp-sat, .sp-val, .sp-top-inner, .sp-color, .sp-hue, .sp-clear-enabled .sp-clear, .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .sp-container.sp-input-disabled .sp-input-container, .sp-container.sp-buttons-disabled .sp-button-container, .sp-container.sp-palette-buttons-disabled .sp-palette-button-container, .sp-palette-only .sp-picker-container, .sp-palette-disabled .sp-palette-container, .sp-initial-disabled .sp-initial { display: none; } .sp-hidden { display: none !important; } .sp-cf:before, .sp-cf:after { content: ""; display: table; } .sp-cf:after { clear: both; } .sp-preview, .sp-alpha, .sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display: block; } .sp-container { position: absolute; top: 0; left: 0; display: inline-block; z-index: 1000; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; overflow: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .sp-container.sp-flat { position: relative; overflow-x: auto; max-width: 100%; white-space: nowrap; } .sp-picker-container, .sp-palette-container { display: block; white-space: nowrap; vertical-align: top; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } @media (min-width: 769px) { .sp-picker-container, .sp-palette-container { display: inline-block; } } .sp-picker-container { width: 220px; } .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sp-top { position: relative; width: 100%; display: block; } .sp-color { left: 20%; } .sp-hue { right: 85%; height: 100%; } .sp-clear-enabled .sp-hue { top: 40px; height: 75%; } .sp-fill { padding-top: 80%; } .sp-alpha-enabled .sp-top { margin-bottom: 26px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position: absolute; top: -4px; bottom: -4px; width: 5px; left: 50%; cursor: pointer; border: 1px solid #999999; background-color: #fff; border-radius: 5px; } .sp-alpha { display: none; position: absolute; bottom: -16px; left: 0; right: 0; height: 6px; } .sp-clear { display: none; } .sp-clear-display { cursor: pointer; } .sp-clear-display:after { content: '\ee6e'; display: block; font-family: 'icomoon'; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 30px; } .sp-preview .sp-clear-display:after, .sp-initial .sp-clear-display:after { content: none; } .sp-clear-enabled .sp-clear { display: block; right: 85%; height: 30px; text-align: center; color: #999; -webkit-box-shadow: 0 0 0 1px #ddd inset; box-shadow: 0 0 0 1px #ddd inset; } .sp-input-container { margin-top: 10px; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { border: 1px solid #ddd; padding: 7px 12px; width: 100%; background-color: #fff; border-radius: 3px; outline: 0; color: #333333; } .sp-initial { margin-top: 10px; } .sp-initial span { width: 50%; height: 25px; display: block; float: right; } .sp-initial span .sp-thumb-inner { height: 25px; width: 100%; display: block; } .sp-dragger { height: 5px; width: 5px; border: 1px solid #fff; background-color: #333; cursor: pointer; position: absolute; top: 0; left: 0; } .sp-slider { position: absolute; top: 0; cursor: pointer; height: 4px; right: -2px; left: -2px; border: 1px solid #999999; background-color: #fff; border-radius: 3px; } .sp-replacer { overflow: hidden; cursor: pointer; padding: 5px; display: inline-block; border: 1px solid #ddd; background-color: #fafafa; vertical-align: middle; border-radius: 3px; } .sp-replacer:hover, .sp-replacer.sp-active { border-color: #c4c4c4; color: #333333; } .sp-replacer:hover .sp-dd, .sp-replacer.sp-active .sp-dd { color: #333333; } .sp-replacer[class*=bg-], .sp-replacer[class*=bg-]:hover, .sp-replacer[class*=bg-]:focus { border-color: transparent; } .sp-replacer[class*=bg-] .sp-dd { color: #fff; } .sp-replacer[class*=bg-].sp-active .sp-dd { color: #fff; } .sp-replacer.sp-disabled { cursor: default; opacity: 0.8; filter: alpha(opacity=80); } .sp-replacer.sp-disabled:not([class*=bg-]):hover, .sp-replacer.sp-disabled:not([class*=bg-]):focus { border-color: #ddd; } .sp-replacer.sp-disabled .sp-dd, .sp-replacer.sp-disabled[class*=bg-] .sp-dd { color: #999999; } .sp-preview { position: relative; width: 26px; height: 24px; margin-left: 5px; float: right; z-index: 0; } .sp-preview .sp-preview-inner, .sp-preview .sp-clear-display { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } .sp-replacer[class*=bg-] .sp-preview .sp-preview-inner { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } .sp-dd { float: right; font-size: 0; position: relative; margin: 3px 1px; color: #999999; } .sp-dd:after { content: '\e9c5'; display: block; font-family: 'icomoon'; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(right, #FFF, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(right, #fff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(right, #fff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(right, #fff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to left, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); -webkit-box-shadow: 0 0 0 1px #ccc inset; box-shadow: 0 0 0 1px #ccc inset; } .sp-val { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, right top, right bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } .sp-1 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } .sp-palette { max-width: 220px; } .sp-palette-only .sp-palette-container { border: 0; } @media (min-width: 769px) { .sp-palette-container { border-left: 1px solid #ddd; } } .sp-thumb-el { position: relative; } .sp-palette .sp-thumb-el { display: inline-block; position: relative; cursor: pointer; } .sp-thumb-el .sp-thumb-inner { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; } .sp-thumb-el .sp-thumb-inner:hover { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; } .sp-palette .sp-thumb-el { width: 16px; height: 16px; } .sp-palette .sp-thumb-el + .sp-thumb-el { margin-right: 5px; } .sp-palette .sp-thumb-el.sp-thumb-active { -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset; } .sp-palette .sp-thumb-el.sp-thumb-active .sp-thumb-inner { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; } .sp-palette .sp-thumb-active.sp-thumb-dark .sp-thumb-inner:after, .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after { content: '\e600'; display: block; font-family: 'icomoon'; font-size: 16px; line-height: 1; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after { color: #333333; } .sp-palette-row { font-size: 0; } .sp-palette-row + .sp-palette-row { margin-top: 5px; } .sp-palette-row:empty { margin-top: 0; } .sp-cancel, .sp-choose, .sp-palette-toggle { border: 0; border-radius: 2px; padding: 6px 11px; float: right; width: 48%; text-align: center; outline: 0; } .sp-palette-button-container, .sp-button-container { margin-top: 10px; text-align: center; } .sp-container[class*=bg-] .sp-palette-button-container a, .sp-container[class*=bg-] .sp-button-container a, .sp-container[class*=bg-] .sp-palette-button-container button, .sp-container[class*=bg-] .sp-button-container button { background-color: rgba(0, 0, 0, 0.25); color: #fff; border-color: transparent; } .sp-cancel, .sp-palette-toggle { border: 1px solid transparent; } .sp-cancel:hover, .sp-palette-toggle:hover, .sp-cancel:focus, .sp-palette-toggle:focus { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; } .sp-cancel:active, .sp-palette-toggle:active { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; } .sp-choose { border: 1px solid transparent; } .sp-choose:hover, .sp-choose:focus { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; } .sp-choose:active { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; } .sp-cancel, .sp-palette-toggle { color: #333; margin-left: 5px; background-color: #fcfcfc; margin-left: 4%; border-color: #ddd; } .sp-cancel:hover, .sp-palette-toggle:hover, .sp-cancel:focus, .sp-palette-toggle:focus { color: #333; } .sp-palette-toggle { margin-left: 0; width: auto; float: none; } .sp-choose { color: #fff; background-color: #607D8B; } /* ------------------------------------------------------------------------------ * * # Datepicker for Bootstrap * * Styles for bootstrap datepicker. Comes as a part of datepaginator.js plugin * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .datepicker > div { display: none; } .datepicker.datepicker-dropdown { top: 0; left: 0; left: auto; margin: 0; padding: 14px; } .datepicker table { margin: 0; } .datepicker table tr td.day:hover { background-color: #f5f5f5; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999999; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background-color: transparent; color: #999999; cursor: default; } .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled:hover { background-color: #f5f5f5; } .datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled:hover { background-color: #f5f5f5; border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.active:hover { background-color: #f5f5f5; } .datepicker table tr td.active, .datepicker table tr td span.active, .datepicker table tr td.active.disabled, .datepicker table tr td span.active.disabled, .datepicker table tr td.active:hover, .datepicker table tr td span.active:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td span.active.disabled:hover { background-color: #26A69A; color: #fff; } .datepicker table tr td span { display: block; width: 31%; padding: 7px 12px; float: right; margin: 1%; cursor: pointer; border-radius: 3px; } .datepicker table tr td span:hover { background-color: #f5f5f5; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background-color: transparent; color: #999999; cursor: default; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999999; } .datepicker table th.datepicker-switch { font-size: 15px; font-weight: 400; } .datepicker table thead tr:first-child th, .datepicker table tfoot tr th { cursor: pointer; padding-top: 15px; padding-bottom: 15px; line-height: 1; } .datepicker table .cw { width: 16px; padding: 0 5px 0 2px; vertical-align: middle; } .datepicker table thead tr:first-child th.cw { cursor: default; background-color: transparent; } .datepicker .table-condensed td, .datepicker .table-condensed th { text-align: center; padding: 10px; border-radius: 3px; border: 0; line-height: 1; } .datepicker .table-condensed th.dow { padding-top: 14px; color: #999999; } .table-striped .datepicker table tr th, .table-striped .datepicker table tr td { background-color: transparent; } /* ------------------------------------------------------------------------------ * * # Date paginator * * A jQuery plugin which adds date selection to the Bootstrap pagination component * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .datepaginator { height: 72px; text-align: center; } .datepaginator-sm { height: 68px; } .datepaginator-lg { height: 76px; } .datepaginator .pagination { white-space: nowrap; } .datepaginator .pagination > li { display: inline-block; } .datepaginator .pagination > li > a { min-width: auto; text-align: center; border-radius: 3px; margin-right: 0; border: 0; } .datepaginator .pagination > li .dp-nav-square-edges { border-radius: 0; } .datepaginator .pagination > li .dp-off { background-color: #fafafa; } .datepaginator .pagination > li .dp-no-select { color: #ccc; background-color: #fafafa; } .datepaginator .pagination > li .dp-no-select:hover { background-color: #fafafa; } .datepaginator .pagination > li #dp-calendar { position: absolute; left: 6px; top: 6px; } .datepaginator .pagination > li > .dp-nav { height: 72px; padding: 29px 0; width: 38px; line-height: 1; border-radius: 3px; } .datepaginator .pagination > li > a.dp-nav-sm { height: 68px; padding: 27px 0; } .datepaginator .pagination > li > a.dp-nav-lg { height: 76px; padding: 31px 0; } .datepaginator .pagination > li > a.dp-item { height: 72px; padding: 15px 0; width: 35px; } .datepaginator .pagination > li > a.dp-item-sm { height: 68px; padding: 13px 0; } .datepaginator .pagination > li > a.dp-item-lg { height: 76px; padding: 17px 0; } .datepaginator .pagination > li > .dp-today, .datepaginator .pagination > li > .dp-today:hover, .datepaginator .pagination > li > .dp-today:focus { background-color: #2196F3; color: #fff; } .datepaginator .pagination > li > .dp-selected, .datepaginator .pagination > li > .dp-selected:hover, .datepaginator .pagination > li > .dp-selected:focus { background-color: #26A69A; color: #fff; width: 140px; } /* ------------------------------------------------------------------------------ * * # PNotify notifications * * Styles for pnotify.min.js - a flexible JavaScript notification plugin * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .ui-pnotify { top: 20px; left: 20px; position: absolute; height: auto; z-index: 2; border-radius: 3px; } body > .ui-pnotify { position: fixed; z-index: 100040; } .ui-pnotify.alert-rounded > .ui-pnotify-container { border-radius: 100px; } .ui-pnotify[class*=bg-] > .ui-pnotify-container { background-color: inherit; border-color: transparent; color: #fff; } .ui-pnotify[class*=text-] > .ui-pnotify-container, .ui-pnotify[class*=alpha-] > .ui-pnotify-container { background-color: inherit; border-color: inherit; color: inherit; } .ui-pnotify.stack-top-left, .ui-pnotify.stack-bottom-left { right: 20px; left: auto; } .ui-pnotify.stack-bottom-right, .ui-pnotify.stack-bottom-left { bottom: 20px; top: auto; } .ui-pnotify.stack-modal { right: 50%; left: auto; margin-right: -150px; } .ui-pnotify.stack-custom-right { top: auto; right: auto; bottom: 200px; left: 200px; } .ui-pnotify.stack-custom-left { top: 200px; right: 200px; left: auto; bottom: auto; } .ui-pnotify.stack-custom-top { left: 0; right: 0; top: 0; } .ui-pnotify.stack-custom-bottom { left: 0; right: 0; bottom: 0; top: auto; } .ui-pnotify.ui-pnotify-in { display: block !important; } .ui-pnotify.ui-pnotify-move { -webkit-transition: right .5s ease, top .5s ease, left .5s ease, bottom .5s ease; -o-transition: right .5s ease, top .5s ease, left .5s ease, bottom .5s ease; transition: right .5s ease, top .5s ease, left .5s ease, bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-slow { -webkit-transition: opacity linear 0.6s; -o-transition: opacity linear 0.6s; transition: opacity linear 0.6s; opacity: 0; filter: alpha(opacity=0); } .ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move { -webkit-transition: opacity .6s linear, right .5s ease, top .5s ease, left .5s ease, bottom .5s ease; -o-transition: opacity .6s linear, right .5s ease, top .5s ease, left .5s ease, bottom .5s ease; transition: opacity .6s linear, right .5s ease, top .5s ease, left .5s ease, bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-normal { -webkit-transition: opacity linear 0.4s; -o-transition: opacity linear 0.4s; transition: opacity linear 0.4s; opacity: 0; filter: alpha(opacity=0); } .ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move { -webkit-transition: opacity .4s linear, right .5s ease, top .5s ease, left .5s ease, bottom .5s ease; -o-transition: opacity .4s linear, right .5s ease, top .5s ease, left .5s ease, bottom .5s ease; transition: opacity .4s linear, right .5s ease, top .5s ease, left .5s ease, bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-fast { transition: opacity .2s linear; -webkit-transition: opacity linear 0.2s; -o-transition: opacity linear 0.2s; transition: opacity linear 0.2s; opacity: 0; filter: alpha(opacity=0); } .ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move { -webkit-transition: opacity .2s linear, right .5s ease, top .5s ease, left .5s ease, bottom .5s ease; -o-transition: opacity .2s linear, right .5s ease, top .5s ease, left .5s ease, bottom .5s ease; transition: opacity .2s linear, right .5s ease, top .5s ease, left .5s ease, bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-in { opacity: 1; filter: alpha(opacity=100); } .ui-pnotify-container { padding: 15px 20px; height: 100%; position: relative; right: 0; margin: 0; border-radius: 3px; } .ui-pnotify-container:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .ui-pnotify-container.ui-pnotify-sharp { border-radius: 0; } .ui-pnotify-title { display: block; margin-top: 0; margin-bottom: 7px; font-size: 15px; } .ui-pnotify-text { display: block; } .ui-pnotify-icon { display: block; float: right; line-height: 1; } .ui-pnotify-icon > [class^=icon-] { margin-top: 4px; margin-left: 15px; } .ui-pnotify-closer, .ui-pnotify-sticker { float: left; margin-right: 8px; margin-top: 4px; line-height: 1; outline: 0; } .ui-pnotify-modal-overlay { background-color: rgba(0, 0, 0, 0.5); top: 0; right: 0; position: absolute; height: 100%; width: 100%; z-index: 1; } body > .ui-pnotify-modal-overlay { position: fixed; z-index: 100039; } .brighttheme { border: 1px solid; } .ui-pnotify[class*=bg-] > .brighttheme { background-color: inherit; border-color: inherit; color: inherit; } .brighttheme-notice { background-color: #FFF3E0; border-color: #FF9800; } .brighttheme-info { background-color: #E3F2FD; border-color: #1E88E5; } .brighttheme-success { background-color: #E8F5E9; border-color: #4CAF50; } .brighttheme-error { background-color: #FBE9E7; border-color: #FF5722; } .brighttheme-icon-closer, .brighttheme-icon-sticker { position: relative; width: 16px; height: 16px; display: inline-block; width: 10px; height: 10px; outline: 0; } .brighttheme-icon-closer:after, .brighttheme-icon-sticker:after { content: ''; font-family: 'Icomoon'; font-size: 10px; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .brighttheme-icon-closer:after { content: "\ed6a"; } .brighttheme-icon-sticker:after { content: "\ee70"; } .brighttheme-icon-sticker.brighttheme-icon-stuck:after { content: "\ee75"; } .ui-pnotify[class*=alert-styled-] { border-width: 0; padding: 0; } .ui-pnotify.alert-styled-left .brighttheme { border-right-width: 44px; } .ui-pnotify.alert-styled-left:after { right: 0; } .ui-pnotify.alert-styled-right .brighttheme { border-left-width: 44px; } .ui-pnotify.alert-styled-right:after { left: 0; } .brighttheme .ui-pnotify-action-bar { padding-top: 15px; } .brighttheme .ui-pnotify-action-bar textarea, .brighttheme .ui-pnotify-action-bar input { display: block; width: 100%; border: 1px solid #ddd; background-color: #fff; margin-bottom: 15px !important; color: #333333; padding: 7px 12px; } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input { border-color: #fff; color: #fff; } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-moz-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-moz-placeholder { color: #fff; opacity: 1; } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea:-ms-input-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input:-ms-input-placeholder { color: #fff; } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-webkit-input-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-webkit-input-placeholder { color: #fff; } .ui-pnotify[class*=bg-] .form-control { border-bottom-color: #fff; color: #fff; } .ui-pnotify[class*=bg-] .form-control::-moz-placeholder { color: #fff; opacity: 1; } .ui-pnotify[class*=bg-] .form-control:-ms-input-placeholder { color: #fff; } .ui-pnotify[class*=bg-] .form-control::-webkit-input-placeholder { color: #fff; } .ui-pnotify-history-container { position: absolute; top: 0; left: 20px; width: 70px; border-top: none; padding: 0; z-index: 10000; border-top-left-radius: 0; border-top-right-radius: 0; } .ui-pnotify-history-container.ui-pnotify-history-fixed { position: fixed; } .ui-pnotify-history-container .ui-pnotify-history-header { padding: 2px; text-align: center; } .ui-pnotify-history-container button { cursor: pointer; display: block; width: 100%; } .ui-pnotify-history-container .ui-pnotify-history-pulldown { display: block; margin: 0 auto; } @media (max-width: 480px) { .ui-pnotify-mobile-able.ui-pnotify { position: fixed; top: 0; left: 0; right: 0; width: auto !important; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; } .ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow { border-bottom-width: 5px; -webkit-box-shadow: none; box-shadow: none; } .ui-pnotify-mobile-able.ui-pnotify.stack-top-left, .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left { right: 0; left: 0; } .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right, .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left { right: 0; left: 0; bottom: 0; top: auto; } .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow, .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow, .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow, .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow { border-top-width: 5px; border-bottom-width: 1px; } .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-fade { opacity: 0.2; filter: alpha(opacity=20); } .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-hide { display: none !important; } .ui-pnotify-mobile-able .ui-pnotify-container { border-radius: 0; } } /* ------------------------------------------------------------------------------ * * # jGrowl notifications * * Styles for jgrowl.min.js - an unobtrusive notification system for web applications * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .jGrowl { z-index: 2001; position: absolute; } body > .jGrowl { position: fixed; } .jGrowl.top-left { right: 20px; top: 20px; } .jGrowl.top-center { right: 50%; top: 20px; margin-right: -150px; } .jGrowl.top-right { left: 20px; top: 20px; } .jGrowl.center { top: 40%; width: 300px; right: 50%; margin-right: -150px; margin-top: -35px; } .jGrowl.center .jGrowl-notification, .jGrowl.center .jGrowl-closer { margin-right: auto; margin-left: auto; } .jGrowl.bottom-left { right: 20px; bottom: 20px; } .jGrowl.bottom-center { right: 50%; bottom: 20px; margin-right: -150px; } .jGrowl.bottom-right { left: 20px; bottom: 20px; } @media print { .jGrowl { display: none; } } .jGrowl-notification { margin-bottom: 10px; width: 300px; text-align: right; display: none; } .jGrowl-notification .jGrowl-header { font-size: 15px; margin-bottom: 5px; } .jGrowl-notification .jGrowl-header:empty { margin: 0; } .jGrowl-notification .jGrowl-close { font-weight: 300; background: none; border: 0; font-size: 17px; cursor: pointer; line-height: 1; padding: 0; float: left; color: inherit; outline: 0; margin-right: 10px; opacity: 0.75; filter: alpha(opacity=75); } .jGrowl-notification .jGrowl-close:hover { opacity: 1; filter: alpha(opacity=100); } .jGrowl-closer { padding: 5px 0; cursor: pointer; margin-top: 5px; text-align: center; background-color: #fff; width: 300px; border-radius: 3px; border: 1px solid #ddd; color: #999999; } .alert-rounded + .jGrowl-closer { border-radius: 5px; } /* ------------------------------------------------------------------------------ * * # Sweet alerts * * Styles for sweet_alert.min.js - A beautiful replacement for JavaScript's "Alert" * * Version: 1.1 * Latest update: Oct 28, 2015 * * ---------------------------------------------------------------------------- */ /* # Core -------------------------------------------------- */ body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: rgba(0, 0, 0, 0.4); position: fixed; right: 0; left: 0; top: 0; bottom: 0; display: none; z-index: 1050; } .sweet-alert { background-color: #fff; width: 470px; padding: 20px; border-radius: 3px; text-align: center; position: fixed; right: 50%; top: 50%; margin-right: -235px; margin-top: -200px; overflow: hidden; display: none; z-index: 1060; } .sweet-alert h2 { margin-top: 10px; font-size: 19px; text-align: center; display: block; position: relative; } .sweet-alert p { text-align: center; position: relative; } .sweet-alert fieldset { border: none; position: relative; } .sweet-alert button { background-color: #2196F3; color: #fff; border: 0; border-radius: 3px; padding: 7px 15px; margin: 10px 5px 0 5px; box-shadow: none !important; } .sweet-alert button:hover { background-color: #1E88E5; } .sweet-alert button:focus { outline: 0; } .sweet-alert button:active { background-color: #42A5F5; } .sweet-alert button.cancel { background-color: transparent; color: #333333; } .sweet-alert button[disabled] { cursor: default; opacity: 0.6; filter: alpha(opacity=60); } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 1; filter: alpha(opacity=100); } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button=false] button { -webkit-box-shadow: none !important; box-shadow: none !important; } .sweet-alert[data-has-cancel-button=false][data-has-confirm-button=false] { padding-bottom: 40px; } .sweet-alert .sa-error-container { background-color: #f5f5f5; overflow: hidden; padding: 0 10px; max-height: 0; border-radius: 3px; -webkit-transition: padding 0.15s, max-height 0.15s; -o-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container p { display: inline-block; margin-bottom: 0; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; -webkit-transition: padding 0.2s, max-height 0.2s; -o-transition: padding 0.2s, max-height 0.2s; transition: padding 0.2s, max-height 0.2s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; background-color: #FF7043; color: white; text-align: center; margin-left: 7px; } .sweet-alert .sa-input-error { position: absolute; top: 20px; left: 12px; width: 16px; height: 16px; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; opacity: 0; filter: alpha(opacity=0); } .sweet-alert .sa-input-error:before, .sweet-alert .sa-input-error:after { content: ""; width: 16px; height: 2px; background-color: #EF5350; border-radius: 3px; position: absolute; top: 50%; margin-top: -1px; right: 50%; margin-right: -8px; } .sweet-alert .sa-input-error:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-input-error:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-input-error.show { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .sweet-alert input { width: 100%; border-radius: 3px; border: 1px solid #ddd; margin-top: 10px; margin-bottom: 10px; font-size: 13px; padding: 7px 12px; display: none; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .sweet-alert input::-moz-placeholder { color: #bdbdbd; opacity: 1; } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert input:focus { outline: 0; } .sweet-alert input:focus::-moz-placeholder, .sweet-alert input:focus:-ms-input-placeholder, .sweet-alert input:focus::-webkit-input-placeholder { -webkit-transition: opacity ease 0.3s 0.03s; -o-transition: opacity ease 0.3s 0.03s; transition: opacity ease 0.3s 0.03s; opacity: 0.5; filter: alpha(opacity=50); } .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; right: 50%; top: 50%; margin-right: -27px; margin-top: 0; visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid #ddd; border-radius: 50%; margin: 10px auto 20px auto; padding: 0; position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #F44336; } .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: #F44336; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { right: 17px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { left: 16px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-warning { border-color: #FF5722; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; right: 50%; top: 10px; border-radius: 2px; margin-right: -2px; background-color: #FF5722; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-right: -3px; right: 50%; bottom: 10px; background-color: #FF5722; } .sweet-alert .sa-icon.sa-info { border-color: #2196F3; } .sweet-alert .sa-icon.sa-info:before { content: ""; position: absolute; width: 5px; height: 29px; right: 50%; bottom: 17px; border-radius: 2px; margin-right: -2px; background-color: #2196F3; } .sweet-alert .sa-icon.sa-info:after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-right: -3px; top: 19px; background-color: #2196F3; } .sweet-alert .sa-icon.sa-success { border-color: #4CAF50; } .sweet-alert .sa-icon.sa-success:before, .sweet-alert .sa-icon.sa-success:after { content: ''; border-radius: 50%; position: absolute; width: 60px; height: 120px; background-color: #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success:before { border-radius: 0 120px 120px 0; top: -7px; left: -33px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 60px 60px; -moz-transform-origin: 60px 60px; -ms-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success:after { border-radius: 120px 0 0 120px; top: -11px; left: 30px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 60px; -moz-transform-origin: 100% 60px; -ms-transform-origin: 100% 60px; transform-origin: 100% 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(76, 175, 80, 0.2); border-radius: 50%; position: absolute; left: -4px; top: -4px; z-index: 2; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: #fff; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #4CAF50; 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); -ms-transform: rotate(-45deg); -o-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); -ms-transform: rotate(45deg); -o-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; } @media (max-width: 480px) { .sweet-alert { width: auto; margin-right: 0; margin-left: 0; right: 20px; left: 20px; } } /* # Animations -------------------------------------------------- */ @-webkit-keyframes showSweetAlert { 0% { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); } 45% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 80% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes showSweetAlert { 0% { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); } 45% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 80% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; -o-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { -webkit-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes hideSweetAlert { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; -o-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation=none] { -webkit-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; -o-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; } @-webkit-keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; -o-animation: slideToTop 0.4s; animation: slideToTop 0.4s; } @-webkit-keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; -o-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; } @-webkit-keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom 0.3s; -o-animation: slideToBottom 0.3s; animation: slideToBottom 0.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; } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; -o-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; 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: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; -o-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } @-webkit-keyframes rotatePlaceholder { 0% { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 5% { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 12% { -webkit-transform: rotate(405deg); -ms-transform: rotate(405deg); -o-transform: rotate(405deg); transform: rotate(405deg); } 100% { -webkit-transform: rotate(405deg); -ms-transform: rotate(405deg); -o-transform: rotate(405deg); transform: rotate(405deg); } } @keyframes rotatePlaceholder { 0% { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 5% { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 12% { -webkit-transform: rotate(405deg); -ms-transform: rotate(405deg); -o-transform: rotate(405deg); transform: rotate(405deg); } 100% { -webkit-transform: rotate(405deg); -ms-transform: rotate(405deg); -o-transform: rotate(405deg); transform: rotate(405deg); } } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; -o-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { -webkit-transform: rotateX(100deg); -ms-transform: rotateX(100deg); -o-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; filter: alpha(opacity=100); } } @keyframes animateErrorIcon { 0% { -webkit-transform: rotateX(100deg); -ms-transform: rotateX(100deg); -o-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; filter: alpha(opacity=100); } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; -o-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { margin-top: 26px; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); opacity: 0; filter: alpha(opacity=0); } 50% { margin-top: 26px; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); opacity: 0; filter: alpha(opacity=0); } 80% { margin-top: -6px; -webkit-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } 100% { margin-top: 0; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } } @keyframes animateXMark { 0% { margin-top: 26px; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); opacity: 0; filter: alpha(opacity=0); } 50% { margin-top: 26px; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); opacity: 0; filter: alpha(opacity=0); } 80% { margin-top: -6px; -webkit-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } 100% { margin-top: 0; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } } .animateXMark { -webkit-animation: animateXMark 0.5s; -o-animation: animateXMark 0.5s; animation: animateXMark 0.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 0.75s infinite alternate; -o-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.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 0.75s infinite alternate; -o-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes rotate-loading { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); } } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success { border-color: transparent; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(45deg); } .la-ball-fall { display: block; font-size: 0; color: #fff; width: 54px; height: 12px; } .la-ball-fall.la-dark { color: #333333; } .la-ball-fall > div { display: inline-block; float: none; background-color: #fff; border: 0 solid #fff; width: 6px; height: 6px; margin: 2px; border-radius: 100%; -webkit-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; opacity: 0; filter: alpha(opacity=0); } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; animation-delay: 0ms; } .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% { -webkit-transform: translate(0, -145%); -ms-transform: translate(0, -145%); -o-transform: translate(0, -145%); transform: translate(0, -145%); opacity: 0; filter: alpha(opacity=0); } 10% { opacity: 0.5; filter: alpha(opacity=50); } 20% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 80% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 90% { opacity: 0.5; filter: alpha(opacity=50); } 100% { -webkit-transform: translate(0, 145%); -ms-transform: translate(0, 145%); -o-transform: translate(0, 145%); transform: translate(0, 145%); opacity: 0; filter: alpha(opacity=0); } } @-moz-keyframes ball-fall { 0% { -webkit-transform: translate(0, -145%); -ms-transform: translate(0, -145%); -o-transform: translate(0, -145%); transform: translate(0, -145%); opacity: 0; filter: alpha(opacity=0); } 10% { opacity: 0.5; filter: alpha(opacity=50); } 20% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 80% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 90% { opacity: 0.5; filter: alpha(opacity=50); } 100% { -webkit-transform: translate(0, 145%); -ms-transform: translate(0, 145%); -o-transform: translate(0, 145%); transform: translate(0, 145%); opacity: 0; filter: alpha(opacity=0); } } @-o-keyframes ball-fall { 0% { -webkit-transform: translate(0, -145%); -ms-transform: translate(0, -145%); -o-transform: translate(0, -145%); transform: translate(0, -145%); opacity: 0; filter: alpha(opacity=0); } 10% { opacity: 0.5; filter: alpha(opacity=50); } 20% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 80% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 90% { opacity: 0.5; filter: alpha(opacity=50); } 100% { -webkit-transform: translate(0, 145%); -ms-transform: translate(0, 145%); -o-transform: translate(0, 145%); transform: translate(0, 145%); opacity: 0; filter: alpha(opacity=0); } } @keyframes ball-fall { 0% { -webkit-transform: translate(0, -145%); -ms-transform: translate(0, -145%); -o-transform: translate(0, -145%); transform: translate(0, -145%); opacity: 0; filter: alpha(opacity=0); } 10% { opacity: 0.5; filter: alpha(opacity=50); } 20% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 80% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } 90% { opacity: 0.5; filter: alpha(opacity=50); } 100% { -webkit-transform: translate(0, 145%); -ms-transform: translate(0, 145%); -o-transform: translate(0, 145%); transform: translate(0, 145%); opacity: 0; filter: alpha(opacity=0); } } /* ------------------------------------------------------------------------------ * * # Bootbox modal extension * * Styles for bootbox.min.js - advanced Bootstrap modals * * Version: 1.0 * Latest update: Oct 9, 2015 * * ---------------------------------------------------------------------------- */ .bootbox .modal-title { font-size: 15px; } /* ------------------------------------------------------------------------------ * * # jQuery UI slider pips * * Styles for jQuery UI slider pips extension * * Version: 1.1 * Latest update: Nov 15, 2015 * * ---------------------------------------------------------------------------- */ /* # Pips -------------------------------------------------- */ .ui-slider-pips.ui-slider-horizontal { margin-bottom: 32px; margin-right: 10px; margin-left: 10px; } .ui-slider-pips .ui-slider-label, .ui-slider-pips .ui-slider-pip-hide { display: none; } .ui-slider-pips .ui-slider-pip-label .ui-slider-label { display: block; } .ui-slider-pips .ui-slider-pip { height: 10px; line-height: 10px; font-size: 85%; width: 20px; margin-right: -11px; position: absolute; overflow: visible; text-align: center; top: 20px; right: 20px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ui-slider-pips .ui-slider-pip:hover .ui-slider-label { font-weight: 500; } .ui-slider-pips .ui-slider-line { background-color: #999; width: 1px; height: 3px; position: absolute; right: 50%; } .ui-slider-pips .ui-slider-label { position: absolute; top: 8px; right: 50%; width: 20px; margin-right: -10px; } .ui-slider-pips.ui-slider-vertical { margin: 10px 10px 10px 40px; } .ui-slider-pips.ui-slider-vertical .ui-slider-pip { text-align: right; top: auto; right: 18px; margin-right: 0; margin-bottom: -4px; } .ui-slider-pips.ui-slider-vertical .ui-slider-line { width: 3px; height: 1px; position: absolute; top: 50%; right: 0; } .ui-slider-pips.ui-slider-vertical .ui-slider-label { top: 50%; margin-right: 0; margin-top: -5px; width: 20px; right: 5px; } /* # Tooltips -------------------------------------------------- */ .ui-slider-float .ui-slider-handle:focus, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label { outline: 0; } .ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label { position: absolute; visibility: hidden; top: -45px; display: block; width: 34px; margin-right: -16px; right: 50%; height: 30px; line-height: 32px; background: #333333; border-radius: 3px; text-align: center; font-size: 12px; color: #fff; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-in-out 0.2s 0.2s; -o-transition: all ease-in-out 0.2s 0.2s; transition: all ease-in-out 0.2s 0.2s; } .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip { top: -40px; visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .ui-slider-float .ui-slider-pip .ui-slider-tip-label { top: 42px; } .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { top: 32px; font-weight: normal; } .ui-slider-float .ui-slider-tip:after, .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { content: ''; width: 0; height: 0; border: 5px solid transparent; border-top-color: #333333; position: absolute; bottom: -10px; right: 50%; margin-right: -5px; } .ui-slider-float.ui-slider-vertical .ui-slider-tip, .ui-slider-float.ui-slider-vertical .ui-slider-tip-label { top: 50%; margin-top: -16px; width: 34px; margin-right: 0px; right: -50px; -webkit-transition: all ease-in-out 0.2s 0.2s; -o-transition: all ease-in-out 0.2s 0.2s; transition: all ease-in-out 0.2s 0.2s; } .ui-slider-float.ui-slider-vertical .ui-slider-handle:hover .ui-slider-tip, .ui-slider-float.ui-slider-vertical .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float.ui-slider-vertical .ui-slider-pip:hover .ui-slider-tip-label, .ui-slider-float.ui-slider-vertical .ui-slider-pip:focus .ui-slider-tip-label { top: 50%; margin-top: -16px; right: -45px; } .ui-slider-float.ui-slider-vertical .ui-slider-pip .ui-slider-tip-label { right: 47px; } .ui-slider-float.ui-slider-vertical .ui-slider-pip:hover .ui-slider-tip-label { right: 37px; } .ui-slider-float.ui-slider-vertical .ui-slider-tip:after, .ui-slider-float.ui-slider-vertical .ui-slider-pip .ui-slider-tip-label:after { border-right-color: #333333; bottom: 9px; right: auto; margin-left: -9px; border-top-color: transparent; left: 0; margin-right: 0; } /* ------------------------------------------------------------------------------ * * # NoUI slider * * Styles for NoUI range slider plugin * * Version: 1.2 * Latest update: Mar 20, 2017 * * ---------------------------------------------------------------------------- */ .noUi-target { border-radius: 100px; position: relative; direction: ltr; background-color: #eeeeee; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .noUi-target, .noUi-target * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .noUi-base { width: 100%; height: 100%; position: relative; } .noUi-origin { position: absolute; height: 0; width: 0; border-radius: 100px; } .noUi-state-drag * { cursor: inherit !important; } .noUi-connect { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #607D8B; border-radius: 100px; } [disabled] .noUI-target { opacity: 0.75; filter: alpha(opacity=75); } [disabled] .noUi-handle { cursor: not-allowed; } .noUi-horizontal { height: 6px; } .noUi-horizontal .noUi-handle { top: -6px; left: -9px; } .noUi-horizontal.noUi-extended { padding: 0 15px; } .noUi-horizontal.noUi-extended .noUi-connect { right: -15px; } .noUi-horizontal.has-pips { margin-bottom: 35px; } .noUi-vertical { display: inline-block; width: 6px; height: 150px; margin-left: 20px; } .noUi-vertical .noUi-handle { top: -9px; left: -6px; } .noUi-vertical.noUi-extended { padding: 15px 0; } .noUi-vertical.noUi-extended .noUi-connect { bottom: -15px; } .noUi-vertical.has-pips { margin-right: 35px; } .noUi-dragable { cursor: w-resize; } .noUi-vertical .noUi-dragable { cursor: n-resize; } .noUi-handle { width: 18px; height: 18px; background-color: #fcfcfc; cursor: pointer; top: -6px; position: relative; z-index: 1; border-radius: 50%; border: 1px solid #bbb; } .noUi-stacking .noUi-handle { z-index: 10; } .noUi-handle:after { content: ''; display: inline-block; width: 6px; height: 6px; position: absolute; top: 50%; right: 50%; margin-top: -3px; margin-right: -3px; background-color: #546E7A; border-radius: 50%; } .noUi-handle:hover, .noUi-handle:focus { background-color: #f8f8f8; } .noUi-handle:hover:after, .noUi-handle:focus:after { opacity: 0.9; filter: alpha(opacity=90); } .noUi-handle:active { background-color: #fefefe; } .noUi-handle:active:after { opacity: 0.9; filter: alpha(opacity=90); } .noui-slider-white .noUi-handle:after { content: none; } .noui-slider-lg .noUi-handle { width: 24px; height: 24px; top: -8px; } .noui-slider-lg .noUi-handle:after { width: 8px; height: 8px; margin-top: -4px; margin-right: -4px; } .noui-slider-lg.noUi-horizontal { height: 8px; } .noui-slider-lg.noUi-horizontal .noUi-handle { left: -12px; } .noui-slider-lg.noUi-vertical { width: 8px; } .noui-slider-lg.noUi-vertical .noUi-handle { top: -12px; left: -8px; } .noui-slider-sm .noUi-handle, .noui-slider-xs .noUi-handle { width: 12px; height: 12px; top: -4px; } .noui-slider-sm .noUi-handle:after, .noui-slider-xs .noUi-handle:after { width: 4px; height: 4px; margin-top: -2px; margin-right: -2px; } .noui-slider-sm.noUi-horizontal { height: 4px; } .noui-slider-sm.noUi-horizontal .noUi-handle { top: -4px; left: -6px; } .noui-slider-sm.noUi-vertical { width: 4px; } .noui-slider-sm.noUi-vertical .noUi-handle { top: -6px; left: -4px; } .noui-slider-xs.noUi-horizontal { height: 2px; } .noui-slider-xs.noUi-horizontal .noUi-handle { top: -5px; left: -6px; } .noui-slider-xs.noUi-vertical { width: 2px; } .noui-slider-xs.noUi-vertical .noUi-handle { top: -6px; left: -5px; } .noui-slider-solid .noUi-handle { background-color: #999999; border-color: #999999; -webkit-box-shadow: none; box-shadow: none; } .noui-slider-solid .noUi-handle:after { background-color: #fff; -webkit-transition: opacity ease-in-out 0.2s; -o-transition: opacity ease-in-out 0.2s; transition: opacity ease-in-out 0.2s; } .noui-slider-solid .noUi-handle:hover:after, .noui-slider-solid .noUi-handle:focus:after { opacity: 0.75; filter: alpha(opacity=75); } .noui-slider-solid.noui-slider-primary .noUi-handle { background-color: #2196F3; border-color: #2196F3; } .noui-slider-solid.noui-slider-danger .noUi-handle { background-color: #F44336; border-color: #F44336; } .noui-slider-solid.noui-slider-success .noUi-handle { background-color: #4CAF50; border-color: #4CAF50; } .noui-slider-solid.noui-slider-warning .noUi-handle { background-color: #FF5722; border-color: #FF5722; } .noui-slider-solid.noui-slider-info .noUi-handle { background-color: #00BCD4; border-color: #00BCD4; } .noui-slider-primary .noUi-connect, .noui-slider-primary.noUi-connect { background-color: #2196F3; } .noui-slider-danger .noUi-connect, .noui-slider-danger.noUi-connect { background-color: #F44336; } .noui-slider-success .noUi-connect, .noui-slider-success.noUi-connect { background-color: #4CAF50; } .noui-slider-warning .noUi-connect, .noui-slider-warning.noUi-connect { background-color: #FF5722; } .noui-slider-info .noUi-connect, .noui-slider-info.noUi-connect { background-color: #00BCD4; } .noUi-tooltip { display: none; position: absolute; border-radius: 3px; background: #333333; color: #fff; top: -43px; padding: 7px 12px; right: 50%; margin-right: -27px; text-align: center; font-size: 12px; width: 54px; } .noUi-tooltip:after { content: ''; width: 0; height: 0; border: 5px solid transparent; border-top-color: #333333; position: absolute; bottom: -10px; right: 50%; margin-right: -5px; } .noUi-handle:hover .noUi-tooltip { display: block; } .noUi-pips { position: absolute; color: #999999; } .noUi-value { width: 40px; position: absolute; text-align: center; font-size: 11px; } .noUi-value-sub { color: #ccc; font-size: 11px; } .noUi-marker { position: absolute; background-color: #ccc; } .noUi-pips-horizontal { padding-top: 10px; height: 35px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { margin-right: -20px; padding-top: 15px; } .noUi-value-horizontal.noUi-value-sub { padding-top: 10px; } .noUi-marker-horizontal.noUi-marker { width: 1px; height: 3px; } .noUi-marker-horizontal.noUi-marker-sub { height: 6px; } .noUi-marker-horizontal.noUi-marker-large { height: 10px; } .noUi-pips-vertical { padding-left: 10px; left: 100%; height: 100%; top: 0; } .noUi-value-vertical { width: 15px; margin-left: 15px; margin-bottom: -6px; } .noUi-marker-vertical.noUi-marker { width: 3px; height: 1px; } .noUi-marker-vertical.noUi-marker-sub { width: 6px; } .noUi-marker-vertical.noUi-marker-large { width: 10px; } /* ------------------------------------------------------------------------------ * * # ION Range Slider * * Styles for ION range slider plugin * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .irs { direction: ltr; position: relative; display: block; height: 49px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; right: 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-line { position: relative; display: block; overflow: hidden; outline: none; height: 6px; top: 36px; background-color: #eeeeee; border-radius: 100px; } .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; top: 36px; left: 0; width: 0; height: 6px; background-color: #03A9F4; border-radius: 100px; } .irs-bar-edge { position: absolute; display: block; top: 25px; left: 0; height: 12px; width: 9px; } .irs-shadow { position: absolute; display: none; top: 36px; left: 0; width: 0; height: 6px; background-color: #333333; border-radius: 100px; opacity: 0.25; filter: alpha(opacity=25); } .irs-slider { position: absolute; display: block; width: 18px; height: 18px; background-color: #fcfcfc; border: 1px solid #bbb; top: 30px; border-radius: 100px; cursor: pointer; z-index: 1; } .irs-slider:after { content: ''; display: inline-block; width: 6px; height: 6px; position: absolute; top: 50%; right: 50%; margin-top: -3px; margin-right: -3px; background-color: #666; border-radius: 100px; } .irs-slider:hover, .irs-slider:focus { background-color: #f7f7f7; } .irs-slider:active { background-color: #fafafa; } .irs-slider.type_last { z-index: 2; } .irs-min, .irs-max, .irs-from, .irs-to, .irs-single { position: absolute; display: block; cursor: default; } .irs-min, .irs-max { color: #999999; font-size: 11px; line-height: 1; top: 0; padding: 5px; background-color: #eeeeee; border-radius: 2px; } .irs-min { left: 0; } .irs-max { right: 0; } .irs-from, .irs-to, .irs-single { left: 0; white-space: nowrap; color: #fff; font-size: 11px; line-height: 1; padding: 5px; top: 0; background-color: #333; border-radius: 2px; } .irs-from:after, .irs-to:after, .irs-single:after { content: ""; position: absolute; display: block; bottom: -8px; right: 50%; width: 0; height: 0; margin-right: -4px; overflow: hidden; border: 4px solid transparent; border-top-color: #333; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 24px; } .irs-with-grid { height: 75px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background-color: #999999; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 11px; color: #999999; line-height: 1; padding: 0 3px; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: transparent; z-index: 2; } .irs-disabled { opacity: 0.6; filter: alpha(opacity=60); } /* ------------------------------------------------------------------------------ * * # jQuery UI Interactions * * Separate styles for jQuery UI library. Component's interactions * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .ui-draggable-handle, .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-sortable .ui-state-disabled { color: #999999; cursor: not-allowed; opacity: 0.75; filter: alpha(opacity=75); } .sortable-placeholder { position: relative; } .sortable-placeholder:before { content: ''; display: inline-block; background-color: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px dashed rgba(0, 0, 0, 0.2); } .sidebar .sortable-placeholder:before { border-right: 0; border-left: 0; background-color: rgba(0, 0, 0, 0.05); } .sidebar-category.ui-sortable-helper { background-color: rgba(0, 0, 0, 0.4); } .sidebar-default .sidebar-category.ui-sortable-helper { background-color: #fcfcfc; } .panel + .sortable-placeholder { margin-bottom: 20px; } .sortable-placeholder + .panel { margin-top: 20px; } .panel-group > .sortable-placeholder:before { border-radius: 3px; } .panel-group .panel + .sortable-placeholder { margin-top: 5px; margin-bottom: 5px; } .panel-group .sortable-placeholder + .panel { margin-top: 5px; } .table .ui-sortable-helper { width: 100%; background-color: #fff; display: table; } .table .sortable-placeholder { margin: 0; } .table .sortable-placeholder:before { content: none; } .table.ui-sortable { position: relative; } .ui-resizable { position: relative; } .ui-resizable, .ui-resizable .ui-dialog-content { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-handle.ui-icon { display: inline-block; border-style: solid; border-width: 0 0 6px 6px; border-color: transparent transparent #333333 transparent; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-helper { border: 1px dashed #ccc; } .ui-resizable-n { cursor: n-resize; left: 0; height: 7px; width: 100%; top: -5px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; right: -5px; /*rtl:ignore*/ width: 7px; top: 0; height: 100%; } .ui-resizable-w { /*rtl:begin:ignore*/ cursor: w-resize; left: -5px; width: 7px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; left: -5px; width: 9px; height: 9px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; left: -5px; width: 9px; height: 9px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; right: -5px; width: 9px; height: 9px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dashed #333333; } /* ------------------------------------------------------------------------------ * * # jQuery UI Widgets * * Styles for jQuery UI widgets * * Version: 1.2 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .ui-accordion .ui-accordion-header { display: block; cursor: pointer; margin: 0; outline: 0; position: relative; background-color: #fff; padding: 15px 20px; border: 1px solid #ddd; margin-top: 5px; border-radius: 3px; } .ui-accordion .ui-accordion-header:first-child { margin-top: 0; } .ui-accordion .ui-accordion-header.ui-accordion-header-active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; top: 50%; left: 20px; margin-top: -8px; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before { content: '\e9b8'; font-family: 'Icomoon'; display: block; width: 16px; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before { content: '\e9b7'; } .ui-accordion .ui-accordion-icons { padding-left: 46px; } .ui-accordion .ui-accordion-content { padding: 20px; background-color: #fff; border: 1px solid #ddd; border-top: 0; overflow: auto; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .accordion-sortable-group + .accordion-sortable-group { margin-top: 5px; } .ui-autocomplete { position: absolute; display: none; padding: 7px 0; z-index: 1000; max-height: 250px; overflow-y: auto; overflow-x: hidden; } .ui-autocomplete .ui-autocomplete-category { padding: 8px 12px; font-size: 11px; line-height: 1.82; text-transform: uppercase; font-weight: 700; margin-top: 2px; margin-bottom: 2px; } .ui-autocomplete .ui-autocomplete-category ~ .ui-menu-item { padding-right: 24px; } .ui-autocomplete-processing:after { content: '\eb51'; font-family: 'Icomoon'; display: inline-block; position: absolute; top: 50%; left: 12px; width: 16px; text-align: left; margin-top: -8px; font-size: 16px; line-height: 1; color: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-animation: rotation 1s linear infinite; -o-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; } .input-group .ui-autocomplete-input + .input-group-btn > .btn, .input-group .ui-autocomplete-input + .input-addon > .btn { border-right: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } .ui-button { display: inline-block; position: relative; touch-action: manipulation; margin-bottom: 0; padding: 7px 12px; border-radius: 3px; cursor: pointer; vertical-align: middle; text-align: center; background-color: #fcfcfc; border: 1px solid #ddd; color: #333; } .ui-button.ui-state-hover, .ui-button.ui-state-focus { color: #333; -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; } .ui-button.ui-state-active { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; } .ui-button.ui-state-disabled { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .ui-button[class*=bg-].ui-state-hover, .ui-button[class*=bg-].ui-state-focus { color: #fff; -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; } .ui-button[class*=bg-].ui-state-active { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; } .ui-button.ui-button-link { background-color: transparent; border-color: transparent; } .ui-button.ui-button-link.ui-state-hover, .ui-button.ui-button-link.ui-state-focus { color: #166dba; } .ui-button.ui-button-link.ui-state-hover, .ui-button.ui-button-link.ui-state-focus, .ui-button.ui-button-link.ui-state-active { -webkit-box-shadow: none; box-shadow: none; } .ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icon-primary .ui-button-icons-only { margin-left: 7px; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { margin-right: 7px; } .ui-button-icon-only { padding-right: 9px; padding-left: 9px; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { display: none; } .ui-buttonset { display: inline-block; vertical-align: middle; position: relative; } .ui-buttonset .ui-button { border-radius: 0; margin-right: -1px; float: right; } .ui-buttonset .ui-button:first-child, .ui-buttonset .ui-helper-hidden-accessible:first-child + .ui-button { margin-right: 0; } .ui-buttonset .ui-button:first-child, .ui-buttonset .ui-helper-hidden-accessible:first-child + .ui-button:not(:last-child) { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .ui-buttonset .ui-button:last-child { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .ui-buttonset-split { position: relative; display: inline-block; } .ui-buttonset-split > ul { position: absolute; text-align: right; min-width: 180px; } .ui-datepicker { min-width: 270px; background-color: #fff; padding: 14px; display: none; border: 1px solid #ddd; border-radius: 3px; z-index: 999 !important; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .sidebar .ui-datepicker { min-width: 0; } .no-border .ui-datepicker { border-width: 0; } .ui-datepicker .ui-datepicker-header { position: relative; } .ui-datepicker .ui-datepicker-title { margin: 0 40px; padding-top: 15px; padding-bottom: 15px; font-size: 15px; text-align: center; line-height: 1; } .ui-datepicker .ui-datepicker-title .ui-datepicker-month { font-weight: 500; } .ui-datepicker .ui-datepicker-title .ui-datepicker-year { font-size: 12px; color: #999999; margin-right: 5px; } .ui-datepicker .ui-datepicker-title select { outline: 0; height: 30px; border-color: #ddd; } .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { width: 48%; font-size: 13px; font-weight: 400; color: #333333; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 50%; margin-top: -15px; line-height: 1; color: #333333; padding: 7px; border-radius: 2px; } .ui-datepicker .ui-datepicker-prev:after, .ui-datepicker .ui-datepicker-next:after { font-family: 'icomoon'; display: block; font-size: 16px; width: 16px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; } .ui-datepicker .ui-datepicker-prev { right: 0; } .ui-datepicker .ui-datepicker-prev:after { content: '\e9cb'; } .ui-datepicker .ui-datepicker-next { left: 0; } .ui-datepicker .ui-datepicker-next:after { content: '\e9c8'; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background-color: #f5f5f5; } .ui-datepicker table { width: 100%; border-collapse: collapse; margin: 0; } .ui-datepicker table th { text-align: center; font-weight: 400; border: 0; padding-top: 10px; padding-bottom: 10px; font-size: 12px; color: #999999; } .ui-datepicker table td { border: 0; padding: 1px; position: relative; } .ui-datepicker table td span, .ui-datepicker table td a { display: block; padding: 6px; text-align: center; text-decoration: none; border-radius: 3px; color: #333333; min-width: 34px; } .ui-datepicker table td .ui-state-hover { background-color: #f5f5f5; } .ui-datepicker table td.ui-state-disabled span { color: #ccc; } .ui-datepicker table td.ui-datepicker-week-col { padding: 6px; color: #999999; } .ui-datepicker table td.ui-datepicker-current-day .ui-state-active { background-color: #26A69A; color: #fff; } .ui-datepicker table td.ui-datepicker-today .ui-state-highlight { background-color: #2196F3; color: #fff; } .ui-datepicker table td.ui-datepicker-today .ui-state-highlight:after { content: ""; position: absolute; top: 3px; left: 3px; width: 0; height: 0; border-top: 6px solid #fff; border-right: 6px solid transparent; } .ui-datepicker table td a.ui-priority-secondary { opacity: 0.6; filter: alpha(opacity=60); } .ui-datepicker .ui-datepicker-buttonpane button { float: left; border: 1px solid #ddd; background-color: #fcfcfc; font-weight: 400; margin-top: 14px; cursor: pointer; padding: 7px 12px; width: auto; overflow: visible; outline: 0; border-radius: 3px; } .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .ui-datepicker .ui-datepicker-buttonpane button:active { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.03) inset; } .ui-datepicker.ui-datepicker-multi { width: auto !important; } .datepicker-inline { width: 264px; max-width: 100%; overflow-x: auto; } .full-width.datepicker-inline, .sidebar .datepicker-inline, .popover .datepicker-inline { width: 100%; } .ui-datepicker-trigger { position: absolute; top: 4px; left: 5px; z-index: 4; padding: 6px; cursor: pointer; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } .ui-datepicker-multi .ui-datepicker-group { float: right; } .ui-datepicker-multi .ui-datepicker-group + .ui-datepicker-group { padding-right: 15px; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 46%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-dialog { position: fixed; top: 0; left: 0; background-color: #fff; border-radius: 3px; border: 1px solid transparent; outline: 0; overflow: hidden; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } @media (max-width: 768px) { .ui-dialog { width: 90% !important; } } .ui-dialog-titlebar { position: relative; padding: 20px; padding-bottom: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-dialog-title { float: right; font-size: 15px; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog-titlebar-close { position: absolute; background-color: transparent; border: 0; left: 20px; top: 50%; padding: 0; margin-top: 2px; } .ui-dialog-titlebar-close:after { content: '\ed6b'; font-family: 'Icomoon'; display: block; width: 16px; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-dialog-titlebar-close.ui-state-hover, .ui-dialog-titlebar-close.ui-state-focus { -webkit-box-shadow: none; box-shadow: none; } .ui-dialog-content { position: relative; border: 0; padding: 20px; background: none; overflow: auto; } .ui-dialog-content .form-group:last-child, .ui-dialog-content p:last-child { margin-bottom: 0; } .ui-dialog-buttonpane { padding: 20px; padding-top: 0; } .ui-dialog-buttonpane .ui-dialog-buttonset { float: left; } .ui-dialog-buttonpane button + button { margin-right: 5px; cursor: pointer; } .ui-menu { list-style: none; padding: 7px 0; margin: 0; display: block; outline: none; min-width: 180px; white-space: nowrap; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; z-index: 1000; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .ui-menu .ui-menu { position: absolute; top: -8px !important; } .ui-menu .ui-menu-item { position: relative; margin: 0; cursor: pointer; padding: 8px 15px; min-height: 0; outline: 0; } .ui-menu .ui-menu-item > a { display: block; color: #333333; } .ui-menu .ui-menu-item > i { margin-left: 7px; } .ui-menu .ui-menu-item > .ui-menu-icon { position: absolute; top: 50%; margin-top: -8px; left: 15px; } .ui-menu .ui-menu-item > .ui-menu-icon:after { content: '\e9c4'; font-family: 'icomoon'; font-size: 16px; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0.8; filter: alpha(opacity=80); } .ui-menu .ui-menu-item.ui-state-disabled, .ui-menu .ui-menu-item.ui-state-disabled a { color: #999999; cursor: not-allowed; } .ui-menu .ui-menu-header { padding: 8px 15px; font-size: 11px; line-height: 1.82; text-transform: uppercase; color: #999999; margin-top: 7px; } .ui-menu .ui-menu-header.highlight { margin-top: 0; background-color: #f8f8f8; color: #999999; } .ui-menu .ui-menu-header.highlight:first-child { margin-top: 0; } .ui-menu .ui-menu-item + .highlight, .ui-menu .highlight + .ui-menu-item { margin-top: 7px; } .ui-menu .ui-menu-item > a > i[class*=icon-], .ui-menu .ui-menu-header > i[class*=icon-] { margin-top: 2px; float: right; margin-left: 10px; top: 0; } .ui-menu .ui-menu-item > a > i[class*=icon-].pull-right, .ui-menu .ui-menu-header > i[class*=icon-].pull-right { margin-left: 0; margin-right: 10px; } .ui-menu .ui-menu-divider { margin: 7px 0; height: 0; font-size: 0; line-height: 0; border-top: 1px solid #e5e5e5; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { color: #333333; background-color: #f5f5f5; } .ui-menu.ui-state-disabled, .ui-menu.ui-state-disabled .ui-menu-item, .ui-menu.ui-state-disabled a { color: #999999; cursor: not-allowed; } .ui-progressbar { height: 18px; overflow: hidden; position: relative; background-color: #eeeeee; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .ui-progressbar-value { float: right; width: 0%; height: 100%; background-color: #2196F3; color: #fff; overflow: hidden; -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .ui-progressbar-value, .ui-progressbar-overlay { height: 100%; background-size: 40px 40px; } .ui-progressbar-striped .ui-progressbar-value, .ui-progressbar-striped .ui-progressbar-overlay { background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .ui-progressbar-overlay { background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .ui-progressbar-active .ui-progressbar-value, .ui-progressbar-overlay { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { max-height: 250px; overflow-y: auto; overflow-x: hidden; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 11px; font-weight: 700; line-height: 1.82; padding: 7px 12px; margin: 2px 0; text-transform: uppercase; height: auto; border: 0; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup ~ .ui-menu-item { padding-right: 24px; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; position: relative; text-decoration: none; cursor: pointer; height: 36px; padding: 7px 12px; padding-left: 34px; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; outline: 0; } .ui-selectmenu-button.ui-state-hover, .ui-selectmenu-button.ui-state-focus { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.01) inset; } .ui-selectmenu-button:after { content: '\e9c5'; font-family: 'Icomoon'; display: inline-block; position: absolute; top: 50%; left: 12px; text-align: left; margin-top: -8px; font-size: 16px; line-height: 1; color: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-selectmenu-button .ui-selectmenu-text { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-disabled { cursor: not-allowed; background-color: #fafafa; color: #999999; } .ui-selectmenu-disabled.ui-state-hover, .ui-selectmenu-disabled.ui-state-focus { -webkit-box-shadow: none; box-shadow: none; } .ui-selectmenu-lg .ui-selectmenu-button { height: 40px; } .ui-selectmenu-lg .ui-selectmenu-button .ui-selectmenu-text { padding: 9px 15px; padding-left: 40px; } .ui-selectmenu-sm .ui-selectmenu-button { height: 34px; } .ui-selectmenu-sm .ui-selectmenu-button .ui-selectmenu-text { padding: 6px 12px; padding-left: 32px; font-size: 12px; line-height: 1.6666667; } .ui-selectmenu-xs .ui-selectmenu-button { height: 32px; } .ui-selectmenu-xs .ui-selectmenu-button .ui-selectmenu-text { padding: 5px 10px; padding-left: 30px; font-size: 12px; line-height: 1.6666667; } .ui-selectmenu-images .ui-menu-item > span { display: inline-block; margin-left: 10px; border-radius: 2px; width: 20px; height: 20px; background-size: 20px 20px; float: right; } .ui-selectmenu-images .demo-img-amazon { background: url('../images/brands/amazon.png') no-repeat; } .ui-selectmenu-images .demo-img-youtube { background: url('../images/brands/youtube.png') no-repeat; } .ui-selectmenu-images .demo-img-twitter { background: url('../images/brands/twitter.png') no-repeat; } .ui-selectmenu-images .demo-img-bing { background: url('../images/brands/bing.png') no-repeat; } .ui-selectmenu-images .demo-img-spotify { background: url('../images/brands/spotify.png') no-repeat; } .ui-slider { position: relative; text-align: right; background-color: #eeeeee; border-radius: 100px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 18px; height: 18px; cursor: pointer; border-radius: 50%; background-color: #fcfcfc; border: 1px solid #bbb; outline: 0; } .ui-slider .ui-slider-handle.ui-state-hover, .ui-slider .ui-slider-handle.ui-state-focus { background-color: #f8f8f8; } .ui-slider .ui-slider-handle.ui-state-hover:after, .ui-slider .ui-slider-handle.ui-state-focus:after { opacity: 0.9; filter: alpha(opacity=90); } .ui-slider .ui-slider-handle.ui-state-active { background-color: #fefefe; } .ui-slider .ui-slider-handle.ui-state-active:after { opacity: 0.9; filter: alpha(opacity=90); } .ui-slider .ui-slider-handle:after { content: ''; display: inline-block; width: 6px; height: 6px; position: absolute; top: 50%; right: 50%; margin-top: -3px; margin-right: -3px; background-color: #546E7A; border-radius: 50%; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background-color: #607D8B; border-radius: 100px; } .ui-slider.ui-slider-disabled { opacity: 0.6; filter: alpha(opacity=60); } .ui-slider-horizontal { height: 6px; } .ui-slider-horizontal .ui-slider-handle { top: -6px; margin-left: -9px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { right: 0; } .ui-slider-horizontal .ui-slider-range-max { left: 0; } .ui-slider-vertical { width: 6px; height: 150px; display: inline-block; margin: 0 10px; } .ui-slider-vertical .ui-slider-handle { right: -6px; margin-bottom: -9px; } .ui-slider-vertical .ui-slider-range { right: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-slider-solid .ui-slider-handle { background-color: #999999; border-color: #999999; -webkit-box-shadow: none; box-shadow: none; } .ui-slider-solid .ui-slider-handle:after { background-color: #fff; -webkit-transition: opacity ease-in-out 0.2s; -o-transition: opacity ease-in-out 0.2s; transition: opacity ease-in-out 0.2s; } .ui-slider-solid .ui-slider-handle.ui-state-hover:after, .ui-slider-solid .ui-slider-handle.ui-state-active:after { background-color: #fff; opacity: 0.75; filter: alpha(opacity=75); } .ui-handle-white .ui-slider-handle:after { content: none; } .ui-slider-lg .ui-slider-handle { width: 24px; height: 24px; } .ui-slider-lg .ui-slider-handle:after { width: 8px; height: 8px; margin-top: -4px; margin-right: -4px; } .ui-slider-lg.ui-slider-horizontal { height: 8px; } .ui-slider-lg.ui-slider-horizontal .ui-slider-handle { top: -8px; margin-left: -12px; } .ui-slider-lg.ui-slider-vertical { width: 8px; } .ui-slider-lg.ui-slider-vertical .ui-slider-handle { right: -8px; margin-bottom: -12px; } .ui-slider-sm .ui-slider-handle, .ui-slider-xs .ui-slider-handle { width: 12px; height: 12px; } .ui-slider-sm .ui-slider-handle:after, .ui-slider-xs .ui-slider-handle:after { width: 4px; height: 4px; margin-top: -2px; margin-right: -2px; } .ui-slider-sm.ui-slider-horizontal { height: 4px; } .ui-slider-sm.ui-slider-horizontal .ui-slider-handle { top: -4px; margin-left: -6px; } .ui-slider-sm.ui-slider-vertical { width: 4px; } .ui-slider-sm.ui-slider-vertical .ui-slider-handle { right: -4px; margin-bottom: -6px; } .ui-slider-xs.ui-slider-horizontal { height: 2px; } .ui-slider-xs.ui-slider-horizontal .ui-slider-handle { top: -5px; margin-left: -6px; } .ui-slider-xs.ui-slider-vertical { width: 2px; } .ui-slider-xs.ui-slider-vertical .ui-slider-handle { right: -5px; margin-bottom: -6px; } .ui-slider-primary .ui-slider-range, .ui-slider-solid.ui-slider-primary .ui-slider-handle { background-color: #2196F3; border-color: #2196F3; } .ui-slider-danger .ui-slider-range, .ui-slider-solid.ui-slider-danger .ui-slider-handle { background-color: #F44336; border-color: #F44336; } .ui-slider-success .ui-slider-range, .ui-slider-solid.ui-slider-success .ui-slider-handle { background-color: #4CAF50; border-color: #4CAF50; } .ui-slider-warning .ui-slider-range, .ui-slider-solid.ui-slider-warning .ui-slider-handle { background-color: #FF5722; border-color: #FF5722; } .ui-slider-info .ui-slider-range, .ui-slider-solid.ui-slider-info .ui-slider-handle { background-color: #00BCD4; border-color: #00BCD4; } .ui-spinner { position: relative; display: table; } .ui-spinner-input { padding-left: 30px; display: table-cell; width: 100%; border-radius: 0 3px 3px 0; border-left: 0; } .ui-spinner-button { font-size: 0; color: #333333; cursor: pointer; background-color: #fff; border: 1px solid #ddd; border-radius: 0; display: table-cell; width: 1%; padding: 0 7px; } .ui-spinner-button:after { font-family: 'Icomoon'; display: inline-block; width: 16px; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-spinner-button + .ui-spinner-button { border-right: 0; } .ui-spinner-button .ui-button-text { display: none; } .ui-spinner-button.ui-state-hover, .ui-spinner-button.ui-state-focus { color: #333333; } .ui-spinner-button.ui-state-disabled { background-color: #fafafa; color: #999999; cursor: not-allowed; -webkit-box-shadow: none; box-shadow: none; } .ui-spinner-up:after { content: '\e9f7'; } .ui-spinner-down { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .ui-spinner-down:after { content: '\e9e2'; } .ui-tabs { position: relative; } .ui-tabs .ui-tabs-nav { margin-bottom: 20px; border-bottom: 1px solid #ddd; } .ui-tabs .ui-tabs-nav li { list-style: none; position: relative; padding: 0; white-space: nowrap; margin-bottom: -1px; } @media (min-width: 769px) { .ui-tabs .ui-tabs-nav li { float: right; } } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { display: block; color: #888; padding: 9px 15px; border: 1px solid transparent; border-top-width: 2px; } .ui-tabs .ui-tabs-nav .ui-state-hover .ui-tabs-anchor:not(.ui-state-disabled), .ui-tabs .ui-tabs-nav .ui-state-focus .ui-tabs-anchor:not(.ui-state-disabled) { color: #333333; } .ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor { color: #333333; background-color: #fff; cursor: default; border-color: #2196F3 #ddd transparent; } .ui-tabs .ui-tabs-nav .ui-state-disabled { color: #999999; cursor: not-allowed; opacity: 0.75; filter: alpha(opacity=75); } .ui-tabs .ui-tabs-nav .ui-sortable-helper:not(.ui-tabs-active) .ui-tabs-anchor { background-color: #fff; border-bottom-color: #ddd; } @media (max-width: 768px) { .ui-tabs .ui-tabs-nav { border-bottom: 0; position: relative; background-color: #fff; padding: 7px 0; border: 1px solid #ddd; border-radius: 3px; } .ui-tabs .ui-tabs-nav li { margin-bottom: 0; } .ui-tabs .ui-tabs-nav li + li { margin-top: 1px; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { border-width: 0 2px 0 0; border-right-color: transparent; } .ui-tabs .ui-tabs-nav .ui-state-hover .ui-tabs-anchor, .ui-tabs .ui-tabs-nav .ui-state-focus .ui-tabs-anchor { background-color: #fafafa; } .ui-tabs .ui-tabs-nav .ui-state-active .ui-tabs-anchor { border-right-color: #2196F3; background-color: #f5f5f5; } .ui-tabs .ui-tabs-nav:before { content: 'Contents'; color: inherit; font-size: 12px; line-height: 1.6666667; font-weight: 500; margin-top: 8px; margin-right: 15px; margin-bottom: 15px; text-transform: uppercase; opacity: 0.5; filter: alpha(opacity=50); } } .ui-tabs .ui-tabs-panel { display: block; } .ui-tooltip { position: absolute; z-index: 1070; max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #333; border-radius: 3px; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; right: 0; position: absolute; opacity: 0; filter: alpha(opacity=0); } .ui-front { z-index: 1040; } /* ------------------------------------------------------------------------------ * * # Floating action buttons * * Material design floating action button with menu * * Version: 1.0 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .fab-menu { position: relative; display: inline-block; white-space: nowrap; padding: 0; margin: 0; list-style: none; z-index: 999; } .fab-menu-absolute { position: absolute; } .fab-menu-absolute.affix { position: fixed; } .fab-menu-fixed { position: fixed; z-index: 1030; } .fab-menu-top-left, .fab-menu-top-right { margin-top: -24px; } .fab-menu-top-left.affix, .fab-menu-top-right.affix { top: 20px; margin-top: 0; } .content-wrapper > .fab-menu-top-left, .content-wrapper > .fab-menu-top-right { top: -24px; } .content-wrapper > .fab-menu-top-left.affix, .content-wrapper > .fab-menu-top-right.affix { top: 20px; } .navbar-top .fab-menu-top-left.affix, .navbar-top .fab-menu-top-right.affix, .navbar-affixed-top .fab-menu-top-left.affix, .navbar-affixed-top .fab-menu-top-right.affix { top: 66px; } .navbar-top-lg .fab-menu-top-left.affix, .navbar-top-lg .fab-menu-top-right.affix, .navbar-affixed-top-lg .fab-menu-top-left.affix, .navbar-affixed-top-lg .fab-menu-top-right.affix { top: 70px; } .navbar-top-sm .fab-menu-top-left.affix, .navbar-top-sm .fab-menu-top-right.affix, .navbar-affixed-top-sm .fab-menu-top-left.affix, .navbar-affixed-top-sm .fab-menu-top-right.affix { top: 64px; } .navbar-top-xs .fab-menu-top-left.affix, .navbar-top-xs .fab-menu-top-right.affix, .navbar-affixed-top-xs .fab-menu-top-left.affix, .navbar-affixed-top-xs .fab-menu-top-right.affix { top: 62px; } .fab-menu-bottom-left, .fab-menu-bottom-right { bottom: 20px; -webkit-transition: bottom ease-in-out 0.15s; -o-transition: bottom ease-in-out 0.15s; transition: bottom ease-in-out 0.15s; } .fab-menu-bottom-left.reached-bottom, .fab-menu-bottom-right.reached-bottom { bottom: 80px; } .navbar-bottom .fab-menu-bottom-left.reached-bottom, .navbar-bottom .fab-menu-bottom-right.reached-bottom { bottom: 86px; } .navbar-bottom-lg .fab-menu-bottom-left.reached-bottom, .navbar-bottom-lg .fab-menu-bottom-right.reached-bottom { bottom: 90px; } .navbar-bottom-sm .fab-menu-bottom-left.reached-bottom, .navbar-bottom-sm .fab-menu-bottom-right.reached-bottom { bottom: 84px; } .navbar-bottom-xs .fab-menu-bottom-left.reached-bottom, .navbar-bottom-xs .fab-menu-bottom-right.reached-bottom { bottom: 82px; } .fab-menu-top-right, .fab-menu-bottom-right { left: 20px; } .fab-menu-inner { list-style: none; margin: 0; padding: 0; } .fab-menu-inner > li { display: block; position: absolute; top: 2px; right: 0; left: 0; text-align: center; padding-top: 20px; margin-top: -20px; } .fab-menu-inner > li .btn { border-width: 0; } .fab-menu-inner > li .btn-float { padding: 0; width: 44px; height: 44px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .fab-menu-inner > li .btn-float:hover, .fab-menu-inner > li .btn-float:focus { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .fab-menu-inner > li .btn-float > i { margin: 14px; } .fab-menu-inner > li .btn-float.btn-flat > i { margin: 12px; } .fab-menu-inner > li .badge, .fab-menu-inner > li .label, .fab-menu-inner > li .status-mark { position: absolute; } @media (min-width: 769px) { .fab-menu-inner > li .badge, .fab-menu-inner > li .label, .fab-menu-inner > li .status-mark { -webkit-box-shadow: 0 0 0 2px #f5f5f5; box-shadow: 0 0 0 2px #f5f5f5; } } .fab-menu-inner > li .badge, .fab-menu-inner > li .label { top: 16px; left: -4px; } .fab-menu-inner > li .status-mark { top: 22px; left: 2px; } .fab-menu-bottom-left .fab-menu-inner > li, .fab-menu-bottom-right .fab-menu-inner > li { padding-top: 0; margin-top: 0; padding-bottom: 20px; margin-bottom: -20px; } .fab-menu-bottom-left .fab-menu-inner > li .badge, .fab-menu-bottom-right .fab-menu-inner > li .badge, .fab-menu-bottom-left .fab-menu-inner > li .label, .fab-menu-bottom-right .fab-menu-inner > li .label { top: -4px; } .fab-menu-bottom-left .fab-menu-inner > li .status-mark, .fab-menu-bottom-right .fab-menu-inner > li .status-mark { top: 2px; } .fab-menu-inner .dropdown-menu { margin-top: 0; margin-left: 10px; top: 19px; right: auto; left: 100%; } .fab-menu-inner .dropdown-menu-right { margin-left: 0; margin-right: 10px; left: auto; right: 100%; } .fab-menu-btn { z-index: 1001; border-width: 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .fab-menu-btn.btn-float { padding: 24px; } .fab-menu-btn.btn-float > i { position: absolute; top: 50%; right: 50%; margin-top: -8px; margin-right: -8px; } .fab-menu-btn:hover, .fab-menu-btn:focus, .fab-menu[data-fab-toggle="hover"]:hover .fab-menu-btn, .fab-menu[data-fab-state="open"] .fab-menu-btn { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .fab-icon-close, .fab-icon-open { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-close, .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-open, .fab-menu[data-fab-state="open"] .fab-icon-close, .fab-menu[data-fab-state="open"] .fab-icon-open { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-open, .fab-menu[data-fab-state="open"] .fab-icon-open { opacity: 0; filter: alpha(opacity=0); } .fab-icon-close { opacity: 0; filter: alpha(opacity=0); } .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-close, .fab-menu[data-fab-state="open"] .fab-icon-close { opacity: 1; filter: alpha(opacity=100); } .fab-menu .fab-menu-inner > li { visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .fab-menu .fab-menu-inner > li:nth-child(1) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .fab-menu .fab-menu-inner > li:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .fab-menu .fab-menu-inner > li:nth-child(3) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .fab-menu .fab-menu-inner > li:nth-child(4) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .fab-menu .fab-menu-inner > li:nth-child(5) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .fab-menu[data-fab-toggle="hover"]:hover .fab-menu-inner > li, .fab-menu[data-fab-state="open"] .fab-menu-inner > li { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(1) { top: 68px; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(2) { top: 132px; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(3) { top: 196px; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(4) { top: 260px; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(5) { top: 324px; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(1) { top: -60px; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(2) { top: -124px; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(3) { top: -188px; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(4) { top: -252px; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(5) { top: -316px; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .fab-menu-inner div[data-fab-label]:after { content: attr(data-fab-label); position: absolute; top: 50%; margin-top: -7px; left: 66px; color: #fff; background-color: #333; padding: 7px 12px; visibility: hidden; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after, .fab-menu-bottom-right .fab-menu-inner div[data-fab-label]:after { margin-top: -27px; } .fab-menu-top-left .fab-menu-inner div[data-fab-label]:after, .fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after, .fab-menu-inner div[data-fab-label].fab-label-right:after { left: auto; right: 66px; } .fab-menu[data-fab-toggle="hover"] .fab-menu-inner div[data-fab-label]:hover:after, .fab-menu[data-fab-state="open"] .fab-menu-inner div[data-fab-label]:hover:after { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .fab-menu-inner div[data-fab-label].fab-label-light:after { background-color: #fff; color: #333333; } .fab-menu-inner div[data-fab-label].fab-label-visible:after { visibility: visible; opacity: 1; filter: alpha(opacity=100); } /* ------------------------------------------------------------------------------ * * # Prism * * Lightweight, extensible syntax highlighter * * Version: 1.0 * Latest update: May 10, 2015 * * ---------------------------------------------------------------------------- */ code[class*="language-"], pre[class*="language-"] { text-shadow: 0 1px #fff; word-break: normal; line-height: 1.5; direction: ltr; } @media print { code[class*="language-"], pre[class*="language-"] { text-shadow: none; } } .token.comment, .token.prolog, .token.doctype, .token.cdata, .token.punctuation { color: #999; } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol { color: #905; } .token.selector, .token.attr-name, .token.string, .token.builtin { color: #690; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable { color: #a67f59; background: rgba(255, 255, 255, 0.5); } .token.atrule, .token.attr-value, .token.keyword { color: #07a; } .token.function { color: #DD4A68; } .token.regex, .token.important { color: #e90; } .token.important { font-weight: bold; } .token.entity { cursor: help; } .namespace { opacity: 0.7; filter: alpha(opacity=70); } .line-highlight { position: absolute; right: 0; left: 0; margin-top: 20px; background: rgba(133, 238, 149, 0.12); pointer-events: none; white-space: pre; line-height: inherit; } .line-highlight:before, .line-highlight:after { content: attr(data-start); position: absolute; top: 0px; left: 10px; padding: 2px; text-align: center; font-size: 10px; color: #999999; } .line-highlight[data-end]:after { content: attr(data-end); top: auto; bottom: 0; } pre.line-numbers { position: relative; padding-left: 50px; counter-reset: linenumber; } pre.line-numbers > code { position: relative; } .line-numbers .line-numbers-rows { position: absolute; pointer-events: none; top: 0; font-size: 100%; left: -50px; width: 36px; letter-spacing: -1px; border-left: 1px solid #999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .line-numbers .line-numbers-rows > span { pointer-events: none; display: block; counter-increment: linenumber; } .line-numbers .line-numbers-rows > span:before { content: counter(linenumber); color: #999999; display: block; padding-right: 10px; text-align: left; } pre[class*="language-"] { overflow: auto; position: relative; border-left-width: 3px; border-left-color: #2196F3; background-color: #fdfdfd; background-image: -webkit-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); background-image: -ms-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); background-image: -o-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); background-image: linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); background-size: 3em 3em; background-origin: content-box; border-bottom-left-radius: 0; border-top-right-radius: 0; } pre[class*="language-"] > code[data-language] { display: block; } pre[class*="language-"] > code[data-language]:before { content: attr(data-language); background-color: #f8f8f8; display: inline-block; position: absolute; top: 0px; right: 0px; font-size: 11px; border-radius: 0 0 0 2px; padding: 4px 8px; text-shadow: none; color: #333333; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; } pre[class*="language-"].line-numbers > code[data-language]:before { top: -20px; right: -20px; } pre[data-line] { position: relative; padding-left: 36px; } /* ------------------------------------------------------------------------------ * * # Fancytree * * Tree plugin for jQuery with support for persistence, keyboard, checkboxes, * tables (grid), drag'n'drop, and lazy loading * * Version: 1.1 * Latest update: Jul 5, 2016 * * ---------------------------------------------------------------------------- */ /* # Core -------------------------------------------------- */ .fancytree-container { list-style: none; white-space: nowrap; padding: 0; margin: 0; overflow: auto; position: relative; } .fancytree-container:focus { outline: 0; } .fancytree-container ul { list-style: none; padding: 0 20px 0 0; margin: 0; } .fancytree-container ul li { margin-top: 1px; } .ui-fancytree-disabled .fancytree-container { opacity: 0.6; filter: alpha(opacity=60); } .ui-fancytree-disabled .fancytree-container, .ui-fancytree-disabled .fancytree-title, .ui-fancytree-disabled .fancytree-expander { cursor: not-allowed; } .ui-fancytree-disabled .fancytree-treefocus .fancytree-selected .fancytree-title { background-color: #f5f5f5; color: #333333; } .ui-helper-hidden { display: none; } .fancytree-expander:after, .fancytree-icon:after, .fancytree-checkbox:after, .fancytree-drag-helper-img:after, .fancytree-drop-before:after, .fancytree-drop-after:after, .fancytree-loading .fancytree-expander:after, .fancytree-statusnode-wait .fancytree-icon:after { font-family: 'icomoon'; display: inline-block; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fancytree-icon, .fancytree-checkbox, .fancytree-custom-icon { margin-top: 5px; float: right; } .fancytree-checkbox { margin: 4px 2px 0 10px; } .fancytree-custom-icon { display: inline-block; } img.fancytree-icon { width: 16px; height: 16px; margin-right: 3px; margin-top: 3px; vertical-align: top; border-style: none; } .fancytree-expander { cursor: pointer; float: right; margin-top: 5px; width: 16px; line-height: 1; } .fancytree-exp-c .fancytree-expander:after { content: '\e9c7'; } .fancytree-exp-cl .fancytree-expander:after { content: '\e9c7'; } .fancytree-exp-cd .fancytree-expander:after, .fancytree-exp-cdl .fancytree-expander:after { content: '\e9c7'; } .fancytree-exp-e .fancytree-expander:after, .fancytree-exp-ed .fancytree-expander:after { content: '\e9c5'; } .fancytree-exp-el .fancytree-expander:after, .fancytree-exp-edl .fancytree-expander:after { content: '\e9c5'; } .fancytree-statusnode-error .fancytree-icon:after { content: '\ed63'; } .fancytree-loading .fancytree-expander, .fancytree-statusnode-wait .fancytree-icon { margin-right: auto; margin-left: auto; width: 16px; height: 16px; display: inline-block; text-align: center; } .fancytree-loading .fancytree-expander:after, .fancytree-statusnode-wait .fancytree-icon:after { content: '\ed6c'; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .fancytree-icon { display: inline-block; width: 16px; height: 16px; } .fancytree-ico-c .fancytree-icon:after, .fancytree-ico-e .fancytree-icon:after { content: '\ea1a'; } .fancytree-has-children.fancytree-ico-c .fancytree-icon:after { content: '\ea0f'; } .fancytree-has-children.fancytree-ico-e .fancytree-icon:after { content: '\ea11'; } .fancytree-ico-cf .fancytree-icon:after, .fancytree-ico-ef .fancytree-icon:after { content: '\ea3d'; } .fancytree-has-children.fancytree-ico-cf .fancytree-icon:after { content: '\ea41'; } .fancytree-has-children.fancytree-ico-ef .fancytree-icon:after { content: '\ea43'; } .fancytree-checkbox { width: 18px; height: 18px; border: 2px solid #777; display: block; text-align: center; position: relative; cursor: pointer; border-radius: 2px; } .fancytree-checkbox:after, .fancytree-partsel.fancytree-selected .fancytree-checkbox:after { content: "\e600"; margin-top: -1px; margin-right: -1px; display: none; } .fancytree-partsel > .fancytree-checkbox:after { content: ""; width: 8px; height: 8px; display: none; background-color: #888; margin: 3px; } .fancytree-partsel.fancytree-selected .fancytree-checkbox:after { background-color: transparent; width: auto; height: auto; } .fancytree-selected .fancytree-checkbox:after, .fancytree-partsel .fancytree-checkbox:after, .fancytree-partsel.fancytree-selected .fancytree-checkbox:after { display: block; } .fancytree-radio .fancytree-checkbox { border-radius: 100%; } .fancytree-radio .fancytree-checkbox:after { content: ''; width: 8px; height: 8px; background-color: #888; margin: 3px; border-radius: 100px; } /* # Other styles -------------------------------------------------- */ .fancytree-drag-helper { border: 1px solid #ddd; background-color: #fff; padding: 4px 5px; opacity: 0.8; filter: alpha(opacity=80); } .fancytree-drag-helper-img:after { position: absolute; top: 50%; margin-top: -9px; left: -26px; } .fancytree-drop-accept .fancytree-drag-helper-img:after { content: '\ee73'; color: #4CAF50; } .fancytree-drop-reject .fancytree-drag-helper-img:after { content: '\ed63'; color: #F44336; } #fancytree-drop-marker.fancytree-drop-before, #fancytree-drop-marker.fancytree-drop-after { width: 200px; border-top: 1px solid #333333; position: absolute !important; } .fancytree-drag-source { background-color: #ddd; } .fancytree-drag-source .fancytree.title { color: #333333; } .fancytree-drop-target.fancytree-drop-accept a { background-color: #2196F3 !important; color: #fff !important; text-decoration: none; } .fancytree-node { display: inherit; width: 100%; position: relative; } .fancytree-title { border: 0; padding: 4px 6px; border-radius: 2px; margin-right: 4px; display: inline-block; cursor: pointer; } .fancytree-title > input { border: 0; outline: 0; padding: 0; background-color: transparent; } .fancytree-selected .fancytree-title { background-color: #ddd; color: #333333; } .fancytree-treefocus .fancytree-selected .fancytree-title { background-color: #2196F3; color: #fff; } .fancytree-active .fancytree-title { background-color: #ddd; } .sidebar:not(.sidebar-default) .fancytree-selected .fancytree-title, .sidebar:not(.sidebar-default) .fancytree-active .fancytree-title { background-color: rgba(255, 255, 255, 0.2); color: #fff; } .sidebar:not(.sidebar-default) .fancytree-treefocus .fancytree-selected .fancytree-title { background-color: #2196F3; color: #fff; } .fancytree-ext-table .fancytree-node { display: inline-block; width: auto; } .fancytree-ext-table .fancytree-title { display: inline; } .fancytree-ext-table.fancytree-container { white-space: normal; } .fancytree-ext-table .fancytree-expander, .fancytree-ext-table .fancytree-icon, .fancytree-ext-table .fancytree-custom-icon { margin-top: 1px; } .fancytree-ext-table .fancytree-checkbox { margin: 0 auto; float: none; } .fancytree-ext-table .checker { display: block; margin: 0 auto; } .fancytree-ext-table tbody tr td:first-child { text-align: center; } .fancytree-ext-table tbody tr.fancytree-focused { background-color: #f5f5f5; } .fancytree-ext-table tbody tr.fancytree-active { background-color: #f5f5f5; } .fancytree-ext-table tbody tr.fancytree-selected { background-color: #2196F3; color: #fff; } .fancytree-ext-table tbody tr.fancytree-selected .fancytree-checkbox { color: #fff; border-color: #fff; } .fancytree-ext-table tbody tr.fancytree-selected .checker span { border-color: #fff; color: #fff; } .fancytree-ext-childcounter .fancytree-childcounter { position: absolute; left: 0; top: 4px; color: #999999; } /* ------------------------------------------------------------------------------ * * # Ladda progress buttons * * Buttons with built-in loading indicators * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .btn-ladda, .btn-ladda .ladda-spinner, .btn-ladda .ladda-label { -webkit-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; -o-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; } .btn-ladda .ladda-spinner { position: absolute; z-index: 2; display: inline-block; top: 50%; pointer-events: none; opacity: 0; filter: alpha(opacity=0); } .btn-ladda .ladda-label { z-index: 3; } .btn-ladda .ladda-progress { position: absolute; width: 0; height: 100%; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.2); visibility: hidden; -webkit-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; opacity: 0; filter: alpha(opacity=0); } .btn-ladda[data-loading] .ladda-progress { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=zoom-in], .btn-ladda[data-style=zoom-out] { overflow: hidden; } .btn-ladda[data-style=zoom-in], .btn-ladda[data-style=zoom-out], .btn-ladda[data-style=zoom-in] .ladda-spinner, .btn-ladda[data-style=zoom-out] .ladda-spinner, .btn-ladda[data-style=zoom-in] .ladda-label, .btn-ladda[data-style=zoom-out] .ladda-label { -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; } .btn-ladda[data-style=zoom-in] .ladda-label, .btn-ladda[data-style=zoom-out] .ladda-label { position: relative; display: inline-block; } .btn-ladda[data-style=zoom-in] .ladda-spinner, .btn-ladda[data-style=zoom-out] .ladda-spinner { right: 50%; } .btn-ladda[data-style=zoom-in][data-loading] .ladda-label, .btn-ladda[data-style=zoom-out][data-loading] .ladda-label { opacity: 0; filter: alpha(opacity=0); } .btn-ladda[data-style=zoom-in][data-loading] .ladda-spinner, .btn-ladda[data-style=zoom-out][data-loading] .ladda-spinner { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=zoom-in] .ladda-spinner { -webkit-transform: scale(0.2); -ms-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); } .btn-ladda[data-style=zoom-in][data-loading] .ladda-label { -webkit-transform: scale(2.2); -ms-transform: scale(2.2); -o-transform: scale(2.2); transform: scale(2.2); } .btn-ladda[data-style=zoom-out] .ladda-spinner { -webkit-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); } .btn-ladda[data-style=zoom-out][data-loading] .ladda-label { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .btn-ladda[data-style=expand-left] { overflow: hidden; } .btn-ladda[data-style=expand-left] .ladda-spinner { right: 20px; } .btn-ladda[data-style=expand-left][data-loading] { padding-right: 35px; } .btn-ladda[data-style=expand-left][data-loading] .ladda-spinner { opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=expand-right] { overflow: hidden; } .btn-ladda[data-style=expand-right] .ladda-spinner { left: 20px; } .btn-ladda[data-style=expand-right][data-loading] { padding-left: 35px; } .btn-ladda[data-style=expand-right][data-loading] .ladda-spinner { opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=expand-up] { overflow: hidden; } .btn-ladda[data-style=expand-up] .ladda-spinner { top: -16px; right: 50%; } .btn-ladda[data-style=expand-up][data-loading] { padding-top: 40px; } .btn-ladda[data-style=expand-up][data-loading] .ladda-spinner { top: 12px; margin-top: 8px; opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=expand-down] { overflow: hidden; } .btn-ladda[data-style=expand-down] .ladda-spinner { top: 44px; right: 50%; } .btn-ladda[data-style=expand-down][data-loading] { padding-bottom: 40px; } .btn-ladda[data-style=expand-down][data-loading] .ladda-spinner { opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=slide-left] { overflow: hidden; } .btn-ladda[data-style=slide-left] .ladda-label { right: 0; position: relative; } .btn-ladda[data-style=slide-left] .ladda-spinner { left: 0; } .btn-ladda[data-style=slide-left][data-loading] .ladda-label { right: -100%; opacity: 0; filter: alpha(opacity=0); } .btn-ladda[data-style=slide-left][data-loading] .ladda-spinner { left: 50%; opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=slide-right] { overflow: hidden; } .btn-ladda[data-style=slide-right] .ladda-label { left: 0; position: relative; } .btn-ladda[data-style=slide-right] .ladda-spinner { right: 0; } .btn-ladda[data-style=slide-right][data-loading] .ladda-label { left: -100%; opacity: 0; filter: alpha(opacity=0); } .btn-ladda[data-style=slide-right][data-loading] .ladda-spinner { right: 50%; opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=slide-up] { overflow: hidden; } .btn-ladda[data-style=slide-up] .ladda-label { top: 0; position: relative; } .btn-ladda[data-style=slide-up] .ladda-spinner { top: 100%; right: 50%; } .btn-ladda[data-style=slide-up][data-loading] .ladda-label { top: -16px; opacity: 0; filter: alpha(opacity=0); } .btn-ladda[data-style=slide-up][data-loading] .ladda-spinner { top: 16px; opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=slide-down] { overflow: hidden; } .btn-ladda[data-style=slide-down] .ladda-label { top: 0; position: relative; } .btn-ladda[data-style=slide-down] .ladda-spinner { top: -100%; right: 50%; } .btn-ladda[data-style=slide-down][data-loading] .ladda-label { top: 16px; opacity: 0; filter: alpha(opacity=0); } .btn-ladda[data-style=slide-down][data-loading] .ladda-spinner { top: 16px; opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=fade] { overflow: hidden; } .btn-ladda[data-style=fade] .ladda-spinner { right: 50%; } .btn-ladda[data-style=fade][data-loading] .ladda-label { opacity: 0; filter: alpha(opacity=0); } .btn-ladda[data-style=fade][data-loading] .ladda-spinner { opacity: 1; filter: alpha(opacity=100); } .btn-ladda[data-style=radius] { overflow: hidden; border-radius: 2px; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } .btn-ladda[data-style=radius] .ladda-spinner { right: 50%; } .btn-ladda[data-style=radius][data-loading] { border-radius: 5px; } .btn-ladda[data-style=radius][data-loading] .ladda-label { opacity: 0; filter: alpha(opacity=0); } .btn-ladda[data-style=radius][data-loading] .ladda-spinner { opacity: 1; filter: alpha(opacity=100); } /* ------------------------------------------------------------------------------ * * # Headroom * * Hide BS navbar component on page scroll * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .headroom { -webkit-transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out; -o-transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out; transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out; } .navbar.headroom-top-pinned { top: 0; } .navbar.headroom-top-unpinned { top: -48px; -webkit-box-shadow: none; box-shadow: none; } .navbar-lg.navbar.headroom-top-unpinned { top: -52px; } .navbar-sm.navbar.headroom-top-unpinned { top: -46px; } .navbar-xs.navbar.headroom-top-unpinned { top: -44px; } .navbar.headroom-bottom-pinned { bottom: -48px; -webkit-box-shadow: none; box-shadow: none; } .navbar-lg.navbar.headroom-bottom-pinned { bottom: -52px; } .navbar-sm.navbar.headroom-bottom-pinned { bottom: -46px; } .navbar-xs.navbar.headroom-bottom-pinned { bottom: -44px; } .navbar.headroom-bottom-unpinned { bottom: 0; } /* ------------------------------------------------------------------------------ * * # FullCalendar * * A JavaScript event calendar. Customizable and open source * * Version: 1.4 * Latest update: Mar 20, 2017 * * ---------------------------------------------------------------------------- */ .fc { text-align: right; direction: ltr; } .fc-view > table { min-width: 769px; } .fc-events-container { background-color: #fcfcfc; border: 1px solid #ddd; padding: 10px; border-radius: 3px; } .fc-events-container .fc-event { margin: 0; padding: 4px 11px; } .fc-events-container .fc-event + .fc-event { margin-top: 10px; } .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td { border-color: #ddd; } .fc-unthemed thead, .fc-unthemed thead td, .fc-unthemed thead th { border-bottom-color: #bbb; } .fc-unthemed .fc-popover { background-color: #fff; border-radius: 3px; } .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td { background-color: #f5f5f5; } .fc-unthemed td.fc-today { background-color: #E8F5E9; } .fc-highlight { background-color: #e5e5e5; opacity: 0.3; filter: alpha(opacity=30); } .fc-bgevent { background-color: #81C784; opacity: 0.3; filter: alpha(opacity=30); } .fc-nonbusiness { background-color: #e5e5e5; } .fc-icon { display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fc-icon:after { display: inline-block; font-family: "icomoon"; line-height: 1; font-size: 16px; vertical-align: middle; position: relative; top: -1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fc-icon-left-single-arrow:after { content: "\e9c0"; } .fc-icon-right-single-arrow:after { content: "\e9c3"; } .fc-icon-left-double-arrow:after { content: "\000AB"; } .fc-icon-right-double-arrow:after { content: "\000BB"; } .fc-icon-x:after { content: "\ed6b"; font-size: 12px; display: block; } .fc-button { margin: 0; border: 1px solid #ddd; padding: 7px 12px; white-space: nowrap; cursor: pointer; outline: 0; } .fc-button::-moz-focus-inner { margin: 0; padding: 0; } .fc-state-default { border: 1px solid #ddd; background-color: #fcfcfc; } .fc-state-default.fc-corner-left { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .fc-state-default.fc-corner-right { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .fc-state-hover { background-color: #f8f8f8; } .fc-state-down, .fc-state-active { background-color: #f5f5f5; } .fc-button.fc-state-down, .fc-button.fc-state-active { border-color: #ddd; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset; } .fc-state-disabled { color: #999999; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .fc-button-group { display: inline-block; } .fc .fc-button-group > * { float: right; margin: 0 -1px 0 0; } .fc .fc-button-group > :first-child { margin-right: 0; } .fc-popover { position: absolute; border: 1px solid #ddd; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); } .fc-popover .fc-header { padding: 10px; } .fc-popover .fc-header .fc-title { float: right; } .fc-popover .fc-header .fc-close { cursor: pointer; float: left; } .fc-unthemed .fc-popover .fc-header .fc-close { margin-top: 2px; opacity: 0.6; filter: alpha(opacity=60); } .fc-unthemed .fc-popover .fc-header .fc-close:hover { opacity: 1; filter: alpha(opacity=100); } .fc-divider { border-style: solid; border-width: 1px; } hr.fc-divider { height: 0; margin: 0; padding: 0 0 2px; border-width: 1px 0; } .fc-clear { clear: both; } .fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-helper-skeleton { position: absolute; top: 0; right: 0; left: 0; } .fc-bg { bottom: 0; } .fc-bg table { height: 100%; } .fc table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; } .fc th, .fc td { border-style: solid; border-width: 1px; padding: 0; vertical-align: top; } .fc th { padding: 12px 20px; font-weight: 500; text-align: center; } .fc td.fc-today { border-style: double; } a[data-goto] { cursor: pointer; color: #333333; } .fc-row { border-style: solid; border-width: 0; position: relative; } .fc-row table { border-right: 0 hidden transparent; border-left: 0 hidden transparent; border-bottom: 0 hidden transparent; } .fc-row:first-child table { border-top: 0 hidden transparent; } .fc-row .fc-bg { z-index: 1; } .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton { bottom: 0; } .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table { height: 100%; } .fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td { border-color: transparent; border: 0; } .fc-row .fc-bgevent-skeleton { z-index: 2; } .fc-row .fc-highlight-skeleton { z-index: 3; } .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td { background: none; border-color: transparent; border-bottom: 0; } .fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td { border-top: 0; } .fc-row .fc-content-skeleton { position: relative; z-index: 4; } .fc-row .fc-helper-skeleton { z-index: 5; } .fc-scroller { -webkit-overflow-scrolling: touch; } .fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid { position: relative; width: 100%; } .fc-event { position: relative; display: block; border: 1px solid #039BE5; font-weight: normal; border-radius: 2px; } .fc-event, .fc-event:hover { color: #fff; text-decoration: none; } .fc-event[href], .fc-event.fc-draggable { cursor: pointer; } .fc-event .fc-bg { z-index: 1; background-color: #fff; opacity: 0.25; filter: alpha(opacity=25); } .fc-event .fc-content { position: relative; z-index: 2; } .fc-event .fc-resizer { position: absolute; z-index: 4; display: none; } .fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer { display: block; } .fc-event.fc-selected .fc-resizer:before { content: ""; position: absolute; z-index: 9999; top: 50%; right: 50%; width: 40px; height: 40px; margin-right: -20px; margin-top: -20px; } .fc-event .fc-event.fc-selected { z-index: 9999 !important; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .fc-event .fc-event.fc-selected.fc-dragging { -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); } .fc-event, .fc-event-dot { background-color: #039BE5; } .fc-not-allowed, .fc-not-allowed .fc-event { cursor: not-allowed; } .fc-h-event.fc-selected:before { content: ""; position: absolute; z-index: 3; top: -10px; bottom: -10px; right: 0; left: 0; } .fc-h-event .fc-start-resizer { cursor: w-resize; right: -1px; } .fc-h-event .fc-end-resizer { cursor: e-resize; left: -1px; } .fc-h-event.fc-selected .fc-start-resizer { margin-right: -4px; } .fc-h-event.fc-selected .fc-end-resizer { margin-left: -4px; } .fc-h-event.fc-allow-mouse-resize .fc-resizer { width: 7px; top: -1px; bottom: -1px; } .fc-h-event.fc-selected .fc-resizer { border-radius: 4px; border-width: 1px; width: 6px; height: 6px; border-style: solid; border-color: inherit; background: #fff; top: 50%; margin-top: -4px; } .fc-day-grid-event { margin: 0 5px 5px 5px; padding: 4px 8px; } .fc-day-grid-event.fc-selected:after { content: ""; position: absolute; z-index: 1; top: -1px; left: -1px; bottom: -1px; right: -1px; background-color: #000; opacity: 0.25; filter: alpha(opacity=25); } .fc-day-grid-event > .fc-content { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fc-day-grid-event .fc-time { font-weight: 500; } .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer { margin-right: -2px; } .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer { margin-left: -2px; } @media (min-width: 1200px) { .fc-day-grid-event > .fc-content { background-color: inherit; } .fc-day-grid-event .fc-time { float: left; padding-right: 5px; display: inline-block; z-index: 2; position: relative; background-color: inherit; } .fc-day-grid-event .fc-title { z-index: 1; position: relative; } } a.fc-more { margin: 1px 5px; background-color: #fafafa; display: block; padding: 5px; text-align: center; border-radius: 3px; color: #999999; font-size: 12px; } a.fc-more:hover { background-color: #f5f5f5; color: #333333; } .fc-limited { display: none; } .fc-day-grid .fc-row { z-index: 1; } .fc-more-popover { z-index: 2; width: 220px; } .fc-more-popover .fc-event-container { padding: 10px 5px; } .fc-now-indicator { position: absolute; border: 0 solid #EF5350; } .fc-unselectable { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fc-toolbar { text-align: center; } .fc-toolbar.fc-header-toolbar { margin-bottom: 20px; } .fc-toolbar.fc-footer-toolbar { margin-top: 20px; } .fc-toolbar h2 { margin: 5px 0; font-size: 17px; } .fc-toolbar .fc-left { float: right; width: 33%; } .fc-toolbar .fc-right { float: left; width: 33%; } .fc-toolbar .fc-right .fc-button-group { float: left; } .fc-toolbar .fc-left > .fc-button, .fc-toolbar .fc-right > .fc-button { margin-right: 10px; } .fc-toolbar .fc-center { display: inline-block; vertical-align: middle; } .fc-toolbar > * > * { float: right; } .fc-toolbar > * > :first-child { margin-right: 0; } .fc-toolbar button { position: relative; } .fc-toolbar button:focus { z-index: 5; } .fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover { z-index: 2; } .fc-toolbar .fc-state-down { z-index: 3; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active { z-index: 4; } .fc-view-container { border-right: 1px solid #ddd; border-left: 1px solid #ddd; overflow: auto; max-width: 100%; } .fc-view-container .fc-view > table th, .fc-view-container .fc-view > table td { border-right-width: 0; } .fc-view-container .fc-view > table tr:first-child th:first-child, .fc-view-container .fc-view > table tr:first-child td:first-child { border-left-width: 0; } .fc-view-container *, .fc-view-container *:before, .fc-view-container *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fc-view, .fc-view > table { position: relative; z-index: 1; } .fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton { padding-top: 5px; padding-bottom: 10px; } .fc-basic-view tbody .fc-row { min-height: 100px; min-width: 100px; } .fc-row.fc-rigid { overflow: hidden; } .fc-row.fc-rigid .fc-content-skeleton { position: absolute; top: 0; right: 0; left: 0; } .fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number { padding: 10px; } .fc-basic-view .fc-week-number { text-align: center; } .fc-basic-view .fc-week-number span { display: inline-block; min-width: 1.25em; } td.fc-basic-view .fc-week-number { text-align: center; } td.fc-basic-view .fc-week-number > * { display: inline-block; min-width: 1.25em; } .fc-basic-view .fc-day-number { text-align: left; } .fc-basic-view .fc-day-top .fc-day-number { float: left; } .fc-basic-view .fc-day-top .fc-week-number { float: right; min-width: 1.5em; text-align: center; background-color: #f5f5f5; color: #999999; border-radius: 0 0 0 3px; } .fc-other-month.fc-day-top, .fc-other-month.fc-day-number { opacity: 0.3; filter: alpha(opacity=30); } .fc-agenda-view .fc-day-grid { position: relative; z-index: 2; } .fc-agenda-view .fc-day-grid .fc-row { min-height: 3em; } .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { padding-top: 5px; padding-bottom: 0; } .fc-axis { text-align: left; } .fc .fc-axis { vertical-align: middle; padding: 10px; white-space: nowrap; } .fc-time-grid-container, .fc-time-grid { position: relative; z-index: 1; } .fc-time-grid { min-height: 100%; } .fc-time-grid table { border: 0 hidden transparent; } .fc-time-grid > .fc-bg { z-index: 1; } .fc-time-grid .fc-slats, .fc-time-grid > hr { position: relative; z-index: 2; } .fc-time-grid .fc-content-col { position: relative; } .fc-time-grid .fc-content-skeleton { position: absolute; top: 0; right: 0; left: 0; z-index: 3; } .fc-time-grid .fc-business-container { position: relative; z-index: 1; } .fc-time-grid .fc-bgevent-container { position: relative; z-index: 2; } .fc-time-grid .fc-highlight-container { position: relative; z-index: 3; } .fc-time-grid .fc-event-container { position: relative; z-index: 4; } .fc-time-grid .fc-now-indicator-line { z-index: 5; } .fc-time-grid .fc-helper-container { position: relative; z-index: 6; } .fc-time-grid .fc-slats td { border-bottom: 0; } .fc-time-grid .fc-slats .fc-minor td { border-top-style: dotted; } .fc-time-grid .fc-highlight-container { position: relative; } .fc-time-grid .fc-highlight { position: absolute; right: 0; left: 0; } .fc-time-grid .fc-event-container, .fc-time-grid .fc-bgevent-container { position: relative; } .fc-time-grid .fc-event { margin: 5px; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; } .fc-time-grid .fc-event, .fc-time-grid .fc-bgevent { position: absolute; z-index: 1; padding: 10px; min-height: 45px; } .fc-time-grid .fc-bgevent { right: 0; left: 0; } .fc-v-event.fc-not-start { border-top-width: 0; padding-top: 1px; border-top-left-radius: 0; border-top-right-radius: 0; } .fc-v-event.fc-not-end { border-bottom-width: 0; padding-bottom: 1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .fc-time-grid-event { overflow: hidden; } .fc-time-grid-event.fc-selected { overflow: visible; } .fc-time-grid-event.fc-selected .fc-bg { display: none; } .fc-time-grid-event .fc-content { position: relative; overflow: hidden; } .fc-time-grid-event .fc-time { font-weight: 500; } .fc-time-grid-event.fc-short .fc-content { white-space: nowrap; } .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title { display: inline-block; vertical-align: top; } .fc-time-grid-event.fc-short .fc-time:before { content: attr(data-start); } .fc-time-grid-event.fc-short .fc-time:after { content: "\000A0-\000A0"; } .fc-time-grid-event.fc-short .fc-time span { display: none; } .fc-time-grid-event.fc-short .fc-title { font-size: 12px; padding: 0; } .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer { position: absolute; z-index: 3; right: 0; left: 0; bottom: 0; height: 8px; overflow: hidden; line-height: 10px; font-size: 12px; font-family: monospace; text-align: center; cursor: s-resize; background-color: rgba(0, 0, 0, 0.05); padding: 1px; } .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:hover { background-color: rgba(0, 0, 0, 0.1); } .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after { content: "="; } .fc-time-grid-event.fc-selected .fc-resizer { border-radius: 5px; border-width: 1px; width: 8px; height: 8px; border-style: solid; border-color: inherit; background-color: #fff; right: 50%; margin-right: -5px; bottom: -5px; } .fc-time-grid .fc-now-indicator-line { border-top-width: 1px; right: 0; left: 0; } .fc-time-grid .fc-now-indicator-arrow { right: 0; margin-top: -5px; border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent; } .fc-event-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; } .fc-list-view { border-width: 1px 0; border-style: solid; direction: rtl; } .fc .fc-list-table { table-layout: auto; } .fc-list-table td { border-width: 1px 0 0; padding: 12px 20px; } .fc-list-table tr:first-child td { border-top-width: 0; } .fc-list-heading { border-bottom-width: 1px; } .fc-list-heading td { font-weight: 500; } .fc-list-heading-main { float: right; } .fc-list-heading-alt { float: left; } .fc-list-item.fc-has-url { cursor: pointer; } .fc-list-item:hover td { background-color: #fafafa; } .fc-list-item-marker, .fc-list-item-time { white-space: nowrap; width: 1px; } .fc-list-item-marker { padding-left: 0; } .fc-list-item-title a { text-decoration: none; color: inherit; } .fc-list-empty-wrap2 { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .fc-list-empty-wrap1 { width: 100%; height: 100%; display: table; } .fc-list-empty { display: table-cell; vertical-align: middle; text-align: center; } .fc-unthemed .fc-list-empty { /* theme will provide own background */ background-color: #fafafa; } @media (max-width: 768px) { .fc-toolbar .fc-left, .fc-toolbar .fc-left > .fc-button, .fc-toolbar .fc-right, .fc-toolbar .fc-right > .fc-button, .fc-toolbar .fc-left .fc-button-group, .fc-toolbar .fc-right .fc-button-group { float: none; width: auto; vertical-align: top; } .fc-toolbar .fc-left, .fc-toolbar .fc-right { display: block; margin-bottom: 10px; } } /* ------------------------------------------------------------------------------ * * # Dragula - drag and drop library * * Styles for Dragula Drag and drop plugin * * Version: 1.0 * Latest update: Nov 25, 2015 * * ---------------------------------------------------------------------------- */ .gu-mirror { position: fixed !important; margin: 0 !important; z-index: 9999 !important; opacity: 0.8; filter: alpha(opacity=80); } .gu-unselectable.dropdown-menu li:nth-last-child(2) { margin-bottom: 0; } .nav-pills-toolbar > li.gu-mirror:not(.active) > a { border: 0; } .gu-hide { display: none !important; } .gu-unselectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gu-transit { opacity: 0.5; filter: alpha(opacity=50); } .dragula-handle { color: #999999; cursor: pointer; } .dragula-handle:hover, .dragula-handle:focus { color: #333333; } /* ------------------------------------------------------------------------------ * * # Plupload multiple file uploader * * Multi runtime single and multiple file uploader * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .plupload_wrapper { width: 100%; border: 2px dashed #ddd; border-radius: 3px; } .panel > div > .plupload_wrapper { border: 0; } .panel.panel-flat > div > .plupload_wrapper { border-top: 1px solid #ddd; } .plupload_header:after, .plupload_filelist:empty:before, .plupload_filelist li.plupload_droptext:before, .plupload_file_action:after, .plupload_delete a:after, .plupload_failed a:after, .plupload_done a:after { font-family: 'icomoon'; display: inline-block; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .plupload_header { display: none; position: relative; background-color: #0097A7; margin: -1px -1px 0 -1px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .plupload_header:after { content: '\ec78'; color: #fff; font-size: 32px; position: absolute; top: 50%; right: 20px; margin-top: -16px; } .plupload_header_content { padding: 15px 20px; padding-right: 72px; color: #fff; } .plupload_header_title { font-size: 15px; font-weight: 500; } .plupload_header_text { font-size: 11px; line-height: 1.82; } .plupload_clear, .plupload_clearer { clear: both; } .plupload_clearer, .plupload_progress_bar { display: block; font-size: 0; line-height: 0; } .plupload_button { display: inline-block; color: #fff; background-color: #2196F3; border: 1px solid transparent; padding: 6px 11px; border-radius: 2px; margin-left: 5px; } .plupload_button:hover, .plupload_button:focus { color: #fff; -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; } .plupload_button:active { -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; } a.plupload_disabled, a.plupload_disabled:hover, a.plupload_disabled:focus { color: #999999; border-color: #ddd; background: #fcfcfc; cursor: default; -webkit-box-shadow: none; box-shadow: none; } .plupload_start { background-color: #26A69A; } .plupload_filelist { margin: 0; padding: 0; list-style: none; } .plupload_scroll .plupload_filelist { height: 250px; background: #fff; overflow-y: auto; } @media (max-width: 768px) { .plupload_scroll .plupload_filelist { height: 200px; } } .plupload_filelist li { padding: 12px 20px; background-color: #fff; } .plupload_filelist li:hover { background-color: #f5f5f5; } .plupload_filelist li.plupload_droptext:hover { background-color: transparent; } .plupload_filelist:empty, .plupload_filelist li.plupload_droptext { position: relative; height: 250px; text-align: center; background-color: transparent; text-indent: -99999px; } .plupload_filelist:empty:before, .plupload_filelist li.plupload_droptext:before { content: '\ea0e'; font-size: 80px; padding-top: 65px; position: absolute; top: 0; width: 80px; height: 80px; right: 50%; margin-right: -40px; z-index: 2; color: #ddd; text-indent: 0; font-weight: normal; } .plupload_filelist:empty:after, .plupload_filelist li.plupload_droptext:after { content: 'Drag files to upload'; font-size: 19px; position: absolute; top: 50%; padding-top: 145px; right: 50%; margin: -100px -150px 0 0; width: 300px; height: 200px; color: #bbb; text-indent: 0; } @media (max-width: 768px) { .plupload_filelist:empty, .plupload_filelist li.plupload_droptext { height: 200px; } .plupload_filelist:empty:before, .plupload_filelist li.plupload_droptext:before, .plupload_filelist:empty:after, .plupload_filelist li.plupload_droptext:after { width: 100%; height: 200px; right: 0; margin: 0; top: 0; } .plupload_filelist:empty:before, .plupload_filelist li.plupload_droptext:before { font-size: 64px; padding-top: 40px; } .plupload_filelist:empty:after, .plupload_filelist li.plupload_droptext:after { font-size: 17px; border-width: 3px 0; padding-top: 120px; } } .plupload_filelist:empty:after { content: 'Add files to upload'; } .plupload_filelist_header { padding: 15px 20px; } .plupload_filelist_header .plupload_file_name, .plupload_filelist_header .plupload_file_size, .plupload_filelist_header .plupload_file_status, .plupload_filelist_header .plupload_file_action { font-weight: 500; } .plupload_filelist_footer { padding: 15px 20px; } .plupload_filelist_footer .plupload_file_size, .plupload_filelist_footer .plupload_file_status, .plupload_filelist_footer .plupload_upload_status { padding: 7px 0; font-weight: 500; } @media (max-width: 768px) { .plupload_filelist_footer .plupload_file_action, .plupload_filelist_footer .plupload_file_status, .plupload_filelist_footer .plupload_file_size, .plupload_filelist_footer .plupload_progress { display: none; } } .plupload_file_action { position: relative; float: left; margin-right: 30px; margin-top: 2px; color: #999999; width: 16px; height: 16px; } .plupload_file_action * { display: none; } .plupload_file_action:after { content: '\ec67'; position: absolute; right: 0; top: 0; } .plupload_filelist_footer .plupload_file_action { margin-top: 9px; } .plupload_filelist .plupload_file_action:after { content: none; } .plupload_delete .plupload_file_action > a { color: #333333; line-height: 1; opacity: 0.5; filter: alpha(opacity=50); } .plupload_delete .plupload_file_action > a:hover { opacity: 1; filter: alpha(opacity=100); } .plupload_uploading { background-color: #E8F5E9; } .plupload_delete a:after { content: '\ed6b'; } .plupload_failed a { color: #F44336; cursor: default; } .plupload_failed a:after { content: '\e9cf'; } .plupload_done { color: #999999; } .plupload_done a { color: #4DB6AC; cursor: default; } .plupload_done a:after { content: '\e9db'; } .plupload_progress, .plupload_upload_status { display: none; } .plupload_progress_container { margin-top: 14px; background-color: #eeeeee; } .plupload_progress_bar { width: 0px; height: 4px; background: #4DB6AC; border-radius: 5px; } @media (min-width: 769px) { .plupload_file_name { float: right; overflow: hidden; } .plupload_filelist .plupload_file_name { width: 205px; white-space: nowrap; text-overflow: ellipsis; } .plupload_file_size, .plupload_file_status, .plupload_progress { float: left; width: 80px; } .plupload_file_size, .plupload_file_status, .plupload_file_action { text-align: left; } } /* ------------------------------------------------------------------------------ * * # Bootstrap file input * * File input styling for Bootstrap 3.0 * * Version: 1.3 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .file-input.has-error .form-control { border-color: #ddd; outline: 0; -webkit-box-shadow: none; box-shadow: none; } @media (min-width: 769px) { .file-input .btn > [class*=icon-], .file-input .btn > .glyphicon { margin-left: 5px; } } .file-object { margin: 0 0 -7px 0; padding: 0; } .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; text-align: left; opacity: 0; background: none repeat scroll 100% 0 transparent; cursor: inherit; display: block; } .file-caption-name { display: inline-block; overflow: hidden; word-break: break-all; } .file-caption-name [class*=icon-], .file-caption-name .glyphicon { margin-left: 7px; } .file-input-new .file-caption-name { color: #999999; } .file-input-new .file-caption-name > [class*=icon-], .file-input-new .file-caption-name > .glyphicon { display: none; } .file-error-message { position: relative; background-color: #f2dede; color: #a94442; text-align: center; border-radius: 3px; padding: 10px; margin: 0 5px 5px 5px; } .file-drop-zone .file-error-message { margin-top: 5px; } .file-error-message .close { margin-top: 1px; color: #a94442; } .file-error-message pre, .file-error-message ul { margin: 7px 0; text-align: right; } .file-caption-disabled { background-color: #fafafa; cursor: not-allowed; } .file-caption-disabled .file-caption-name { color: #ccc; } .file-preview-detail-modal { text-align: right; } .file-preview { border-radius: 2px; border: 1px solid #ddd; width: 100%; margin-bottom: 20px; position: relative; text-align: center; } .file-preview > .close { font-weight: 400; font-size: 17px; position: absolute; top: 0; left: 0; background-color: #fff; padding: 8px; line-height: 0.6; border-radius: 3px; color: #555; opacity: 1; filter: alpha(opacity=100); } .file-preview-frame { margin: 7px; margin-left: 0; display: table; border: 1px solid #ddd; float: right; vertical-align: middle; } .file-drop-zone .file-preview-frame { border: 1px solid #ddd; border-radius: 3px; } .file-preview-image { height: 160px; vertical-align: middle; image-orientation: from-image; border-radius: 3px; } @media (max-width: 768px) { .file-preview-image { max-width: 100%; } } .file-preview-text { text-align: right; width: 160px; margin-bottom: 2px; color: #428bca; background-color: #fff; overflow-x: hidden; } .file-preview-other { display: table-cell; text-align: center; vertical-align: middle; width: 160px; height: 160px; } .file-preview-other:after { content: "\ea0c"; font-family: "icomoon"; display: block; font-size: 64px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .file-preview-other .glyphicon { display: none; } .file-preview-status { position: absolute; bottom: 0; right: 0; width: 100%; color: #333333; background-color: rgba(250, 250, 250, 0.8); border-top: 1px solid #ddd; padding: 7px 12px; font-size: 12px; line-height: 1.6666667; color: #333333 !important; } .file-preview-status:empty { padding: 0; background-color: transparent; border: 0; } .file-thumb-loading { min-height: 107px; } .file-thumb-loading:before, .file-uploading:before { content: ""; display: inline-block; background-color: #263238; width: 32px; height: 32px; position: absolute; top: 50%; right: 50%; margin: -33.5px -16px 0 0; border-radius: 3px; -webkit-box-shadow: 0 1px 5px rgba(255, 255, 255, 0.5); box-shadow: 0 1px 5px rgba(255, 255, 255, 0.5); } .file-thumb-loading:after, .file-uploading:after { content: "\eb55"; font-family: "icomoon"; display: inline-block; position: absolute; color: #fff; top: 50%; right: 50%; margin: -25.5px -8px 0 0; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-animation: rotation 1s linear infinite; -o-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; } .file-upload-indicator { position: absolute; bottom: 0; padding-top: 6px; padding-bottom: 6px; cursor: default; text-align: right; padding-right: 8px; } .file-input-new .file-preview, .file-input-new .close, .file-input-new .glyphicon-file, .file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button { display: none; } .file-input-ajax-new .fileinput-remove-button, .file-input-ajax-new .fileinput-upload-button, .file-input-ajax-new .fileinput-remove, .file-input-ajax-new .file-caption-name > [class*=icon-], .file-input-ajax-new .file-caption-name > .glyphicon { display: none; } .file-actions { margin-top: 5px; border-top: 1px solid #eeeeee; } .file-actions .btn > [class*=icon-], .file-actions .btn > .glyphicon { margin-left: 0; } .file-footer-buttons { float: left; } .file-footer-caption { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-size: 11px; padding: 12px 7px 7px 7px; margin-right: auto; margin-left: auto; } .file-preview-error { opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .file-drop-zone { border: 1px dashed #ddd; border-radius: 3px; height: 100%; vertical-align: middle; margin: 5px; padding: 5px; } .file-drop-zone-title { color: #999999; font-size: 21px; font-weight: 300; padding: 85px 10px; } .file-highlighted { border-color: #ccc; background-color: #fafafa; } .kv-upload-progress { margin-bottom: 20px; } .file-thumb-progress { position: absolute; top: -5px; right: 0; left: 0; } .file-thumb-progress .progress, .file-thumb-progress .progress-bar { height: 5px; border-radius: 0; font-size: 0; } .file-thumbnail-footer { position: relative; } .btn-file ::-ms-browse { width: 100%; height: 100%; } .file-zoom-fullscreen.modal { position: fixed; top: 0; left: 0; bottom: 0; right: 0; } .file-zoom-fullscreen .modal-dialog { position: fixed; margin: 0; width: 100%; height: 100%; padding: 0; } .file-zoom-fullscreen .modal-content { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .file-zoom-fullscreen .modal-body { overflow-y: auto; } .file-zoom-dialog .btn-navigate { position: absolute; top: 50%; margin-top: -27px; padding: 0; border: 0; background: transparent; outline: none; color: #fff; opacity: 0.7; filter: alpha(opacity=70); } .file-zoom-dialog .btn-navigate > i { display: block; font-size: 32px; } .file-zoom-dialog .btn-navigate:not([disabled]):hover, .file-zoom-dialog .btn-navigate:not([disabled]):focus { outline: none; -webkit-box-shadow: none; box-shadow: none; opacity: 0.5; filter: alpha(opacity=50); } .file-zoom-dialog .btn-navigate[disabled] { opacity: 0.3; filter: alpha(opacity=30); } .file-zoom-dialog .btn-prev { right: -42px; } .file-zoom-dialog .btn-next { left: -42px; } .file-zoom-dialog .floating-buttons { position: absolute; top: 20px; left: 20px; background-color: #fff; border-radius: 0 0 3px 0; } .file-zoom-dialog .floating-buttons:not(:empty) { padding: 0 20px 20px 0; } .file-zoom-dialog .floating-buttons, .file-zoom-dialog .floating-buttons .btn { z-index: 3000; } .kv-zoom-actions { position: absolute; top: 50%; left: 20px; margin-top: -6px; } .file-zoom-content { height: 480px; text-align: center; } .file-drag-handle { position: absolute; right: 0; bottom: 0; padding-top: 6px; padding-bottom: 6px; cursor: move; cursor: -webkit-grabbing; } .file-drag-handle:hover { opacity: 0.7; filter: alpha(opacity=70); } .file-drag-handle > i { top: 0; } /* ------------------------------------------------------------------------------ * * # Dropzone file uploader * * Open source library that provides drag’n’drop file uploads with image previews * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .dropzone { position: relative; border: 2px dashed #ddd; min-height: 250px; border-radius: 2px; background-color: #fff; padding: 5px; } .panel .dropzone { background-color: #fcfcfc; border-color: #eeeeee; } .dropzone.dz-clickable, .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message span { cursor: pointer; } .dropzone.dz-clickable * { cursor: default; } .dropzone .dz-message { opacity: 1; filter: alpha(opacity=100); } .dropzone.dz-started .dz-message { display: none; } .dropzone.dz-drag-hover { border-color: rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.04); } .sidebar .dropzone { min-height: 190px; text-align: center; border-width: 2px; } .sidebar .dropzone .dz-default.dz-message:before { font-size: 64px; width: 64px; height: 64px; margin-right: -32px; top: 50px; } .sidebar .dropzone .dz-default.dz-message span { font-size: 15px; } .sidebar .dropzone .dz-default.dz-message > span { margin-top: 130px; } @media (min-width: 769px) { .dropzone { min-height: 320px; } } .dz-hidden-input { left: auto !important; right: 0 !important; } .dropzone .dz-default.dz-message { position: absolute; height: 230px; width: 100%; margin-top: -115px; top: 50%; right: 0; padding: 20px; text-align: center; border-radius: 5px; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .dropzone .dz-default.dz-message:before { content: '\ea0e'; font-family: 'icomoon'; font-size: 64px; position: absolute; top: 48px; width: 64px; height: 64px; display: inline-block; right: 50%; margin-right: -32px; line-height: 1; z-index: 2; color: #ddd; text-indent: 0; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dropzone .dz-default.dz-message span { font-size: 15px; color: #bbb; text-align: center; margin-top: 140px; display: block; font-weight: 500; text-shadow: 0 1px 1px #fff; } .dropzone .dz-default.dz-message span > span { margin-top: 2px; display: block; color: #ccc; font-size: 15px; } @media (min-width: 769px) { .dropzone .dz-default.dz-message:before { font-size: 80px; top: 48px; width: 80px; height: 80px; margin-right: -32px; } .dropzone .dz-default.dz-message span { font-size: 19px; margin-top: 130px; } } .dropzone.dz-drag-hover .dz-message { opacity: 0.15; filter: alpha(opacity=15); } .dropzone.dz-started .dz-message { display: block; opacity: 0; filter: alpha(opacity=0); } .dropzone .dz-preview, .dropzone-previews .dz-preview { background-color: #fff; position: relative; display: inline-block; margin: 10px; vertical-align: top; border: 1px solid #ddd; padding: 8px; border-radius: 2px; } .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { display: none; } .dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details { width: 140px; position: relative; background-color: #fafafa; padding: 8px; margin-bottom: 25px; } .dropzone .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename { overflow: hidden; height: 100%; } .dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img { position: absolute; top: 0; right: 0; width: 140px; height: 140px; } .dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size { position: absolute; bottom: -26px; right: 0; } .dropzone .dz-preview:hover .dz-details img, .dropzone-previews .dz-preview:hover .dz-details img { display: none; } .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { display: none; position: absolute; z-index: 9; left: 8px; } .dropzone .dz-preview .dz-error-mark:after, .dropzone-previews .dz-preview .dz-error-mark:after, .dropzone .dz-preview .dz-success-mark:after, .dropzone-previews .dz-preview .dz-success-mark:after { font-family: 'icomoon'; display: block; position: absolute; left: 0; bottom: 3px; font-size: 12px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dropzone .dz-preview .dz-error-mark span, .dropzone-previews .dz-preview .dz-error-mark span, .dropzone .dz-preview .dz-success-mark span, .dropzone-previews .dz-preview .dz-success-mark span, .dropzone .dz-preview .dz-error-mark svg, .dropzone-previews .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark svg, .dropzone-previews .dz-preview .dz-success-mark svg { display: none; } .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark { color: #F44336; } .dropzone .dz-preview .dz-error-mark:after, .dropzone-previews .dz-preview .dz-error-mark:after { content: '\ed6a'; } .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { color: #4CAF50; } .dropzone .dz-preview .dz-success-mark:after, .dropzone-previews .dz-preview .dz-success-mark:after { content: '\ed6e'; } .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark, .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark { display: block; opacity: 1; filter: alpha(opacity=100); } .dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress { position: absolute; top: 118px; right: 8px; left: 8px; height: 4px; background-color: #eeeeee; display: none; border-radius: 2px; } .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload { display: block; position: absolute; top: 0; bottom: 0; right: 0; width: 0%; height: 100%; background-color: #00BCD4; -webkit-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; } .dropzone .dz-preview.dz-processing .dz-progress, .dropzone-previews .dz-preview.dz-processing .dz-progress { display: block; } .dropzone .dz-preview.dz-success .dz-progress, .dropzone-previews .dz-preview.dz-success .dz-progress { display: block; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message { display: block; position: absolute; top: 0; right: 0; background: rgba(245, 245, 245, 0.8); margin: 8px; padding: 8px; color: #F44336; max-width: 100%; z-index: 5; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .dropzone .dz-preview.dz-error:hover .dz-error-message, .dropzone-previews .dz-preview.dz-error:hover .dz-error-message { display: block; opacity: 1; filter: alpha(opacity=100); } .dropzone .dz-preview.dz-error .dz-progress .dz-upload, .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload { background: #F44336; } .dropzone .dz-preview.dz-image-preview:hover .dz-details img, .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img { display: block; opacity: 0.1; filter: alpha(opacity=10); } .dropzone .dz-preview a.dz-remove, .dropzone-previews .dz-preview a.dz-remove { background-color: #fafafa; border-radius: 2px; border: 1px solid #eeeeee; display: block; padding: 5px; text-align: center; color: #999999; margin-top: 35px; cursor: pointer; } .dropzone .dz-preview a.dz-remove:hover, .dropzone-previews .dz-preview a.dz-remove:hover { color: #333333; background-color: #f5f5f5; } /* ------------------------------------------------------------------------------ * * # Image cropper * * Styles for cropper.min.js - a simple jQuery image cropping plugin * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .image-cropper-container { direction: ltr; height: 350px; width: 100%; overflow: hidden; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); } .eg-preview { text-align: center; font-size: 0; } .eg-preview .preview { direction: ltr; margin: 10px auto 0 auto; display: block; overflow: hidden; vertical-align: middle; border-radius: 2px; } @media (min-width: 769px) { .eg-preview .preview { display: inline-block; margin-right: 0; margin-left: 0; } .eg-preview .preview + .preview { margin-right: 15px; } } .eg-preview .preview-lg { width: 150px; height: 150px; } .eg-preview .preview-md { width: 120px; height: 120px; } .eg-preview .preview-sm { width: 90px; height: 90px; } .eg-preview .preview-xs { width: 60px; height: 60px; } .eg-preview .preview-xxs { width: 40px; height: 40px; } @media (min-width: 769px) { .eg-preview { white-space: nowrap; max-width: 100%; overflow: auto; } } .cropper-container { direction: ltr !important; font-size: 0; line-height: 0; position: relative; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cropper-container img { display: block; width: 100%; min-width: 0 !important; max-width: none !important; height: 100%; min-height: 0 !important; max-height: none !important; image-orientation: 0deg !important; } .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .cropper-wrap-box { overflow: hidden; } .cropper-drag-box { background-color: #fff; opacity: 0; filter: alpha(opacity=0); } .cropper-modal { background-color: #000; opacity: 0.5; filter: alpha(opacity=50); } .cropper-view-box { display: block; overflow: hidden; width: 100%; height: 100%; } .cropper-dashed { position: absolute; display: block; border: 0 dashed #eee; opacity: 0.5; filter: alpha(opacity=50); } .cropper-dashed.dashed-h { top: 33.33333%; left: 0; width: 100%; height: 33.33333%; border-top-width: 1px; border-bottom-width: 1px; } .cropper-dashed.dashed-v { top: 0; left: 33.33333%; width: 33.33333%; height: 100%; border-left-width: 1px; border-right-width: 1px; } .cropper-center { position: absolute; top: 50%; left: 50%; display: block; width: 0; height: 0; opacity: 0.75; filter: alpha(opacity=75); } .cropper-center:before, .cropper-center:after { content: ' '; position: absolute; display: block; background-color: #eee; } .cropper-center:before { top: 0; left: -3px; width: 7px; height: 1px; } .cropper-center:after { top: -3px; left: 0; width: 1px; height: 7px; } .cropper-face, .cropper-line, .cropper-point { position: absolute; display: block; width: 100%; height: 100%; opacity: 0.1; filter: alpha(opacity=10); } .cropper-face { top: 0; left: 0; background-color: #fff; } .cropper-line { background-color: #2196F3; } .cropper-line.line-e { top: 0; right: -3px; width: 5px; cursor: e-resize; } .cropper-line.line-n { top: -3px; left: 0; height: 5px; cursor: n-resize; } .cropper-line.line-w { top: 0; left: -3px; width: 5px; cursor: w-resize; } .cropper-line.line-s { bottom: -3px; left: 0; height: 5px; cursor: s-resize; } .cropper-point { width: 5px; height: 5px; background-color: #2196F3; opacity: 0.75; filter: alpha(opacity=75); } .cropper-point.point-e { top: 50%; right: -3px; margin-top: -3px; cursor: e-resize; } .cropper-point.point-n { top: -3px; left: 50%; margin-right: -3px; cursor: n-resize; } .cropper-point.point-w { top: 50%; left: -3px; margin-top: -3px; cursor: w-resize; } .cropper-point.point-s { bottom: -3px; left: 50%; margin-right: -3px; cursor: s-resize; } .cropper-point.point-ne { top: -3px; right: -3px; cursor: nw-resize; } .cropper-point.point-nw { top: -3px; left: -3px; cursor: ne-resize; } .cropper-point.point-sw { bottom: -3px; left: -3px; cursor: se-resize; } .cropper-point.point-se { right: -3px; bottom: -3px; width: 20px; height: 20px; cursor: sw-resize; opacity: 1; filter: alpha(opacity=100); } .cropper-point.point-se:before { content: ' '; position: absolute; right: -50%; bottom: -50%; display: block; width: 200%; height: 200%; background-color: #2196F3; opacity: 0; filter: alpha(opacity=0); } @media (min-width: 769px) { .cropper-point.point-se { width: 15px; height: 15px; } } @media (min-width: 1025px) { .cropper-point.point-se { width: 10px; height: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { width: 5px; height: 5px; opacity: 0.75; filter: alpha(opacity=75); } } .cropper-bg { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC'); } .cropper-invisible { opacity: 0; filter: alpha(opacity=0); } .cropper-hide { position: absolute; display: block; width: 0; height: 0; } .cropper-hidden { display: none !important; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } /* ------------------------------------------------------------------------------ * * # Fancybox lightbox * * Mac-style "lightbox" plugin that floats overtop of web page. * * Version: 1.3 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background-color: #fff; color: #333333; border-radius: 3px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { position: fixed; top: 50%; right: 50%; cursor: pointer; z-index: 8060; color: #fff; opacity: 0.8; filter: alpha(opacity=80); } #fancybox-loading div:after { content: '\eb55'; font-family: 'icomoon'; font-size: 16px; margin-top: -8px; margin-right: -8px; display: block; line-height: 1; width: 16px; height: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-animation: rotation 1s ease infinite; -o-animation: rotation 1s ease infinite; animation: rotation 1s ease infinite; } .fancybox-close { position: fixed; left: 0; top: 0; padding: 15px; z-index: 8061; cursor: pointer; line-height: 1; color: #fff; border-radius: 3px; } .fancybox-close:hover, .fancybox-close:focus { background-color: rgba(0, 0, 0, 0.25); color: #fff; } .fancybox-close:after { content: '\ed6a'; font-family: 'icomoon'; font-size: 16px; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fancybox-error { color: #F44336; font-weight: 500; margin: 0; padding: 20px; white-space: nowrap; } .fancybox-title { visibility: hidden; font-weight: 500; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; left: 50%; margin-bottom: -45px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-left: -100%; padding: 7px 12px; background: rgba(0, 0, 0, 0.5); color: #fff; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; right: 0; color: #fff; padding: 10px; background-color: transparent; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background-color: transparent; -webkit-tap-highlight-color: transparent; z-index: 8040; } .fancybox-nav span { position: absolute; top: 50%; width: 32px; height: 32px; margin-top: -16px; cursor: pointer; padding: 8px; color: #fff; background-color: rgba(0, 0, 0, 0.5); display: block; text-align: center; z-index: 8040; visibility: hidden; border-radius: 3px; opacity: 0; filter: alpha(opacity=0); } .fancybox-nav span:after { font-family: 'icomoon'; display: inline-block; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fancybox-nav:hover span { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .fancybox-prev { right: 0; } .fancybox-prev span { right: 10px; } .fancybox-prev span:after { content: '\e9cb'; } .fancybox-next { left: 0; } .fancybox-next span { left: 10px; } .fancybox-next span:after { content: '\e9c8'; } .fancybox-lock { overflow: visible !important; width: auto; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; right: 0; overflow: hidden; display: none; z-index: 8010; background-color: rgba(0, 0, 0, 0.8); } .fancybox-overlay-fixed { position: fixed; bottom: 0; left: 0; } /* ------------------------------------------------------------------------------ * * # Footable * * jQuery plugin that aims to make HTML tables on smaller devices look awesome. * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .footable { width: 100%; } .footable > thead > tr > th { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .footable.breakpoint > tbody > tr.footable-detail-show > td { border-bottom: 0; } .footable.breakpoint > tbody > tr.footable-row-detail:hover { background-color: transparent; } .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) { cursor: pointer; } .footable.breakpoint > tbody > tr > .footable-cell-detail { background-color: #eeeeee; border-top: 0; } .footable.breakpoint > tbody > tr .footable-toggle:before { content: "\e9e4"; display: inline-block; font-family: 'icomoon'; font-size: 16px; vertical-align: middle; position: relative; top: -1px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 10px; } .footable.breakpoint > tbody > tr.footable-detail-show .footable-toggle:before { content: "\e9e7"; } .footable-row-detail-inner { display: table; table-layout: fixed; width: 100%; } .footable-row-detail-row { display: table-row; } .footable-row-detail-group { display: block; font-weight: 700; margin-top: 20px; margin-bottom: 7px; } .footable-row-detail-group:first-child { margin-top: 7px; } .footable-row-detail-name { display: table-cell; padding-left: 40px; font-weight: 500; } .footable-row-detail-value { display: table-cell; padding: 7px 0; } @media (max-width: 480px) { .footable-row-detail-inner { position: relative; } .footable-row-detail .dropdown, .footable-row-detail .dropup, .footable-row-detail .btn-group { position: static; } .footable-row-detail .dropdown-menu { right: 0; left: 0; } } /* ------------------------------------------------------------------------------ * * # Handsontable library * * EXCEL-LIKE SPREADSHEET FOR APPS * * Version: 1.0 * Latest update: Nov 25, 2015 * * ---------------------------------------------------------------------------- */ .hot-container { position: relative; -webkit-box-shadow: 0 0 0 1px #ddd; box-shadow: 0 0 0 1px #ddd; } .hot-container .ht_master .wtHolder { min-width: 100%; } .hot-container.has-scroll { height: 300px; overflow: hidden; } @media (max-width: 1024px) { .hot-container { overflow-x: hidden; overflow-y: auto; } .hot-container .ht_master .wtHolder { max-width: 100%; min-width: auto; } .hot-container:not(.has-scroll) .wtHolder { height: 100% !important; } } .handsontable .table-striped > tbody > tr:nth-of-type(odd) > td:not([class*=bg-]) { background-color: inherit; } .handsontable .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } .changeType { border: 0; background-color: transparent; border-radius: 2px; padding: 0; float: right; margin-right: 2px; line-height: 16px; margin-top: 2px; } .changeType:hover { color: #777; } .changeTypeMenu { position: absolute; border: 1px solid #ccc; margin-top: 20px; background-color: #fff; padding: 7px 0; display: none; width: 160px; z-index: 1000; } .changeTypeMenu li { list-style: none; padding: 7px 12px; padding-right: 34px; cursor: pointer; position: relative; } .changeTypeMenu li:hover { background-color: #f5f5f5; } .changeTypeMenu li.active:after { content: '\e600'; font-family: 'Icomoon'; position: absolute; right: 12px; top: 50%; margin-top: -8px; display: inline-block; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .handsontable { position: relative; direction: ltr; } .handsontable .hide { display: none; } .handsontable .relative { position: relative; } .handsontable.htAutoSize { visibility: hidden; left: -99000px; position: absolute; top: -99000px; } .handsontable .htDimmed { color: #999999; } .handsontable .wtHider { width: 0; } .handsontable .wtSpreader { position: relative; width: 0; /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */ height: auto; } .handsontable table, .handsontable tbody, .handsontable thead, .handsontable td, .handsontable th, .handsontable input, .handsontable textarea, .handsontable div { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .handsontable input, .handsontable textarea { min-height: initial; } .handsontable .htCore { border-collapse: separate; border-spacing: 0; margin: 0; border-width: 0; table-layout: fixed; width: 0; outline-width: 0; max-width: none; max-height: none; } .handsontable col, .handsontable col.rowHeader { width: 50px; } .handsontable th, .handsontable td { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 30px; empty-cells: show; position: relative; padding: 0 4px; overflow: hidden; outline-width: 0; white-space: pre-line; } .handsontable th.disabled, .handsontable td.disabled { background-color: #fafafa; color: #999999; } .handsontable th { text-align: center; font-weight: normal; white-space: nowrap; } .handsontable th:not([class*=bg-]) { background-color: #f5f5f5; } .handsontable th.active { background-color: #eeeeee; } .handsontable thead th { padding: 0; } .handsontable thead th .relative { padding: 2px 4px; overflow: hidden; text-overflow: ellipsis; } .handsontable td:not([class*=bg-]) { background-color: #fff; } .handsontable td.htInvalid { background-color: #FFEBEE !important; } .handsontable td.htNoWrap { white-space: nowrap; } .handsontable td.active { background-color: #f8f8f8; } .handsontable td.area { background-color: #fff; background: -moz-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(181, 209, 255, 0.34)), color-stop(100%, rgba(181, 209, 255, 0.34))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57b5d1ff', endColorstr='#57b5d1ff', GradientType=0); /* IE6-9 */ } .handsontable tr:first-child th.htNoFrame, .handsontable th:first-child.htNoFrame, .handsontable th.htNoFrame { border-left-width: 0; background-color: #fff; border-color: #fff; } .handsontable th:first-child, .handsontable td:first-of-type, .handsontable .htNoFrame + th, .handsontable .htNoFrame + td { border-left: 1px solid #ddd; } .handsontable.htRowHeaders thead tr th:nth-child(2) { border-left: 1px solid #ddd; } .handsontable tr:first-child th, .handsontable tr:first-child td { border-top: 1px solid #ddd; } .ht_master:not(.innerBorderLeft) ~ .handsontable tbody tr th, .ht_master:not(.innerBorderLeft) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child { border-right-width: 0; } .ht_master:not(.innerBorderTop) thead tr:last-child th, .ht_master:not(.innerBorderTop) thead tr.lastChild th, .ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th, .ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th { border-bottom-width: 0; } .ht_master tbody tr:first-child td { border-top-color: transparent; } .ht_clone_top tr:first-child th, .ht_clone_top tr:first-child td { border-top-color: transparent; } .ht_clone_left thead tr:first-child th, .ht_clone_top_left_corner thead tr:first-child th, .ht_clone_left tbody tr:first-child td, .ht_clone_top_left_corner tbody tr:first-child td, .ht_clone_left tbody tr:first-child th, .ht_clone_top_left_corner tbody tr:first-child th { border-top-color: transparent; } .handsontable th:first-child, .handsontable td:first-child { border-left-color: transparent; } .ht_master td:last-child, .ht_clone_top th:last-child, .ht_clone_top td:last-child { border-right-color: transparent; } .ht_master tbody tr:last-child th, .ht_clone_left tbody tr:last-child th, .ht_master tbody tr:last-child td, .ht_clone_left tbody tr:last-child td { border-bottom-color: transparent; } .htRowHeaders.htColumnHeaders .ht_clone_top_left_corner tbody tr:first-child th, .htRowHeaders.htColumnHeaders .ht_clone_left tbody tr:first-child th { border-top-color: #ddd; } .htColumnHeaders .handsontable tr:first-child td { border-top-color: #ddd; } .manualColumnMover, .manualRowMover { position: fixed; top: 0; background-color: transparent; z-index: 999; cursor: move; } .manualColumnMover { left: 0; width: 5px; height: 32px; } .manualRowMover { left: -4px; height: 5px; width: 50px; } .manualColumnMoverGuide, .manualRowMoverGuide { position: fixed; left: 0; top: 0; background-color: #ddd; display: none; opacity: 0.25; filter: alpha(opacity=25); } .manualColumnMoverGuide.active, .manualRowMoverGuide.active { display: block; } .manualColumnMoverGuide:hover, .manualRowMoverGuide:hover, .manualColumnMoverGuide.active, .manualRowMoverGuide.active { background-color: #2196F3; } .manualColumnMoverGuide { max-height: 404px; } .manualColumnResizer.active, .manualRowResizer.active { display: block; } .manualColumnResizer:hover, .manualRowResizer:hover, .manualColumnResizer.active, .manualRowResizer.active { background-color: #999999; } .manualColumnResizer { position: fixed; top: 0; cursor: col-resize; z-index: 110; width: 5px; height: 31px; } .manualRowResizer { position: fixed; left: 0; cursor: row-resize; z-index: 110; height: 5px; width: 50px; } .manualColumnResizerGuide { position: fixed; right: 0; top: 0; background-color: #999999; display: none; width: 0; border-right: 1px dashed #777; margin-left: 5px; } .manualRowResizerGuide { position: fixed; left: 0; bottom: 0; background-color: #999999; display: none; height: 0; border-bottom: 1px dashed #777; margin-top: 5px; } .handsontable .columnSorting { position: relative; } .handsontable .columnSorting:hover { cursor: pointer; } .handsontable .columnSorting:before, .handsontable .columnSorting:after, .handsontable .columnSorting.ascending:after, .handsontable .columnSorting.descending:after { font-family: 'Icomoon'; font-size: 12px; color: #999999; position: absolute; display: inline-block; top: 50%; margin-top: -6px; right: -20px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .handsontable .columnSorting:before { content: '\e9c1'; margin-top: -2px; } .handsontable .columnSorting:after { content: '\e9c2'; margin-top: -10px; } .handsontable .columnSorting.ascending:before { content: none; } .handsontable .columnSorting.ascending:after { content: '\e9c2'; } .handsontable .columnSorting.descending:before { content: none; } .handsontable .columnSorting.descending:after { content: '\e9c1'; } .handsontable th.beforeHiddenColumn, .handsontable th.afterHiddenColumn { position: relative; } .handsontable th.beforeHiddenColumn:after, .handsontable th.afterHiddenColumn:after, .handsontable th.beforeHiddenColumn:before, .handsontable th.afterHiddenColumn:before { content: '\25C0'; color: #bbb; position: absolute; right: 1px; top: 2px; font-size: 5pt; } .handsontable th.afterHiddenColumn:before { left: 1px; top: 2px; right: auto; content: '\25B6'; } .handsontable thead th.hiddenHeader { display: none; } .handsontable td.afterHiddenColumn.firstVisible { border-left: 1px solid #ddd; } .wtBorder { position: absolute; font-size: 0; z-index: 10; } .wtBorder.hidden { display: none !important; } .wtBorder.corner { font-size: 0; cursor: crosshair; } .htBorder.htFillBorder { background-color: #F44336; width: 1px; height: 1px; } .handsontableInput { border: none; outline-width: 0; margin: 0; padding: 1px 5px 0 5px; font-family: inherit; line-height: 30px; font-size: inherit; resize: none; display: inline-block; background-color: #fff; -webkit-box-shadow: 0 0 0 2px #2196F3 inset; box-shadow: 0 0 0 2px #2196F3 inset; } .handsontableInputHolder { position: absolute; top: 0; left: 0; z-index: 1000; } .htSelectEditor { -webkit-appearance: menulist-button !important; position: absolute; width: auto; outline: 0; border-color: #ddd; background-color: #fff; } .handsontable .htSubmenu { position: relative; } .handsontable .htSubmenu > div:after { content: '\e9c7'; font-family: 'icomoon'; position: absolute; top: 50%; margin-top: -8px; right: 12px; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0.8; filter: alpha(opacity=80); } .handsontable .htLeft { text-align: left; } .handsontable .htCenter { text-align: center; } .handsontable .htRight { text-align: right; } .handsontable .htJustify { text-align: justify; } .handsontable .htTop { vertical-align: top; } .handsontable .htMiddle { vertical-align: middle; } .handsontable .htBottom { vertical-align: bottom; } .htAutocomplete { padding-right: 20px; } .htPlaceholder { color: #999999; } .htAutocompleteArrow { color: #999999; cursor: default; font-size: 0; line-height: 1; position: absolute; top: 50%; right: 4px; margin-top: -2px; display: inline-block; margin-right: 4px; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; } .handsontable td:hover .htAutocompleteArrow, .handsontable th:hover .htAutocompleteArrow { color: #333333; } .autocompleteEditor, .autocompleteEditor .wtHolder, .autocompleteEditor .htCore { min-width: 180px; } .htCheckboxRendererInput.noValue { opacity: 0.5; filter: alpha(opacity=50); } .htCheckboxRendererLabel { cursor: pointer; display: inline-block; width: 100%; margin-bottom: 0; } .htCheckboxRendererLabel > .htCheckboxRendererInput { margin-right: 10px; } .htCommentCell { position: relative; } .htCommentCell:after { content: ''; position: absolute; top: 0; right: 0; border-left: 6px solid transparent; border-top: 6px solid red; } .htCommentTextArea { background-color: #fff; border: 1px solid #ccc; padding: 8px; margin-top: -1px; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } .handsontable .handsontable.ht_clone_top .wtHider { padding: 0 0 5px 0; } .handsontable.listbox { margin: 0; background-color: #fff; border: 1px solid #ddd; } .handsontable.listbox .ht_master table { border-collapse: separate; border: 0; } .handsontable.listbox th, .handsontable.listbox tr:first-child th, .handsontable.listbox tr:last-child th, .handsontable.listbox tr:first-child td, .handsontable.listbox td { border-color: transparent; } .handsontable.listbox th, .handsontable.listbox td { white-space: nowrap; text-overflow: ellipsis; } .handsontable.listbox td.htDimmed { cursor: pointer; color: inherit; font-style: inherit; } .handsontable.listbox .wtBorder { visibility: hidden; } .handsontable.listbox tr td.current, .handsontable.listbox tr:hover td { background-color: #f5f5f5; } .ht_clone_top { z-index: 11; } .ht_clone_left { z-index: 12; } .ht_clone_top_left_corner, .ht_clone_bottom_left_corner { z-index: 13; } .ht_clone_debug { z-index: 13; } .ht_master, .ht_clone_left, .ht_clone_top, .ht_clone_bottom { overflow: hidden; } .ht_master .wtHolder { overflow: auto; } .ht_clone_left .wtHolder { overflow-x: hidden; overflow-y: auto; } .ht_clone_top .wtHolder, .ht_clone_bottom .wtHolder { overflow-x: hidden; overflow-y: hidden; } .handsontable td.htSearchResult { background-color: #FFF3E0; } .htBordered { border-width: 1px; } .htBordered.htTopBorderSolid { border-top-style: solid; border-top-color: #000; } .htBordered.htRightBorderSolid { border-right-style: solid; border-right-color: #000; } .htBordered.htBottomBorderSolid { border-bottom-style: solid; border-bottom-color: #000; } .htBordered.htLeftBorderSolid { border-left-style: solid; border-left-color: #000; } .handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer { padding-bottom: 5px; } .htCollapseButton { width: 10px; height: 10px; line-height: 10px; text-align: center; border-radius: 3px; border: 1px solid #f5f5f5; cursor: pointer; margin-bottom: 3px; position: relative; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); } .htCollapseButton:after { content: ""; height: 300%; width: 1px; display: block; background-color: #ccc; margin-left: 4px; position: absolute; bottom: 10px; } thead .htCollapseButton { position: absolute; top: 5px; right: 5px; background-color: #fff; } thead .htCollapseButton:after { height: 1px; width: 700%; right: 10px; top: 4px; } .handsontable th .htExpandButton { position: absolute; top: 0; display: none; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); } .handsontable th .htExpandButton.clickable { display: block; } .handsontable thead th .htExpandButton { top: 5px; } .collapsibleIndicator { position: absolute; top: 50%; transform: translate(0%, -50%); right: 5px; border: 1px solid #999999; line-height: 10px; color: #333333; border-radius: 100px; font-size: 10px; width: 10px; height: 10px; cursor: pointer; background-color: #eee; -webkit-box-shadow: 0 0 0 6px #eeeeee; box-shadow: 0 0 0 6px #eeeeee; } .handsontable col.hidden { width: 0 !important; } .handsontable table tr th.lightRightBorder { border-right: 1px solid #E6E6E6; } .handsontable tr.hidden, .handsontable tr.hidden td, .handsontable tr.hidden th { display: none; } .wtDebugHidden { display: none; } .wtDebugVisible { display: block; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: wtFadeInFromNone; animation-name: wtFadeInFromNone; } @keyframes wtFadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } @-webkit-keyframes wtFadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } .handsontable.mobile, .handsontable.mobile .wtHolder { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-overflow-scrolling: touch; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .htMobileEditorContainer { display: none; position: absolute; top: 0; width: 70%; height: 54pt; background: #f5f5f5; border-radius: 20px; border: 1px solid #eee; z-index: 999; -webkit-text-size-adjust: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .htMobileEditorContainer.active { display: block; } .htMobileEditorContainer .inputs { position: absolute; right: 210px; bottom: 10px; top: 10px; left: 14px; height: 36px; } .htMobileEditorContainer .inputs textarea { font-size: 13px; border: 1px solid #a1a1a1; -webkit-appearance: none; position: absolute; left: 14px; right: 14px; top: 0; bottom: 0; padding: 7px; -webkit-box-shadow: none; box-shadow: none; } .htMobileEditorContainer .cellPointer { position: absolute; top: -13px; height: 0; width: 0; left: 30px; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid #ebebeb; } .htMobileEditorContainer .cellPointer.hidden { display: none; } .htMobileEditorContainer .cellPointer:before { content: ''; display: block; position: absolute; top: 2px; height: 0; width: 0; left: -13px; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 13px solid #f5f5f5; } .htMobileEditorContainer .moveHandle { position: absolute; top: 10px; left: 5px; width: 30px; bottom: 0px; cursor: move; z-index: 9999; } .htMobileEditorContainer .moveHandle:after { content: "..\a..\a..\a.."; white-space: pre; line-height: 10px; font-size: 20px; display: inline-block; margin-top: -8px; color: #ebebeb; } .htMobileEditorContainer .positionControls { width: 205px; position: absolute; right: 5px; top: 0; bottom: 0; } .htMobileEditorContainer .positionControls > div { width: 50px; height: 100%; float: left; } .htMobileEditorContainer .positionControls > div:after { content: " "; display: block; width: 15px; height: 15px; text-align: center; line-height: 50px; } .htMobileEditorContainer .leftButton:after, .htMobileEditorContainer .rightButton:after, .htMobileEditorContainer .upButton:after, .htMobileEditorContainer .downButton:after { margin: 21px 0 0 21px; -webkit-transform-origin: 5px; -moz-transform-origin: 5px; -ms-transform-origin: 5px; transform-origin: 5px; } .htMobileEditorContainer .leftButton:after { border-top: 2px solid #288ffe; border-left: 2px solid #288ffe; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .htMobileEditorContainer .leftButton:active:after { border-color: #cfcfcf; } .htMobileEditorContainer .rightButton:after { border-top: 2px solid #288ffe; border-left: 2px solid #288ffe; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .htMobileEditorContainer .rightButton:active:after { border-color: #cfcfcf; } .htMobileEditorContainer .upButton:after { border-top: 2px solid #288ffe; border-left: 2px solid #288ffe; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .htMobileEditorContainer .upButton:active:after { border-color: #cfcfcf; } .htMobileEditorContainer .downButton:after { border-top: 2px solid #288ffe; border-left: 2px solid #288ffe; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); } .htMobileEditorContainer .downButton:active:after { border-color: #cfcfcf; } .topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle), .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) { z-index: 9999; } .topLeftSelectionHandle, .topLeftSelectionHandle-HitArea, .bottomRightSelectionHandle, .bottomRightSelectionHandle-HitArea { left: -10000px; top: -10000px; } .handsontable.hide-tween { -webkit-animation: opacity-hide 0.3s; -o-animation: opacity-hide 0.3s; animation: opacity-hide 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .handsontable.show-tween { -webkit-animation: opacity-show 0.3s; -o-animation: opacity-show 0.3s; animation: opacity-show 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes opacity-hide { from { opacity: 1; } to { opacity: 0; } } @keyframes opacity-hide { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes opacity-show { from { opacity: 0; } to { opacity: 1; } } @keyframes opacity-show { from { opacity: 0; } to { opacity: 1; } } .htContextMenu { display: none; position: absolute; z-index: 1051; } .htContextMenu .ht_clone_top, .htContextMenu .ht_clone_left, .htContextMenu .ht_clone_corner, .htContextMenu .ht_clone_debug { display: none; } .htContextMenu .htCore { border: 1px solid #ddd; background-color: #fff; padding: 7px 0; } .htContextMenu .wtBorder { visibility: hidden; } .htContextMenu table tbody tr td { position: relative; border-width: 0; padding: 0 12px; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .htContextMenu table tbody tr td:first-child { border: 0; } .htContextMenu table tbody tr td.htDimmed { color: #333333; } .htContextMenu table tbody tr td.current, .htContextMenu table tbody tr td.zeroclipboard-is-hover { background: #f5f5f5; } .htContextMenu table tbody tr td.htSeparator { height: 0; padding: 0; background-color: transparent; cursor: default; } .htContextMenu table tbody tr td.htSeparator > div { height: 1px; background-color: #ddd; margin: 7px 0; } .htContextMenu table tbody tr td.htDisabled { color: #999999; } .htContextMenu table tbody tr td.htDisabled, .htContextMenu table tbody tr td.htDisabled:hover { cursor: default; } .htContextMenu table tbody tr td div span.selected { position: absolute; right: 12px; top: 50%; margin-top: -8px; font-size: 0; color: #777; } .htContextMenu table tbody tr td div span.selected:after { content: '\e600'; font-family: 'Icomoon'; display: inline-block; font-size: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .htContextMenu table tbody tr.htHidden { display: none; } .htContextMenu .ht_master .wtHolder { overflow: hidden; } .htContextMenuSub_Alignment { margin-top: -7px; margin-left: -1px; } .global-zeroclipboard-container, .global-zeroclipboard-flash-bridge { cursor: pointer; } .pika-single { z-index: 1000; display: block; position: relative; background-color: #fff; border: 1px solid #ddd; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .pika-single:before, .pika-single:after { content: " "; display: table; } .pika-single:after { clear: both; } .pika-single.is-hidden { display: none; } .pika-single.is-bound { position: absolute; } .pika-lendar { float: left; max-width: 250px; margin: 5px; } .pika-title { position: relative; text-align: center; } .pika-title select { cursor: pointer; position: absolute; z-index: 999; margin: 0; left: 0; height: 36px; padding: 7px 12px; opacity: 0; filter: alpha(opacity=0); } .pika-label { display: inline-block; position: relative; z-index: 1000; overflow: hidden; margin: 0; padding-top: 15px; padding-bottom: 15px; font-size: 15px; line-height: 1; } .pika-label + .pika-label { margin-left: 10px; top: -1px; font-size: 13px; color: #999999; } .pika-prev, .pika-next { display: block; position: relative; border: 0; padding: 5px; margin: 10px 0; font-size: 0; background-color: transparent; } .pika-prev:after, .pika-next:after { font-family: 'Icomoon'; display: block; font-size: 16px; width: 16px; text-align: center; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pika-prev:hover, .pika-next:hover { background-color: #f5f5f5; } .pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: .2; } .pika-prev { float: left; } .pika-prev:after { content: '\e9c8'; } .pika-next { float: right; } .pika-next:after { content: '\e9cb'; } .pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; table-layout: fixed; } .pika-table th, .pika-table td { position: relative; } .pika-table th { color: #999999; font-size: 12px; font-weight: 400; text-align: center; padding-bottom: 10px; } .pika-table abbr { border-bottom: 0; cursor: default; } .pika-button { display: block; border: 0; margin: 0; width: 100%; padding: 7px; text-align: center; border-radius: 3px; background-color: transparent; } .pika-button:hover { background-color: #f5f5f5; } .is-today .pika-button { background-color: #f5f5f5; } .is-selected .pika-button { color: #fff; background-color: #26A69A; } .is-today .pika-button:before, .is-selected .pika-button:before, .is-today.is-selected .pika-button:before { content: ""; position: absolute; top: 2px; right: 2px; width: 0; height: 0; border-top: 6px solid #fff; border-left: 6px solid transparent; } .is-today .pika-button:before { border-top-color: #EF5350; } .is-startrange .pika-button, .is-endrange .pika-button { color: #fff; background: #26A69A; } .is-inrange .pika-button { background: #f5f5f5; } .is-disabled .pika-button { pointer-events: none; cursor: not-allowed; opacity: 0.5; filter: alpha(opacity=50); } .pika-select { display: inline-block; } .pika-week { font-size: 11px; color: #999999; } /* ------------------------------------------------------------------------------ * * # Datatables library * * Add advanced interaction controls to any HTML table * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .dataTable { margin: 0; max-width: none; border-collapse: separate; } .dataTable thead th, .dataTable thead td { outline: 0; position: relative; } .dataTable thead .sorting_asc, .dataTable thead .sorting_desc, .dataTable thead .sorting { cursor: pointer; } .dataTable thead .sorting, .dataTable thead .sorting_asc, .dataTable thead .sorting_desc, .dataTable thead .sorting_asc_disabled, .dataTable thead .sorting_desc_disabled { padding-left: 40px; } .dataTable thead .sorting:before, .dataTable thead .sorting:after, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_desc:after, .dataTable thead .sorting_asc_disabled:after, .dataTable thead .sorting_desc_disabled:after { content: ''; font-family: 'icomoon'; position: absolute; top: 50%; left: 20px; font-size: 12px; margin-top: -6px; display: inline-block; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dataTable thead .sorting:before { content: '\ee45'; color: #999999; } .dataTable thead .sorting_asc:after { content: '\ee4d'; } .dataTable thead .sorting_desc:after { content: '\ee4e'; } .dataTable thead .sorting_asc_disabled:after { content: '\e9c2'; color: #ccc; } .dataTable thead .sorting_desc_disabled:after { content: '\e9c1'; color: #ccc; } .dataTable tbody > tr:first-child > th, .dataTable tbody > tr:first-child > td { border-top: 0; } .dataTable tbody + thead > tr:first-child > th, .dataTable tbody + tfoot + thead > tr:first-child > th, .dataTable tbody + thead > tr:first-child > td, .dataTable tbody + tfoot + thead > tr:first-child > td { border-top: 0; } .dataTable .dataTables_empty { text-align: center; } .dataTable.table-bordered { border-collapse: collapse; } .dataTable .media-body { width: auto; } .dataTables_wrapper { position: relative; clear: both; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .dataTables_wrapper .table-bordered { border-top: 0; } .dataTables_wrapper + .panel-body { border-top: 1px solid #ddd; } .dataTables_processing { position: absolute; top: 50%; right: 50%; width: 100%; height: 40px; margin-right: -50%; margin-top: -25px; padding-top: 20px; text-align: center; background-color: #fff; background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); } .datatable-header, .datatable-footer { padding: 20px 20px 0 20px; } .datatable-header:after, .datatable-footer:after { content: ""; display: table; clear: both; } .datatable-header > div:first-child, .datatable-footer > div:first-child { margin-right: 0; } .panel-body .datatable-header, .panel-body .datatable-footer { padding-right: 0; padding-left: 0; } .datatable-header-accent, .datatable-footer-accent { background-color: #fcfcfc; } .datatable-header { border-bottom: 1px solid #ddd; } .datatable-footer { border-top: 1px solid #bbb; } .dataTables_length { float: left; display: inline-block; margin: 0 20px 20px 0; } .dataTables_length > label { margin-bottom: 0; } .dataTables_length > label > span:first-child { float: right; margin: 8px 15px; margin-right: 0; } .dataTables_length select { height: 36px; padding: 7px 12px; font-size: 13px; line-height: 1.5384616; color: #333333; background-color: #fff; border: 1px solid #ddd; outline: 0; } .length-left .dataTables_length { float: right; } .dataTables_length .select2-container { width: auto; } .dataTables_length .select2-choice { min-width: 60px; } .dataTables_filter { position: relative; display: block; float: right; margin: 0 20px 20px 0; } .dataTables_filter > label { margin-bottom: 0; position: relative; } .dataTables_filter > label:after { content: "\e98e"; font-family: 'icomoon'; font-size: 12px; display: inline-block; position: absolute; top: 50%; left: 12px; margin-top: -6px; color: #999999; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dataTables_filter > label > span { float: right; margin: 8px 15px; margin-right: 0; } .dataTables_filter input { outline: 0; width: 200px; height: 36px; padding: 7px 12px; padding-left: 36px; font-size: 13px; line-height: 1.5384616; color: #333333; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; } .filter-right .dataTables_filter { float: left; } .dataTables_info { float: right; padding: 8px 0; margin-bottom: 20px; } .info-right .dataTables_info { float: left; } .dataTables_paginate { float: left; text-align: left; margin: 0 20px 20px 0; } .dataTables_paginate .paginate_button { display: inline-block; padding: 7px; min-width: 36px; margin-right: 2px; text-align: center; text-decoration: none; cursor: pointer; color: #333333; border: 1px solid transparent; border-radius: 3px; } .dataTables_paginate .paginate_button:first-child { margin-right: 0; } .dataTables_paginate .paginate_button:hover, .dataTables_paginate .paginate_button:focus { background-color: #f5f5f5; } .dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover, .dataTables_paginate .paginate_button.current:focus { color: #fff; background-color: #455A64; } .dataTables_paginate .paginate_button.disabled, .dataTables_paginate .paginate_button.disabled:hover, .dataTables_paginate .paginate_button.disabled:focus { cursor: default; background-color: transparent; color: #bbb; } .dataTables_paginate.paging_simple .paginate_button { padding-right: 12px; padding-left: 12px; } .paginate-left .dataTables_paginate { float: right; } .paging_simple .paginate_button:hover, .paging_simple .paginate_button:focus { color: #fff; background-color: #455A64; } .dataTables_scroll { clear: both; } .dataTables_scroll .dataTables_scrollHead table { border-bottom: 0; } .dataTables_scroll .dataTables_scrollHead th, .dataTables_scroll .dataTables_scrollHead td { white-space: nowrap; } .dataTables_scroll .dataTables_scrollBody { -webkit-overflow-scrolling: touch; } .dataTables_scroll .dataTables_scrollBody table { border-bottom: 0; } .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:before, .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:after { content: none; } .dataTables_scroll .dataTables_scrollBody table tbody tr:first-child > td { border-top: 0; } .dataTables_scroll .dataTables_scrollBody th, .dataTables_scroll .dataTables_scrollBody td { white-space: nowrap; } .dataTables_scroll .dataTables_scrollBody th > .dataTables_sizing, .dataTables_scroll .dataTables_scrollBody td > .dataTables_sizing { height: 0; overflow: hidden; margin: 0; padding: 0; } .panel-body + .dataTables_wrapper, .panel-body + * > .dataTables_wrapper { border-top: 1px solid #ddd; } .panel-body > .dataTables_wrapper .datatable-footer { border-top: 0; } .panel-body > .dataTables_wrapper .datatable-footer .dataTables_length, .panel-body > .dataTables_wrapper .datatable-footer .dataTables_filter, .panel-body > .dataTables_wrapper .datatable-footer .dataTables_info, .panel-body > .dataTables_wrapper .datatable-footer .dataTables_paginate { margin-bottom: 0; } .panel-flat > .panel-heading + .dataTables_wrapper > .datatable-header { padding-top: 0; } .panel > .dataTables_wrapper .table-bordered { border: 0; } .panel > .dataTables_wrapper .table-bordered > thead > tr > td:first-child, .panel > .dataTables_wrapper .table-bordered > tbody > tr > td:first-child, .panel > .dataTables_wrapper .table-bordered > tfoot > tr > td:first-child, .panel > .dataTables_wrapper .table-bordered > thead > tr > th:first-child, .panel > .dataTables_wrapper .table-bordered > tbody > tr > th:first-child, .panel > .dataTables_wrapper .table-bordered > tfoot > tr > th:first-child { border-right: 0; } .panel > .dataTables_wrapper .table-bordered > thead > tr > td:last-child, .panel > .dataTables_wrapper .table-bordered > tbody > tr > td:last-child, .panel > .dataTables_wrapper .table-bordered > tfoot > tr > td:last-child, .panel > .dataTables_wrapper .table-bordered > thead > tr > th:last-child, .panel > .dataTables_wrapper .table-bordered > tbody > tr > th:last-child, .panel > .dataTables_wrapper .table-bordered > tfoot > tr > th:last-child { border-left: 0; } .panel > .dataTables_wrapper .table-bordered > tbody > tr:last-child > th, .panel > .dataTables_wrapper .table-bordered > tbody > tr:last-child > td { border-bottom: 0; } .datatable-scroll-lg, .datatable-scroll, .datatable-scroll-sm { min-height: .01%; } .datatable-scroll-wrap { width: 100%; min-height: .01%; overflow-x: auto; } @media (max-width: 768px) { .datatable-scroll-sm { width: 100%; overflow-x: scroll; } .datatable-scroll-sm th, .datatable-scroll-sm td { white-space: nowrap; } } @media (max-width: 1024px) { .datatable-scroll { width: 100%; overflow-x: scroll; } .datatable-scroll th, .datatable-scroll td { white-space: nowrap; } } @media (max-width: 1199px) { .datatable-scroll-lg { width: 100%; overflow-x: scroll; } .datatable-scroll-lg th, .datatable-scroll-lg td { white-space: nowrap; } } @media (max-width: 768px) { .dataTables_info, .dataTables_paginate, .dataTables_length, .dataTables_filter, .DTTT_container, .ColVis { float: none !important; text-align: center; margin-right: 0; } .dataTables_info, .dataTables_paginate { margin-top: 0; } .datatable-header { text-align: center; } } /* ------------------------------------------------------------------------------ * * # Columns reorder * * Easily modify the column order of a table through drop-and-drag of column headers * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .DTCR_clonedTable { background-color: rgba(255, 255, 255, 0.8); z-index: 202; cursor: move; } .DTCR_clonedTable th, .DTCR_clonedTable td { border: 1px solid #ddd !important; } .DTCR_pointer { width: 1px; background-color: #2196F3; z-index: 201; } /* ------------------------------------------------------------------------------ * * # Row Reorder extension * * RowReorder adds the ability for rows in a DataTable to be reordered through * user interaction with the table. * * Version: 1.0 * Latest update: Nov 10, 2015 * * ---------------------------------------------------------------------------- */ .dt-rowReorder-float { position: absolute !important; table-layout: static; outline: 1px dashed #777; outline-offset: -1px; background-color: #fff; z-index: 1030; cursor: move; opacity: 0.9; filter: alpha(opacity=90); } .dt-rowReorder-moving { outline: 1px solid #777; outline-offset: -1px; } .dt-rowReorder-noOverflow { overflow-x: hidden; } .dataTable td.reorder { text-align: center; cursor: move; } /* ------------------------------------------------------------------------------ * * # Fixed columns * * Extension that "freezes" in place the left most columns in a scrolling DataTable * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .DTFC_Cloned { background-color: #fff; border-bottom: 0; } .DTFC_LeftWrapper .DTFC_Cloned.table { border-right: 1px solid #ddd; } .DTFC_RightWrapper .DTFC_Cloned.table { border-left: 1px solid #ddd; } .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:before, .DTFC_RightBodyWrapper .DTFC_Cloned thead th:before, .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:after, .DTFC_RightBodyWrapper .DTFC_Cloned thead th:after { content: none; } .DTFC_LeftBodyWrapper .DTFC_Cloned tbody > tr:first-child > td, .DTFC_RightBodyWrapper .DTFC_Cloned tbody > tr:first-child > td, .DTFC_LeftBodyWrapper .DTFC_Cloned tbody > tr:first-child > th, .DTFC_RightBodyWrapper .DTFC_Cloned tbody > tr:first-child > th { border-top: 0; } .DTFC_ScrollWrapper { direction: ltr; } .DTFC_Blocker { background-color: white; } @media (max-width: 768px) { .DTFC_LeftWrapper, .DTFC_RightWrapper { display: none; } } /* ------------------------------------------------------------------------------ * * # Fixed Header extension * * This extension lets your users quickly determine what each column refers to * rather than needing to scroll back to the top of the table. * * Version: 1.0 * Latest update: Nov 9, 2015 * * ---------------------------------------------------------------------------- */ .fixedHeader-floating, .fixedHeader-locked { background-color: #fff; margin-top: 0; margin-bottom: 0; } .fixedHeader-floating { position: fixed; } .fixedHeader-floating + .fixedHeader-floating, .fixedHeader-locked + .fixedHeader-floating { border-top: 0 !important; } @media (max-width: 768px) { .fixedHeader-floating { display: none; } } .fixedHeader-locked { position: absolute; } @media (max-width: 768px) { .fixedHeader-locked { display: none; } } @media print { table.fixedHeader-floating { display: none; } } /* ------------------------------------------------------------------------------ * * # Autofill extension * * Spreadsheets such as Excel and Google Docs have a very handy data duplication * option of an auto fill tool * * Version: 1.1 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .dt-autofill-handle { position: absolute; height: 8px; width: 8px; z-index: 102; border: 1px solid #2196F3; background: #2196F3; } .dt-autofill-select { position: absolute; z-index: 1001; background-color: #2196F3; background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.75) 5px, rgba(255, 255, 255, 0.75) 10px); } .dt-autofill-select.top, .dt-autofill-select.bottom { height: 1px; } .dt-autofill-select.left, .dt-autofill-select.right { width: 1px; } .dt-autofill-list { position: fixed; top: 50%; right: 50%; width: 500px; margin-right: -250px; background-color: #fff; border-radius: 3px; border: 1px solid transparent; z-index: 1050; padding: 7px 0; } .dt-autofill-list ul { display: table; margin: 0; padding: 0; list-style: none; width: 100%; } .dt-autofill-list ul li { display: table-row; } .dt-autofill-list ul li:hover { background-color: #f5f5f5; } .dt-autofill-list .dt-autofill-question { display: table-cell; padding: 7px 15px; } .dt-autofill-list .dt-autofill-question input[type=number] { padding: 6px; width: 30px; margin: -2px 0; } .dt-autofill-list .dt-autofill-button { display: table-cell; padding: 7px 15px; text-align: left; } .dt-autofill-list .dt-autofill-button .btn { padding: 3px; background-color: #2196F3; color: #fff; font-size: 0; } .dt-autofill-list .dt-autofill-button .btn:after { content: '\e9c3'; font-family: 'Icomoon'; display: block; font-size: 16px; width: 16px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dt-autofill-list .dt-autofill-button .btn:hover { opacity: 0.85; filter: alpha(opacity=85); } .dt-autofill-background { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background-color: #000; z-index: 1040; opacity: 0.5; filter: alpha(opacity=50); } /* ------------------------------------------------------------------------------ * * # Select extension * * Spreadsheets such as Excel and Google Docs have a very handy data duplication * option of an auto fill tool * * Version: 1.1 * Latest update: Dec 9, 2015 * * ---------------------------------------------------------------------------- */ .dataTable tbody > tr.selected, .dataTable tbody > tr > .selected { background-color: #E8F5E9; } .dataTables_wrapper .select-info, .dataTables_wrapper .select-item { margin-right: 10px; } @media (max-width: 768px) { .dataTables_wrapper .select-info, .dataTables_wrapper .select-item { margin-right: 0; display: block; } } .dataTable tbody .select-checkbox { position: relative; } .dataTable tbody .select-checkbox:before, .dataTable tbody .select-checkbox:after { display: inline-block; color: #455A64; position: absolute; top: 50%; right: 50%; cursor: pointer; } .dataTable tbody .select-checkbox:before { content: ''; background-color: #fff; width: 18px; height: 18px; margin-top: -9px; margin-right: -9px; border: 2px solid #607D8B; border-radius: 2px; } .dataTable tbody .selected .select-checkbox:after { content: "\e600"; font-family: 'icomoon'; font-size: 16px; line-height: 1; margin-top: -8px; margin-right: -8px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ------------------------------------------------------------------------------ * * # Buttons extension * * The Buttons extension for DataTables provides a common set of options, API * methods and styling to display buttons that will interact with a DataTable * * Version: 1.2 * Latest update: Jul 5, 2016 * * ---------------------------------------------------------------------------- */ .dt-buttons-full .dt-buttons { text-align: center; float: none; display: block; margin: 0; border-bottom: 1px solid #ddd; padding-top: 20px; padding-bottom: 10px; background-color: #fcfcfc; } .dt-buttons-full .dt-buttons > .btn { margin-bottom: 10px; float: none; } .dt-buttons { float: left; display: inline-block; margin: 0 20px 20px 0; } .dt-buttons-left .dt-buttons { float: right; } .dt-buttons > .dt-button { display: inline-block; } .dt-buttons > .btn { border-radius: 0; } .dt-buttons > .btn:first-child { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .dt-buttons > .btn:last-child { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .dt-buttons > .btn + .btn { margin-right: -1px; } @media screen and (max-width: 767px) { .dt-buttons { float: none; text-align: center; display: block; } .dt-buttons .btn { float: none; } } .dt-button-info { position: fixed; top: 50%; right: 50%; width: 400px; margin-top: -100px; margin-right: -200px; padding: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; text-align: center; z-index: 1050; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .dt-button-info h2 { margin-top: 0; line-height: 1.5384616; font-size: 17px; } .dt-button-background { position: fixed; top: 0; right: 0; height: 100%; width: 100%; background-color: #333; z-index: 999; opacity: 0.25; filter: alpha(opacity=25); } .dt-button-collection { position: absolute; top: 0; left: 0; background-color: #fff; display: block; z-index: 1000; padding: 7px 0; overflow: hidden; min-width: 180px; border-radius: 3px; -webkit-column-gap: 2px; -moz-column-gap: 2px; -ms-column-gap: 2px; -o-column-gap: 2px; column-gap: 2px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .dt-button-collection > .dt-button { padding: 8px 15px; color: #333333; display: block; outline: 0; } .dt-button-collection > .dt-button + .dt-button { margin-top: 1px; } .dt-button-collection > .dt-button:hover, .dt-button-collection > .dt-button:focus { color: #333333; background-color: #f5f5f5; } .dt-button-collection > .dt-button.active { color: #fff; background-color: #2196F3; } .dt-button-collection.fixed { position: fixed; top: 50%; right: 50%; margin-right: -75px; padding-right: 5px; padding-left: 5px; } .dt-button-collection.fixed.two-column { margin-right: -150px; } .dt-button-collection.fixed.three-column { margin-right: -225px; } .dt-button-collection.fixed.four-column { margin-right: -300px; } .dt-button-collection > * { -webkit-column-break-inside: avoid; break-inside: avoid; } .dt-button-collection.two-column { width: 300px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; } .dt-button-collection.three-column { width: 450px; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; } .dt-button-collection.four-column { width: 600px; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; } /* ------------------------------------------------------------------------------ * * # Key Table extension * * KeyTable provides Excel like cell navigation on any table. Events (focus, blur, * action etc) can be assigned to individual cells, columns, rows or all cells. * * Version: 1.0 * Latest update: Nov 10, 2015 * * ---------------------------------------------------------------------------- */ .dataTable th.focus, .dataTable td.focus { outline: 2px solid #2196F3; outline-offset: -1px; } .dataTable th.focus-success, .dataTable td.focus-success { background-color: #E8F5E9; outline-color: #4CAF50; } .dataTable th.focus-info, .dataTable td.focus-info { background-color: #E3F2FD; outline-color: #2196F3; } .dataTable th.focus-warning, .dataTable td.focus-warning { background-color: #FBE9E7; outline-color: #FF5722; } .dataTable th.focus-danger, .dataTable td.focus-danger { background-color: #FFEBEE; outline-color: #F44336; } /* ------------------------------------------------------------------------------ * * # Datatables Scroller * * Drawing the rows required for the current display only, for fast operation * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .DTS tbody th, .DTS tbody td { white-space: nowrap; } .DTS .DTS_Loading { position: absolute; top: 50%; right: 50%; width: 200px; height: 20px; margin-top: -20px; margin-right: -100px; z-index: 1; border: 1px solid #999; padding: 20px 0; text-align: center; background-color: rgba(255, 255, 255, 0.5); } .DTS .dataTables_scrollHead, .DTS .dataTables_scrollFoot { background-color: #fff; } .DTS .dataTables_scrollBody { z-index: 2; } /* ------------------------------------------------------------------------------ * * # Responsive extension * * Optimise the table's layout for different screen sizes through the dynamic * insertion and removal of columns from the table * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .dtr-inline.collapsed tbody tr td:before, .dtr-inline.collapsed tbody tr th:before { margin-left: 10px; } .dtr-inline.collapsed tbody tr td:first-child, .dtr-inline.collapsed tbody tr th:first-child { position: relative; cursor: pointer; white-space: nowrap; } .dtr-inline.collapsed tbody tr td:first-child.dataTables_empty:before, .dtr-inline.collapsed tbody tr th:first-child.dataTables_empty:before { display: none; } .dtr-column tbody td.control, .dtr-column tbody th.control { position: relative; cursor: pointer; } .dtr-inline.collapsed tbody tr td:first-child:before, .dtr-inline.collapsed tbody tr th:first-child:before, .dtr-column tbody tr td.control:before, .dtr-column tbody tr th.control:before { content: '\e9e4'; font-family: 'icomoon'; display: inline-block; font-size: 16px; width: 16px; line-height: 1; position: relative; top: -1px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before, .dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before, .dataTable.dtr-column tbody tr.parent td.control:before, .dataTable.dtr-column tbody tr.parent th.control:before { content: '\e9e7'; } .dtr-inline.collapsed tbody tr.child td:before { display: none; } .dataTable tr.child:hover { background-color: transparent; } .dataTable tr.child .dtr-title { display: table-cell; font-weight: 500; padding-left: 40px; } .dataTable tr.child .dtr-data { display: table-cell; padding: 8px 0; } .dataTable tr td.child { white-space: normal; position: relative; } .dataTable tr td.child > ul { display: table; table-layout: fixed; width: 100%; list-style: none; margin: 0; padding: 0; } .dataTable tr td.child > ul > li { display: table-row; } @media (max-width: 480px) { .dataTable tr td.child > ul > li .dropdown, .dataTable tr td.child > ul > li .dropup, .dataTable tr td.child > ul > li .btn-group { position: static; } .dataTable tr td.child > ul > li .dropdown-menu { right: 0; left: 0; border-radius: 0; border-width: 1px 0; } } /* ------------------------------------------------------------------------------ * * # Google maps base * * Styles related to Google Maps: containers, sizing etc. * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .map-wrapper { width: 100%; height: 400px; } .sidebar .map-wrapper { height: 200px; border: 1px solid #ddd; } /* ------------------------------------------------------------------------------ * * # Google Maps overrides * * Override Google Maps default styles * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .map-container { height: 500px; } .gm-style { font-size: 13px; } .gm-style .gm-style-iw { font-size: 13px; font-weight: 400; } /* ------------------------------------------------------------------------------ * * # Vector maps * * Vector map container, tooltip and zooming * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .vector-map-container { height: 500px; } .jvectormap-label { position: absolute; display: none; border-radius: 2px; background-color: #333; color: #fff; padding: 7px 12px; } .jvectormap-zoomin, .jvectormap-zoomout { position: absolute; right: 10px; border-radius: 2px; padding: 8px; color: white; cursor: pointer; font-size: 16px; font-weight: 300; line-height: 10px; background-color: #37474F; text-align: center; } .jvectormap-zoomin:hover, .jvectormap-zoomout:hover { background-color: #455A64; } .jvectormap-zoomin { top: 10px; } .jvectormap-zoomout { top: 40px; } /* ------------------------------------------------------------------------------ * * # Chart styling * * Charts base - container and sizing setup * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .chart-container { position: relative; width: 100%; } .chart-container.has-scroll { overflow-x: scroll; overflow-y: visible; max-width: 100%; } @media (max-width: 768px) { .chart-container { overflow-x: scroll; overflow-y: visible; max-width: 100%; } } .chart { position: relative; display: block; width: 100%; direction: ltr; } .chart.has-minimum-width { min-width: 600px; } .has-fixed-height { height: 400px; } .chart-pie { width: 100%; height: 400px; min-width: 500px; } /* ------------------------------------------------------------------------------ * * # C3 charts * * Styles for C3.js visualization library * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .c3 svg { font-size: 12px; } .c3 path, .c3 line { fill: none; stroke: #999999; } .c3 path.domain { shape-rendering: crispEdges; } .c3 text { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid, .c3-event-rect, .c3-bars path { shape-rendering: crispEdges; } .c3-chart-arc path { stroke: #fff; } .c3-chart-arc text { fill: #fff; font-size: 13px; } .c3-grid line { stroke: #aaa; } .c3-grid text { fill: #aaa; } .c3-xgrid, .c3-ygrid { stroke-dasharray: 3 3; } .c3-text { font-weight: 500; } .c3-text.c3-empty { fill: #808080; font-size: 2em; } .c3-line { stroke-width: 2px; } .c3-area { stroke-width: 0; opacity: 0.4; filter: alpha(opacity=40); } .c3-circle._expanded_ { stroke-width: 1.5px; stroke: #fff; } .c3-selected-circle { fill: #fff; stroke-width: 2px; } .c3-bar { stroke-width: 0; } .c3-bar._expanded_ { fill-opacity: 0.75; } .c3-chart-arcs-title { font-size: 1.3em; } .c3-chart-arcs .c3-chart-arcs-background { fill: #e0e0e0; stroke: none; } .c3-chart-arcs .c3-chart-arcs-gauge-unit { fill: #333333; font-size: 15px; } .c3-chart-arcs .c3-chart-arcs-gauge-max, .c3-chart-arcs .c3-chart-arcs-gauge-min { fill: #999999; } .c3-chart-arc .c3-gauge-value { fill: #333333; font-size: 28px; } .c3-target.c3-focused { opacity: 1; filter: alpha(opacity=100); } .c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step { stroke-width: 2px; } .c3-target.c3-defocused { opacity: 0.3 !important; filter: alpha(opacity=30) !important; } .c3-region { fill: #546E7A; fill-opacity: .1; } .c3-brush .extent { fill-opacity: .1; } .c3-legend-item { font-size: 12px; } .c3-legend-background { fill: #fff; stroke: lightgray; stroke-width: 1; opacity: 0.75; filter: alpha(opacity=75); } .c3-tooltip { border-collapse: collapse; border-spacing: 0; background-color: #fff; empty-cells: show; opacity: 0.95; filter: alpha(opacity=95); } .c3-tooltip th { background-color: #333; padding: 4px 10px; text-align: center; color: #fff; border: 1px solid #333; font-weight: 500; } .c3-tooltip td { font-size: 12px; padding: 6px 10px; background-color: #fff; border: 1px solid #ddd; } .c3-tooltip td > span { display: inline-block; width: 10px; height: 10px; margin-left: 6px; } .c3-tooltip td.value { text-align: left; } /* ------------------------------------------------------------------------------ * * # D3.js library * * Basic styles for D3.js visualization library * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .d3-axis path { fill: none; stroke: #999999; shape-rendering: crispEdges; } .d3-axis line { stroke: #eeeeee; shape-rendering: crispEdges; } .d3-axis .tick, .d3-axis .tick text { font-size: 12px; fill: #333333; } .d3-axis-solid path, .d3-axis-solid line { stroke: #ccc; } .d3-axis-solid .tick { fill: #999999; } .d3-axis-solid .tick text { fill: #999999; } .d3-axis-strong path, .d3-axis-strong line { stroke: #ccc; } .d3-axis-strong .tick { fill: #333333; } .d3-axis-strong .tick text { fill: #333333; } .d3-axis-transparent path { stroke: none; } .d3-axis-transparent line { stroke: #e5e5e5; } .d3-axis-transparent .tick { fill: #999999; } .d3-axis-transparent .tick text { fill: #999999; } .d3-tip { direction: rtl; position: absolute; padding: 8px 15px; border-radius: 3px; background-color: #333; color: #fff; margin-bottom: -3px; font-size: 12px; z-index: 1070; } .d3-tip .d3-tip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .d3-tip.n .d3-tip-arrow { bottom: -4px; left: 50%; margin-left: -4px; border-width: 4px 4px 0; border-top-color: #333; } .d3-tip.e .d3-tip-arrow { top: 50%; left: -4px; border-right-color: #333; border-width: 4px 4px 4px 0; margin-top: -4px; } .d3-tip.w .d3-tip-arrow { top: 50%; right: -4px; border-width: 4px 0 4px 4px; border-left-color: #333; margin-top: -4px; } .d3-tip.s .d3-tip-arrow { top: 0; left: 50%; margin-left: -4px; border-width: 0 4px 4px; border-bottom-color: #333; } .venntooltip { position: absolute; text-align: center; min-width: 60px; white-space: nowrap; background-color: #333; color: #fff; padding: 7px 12px; border-radius: 3px; display: none; } .d3-line { fill: none; } .d3-line-thin { stroke-width: 1px; } .d3-line-medium { stroke-width: 1.5px; } .d3-line-strong { stroke-width: 2px; } .d3-line-circle { fill: none; cursor: pointer; } .d3-line-circle-thin { stroke-width: 1px; } .d3-line-circle-medium { stroke-width: 1.5px; } .d3-line-circle-strong { stroke-width: 2px; } .d3-grid .tick line { stroke-width: 1px; stroke: #e5e5e5; shape-rendering: crispEdges; } .d3-grid .tick text { fill: #333333; stroke: none; } .d3-grid-dashed .tick { stroke-dasharray: 4,2; stroke-width: 1px; stroke: #e5e5e5; shape-rendering: crispEdges; } .d3-grid-dashed path { stroke-width: 0; } .d3-crosshair-overlay { fill: none; pointer-events: all; } .bullet-tick line { stroke: #999999; stroke-width: 1px; shape-rendering: crispEdges; } .bullet-tick text { fill: #999999; font-size: 12px; } .bullet-marker { stroke-width: 2px; shape-rendering: crispEdges; } .bullet-title { font-size: 13px; font-weight: 500; } .bullet-subtitle { fill: #999999; } .bullet-1 .bullet-range-1 { fill: rgba(96, 125, 139, 0.8); } .bullet-1 .bullet-range-2 { fill: rgba(96, 125, 139, 0.4); } .bullet-1 .bullet-range-3 { fill: #607D8B; } .bullet-1 .bullet-measure-1 { fill: rgba(84, 110, 122, 0.9); } .bullet-1 .bullet-measure-2 { fill: #fff; } .bullet-1 .bullet-marker { stroke: #37474F; } .bullet-2 .bullet-range-1 { fill: rgba(255, 112, 67, 0.6); } .bullet-2 .bullet-range-2 { fill: rgba(255, 112, 67, 0.3); } .bullet-2 .bullet-range-3 { fill: #FF7043; } .bullet-2 .bullet-measure-1 { fill: rgba(244, 81, 30, 0.9); } .bullet-2 .bullet-measure-2 { fill: #fff; } .bullet-2 .bullet-marker { stroke: #D84315; } .bullet-3 .bullet-range-1 { fill: rgba(102, 187, 106, 0.7); } .bullet-3 .bullet-range-2 { fill: rgba(102, 187, 106, 0.35); } .bullet-3 .bullet-range-3 { fill: #66BB6A; } .bullet-3 .bullet-measure-1 { fill: rgba(67, 160, 71, 0.9); } .bullet-3 .bullet-measure-2 { fill: #fff; } .bullet-3 .bullet-marker { stroke: #2E7D32; } .counter-icon { font-size: 32px; position: absolute; right: 50%; margin-right: -16px; } .chart-widget-legend { margin: 10px 0 0 0; padding: 0; font-size: 12px; text-align: center; } .chart-widget-legend li { margin: 5px 10px 0; padding: 7px 8px 5px; display: inline-block; } /* ------------------------------------------------------------------------------ * * # Sparklines library * * Generate sparklines (small inline charts) directly in the browser * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .jqsfield { font-size: 12px !important; font-family: 'Roboto', sans-serif !important; } .jqstooltip { font-size: 12px !important; font-family: 'Roboto', sans-serif !important; padding: 7px !important; line-height: 1.6666667 !important; border: 0 !important; border-radius: 3px !important; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* ------------------------------------------------------------------------------ * * # Ecommerce stuff * * Specific styles for Ecommerce set of pages * * Version: 1.0 * Latest update: Mar 19, 2017 * * ---------------------------------------------------------------------------- */ .row-labels { margin-bottom: 10px; } .row-labels .label { display: block; padding-top: 4px; padding-bottom: 3px; margin-bottom: 10px; } .row-colors { margin-bottom: 10px; } .row-colors > div { text-align: center; margin-bottom: 10px; } .row-colors > div > a { position: relative; padding: 15px; display: block; border-radius: 3px; color: #fff; } .row-colors > div > a > i { position: absolute; top: 50%; right: 50%; margin: -8px -8px 0 0; } .row-colors > div > span { display: block; margin-top: 5px; color: #999999; font-size: 11px; } .pricing-table .pricing-table-price { font-size: 42px; } .pricing-table .pricing-table-price > span { font-size: 30px; margin-left: 5px; } .pricing-table ul > li { padding: 15px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .pricing-table div[class*=bg-] ul > li { border-color: rgba(255, 255, 255, 0.2); } .pricing-table-panel .pricing-table-body { padding: 20px; text-align: center; -webkit-box-shadow: -1px 0 0 #ddd, 0 1px 0 #ddd; box-shadow: -1px 0 0 #ddd, 0 1px 0 #ddd; } .ribbon-container { width: 104px; height: 106px; overflow: hidden; position: absolute; top: -1px; left: -1px; } .ribbon { text-align: center; font-size: 12px; line-height: 1.6666667; font-weight: 500; text-transform: uppercase; position: relative; padding: 5px 0; right: -11px; top: 25px; width: 150px; background-color: #4CAF50; color: #fff; letter-spacing: 0.25px; z-index: 999; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } /* ------------------------------------------------------------------------------ * * # Blog layouts * * Blog layouts with various blog layouts * * Version: 1.0 * Latest update: Aug 1, 2016 * * ---------------------------------------------------------------------------- */ .blog-horizontal > .panel-body { padding-bottom: 0; } .blog-horizontal .blog-title > a { color: #333333; } .blog-horizontal .blog-title > .list-inline { margin-top: 3px; } .blog-horizontal .thumb { width: 100%; } @media (min-width: 769px) { .blog-horizontal .thumb { width: 45%; float: right; margin-left: 20px; max-width: 400px; } } .blog-horizontal-1 .thumb { margin-bottom: 20px; } .blog-horizontal-1 .blog-preview { margin-bottom: 10px; } .blog-horizontal-1 .panel-footer-transparent { margin-top: 2px; margin-bottom: 2px; } @media (min-width: 769px) { .blog-horizontal-1 .thumb { margin-bottom: 10px; } } .blog-horizontal-2 .thumb { margin-bottom: 20px; } .blog-horizontal-2 .blog-title { margin-top: 5px; margin-bottom: 15px; } .blog-horizontal-2 .blog-preview { margin-bottom: 20px; } .blog-horizontal-3 .thumb, .blog-horizontal-3 .blog-preview { margin-bottom: 20px; } .blog-horizontal-3 .blog-title { margin-top: 2px; margin-bottom: 0; } .blog-horizontal-3 .blog-preview .list-inline, .blog-horizontal-3 .blog-preview .list-inline > li > a { color: #999999; } @media (min-width: 769px) { .blog-horizontal-xs .thumb { width: 35%; max-width: 200px; } } @media (min-width: 769px) { .blog-horizontal-sm .thumb { width: 40%; max-width: 300px; } } @media (min-width: 769px) { .blog-horizontal-lg .thumb { width: 50%; max-width: 500px; } } /* ------------------------------------------------------------------------------ * * # Task manager * * Styles related to task manager - detailed task, list and grid * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .timer-weekdays { list-style: none; margin: 0; padding: 0; text-align: center; } .timer-weekdays > li { display: inline-block; margin: 2px 0; } .timer-weekdays > li > a { display: block; margin: 0 1px; } .timer-weekdays .label-default { background-color: #ccc; border-color: #ccc; } .timer-weekdays .label-default:hover, .timer-weekdays .label-default:focus { border-color: #999999; } .timer { list-style: none; padding: 0; margin: 0; text-align: center; } .timer > li { font-size: 46px; text-align: center; display: inline-block; color: #555; font-weight: 300; } .timer > li.dots { font-size: 25px; vertical-align: top; padding: 16.66666667px 0; } .timer > li > span { display: block; font-size: 13px; } .task-details { float: left; margin: 0; } @media (max-width: 1024px) { .task-details { float: none; margin-top: 15px; list-style: none; padding: 0; } .task-details > li { float: right; position: relative; padding-left: 20px; margin-top: 0; } .task-details > li:before { content: '\2022'; position: absolute; left: 8px; color: #999; } .task-details > li:last-child:before { content: none; } } @media (max-width: 768px) { .task-details > li { float: none; } .task-details > li:before { content: none; } .task-details > li + li { margin-top: 10px; } } /* ------------------------------------------------------------------------------ * * # Invoice template * * General styles for invoice, mainly responsive setup * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ @media (min-width: 769px) { .invoice-details, .invoice-payment-details > li span { float: left; text-align: left; } } .invoice-grid ul, .invoice-grid ol { margin-bottom: 0; } @media (max-width: 768px) { .invoice-grid .text-right { text-align: inherit; } .invoice-grid [class*=col-] + [class*=col-] { margin-top: 20px; } } /* ------------------------------------------------------------------------------ * * # User list * * Styles for user lists - layouts, contact details etc. * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .contact-details { padding: 15px; padding-right: 30px; background-color: #fcfcfc; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .media-list-bordered .contact-details { border-bottom: 0; } .panel-body > .media-list .contact-details { padding-right: 15px; background-color: transparent; margin-top: 15px; } .panel-body > .media-list-bordered .contact-details { padding-bottom: 0; } .contact-details > ul, .contact-details > ul > li:first-child { margin: 0; } /* ------------------------------------------------------------------------------ * * # User profile * * Styles for all user profile layouts * * Version: 1.1 * Latest update: Mar 6, 2016 * * ---------------------------------------------------------------------------- */ .profile-cover { position: relative; } .profile-cover + .navbar { margin-bottom: 40px; } .profile-cover .media { position: absolute; bottom: 20px; right: 20px; left: 20px; } .profile-cover .media .btn-default { border-color: #fcfcfc; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } .profile-cover .media-body, .profile-cover small { color: #fff; text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); } @media (max-width: 768px) { .profile-cover .media { text-align: center; margin-top: 0; bottom: auto; top: 40px; } .profile-cover .media-left, .profile-cover .media-right { padding: 0; display: block; overflow-x: auto; } .profile-cover .media-body { display: block; margin-bottom: 20px; width: 100%; } .profile-cover .media-body > h1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } } .profile-cover-img { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 350px; border-top-left-radius: 3px; border-top-right-radius: 3px; } @media (max-width: 768px) { .profile-cover-img { height: 320px; } } .media .profile-thumb img { width: 100px; height: 100px; border: 3px solid #fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } /* ------------------------------------------------------------------------------ * * # Login and related forms * * Styles related to user login - logins, registration, password revovery, unlock etc. * * Version: 1.2 * Latest update: Mar 10, 2016 * * ---------------------------------------------------------------------------- */ .login-cover { background: url('../images/login_cover.jpg') no-repeat; background-size: cover; } .login-container .page-container { padding-top: 40px; position: static; } .login-container .page-container .login-form { width: 320px; } .login-container .page-container .login-form .thumb { margin: 0 auto 20px auto; } .login-container .page-container .login-form, .login-container .page-container .registration-form { margin: 0 auto 20px auto; } @media (max-width: 480px) { .login-container .page-container .login-form, .login-container .page-container .registration-form { width: 100%; } } .login-container .page-container .nav-tabs.nav-justified { margin-bottom: 0; } .login-container .page-container .nav-tabs.nav-justified > li > a { border-top: 0 !important; padding-right: 15px; padding-left: 15px; background-color: #f5f5f5; } .login-container .page-container .nav-tabs.nav-justified > li:first-child > a { border-right: 0; border-radius: 0 3px 0 0; } .login-container .page-container .nav-tabs.nav-justified > li:last-child > a { border-left: 0; border-radius: 3px 0 0 0; } .login-container .page-container .nav-tabs.nav-justified > li.active > a { background-color: transparent; } @media (max-width: 768px) { .login-container .page-container .nav-tabs.nav-justified { padding: 0; border-width: 0 0 1px 0; border-radius: 0; } .login-container .page-container .nav-tabs.nav-justified:before { content: none; } .login-container .page-container .nav-tabs.nav-justified > li > a { border-width: 0 !important; } } .login-container .footer { right: 0; left: 0; } @media (max-width: 768px) { .login-options, .login-options .text-right { text-align: center; } } /* ------------------------------------------------------------------------------ * * # Timeline * * Styles for timeline in 3 layouts: left, right and centered * * Version: 1.1 * Latest update: Dec 11, 2015 * * ---------------------------------------------------------------------------- */ .timeline { position: relative; height: 100%; } .timeline:before, .timeline:after { content: ""; position: absolute; top: 0; right: 50%; margin-right: -2px; background-color: #ccc; height: 4px; width: 4px; border-radius: 50%; z-index: 1; } .timeline:after { top: auto; bottom: 0; } .timeline-container { position: relative; padding-top: 10px; margin-top: -10px; padding-bottom: 1px; } .timeline-container:after { content: ""; position: absolute; top: 0; right: 50%; margin-right: -1px; background-color: #ccc; height: 100%; width: 2px; z-index: -1; } .timeline-row { position: relative; } .timeline-content { margin-bottom: 20px; } .timeline-date { text-align: center; background-color: #f5f5f5; position: relative; z-index: 1; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; } .timeline-date:before, .timeline-date:after { content: ""; position: absolute; top: 0; right: 50%; margin-right: -2px; background-color: #ccc; height: 4px; width: 4px; border-radius: 50%; z-index: 1; } .timeline-date:after { top: auto; bottom: 0; } .panel .timeline-date { background-color: #fff; } .timeline-time { text-align: center; padding-top: 20px; padding-bottom: 20px; background-color: #f5f5f5; position: relative; margin-bottom: 20px; } .timeline-time:before, .timeline-time:after { content: ""; position: absolute; top: 0; right: 50%; margin-right: -2px; background-color: #ccc; height: 4px; width: 4px; border-radius: 50%; } .timeline-time:after { top: auto; bottom: 0; } .panel .timeline-time { background-color: #fff; } .timeline-time span { display: block; color: #999999; font-size: 12px; } .timeline-time span:before { content: '\2022'; display: inline-block; margin-left: 5px; position: relative; top: 1px; } @media (min-width: 1025px) { .timeline-time:before, .timeline-time:after { content: none; } } .timeline-icon { width: 48px; height: 48px; border-radius: 50%; margin: 0 auto 20px auto; background-color: #fff; border: 4px solid #f5f5f5; } .panel .timeline-icon { border-color: #fff; } .timeline-icon div { border-radius: 50%; height: 100%; -webkit-box-shadow: 0 0 0 2px #ccc inset; box-shadow: 0 0 0 2px #ccc inset; } .timeline-icon div[class*=bg-] { -webkit-box-shadow: none; box-shadow: none; } .timeline-icon div > i { display: block; line-height: 40px; top: 0; } .timeline-icon img { width: 40px; height: 40px; border-radius: 50%; } @media (min-width: 1025px) { .timeline-center .timeline-row { margin-left: 50%; padding-left: 44px; } .timeline-center .post-even { margin-left: 0; padding-left: 0; margin-right: 50%; padding-right: 44px; } .timeline-center .post-full { margin: 0; padding: 0; } .timeline-center .post-full .timeline-content { position: relative; } .timeline-center .post-full .timeline-content:before, .timeline-center .post-full .timeline-content:after { content: ''; border-style: solid; border-color: #f5f5f5; display: block; position: absolute; right: 0; left: 0; } .timeline-center .post-full .timeline-content:before { border-width: 4px 0 0 0; top: -5px; } .timeline-center .post-full .timeline-content:after { border-width: 0 0 4px 0; bottom: -5px; } .timeline-left .timeline-container:after, .timeline-left:before, .timeline-left:after, .timeline-left .timeline-date:before, .timeline-left .timeline-date:after { right: 24px; } .timeline-left .timeline-row, .timeline-left .timeline-date { padding-right: 68px; } .timeline-right .timeline-container:after, .timeline-right:before, .timeline-right:after, .timeline-right .timeline-date:before, .timeline-right .timeline-date:after { right: auto; left: 24px; margin-right: 0; margin-left: -2px; } .timeline-right .timeline-container:after { margin-left: -1px; } .timeline-right .timeline-row, .timeline-right .timeline-date { padding-left: 68px; } .timeline-left .timeline-date, .timeline-right .timeline-date { padding-top: 10px; padding-bottom: 10px; } .timeline-icon { position: absolute; top: 10px; } .timeline-icon:after { content: ""; position: absolute; top: 50%; margin-top: -1px; height: 2px; width: 16px; background-color: #ccc; z-index: 1; } .timeline-left .timeline-icon { right: 0; } .timeline-left .timeline-icon:after { right: 100%; margin-right: 4px; } .timeline-right .timeline-icon { left: 0; } .timeline-right .timeline-icon:after { left: 100%; margin-left: 4px; } .timeline-center .timeline-row:not(.post-full) .timeline-icon { right: 100%; margin-right: -24px; } .timeline-center .timeline-row.post-even .timeline-icon { right: auto; left: 100%; margin-right: 0; margin-left: -24px; } .timeline-center .timeline-icon:after { left: 100%; margin-left: 4px; } .timeline-center .post-even .timeline-icon:after { right: 100%; margin-right: 4px; } .timeline-center .post-full .timeline-icon { position: static; } .timeline-center .post-full .timeline-icon:after { content: none; } .timeline-time { padding: 0; text-align: inherit; background-color: transparent; } .timeline-time:before { content: none; } .timeline-left .timeline-time, .timeline-right .timeline-time { padding-top: 10px; margin-bottom: 20px; padding-right: 10px; } .timeline-right .timeline-time { text-align: left; padding-right: 0; padding-left: 10px; } .timeline-center .timeline-time, .timeline-center .post-full .timeline-time { position: absolute; right: 100%; top: 15px; width: 100%; padding-right: 44px; } .timeline-center .post-even .timeline-time, .timeline-center .post-full .timeline-time { right: auto; left: 100%; padding-right: 0; padding-left: 44px; text-align: left; } .timeline-center .post-full .timeline-time { left: 50%; top: 5px; } } /* ------------------------------------------------------------------------------ * * # Chat layouts * * Conversation chat styles - layouts, chat elements, colors, options * * Version: 1.1 * Latest update: Oct 20, 2015 * * ---------------------------------------------------------------------------- */ .chat-list, .chat-stacked { max-height: 520px; overflow: auto; } .chat-list .media-left { padding-left: 20px; } .chat-list .media-right { padding-right: 20px; } .chat-list .media-content { position: relative; padding: 10px 12px; width: auto; border-radius: 3px; display: inline-block; } .chat-list .media-content:not([class*=bg-]) { background-color: #f5f5f5; border-color: #f5f5f5; } .chat-list .media-content > i { top: 0; margin: 2px; } .chat-list .reversed .media-content { text-align: right; color: #fff; } .chat-list .reversed .media-content:not([class*=bg-]) { background-color: #42A5F5; border-color: #42A5F5; } .chat-list .reversed .media-content > a { color: #fff; } .chat-list .reversed .media-body { text-align: left; } .chat-list .date-step.media { text-align: center; margin-right: 0; margin-left: 0; color: #999; } .chat-list .chat-thumbs img { margin-top: 5px; margin-bottom: 5px; max-height: 100px; height: auto; max-width: 100%; display: inline-block; border-radius: 3px; } .chat-list .media-content:before, .chat-list .reversed .media-content:before { content: ''; right: -5px; top: 15px; position: absolute; margin-right: 0; } .chat-list .media-content:before { border-top: 5px solid transparent; border-left: 5px solid; border-left-color: inherit; border-bottom: 5px solid transparent; } .chat-list .reversed .media-content:before { right: auto; left: -5px; border-left: 0; border-top: 5px solid transparent; border-right: 5px solid; border-right-color: inherit; border-bottom: 5px solid transparent; } @media (min-width: 769px) { .chat-list .media { margin-left: 20%; } .chat-list .media.reversed { margin-left: 0; margin-right: 20%; } } .chat-list-inverse .media-content:not([class*=bg-]) { color: #fff; background-color: #42A5F5; border-color: #42A5F5; } .chat-list-inverse .media-content:before { border-left: 0; border-top: 5px solid transparent; border-left: 5px solid #42A5F5; border-bottom: 5px solid transparent; } .chat-list-inverse .media-content > a { color: #fff; } .chat-list-inverse .reversed .media-content:not([class*=bg-]) { background-color: #f5f5f5; color: inherit; } .chat-list-inverse .reversed .media-content:before { border-top: 5px solid transparent; border-right: 5px solid #f5f5f5; border-bottom: 5px solid transparent; } /* ------------------------------------------------------------------------------ * * # Search * * Styles for search results and input * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .panel .main-search input[type=text] { background-color: #FAFAFA; } .search-results-list .list-inline { margin-bottom: 5px; } .related-searches { margin-top: 20px; margin-bottom: 20px; padding: 20px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .website-search-results { padding: 20px; padding-bottom: 0; border-bottom: 1px solid #eeeeee; } .media-preview { width: auto; height: auto; max-width: none; max-height: 90px; } @media (max-width: 768px) { .search-option-buttons { text-align: center; } .search-option-buttons > .text-right { text-align: inherit; } } /* ------------------------------------------------------------------------------ * * # Error pages * * Styles for error and offline pages * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .error-title { color: #fff; font-size: 200px; line-height: 1; margin-top: 20px; margin-bottom: 40px; font-weight: 300; text-stroke: 1px transparent; display: block; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15); } @media (max-width: 768px) { .error-title { font-size: 130px; } } .offline-title { font-size: 160px; } @media (max-width: 768px) { .offline-title { font-size: 90px; } } /* ------------------------------------------------------------------------------ * * # Heading elmeents * * Display default and custom components in page header and panel heading * * Version: 1.3 * Latest update: Aug 10, 2016 * * ---------------------------------------------------------------------------- */ .heading-elements-toggle { cursor: pointer; display: block; line-height: 1; position: absolute; top: 50%; left: 0; margin-top: -8px; } .breadcrumb-elements-toggle { float: left; cursor: pointer; line-height: 1; margin-top: 12px; } .breadcrumb-line-component .breadcrumb-elements-toggle { margin-left: 20px; } .heading-elements-toggle, .breadcrumb-elements-toggle, .heading-elements-toggle:hover, .breadcrumb-elements-toggle:hover, .heading-elements-toggle:focus, .breadcrumb-elements-toggle:focus { color: inherit; } .heading-elements-toggle > i, .breadcrumb-elements-toggle > i { top: 0; } @media (min-width: 769px) { .heading-elements-toggle, .breadcrumb-elements-toggle { display: none; } } .heading-elements { background-color: inherit; position: absolute; top: 50%; left: 20px; height: 36px; margin-top: -18px; } @media (max-width: 768px) { .heading-elements:not(.not-collapsible) { position: static; margin-top: 0; height: auto; } } .panel-body > .heading-elements { top: 0; margin-top: 14px; z-index: 10; } @media (max-width: 768px) { .panel-body > .heading-elements-toggle { top: 20px; margin-top: 0; } .panel-body > .heading-elements.visible-elements { top: 56px; background-color: #fff; } } .panel-footer > .heading-elements { position: static; margin-top: 0; padding-left: 20px; } .panel-footer > .heading-elements:after { content: ''; display: table; clear: both; } .panel-footer-bordered > .heading-elements:not(.visible-elements) { margin-right: -20px; padding-left: 0; } @media (max-width: 768px) { .panel-footer > .heading-elements:not(.not-collapsible) > .pull-right { float: none !important; } .panel-footer .heading-elements-toggle { position: static; padding-top: 10px; padding-bottom: 10px; margin-top: 0; display: block; text-align: center; } } .heading-thumbnails { list-style: none; margin: 0; padding: 0; font-size: 0; } .heading-thumbnails > li { position: relative; display: inline-block; font-size: 13px; } .heading-thumbnails > li + li { margin-right: 10px; } .heading-thumbnails > li img { height: auto; max-height: 36px; max-width: 100%; border-radius: 100px; } .heading-thumbnails > li .label, .heading-thumbnails > li .badge { position: absolute; top: -8px; left: -8px; border: 2px solid #fcfcfc; } .panel-default > .panel-heading .heading-thumbnails > li .label, .panel-default > .panel-heading .heading-thumbnails > li .badge, .panel-footer-transparent .heading-thumbnails > li .label, .panel-footer-transparent .heading-thumbnails > li .badge { border-color: #fff; } .heading-thumbnails > li .status-mark { position: absolute; top: 0; left: 0; box-shadow: 0 0 0 2px #fcfcfc; } .heading-thumbnails > li .status-mark[class*=border-] { background-color: #fcfcfc; } .panel-default > .panel-heading .heading-thumbnails > li .status-mark[class*=border-], .panel-footer-transparent .heading-thumbnails > li .status-mark[class*=border-] { background-color: #fff; } .panel-default > .panel-heading .heading-thumbnails > li .status-mark, .panel-footer-transparent .heading-thumbnails > li .status-mark { background-color: #fff; } .heading-elements .heading-btn + .heading-btn, .page-header .heading-elements .icons-list > li + li, .thumbnail-heading .heading-elements .icons-list > li + li { margin-right: 10px; } .page-header-inverse .heading-elements .btn-link { color: #fff; } .heading-elements .list-inline { margin-bottom: 0; } .heading-elements .breadcrumb { padding-top: 0; padding-bottom: 0; } .heading-elements.panel-nav .nav > li > a { text-align: right; } .heading-elements .daterange-custom { margin-top: 4px; } .heading-elements .heading-btn-group { font-size: 0; } .heading-elements .heading-btn-group > .btn + .btn:not(.btn-link) { margin-right: 10px; } .heading-elements.visible-elements { text-align: center; } .heading-elements.visible-elements .heading-text, .heading-elements.visible-elements .heading-btn, .heading-elements.visible-elements .heading-btn-group > .btn, .heading-elements.visible-elements .ui-slider, .heading-elements.visible-elements .noui-slider, .heading-elements.visible-elements .nav-tabs, .heading-elements.visible-elements .nav-pills, .heading-elements.visible-elements .pagination, .heading-elements.visible-elements .progress, .heading-elements.visible-elements .icons-list, .heading-elements.visible-elements .pager, .heading-elements.visible-elements .breadcrumb, .heading-elements.visible-elements .daterange-custom, .heading-elements.visible-elements .heading-thumbnails, .heading-elements.visible-elements .heading-form .form-group, .heading-elements.visible-elements > .btn-group { margin-top: 20px; } .heading-elements.visible-elements .nav-tabs, .heading-elements.visible-elements .nav-pills { margin-bottom: 0; } .heading-elements.visible-elements .heading-text:not(.label):not(.badge) { display: block; } .heading-elements.visible-elements .select2-container, .heading-elements.visible-elements .selectboxit-container, .heading-elements.visible-elements .selectboxit-options, .heading-elements.visible-elements .multiselect + .btn-group, .heading-elements.visible-elements div.bootstrap-select { width: 100% !important; } .heading-elements.visible-elements .input-group, .heading-elements.visible-elements .input-group-btn, .heading-elements.visible-elements .btn-group, .heading-elements.visible-elements .dropdown, .heading-elements.visible-elements .dropup { position: static; } .heading-elements.visible-elements .dropdown-menu:not(.multiselect-container) { right: -1px; left: -1px; margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .heading-elements.visible-elements .multiselect-container { right: 0; left: 0; } .heading-elements:not(.visible-elements) .heading-text, .heading-elements:not(.visible-elements) .heading-btn, .heading-elements:not(.visible-elements) .ui-slider, .heading-elements:not(.visible-elements) .noui-slider, .heading-elements:not(.visible-elements) .nav-tabs, .heading-elements:not(.visible-elements) .nav-pills, .heading-elements:not(.visible-elements) .pagination, .heading-elements:not(.visible-elements) .progress, .heading-elements:not(.visible-elements) .icons-list, .heading-elements:not(.visible-elements) .breadcrumb, .heading-elements:not(.visible-elements) .pager, .heading-elements:not(.visible-elements) .heading-form, .heading-elements:not(.visible-elements) .daterange-custom, .heading-elements:not(.visible-elements) .heading-thumbnails, .heading-elements:not(.visible-elements) > .btn-group { float: right; margin-right: 20px; } .heading-elements:not(.visible-elements) .heading-text { display: inline-block; } .heading-elements:not(.visible-elements) .heading-text + .heading-text { margin-right: 20px; } .heading-elements:not(.visible-elements) .selectbox-fixed + .selectboxit-container, .heading-elements:not(.visible-elements) .selectbox-fixed + .selectboxit-options, .heading-elements:not(.visible-elements) .progress, .heading-elements:not(.visible-elements) .ui-slider, .heading-elements:not(.visible-elements) .noui-slider, .heading-elements:not(.visible-elements) .input-group, .heading-elements:not(.visible-elements) .selectboxit-container .selectboxit-options, .heading-elements:not(.visible-elements) .uploader, .heading-elements:not(.visible-elements) .heading-form .form-control { width: 220px; } .heading-elements:not(.visible-elements) .select-sm, .heading-elements:not(.visible-elements) .input-sm, .heading-elements:not(.visible-elements) .input-group-sm, .heading-elements:not(.visible-elements) .uploader-sm, .heading-elements:not(.visible-elements) .pagination-sm, .heading-elements:not(.visible-elements) .pager-sm, .heading-elements:not(.visible-elements) .selectbox-sm + .selectboxit-container, .heading-elements:not(.visible-elements) .btn-sm, .heading-elements:not(.visible-elements) .btn-group-sm > .btn { margin-top: 1px; } .heading-elements:not(.visible-elements) .select-xs, .heading-elements:not(.visible-elements) .input-xs, .heading-elements:not(.visible-elements) .input-group-xs, .heading-elements:not(.visible-elements) .uploader-xs, .heading-elements:not(.visible-elements) .pagination-xs, .heading-elements:not(.visible-elements) .pager-xs, .heading-elements:not(.visible-elements) .selectbox-xs + .selectboxit-container, .heading-elements:not(.visible-elements) .btn-xs, .heading-elements:not(.visible-elements) .btn-group-xs > .btn { margin-top: 2px; } .heading-elements:not(.visible-elements) .btn-float { margin-top: -8px; } .heading-elements:not(.visible-elements) .btn-float.has-text { margin-top: -19.5px; } .heading-elements:not(.visible-elements) .btn-float.btn-link { margin-top: -14px; } .heading-elements:not(.visible-elements) .ui-slider, .heading-elements:not(.visible-elements) .noui-slider { margin-top: 15px; } .heading-elements:not(.visible-elements) .ui-slider-lg, .heading-elements:not(.visible-elements) .noui-slider-lg { margin-top: 14px; } .heading-elements:not(.visible-elements) .ui-slider-sm, .heading-elements:not(.visible-elements) .noui-slider-sm { margin-top: 16px; } .heading-elements:not(.visible-elements) .ui-slider-xs, .heading-elements:not(.visible-elements) .noui-slider-xs { margin-top: 17px; } .heading-elements:not(.visible-elements) .progress { margin-top: 9px; } .heading-elements:not(.visible-elements) .progress-lg { margin-top: 7px; } .heading-elements:not(.visible-elements) .progress-sm { margin-top: 11px; } .heading-elements:not(.visible-elements) .progress-xs { margin-top: 13px; } .heading-elements:not(.visible-elements) .progress-xxs { margin-top: 15px; } .heading-elements:not(.visible-elements) .progress-micro { margin-top: 17px; } .heading-elements:not(.visible-elements) .icons-list { margin-top: 10px; } .heading-elements:not(.visible-elements) .heading-text { margin-top: 8px; } .heading-elements:not(.visible-elements).panel-nav > .nav { margin-bottom: 0; } @media (min-width: 769px) { .heading-elements:not(.visible-elements).panel-nav > .nav { margin-top: -1px; } .heading-elements:not(.visible-elements).panel-nav > .nav-tabs { border-bottom-width: 0; } .heading-elements:not(.visible-elements).panel-nav > .nav-tabs.nav-tabs-bottom > li.active > a:after { background-color: transparent; } .heading-elements:not(.visible-elements).panel-nav > .nav-sm { margin-top: 2px; } .heading-elements:not(.visible-elements).panel-nav > .nav-xs { margin-top: 5px; } } @media (max-width: 768px) { .heading-elements:not(.visible-elements).panel-nav { position: static; height: auto; } .heading-elements:not(.visible-elements).panel-nav > .nav { float: none; } .panel-heading .heading-elements:not(.visible-elements).panel-nav { margin-top: 15px; } .panel-flat .panel-heading .heading-elements:not(.visible-elements).panel-nav { margin-top: 20px; } .panel-heading .heading-elements:not(.visible-elements).panel-nav > .nav { margin-right: 0; } .panel-footer .heading-elements:not(.visible-elements).panel-nav.not-collapsible > .nav { margin-top: 13px; margin-bottom: 13px; } } .heading-form .form-group { margin-bottom: 0; } .heading-form .checkbox-switchery, .heading-form .checkbox-switchery[class*="switchery-"] { margin-bottom: 0; } .heading-elements:not(.visible-elements) .heading-form .checkbox-inline, .heading-elements:not(.visible-elements) .heading-form .radio-inline { margin-top: 8px; } .heading-elements:not(.visible-elements) .heading-form .checkbox-switch { margin-top: 2px; } .heading-elements:not(.visible-elements) .heading-form .checkbox-switch-sm { margin-top: 3px; } .heading-elements:not(.visible-elements) .heading-form .checkbox-switch-xs { margin-top: 4px; } .heading-elements:not(.visible-elements) .heading-form .input-group { max-width: 220px; } .heading-elements:not(.visible-elements) .heading-form .input-group .form-control { width: 100%; margin-top: 0; } .heading-elements:not(.visible-elements) .heading-form .input-group.input-group-sm .btn, .heading-elements:not(.visible-elements) .heading-form .input-group.input-group-xs .btn { margin-top: 0; } @media (min-width: 769px) { .heading-form .form-group { float: right; } .heading-form .form-group + .form-group { margin-right: 15px; } } @media (max-width: 768px) { .heading-elements:not(.not-collapsible), .breadcrumb-elements:not(.not-collapsible) { display: none; } .heading-elements.visible-elements, .breadcrumb-elements.visible-elements { display: block; } .panel .has-visible-elements { padding-bottom: 0; } .panel-flat .panel-heading.has-visible-elements { padding-bottom: 20px; } .panel .visible-elements { border-top: 1px solid #ddd; padding: 20px; padding-top: 0; } .panel-heading .visible-elements { margin: 15px -20px 0 -20px; background-color: #fcfcfc; } .panel-flat .panel-heading .visible-elements { margin-top: 20px; border-bottom: 1px solid #ddd; } .panel-footer .visible-elements { margin-top: 7px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel-footer-condensed .visible-elements { margin-top: 2px; } .panel-footer-transparent .visible-elements { margin-top: 12px; background-color: #fff; } .panel[class*=bg-] .visible-elements, .panel-heading[class*=bg-] .visible-elements, .panel-primary .visible-elements, .panel-danger .visible-elements, .panel-success .visible-elements, .panel-warning .visible-elements, .panel-info .visible-elements { border-color: rgba(255, 255, 255, 0.2); right: 0; left: 0; background-color: rgba(0, 0, 0, 0.1); } .visible-elements.breadcrumb-elements.not-collapsible { display: none; } .page-header-content > .visible-elements { background-color: #f5f5f5; right: 0; left: 0; border-top: 1px solid #dcdcdc; z-index: 1002; padding-bottom: 20px; margin-right: -20px; margin-left: -20px; padding-right: 20px; padding-left: 20px; } .page-header-default .page-header-content > .visible-elements { background-color: #fcfcfc; border-color: #ddd; } .page-header-inverse .page-header-content > .visible-elements { background-color: rgba(0, 0, 0, 0.1); border-color: rgba(255, 255, 255, 0.1); } } /* ------------------------------------------------------------------------------ * * # Helper classes * * Custom helper classes * * Version: 1.2 * Latest update: Mar 20, 2017 * * ---------------------------------------------------------------------------- */ .no-shadow { -webkit-box-shadow: none; box-shadow: none; } .opacity-75 { opacity: 0.75; filter: alpha(opacity=75); } .opacity-50 { opacity: 0.5; filter: alpha(opacity=50); } .opacity-25 { opacity: 0.25; filter: alpha(opacity=25); } .opacity-0 { opacity: 0; filter: alpha(opacity=0); } .no-edge-top { top: 0; } .no-edge-bottom { bottom: 0; } .no-edge-left { right: 0; } .no-edge-right { left: 0; } @media (min-width: 1200px) { .text-right-lg { text-align: left; } } @media (min-width: 1025px) { .text-right-md { text-align: left; } } @media (min-width: 769px) { .text-right-sm { text-align: left; } } @media (min-width: 480px) { .text-right-xs { text-align: left; } } @media (min-width: 1200px) { .pull-right-lg { float: left; } } @media (min-width: 1025px) { .pull-right-md { float: left; } } @media (min-width: 769px) { .pull-right-sm { float: left; } } @media (min-width: 480px) { .pull-right-xs { float: left; } } .valign-top { vertical-align: top; } .valign-middle { vertical-align: middle; } .valign-bottom { vertical-align: bottom; } .valign-baseline { vertical-align: baseline; } .valign-text-top { vertical-align: top; } .valign-text-bottom { vertical-align: text-bottom; } .position-relative { position: relative; } .position-static { position: static; } .display-block, label.display-block { display: block; } .display-inline-block { display: inline-block; } .cursor-pointer { cursor: pointer; } .cursor-move { cursor: move; } .cursor-default { cursor: default; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-auto { overflow: auto; } .content-group-xs { margin-bottom: 10px !important; } .content-group-sm { margin-bottom: 15px !important; } .content-group { margin-bottom: 20px !important; } .content-group-lg { margin-bottom: 30px !important; } .no-margin { margin: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .no-margin-left { margin-right: 0 !important; } .no-margin-right { margin-left: 0 !important; } .m-5 { margin: 5px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .mt-5 { margin-top: 5px !important; } .mt-10 { margin-top: 10px !important; } .mt-15 { margin-top: 15px !important; } .mt-20 { margin-top: 20px !important; } .mb-5 { margin-bottom: 5px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .ml-5 { margin-right: 5px !important; } .ml-10 { margin-right: 10px !important; } .ml-15 { margin-right: 15px !important; } .ml-20 { margin-right: 20px !important; } .mr-5 { margin-left: 5px !important; } .mr-10 { margin-left: 10px !important; } .mr-15 { margin-left: 15px !important; } .mr-20 { margin-left: 20px !important; } .no-padding { padding: 0 !important; } .no-padding-top { padding-top: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; } .no-padding-left { padding-right: 0 !important; } .no-padding-right { padding-left: 0 !important; } .p-5 { padding: 5px !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .pt-5 { padding-top: 5px !important; } .pt-10 { padding-top: 10px !important; } .pt-15 { padding-top: 15px !important; } .pt-20 { padding-top: 20px !important; } .pb-5 { padding-bottom: 5px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-20 { padding-bottom: 20px !important; } .pl-5 { padding-right: 5px !important; } .pl-10 { padding-right: 10px !important; } .pl-15 { padding-right: 15px !important; } .pl-20 { padding-right: 20px !important; } .pr-5 { padding-left: 5px !important; } .pr-10 { padding-left: 10px !important; } .pr-15 { padding-left: 15px !important; } .pr-20 { padding-left: 20px !important; } .no-border { border: 0 !important; } .no-border-top { border-top: 0 !important; } .no-border-bottom { border-bottom: 0 !important; } .no-border-left { border-right: 0 !important; } .no-border-right { border-left: 0 !important; } .no-border-radius { border-radius: 0; } .no-border-radius-top { border-top-left-radius: 0; border-top-right-radius: 0; } .no-border-radius-bottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .no-border-radius-left { border-bottom-right-radius: 0; border-top-right-radius: 0; } .no-border-radius-right { border-bottom-left-radius: 0; border-top-left-radius: 0; } .border-radius { border-radius: 3px; } .border-radius-top { border-top-left-radius: 3px; border-top-right-radius: 3px; } .border-radius-bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .border-radius-left { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .border-radius-right { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .border-top { border-top: 1px solid; } .border-bottom { border-bottom: 1px solid; } .border-left { border-right: 1px solid; } .border-right { border-left: 1px solid; } .border-lg { border-width: 2px; } .border-top-lg { border-top: 2px solid; } .border-bottom-lg { border-bottom: 2px solid; } .border-left-lg { border-right: 2px solid; } .border-right-lg { border-left: 2px solid; } .border-xlg { border-width: 3px; } .border-top-xlg { border-top: 3px solid; } .border-bottom-xlg { border-bottom: 3px solid; } .border-left-xlg { border-right: 3px solid; } .border-right-xlg { border-left: 3px solid; } .full-width { width: 100%; } @media (min-width: 769px) { .width-200 { min-width: 200px; } .width-250 { min-width: 250px; } .width-300 { min-width: 300px; } .width-350 { min-width: 350px; } .width-400 { min-width: 400px; } .width-450 { min-width: 450px; } .width-500 { min-width: 500px; } .width-550 { min-width: 550px; } .width-600 { min-width: 600px; } .width-650 { min-width: 650px; } } .img-lg { width: 44px !important; height: 44px !important; } .img-md { width: 40px !important; height: 40px !important; } .img-sm { width: 36px !important; height: 36px !important; } .img-xs { width: 32px !important; height: 32px !important; } /* ------------------------------------------------------------------------------ * * # Snippets * * Custom snippets set * * Version: 1.0 * Latest update: May 25, 2015 * * ---------------------------------------------------------------------------- */ .progress-list { margin: 0; padding: 0; list-style: none; } .progress-list > li + li { margin-top: 20px; } .progress-list > li > label { display: block; } .progress-list > li span { float: left; display: block; } /* ------------------------------------------------------------------------------ * * # Mail list * * Inbox page - list, read and write * * Version: 1.0 * Latest update: Dev 5, 2016 * * ---------------------------------------------------------------------------- */ .table-inbox { table-layout: fixed; } .table-inbox tr td { cursor: pointer; background-color: #fafafa; } .table-inbox tr td:not(:first-child) { padding-right: 0; } .table-inbox tr.unread { font-weight: 700; } .table-inbox tr.unread td { background-color: #fff; } .table-inbox .table-inbox-checkbox { width: 58px; } .table-inbox .table-inbox-star, .table-inbox .table-inbox-attachment { width: 36px; } .table-inbox .table-inbox-image { width: 52px; } .table-inbox .table-inbox-name { width: 180px; } .table-inbox .table-inbox-message, .table-inbox .table-inbox-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .table-inbox .table-inbox-preview { font-weight: normal; color: #999999; } .table-inbox .table-inbox-time { text-align: left; width: 80px; } @media (max-width: 768px) { .table-inbox { min-width: 480px; } .table-inbox .table-inbox-message, .table-inbox .table-inbox-name { white-space: normal; } .table-inbox .table-inbox-subject { display: block; overflow: hidden; text-overflow: ellipsis; } .table-inbox .table-inbox-star, .table-inbox .table-inbox-attachment, .table-inbox .table-inbox-image { display: none; } } .mail-details-read { margin: 0; padding: 20px; border-top: 1px solid #ddd; } .mail-details-write { margin: 0; border-top: 1px solid #ddd; } .mail-details-write .control-label { padding: 10px 20px; } .mail-details-write .form-control { border-width: 0; padding: 10px 20px; border-radius: 0; height: auto; } .mail-container-read { max-width: 100%; overflow: auto; padding: 20px; border-top: 1px solid #ddd; } .mail-container-write { border-top: 1px solid #ddd; } .mail-container-write .note-editor { border-width: 0; border-radius: 0; margin-bottom: 0; } .mail-attachments-container { padding: 20px; padding-top: 10px; border-top: 1px solid #ddd; } .mail-attachments-heading { margin-top: 10px; margin-bottom: 10px; } .mail-attachments { margin: 0; padding: 0; font-size: 0; list-style: none; } .mail-attachments > li { display: inline-block; font-size: 13px; padding: 15px 20px; background-color: #fcfcfc; border: 1px solid #ddd; border-radius: 3px; margin-top: 10px; margin-left: 10px; } .mail-attachments .mail-attachments-preview { display: inline-block; float: right; } .mail-attachments .mail-attachments-preview > i { top: 0; margin-top: 4px; } .mail-attachments .mail-attachments-content { margin-right: 47px; } /* ------------------------------------------------------------------------------ * * # Toolbars * * Custom toolbars, mainly based on navbar component * * Version: 1.0 * Latest update: Dec 5, 2016 * * ---------------------------------------------------------------------------- */ .panel-toolbar-inbox { background-color: #fcfcfc; } .panel > .panel-toolbar-inbox:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-toolbar-inbox > .navbar { background-color: transparent; border-width: 0; } .panel-toolbar-inbox > .navbar-default .btn-default { background-color: #fff; } @media (min-width: 769px) { .panel-toolbar-inbox { padding-top: 10px; padding-bottom: 10px; } } /*select 2*/ .select2-container { width: 100% !important; } .select2-selection { border-radius: 3px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; height: 36px !important; } .select2-selection--single .select2-selection__arrow::after { top: 16px !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: normal !important; } /*select 2*/ /*table*/ .table-responsive { width: 100% !important; overflow: hidden !important; } .table { margin-bottom: 10px; width: 100% !important; } .table tr:nth-child(2n) { background-color: #f9f9f9 !important; } .btn-table { width: 30px; height: 30px; font-size: 10px; margin-left: 2px; } .btn-table i { font-size: 15px; left: 5px; top: -2px; } /*table*/ /*captch*/ #captchaContainer i { left: 10px; position: absolute; top: 30%; transform: translate(0,-50%); } #captchaContainer img { width: 100%; position: relative; } /*captch*/ .field-validation-error { color: #e65050; float: right; margin-top: 3px; margin-bottom: 3px; margin-right: 5px; } /*captch*/ .captcha { width: 400px; margin-top: 20px; } #captchaContainer i { left: 10px; position: absolute; top: 30%; transform: translate(0,-50%); } #captchaContainer img { width: 100%; position: relative; } /*captch*/ .center-align { text-align: center !important; } .full-info-company-content article b span { min-width: 100px; } .padding-50 { padding: 50px !important; } .block-contact #contactus-form .captcha #captchaContainer { margin-bottom: 10px; height: 68px; border: 1px solid #d6ebdc; border-radius: 10px; } .block-contact #contactus-form .captcha { width: 100%; margin-top: 0px; } .block-contact #contactus-form .captcha #captchaContainer img { height: 100%; left: 10px; position: relative; float: left; width: 80%; } .block-contact #contactus-form .captcha #refresh-captcha { float: right; position: relative; top: 50%; transform: translate(0,-50%); right: 50px; } .block-contact #contactus-form .captcha input { width: 100%; } .block-contact .map-contact { position: relative; height: 300px; } .login-box-content #captchaContainer img { border-radius: 30px; } .block-estekhdam #employment-form .captcha { width: 300px; margin: auto; margin-top: 0px; } .block-estekhdam #employment-form .captcha #captchaContainer { margin-bottom: 10px; height: 68px; border: 1px solid #d6ebdc; border-radius: 10px; overflow: hidden; } .block-estekhdam #employment-form .captcha #captchaContainer img { height: 100%; position: relative; width: 100%; } .block-estekhdam #employment-form .captcha #refresh-captcha { float: right; position: relative; top: 50%; transform: translate(0,-50%); right: 50px; } .block-estekhdam #employment-form .captcha input { width: 100%; } .block-article #article-comment-form .captcha { width: 300px; margin: auto; margin-top: 0px; } .block-article #article-comment-form .captcha #captchaContainer { margin-bottom: 10px; height: 68px; border-radius: 5px; border: 1px solid white; overflow: hidden; } .block-article #article-comment-form .captcha #captchaContainer img { height: 100%; position: relative; width: 100%; } .block-article #article-comment-form .captcha #refresh-captcha { float: right; position: relative; top: 50%; transform: translate(0,-50%); right: 50px; } .block-article #article-comment-form .captcha input { width: 100%; } .block-article .article-single header span i.like { cursor: pointer; } .block-estekhdam .file { margin-bottom: 35px; } .block-estekhdam .file h2 { color: #249d54; font-size: 20px; font-weight: 400; text-align: center; margin-bottom: 7px; } .block-estekhdam .file p { color: #363636; font-size: 16px; font-weight: 300; line-height: 35px; text-align: justify; width: 50%; min-width: 300px; margin: auto; margin-bottom: 15px; } .block-estekhdam .file a { color: #fff; font-size: 18px; background-color: #249d54; border: none; font-family: iransans; border-radius: 30px; padding: 10px 33px; position: relative; display: block; margin: auto; text-align: center; width: 153px; } .intro-page .site-header-intro { height: auto !important; } .intro-page .block-contact { margin-top: 25px !important; padding: 100px 0px 50px 0px; margin-bottom: 20px !important; background: url(/Content/Frontend/img/textture.png) repeat; } .intro-page .site-header-intro .logo h1 { text-align: center; } .intro-page .intro-base { margin: 0 50px; position: relative; } .intro-page .intro-slider { padding: 10px 0px; overflow: hidden; } .intro-page .intro-base .intro-prev { position: absolute; left: -48px; top: 93px; font-size: 27px; color: #c5998c; transition: all .3s ease-in-out; font-weight: 100; padding: 4px 9px 0 8px; cursor: pointer; } .intro-page .intro-base .intro-prev img { width: 25px; } .intro-page .intro-base .intro-next { position: absolute; right: -48px; top: 93px; font-size: 27px; color: #c5998c; transition: all .3s ease-in-out; font-weight: 100; padding: 4px 9px 0 8px; cursor: pointer; } .intro-page .intro-base .intro-next img { width: 25px; } .intro-page .item-list { text-align: center; margin-bottom: 20px; } .intro-page .item-list a { width: 150px; display: inline-block; margin-bottom: 13px; height: 200px; transform: scale(0.93); } .intro-page .item-list li { cursor: pointer; margin: auto; display: block; background-color: #c5998c text-align: center; padding: 17px 20px; border-radius: 15px; border: 2px solid #fff; border-radius: 16px; background-image: -moz-linear-gradient( 90deg, rgb(178,134,120) 35%, rgb(210,159,143) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(178,134,120) 35%, rgb(210,159,143) 100%); background-image: -ms-linear-gradient( 90deg, rgb(178,134,120) 35%, rgb(210,159,143) 100%); box-shadow: 2.598px 1.5px 6.84px 2.16px rgba(88, 88, 88, 0.64); color: #fff; font-weight: bold; height: 200px; overflow: hidden; transition: 0.3s ease-in-out; } .intro-page .item-list li:hover { background-image: -moz-linear-gradient( 90deg, rgb(17,68,70) 0%, rgb(30,120,124) 66%); background-image: -webkit-linear-gradient( 90deg, rgb(17,68,70) 0%, rgb(30,120,124) 66%); background-image: -ms-linear-gradient( 90deg, rgb(17,68,70) 0%, rgb(30,120,124) 66%); transform: scale(1.1); transition: 0.3s ease-in-out; } .intro-page .item-list li i { display: block; margin-bottom: 20px; margin-top: 30px; } .intro-page .item-list li i img { height: 50px; width: 50px; } .intro-page h2 { margin-bottom: 20px; text-align: center; color: #114446; } .intro-page em { font-size: 18px; text-align: center; width: 100%; display: block; color: #114446; margin-bottom: 10px; } .intro-page footer { width: 100%; background-color: #114446; padding: 32px; text-align: center; } .intro-page footer ul { width: 100%; margin: auto; max-width: 532px; } .intro-page footer ul li { width: 264px; display: inline-block; text-align: left; color: #fff; font-size: 16px; } .intro-page footer ul li i { margin-right: 5px; } .intro-page { background-color: #114446; min-height: 100vh; } .intro-page main { background-color: #fff; } /* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { will-change: opacity; } .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline: 0; } .leaflet-container a { color: #0078A8; } .leaflet-container a.leaflet-active { outline: 2px solid orange; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); } /* general typography */ .leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(/Content/Base/img/layers.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(/Content/Base/img/layers-2x.png); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { background-image: url(/Content/Base/img/marker-icon.png); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; } .leaflet-popup-content p { margin: 18px 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { color: #999; } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); } .leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; }