/*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}} /*# sourceMappingURL=bootstrap.min.css.map */ @font-face{font-family:"summernote";font-style:normal;font-weight:normal;src:url("font/summernote.eot?ad8d7e2d177d2473aecd9b35d16211fb");src:url("font/summernote.eot?#iefix") format("embedded-opentype"),url("font/summernote.woff?ad8d7e2d177d2473aecd9b35d16211fb") format("woff"),url("font/summernote.ttf?ad8d7e2d177d2473aecd9b35d16211fb") format("truetype")}[class^="note-icon-"]:before,[class*=" note-icon-"]:before{display:inline-block;font:normal normal normal 14px summernote;font-size:inherit;-webkit-font-smoothing:antialiased;text-decoration:inherit;text-rendering:auto;text-transform:none;vertical-align:middle;speak:none;-moz-osx-font-smoothing:grayscale}.note-icon-align-center:before{content:"\f101"}.note-icon-align-indent:before{content:"\f102"}.note-icon-align-justify:before{content:"\f103"}.note-icon-align-left:before{content:"\f104"}.note-icon-align-outdent:before{content:"\f105"}.note-icon-align-right:before{content:"\f106"}.note-icon-align:before{content:"\f107"}.note-icon-arrows-alt:before{content:"\f108"}.note-icon-bold:before{content:"\f109"}.note-icon-caret:before{content:"\f10a"}.note-icon-chain-broken:before{content:"\f10b"}.note-icon-circle:before{content:"\f10c"}.note-icon-close:before{content:"\f10d"}.note-icon-code:before{content:"\f10e"}.note-icon-eraser:before{content:"\f10f"}.note-icon-font:before{content:"\f110"}.note-icon-frame:before{content:"\f111"}.note-icon-italic:before{content:"\f112"}.note-icon-link:before{content:"\f113"}.note-icon-magic:before{content:"\f114"}.note-icon-menu-check:before{content:"\f115"}.note-icon-minus:before{content:"\f116"}.note-icon-orderedlist:before{content:"\f117"}.note-icon-pencil:before{content:"\f118"}.note-icon-picture:before{content:"\f119"}.note-icon-question:before{content:"\f11a"}.note-icon-redo:before{content:"\f11b"}.note-icon-special-character:before{content:"\f11c"}.note-icon-square:before{content:"\f11d"}.note-icon-strikethrough:before{content:"\f11e"}.note-icon-subscript:before{content:"\f11f"}.note-icon-summernote:before{content:"\f120"}.note-icon-superscript:before{content:"\f121"}.note-icon-table:before{content:"\f122"}.note-icon-text-height:before{content:"\f123"}.note-icon-trash:before{content:"\f124"}.note-icon-underline:before{content:"\f125"}.note-icon-undo:before{content:"\f126"}.note-icon-unorderedlist:before{content:"\f127"}.note-icon-video:before{content:"\f128"}.note-editor{position:relative}.note-editor .note-dropzone{position:absolute;z-index:100;display:none;color:#87cefa;background-color:white;opacity:.95}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;font-size:28px;font-weight:bold;text-align:center;vertical-align:middle}.note-editor .note-dropzone.hover{color:#098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-editing-area{position:relative}.note-editor .note-editing-area .note-editable{outline:0}.note-editor .note-editing-area .note-editable sup{vertical-align:super}.note-editor .note-editing-area .note-editable sub{vertical-align:sub}.note-editor.note-frame{border:1px solid #a9a9a9}.note-editor.note-frame.codeview .note-editing-area .note-editable{display:none}.note-editor.note-frame.codeview .note-editing-area .note-codable{display:block}.note-editor.note-frame .note-editing-area{overflow:hidden}.note-editor.note-frame .note-editing-area .note-editable{padding:10px;overflow:auto;color:#000;background-color:#fff}.note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"]{background-color:#e5e5e5}.note-editor.note-frame .note-editing-area .note-codable{display:none;width:100%;padding:10px;margin-bottom:0;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;color:#ccc;background-color:#222;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;resize:none}.note-editor.note-frame.fullscreen{position:fixed;top:0;left:0;z-index:1050;width:100%!important}.note-editor.note-frame.fullscreen .note-editable{background-color:white}.note-editor.note-frame.fullscreen .note-resizebar{display:none}.note-editor.note-frame .note-statusbar{background-color:#f5f5f5;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.note-editor.note-frame .note-statusbar .note-resizebar{width:100%;height:8px;padding-top:1px;cursor:ns-resize}.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar{width:20px;margin:1px auto;border-top:1px solid #a9a9a9}.note-editor.note-frame .note-placeholder{padding:10px}.note-popover.popover{max-width:none}.note-popover.popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.note-popover.popover .arrow{left:20px!important}.note-popover .popover-content,.panel-heading.note-toolbar{padding:0 0 5px 5px;margin:0}.note-popover .popover-content>.btn-group,.panel-heading.note-toolbar>.btn-group{margin-top:5px;margin-right:5px;margin-left:0}.note-popover .popover-content .btn-group .note-table,.panel-heading.note-toolbar .btn-group .note-table{min-width:0;padding:5px}.note-popover .popover-content .btn-group .note-table .note-dimension-picker,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker{font-size:18px}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.panel-heading.note-toolbar .btn-group .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 .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.panel-heading.note-toolbar .btn-group .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 .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.panel-heading.note-toolbar .btn-group .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-style h1,.panel-heading.note-toolbar .note-style h1,.note-popover .popover-content .note-style h2,.panel-heading.note-toolbar .note-style h2,.note-popover .popover-content .note-style h3,.panel-heading.note-toolbar .note-style h3,.note-popover .popover-content .note-style h4,.panel-heading.note-toolbar .note-style h4,.note-popover .popover-content .note-style h5,.panel-heading.note-toolbar .note-style h5,.note-popover .popover-content .note-style h6,.panel-heading.note-toolbar .note-style h6,.note-popover .popover-content .note-style blockquote,.panel-heading.note-toolbar .note-style blockquote{margin:0}.note-popover .popover-content .note-color .dropdown-toggle,.panel-heading.note-toolbar .note-color .dropdown-toggle{width:20px;padding-left:5px}.note-popover .popover-content .note-color .dropdown-menu,.panel-heading.note-toolbar .note-color .dropdown-menu{min-width:340px}.note-popover .popover-content .note-color .dropdown-menu .btn-group,.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group{margin:0}.note-popover .popover-content .note-color .dropdown-menu .btn-group:first-child,.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group:first-child{margin:0 5px}.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title{margin:2px 7px;font-size:12px;text-align:center;border-bottom:1px solid #eee}.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset{width:100%;padding:0 3px;margin:3px;font-size:11px;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row{height:20px}.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover{background:#eee}.note-popover .popover-content .note-para .dropdown-menu,.panel-heading.note-toolbar .note-para .dropdown-menu{min-width:216px;padding:5px}.note-popover .popover-content .note-para .dropdown-menu>div:first-child,.panel-heading.note-toolbar .note-para .dropdown-menu>div:first-child{margin-right:5px}.note-popover .popover-content .dropdown-menu,.panel-heading.note-toolbar .dropdown-menu{min-width:90px}.note-popover .popover-content .dropdown-menu.right,.panel-heading.note-toolbar .dropdown-menu.right{right:0;left:auto}.note-popover .popover-content .dropdown-menu.right::before,.panel-heading.note-toolbar .dropdown-menu.right::before{right:9px;left:auto!important}.note-popover .popover-content .dropdown-menu.right::after,.panel-heading.note-toolbar .dropdown-menu.right::after{right:10px;left:auto!important}.note-popover .popover-content .dropdown-menu.note-check li a i,.panel-heading.note-toolbar .dropdown-menu.note-check li a i{color:deepskyblue;visibility:hidden}.note-popover .popover-content .dropdown-menu.note-check li a.checked i,.panel-heading.note-toolbar .dropdown-menu.note-check li a.checked i{visibility:visible}.note-popover .popover-content .note-fontsize-10,.panel-heading.note-toolbar .note-fontsize-10{font-size:10px}.note-popover .popover-content .note-color-palette,.panel-heading.note-toolbar .note-color-palette{line-height:1}.note-popover .popover-content .note-color-palette div .note-color-btn,.panel-heading.note-toolbar .note-color-palette div .note-color-btn{width:20px;height:20px;padding:0;margin:0;border:1px solid #fff}.note-popover .popover-content .note-color-palette div .note-color-btn:hover,.panel-heading.note-toolbar .note-color-palette div .note-color-btn:hover{border:1px solid #000}.note-dialog>div{display:none}.note-dialog .form-group{margin-right:0;margin-left:0}.note-dialog .note-modal-form{margin:0}.note-dialog .note-image-dialog .note-dropzone{min-height:100px;margin-bottom:10px;font-size:30px;line-height:4;color:lightgray;text-align:center;border:4px dashed lightgray}@-moz-document url-prefix(){.note-image-input{height:auto}}.note-placeholder{position:absolute;display:none;color:gray}.note-handle .note-control-selection{position:absolute;display:none;border:1px solid black}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{width:100%;height:100%;background-color:black;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;-ms-filter:alpha(opacity=30);filter:alpha(opacity=30)}.note-handle .note-control-selection .note-control-handle{width:7px;height:7px;border:1px solid black}.note-handle .note-control-selection .note-control-holder{width:7px;height:7px;border:1px solid black}.note-handle .note-control-selection .note-control-sizing{width:7px;height:7px;background-color:white;border:1px solid black}.note-handle .note-control-selection .note-control-nw{top:-5px;left:-5px;border-right:0;border-bottom:0}.note-handle .note-control-selection .note-control-ne{top:-5px;right:-5px;border-bottom:0;border-left:none}.note-handle .note-control-selection .note-control-sw{bottom:-5px;left:-5px;border-top:0;border-right:0}.note-handle .note-control-selection .note-control-se{right:-5px;bottom:-5px;cursor:se-resize}.note-handle .note-control-selection .note-control-se.note-control-holder{cursor:default;border-top:0;border-left:none}.note-handle .note-control-selection .note-control-selection-info{right:0;bottom:0;padding:5px;margin:5px;font-size:12px;color:white;background-color:black;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70)}.note-hint-popover{min-width:100px;padding:2px}.note-hint-popover .popover-content{max-height:150px;padding:3px;overflow:auto}.note-hint-popover .popover-content .note-hint-group .note-hint-item{display:block!important;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover{display:block;clear:both;font-weight:400;line-height:1.4;color:white;text-decoration:none;white-space:nowrap;cursor:pointer;background-color:#428bca;outline:0} /*! * jQuery Bootgrid v1.3.1 - 09/11/2015 * Copyright (c) 2014-2015 Rafael Staib (http://www.jquery-bootgrid.com) * Licensed under MIT http://www.opensource.org/licenses/MIT */ .bootgrid-header, .bootgrid-footer { margin: 15px 0; } .bootgrid-header a, .bootgrid-footer a { outline: 0; } .bootgrid-header .search, .bootgrid-footer .search { display: inline-block; margin: 0 20px 0 0; vertical-align: middle; width: 180px; } .bootgrid-header .search .glyphicon, .bootgrid-footer .search .glyphicon { top: 0; } .bootgrid-header .search .fa, .bootgrid-footer .search .fa { display: table-cell; } .bootgrid-header .search.search-field::-ms-clear, .bootgrid-footer .search.search-field::-ms-clear, .bootgrid-header .search .search-field::-ms-clear, .bootgrid-footer .search .search-field::-ms-clear { display: none; } .bootgrid-header .pagination, .bootgrid-footer .pagination { margin: 0 !important; } .bootgrid-header .actionBar, .bootgrid-footer .infoBar { text-align: right; } .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu { text-align: left; } .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item { cursor: pointer; display: block; margin: 0; padding: 3px 20px; white-space: nowrap; } .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item:hover, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:hover, .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item.dropdown-item-checkbox, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item.dropdown-item-checkbox, .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item .dropdown-item-checkbox, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item .dropdown-item-checkbox { margin: 0 2px 4px 0; vertical-align: middle; } .bootgrid-header .actionBar .btn-group > .btn-group .dropdown-menu .dropdown-item.disabled, .bootgrid-footer .infoBar .btn-group > .btn-group .dropdown-menu .dropdown-item.disabled { cursor: not-allowed; } .bootgrid-table { table-layout: fixed; } .bootgrid-table a { outline: 0; } .bootgrid-table th > .column-header-anchor { color: #333; cursor: not-allowed; display: block; position: relative; text-decoration: none; } .bootgrid-table th > .column-header-anchor.sortable { cursor: pointer; } .bootgrid-table th > .column-header-anchor > .text { display: block; margin: 0 16px 0 0; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .bootgrid-table th > .column-header-anchor > .icon { display: block; position: absolute; right: 0; top: 2px; } .bootgrid-table th:hover, .bootgrid-table th:active { background: #fafafa; } .bootgrid-table td { overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .bootgrid-table td.loading, .bootgrid-table td.no-results { background: #fff; text-align: center; } .bootgrid-table th.select-cell, .bootgrid-table td.select-cell { text-align: center; width: 30px; } .bootgrid-table th.select-cell .select-box, .bootgrid-table td.select-cell .select-box { margin: 0; outline: 0; } .table-responsive .bootgrid-table { table-layout: inherit !important; } .table-responsive .bootgrid-table th > .column-header-anchor > .text { overflow: inherit !important; -ms-text-overflow: inherit !important; -o-text-overflow: inherit !important; text-overflow: inherit !important; white-space: inherit !important; } .table-responsive .bootgrid-table td { overflow: inherit !important; -ms-text-overflow: inherit !important; -o-text-overflow: inherit !important; text-overflow: inherit !important; white-space: inherit !important; } body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; } .sweet-alert { background-color: white; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; } @media all and (max-width: 540px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert h2 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block; } .sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal; } .sweet-alert fieldset { border: none; position: relative; } .sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; webkit-transition: padding 0.2s, max-height 0.2s; transition: padding 0.25s, max-height 0.25s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: white; line-height: 24px; text-align: center; margin-right: 3px; } .sweet-alert .sa-error-container p { display: inline-block; } .sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; } .sweet-alert .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .sweet-alert input:focus { outline: none; box-shadow: 0px 0px 3px #c4e6f5; border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input::-moz-placeholder { color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert.show-input input { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden; } .sweet-alert button { background-color: #8CD4F5; color: white; border: none; box-shadow: none; font-size: 17px; font-weight: 500; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer; } .sweet-alert button:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .sweet-alert button:hover { background-color: #7ecff4; } .sweet-alert button:active { background-color: #5dc2f1; } .sweet-alert button.cancel { background-color: #C1C1C1; } .sweet-alert button.cancel:hover { background-color: #b9b9b9; } .sweet-alert button.cancel:active { background-color: #a8a8a8; } .sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } .sweet-alert button[disabled] { opacity: .6; cursor: default; } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; } .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px; } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #F27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .sweet-alert .sa-icon.sa-warning { border-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-info { border-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-success { border-color: #A5DC86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } /* * Animations */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @-webkit-keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @-webkit-keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @-webkit-keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; animation: slideToTop 0.4s; } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-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; } } @-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; } } @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { -webkit-animation: animateXMark 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; 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; animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Internet Explorer 9 has some special quirks that are fixed here */ /* The icons are not animated. */ /* This file is automatically merged into sweet-alert.min.js through Gulp */ /* Error icon */ .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9; } /* Success icon */ .sweet-alert .sa-icon.sa-success { border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9; } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-fall, .la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-fall { width: 54px; height: 18px; } .la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-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; } /* * Animation */ @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @-moz-keyframes ball-fall { 0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); } } @-o-keyframes ball-fall { 0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); } } /** * * All animations must live in their own file * in the animations directory and be included * here. * */ /** * Styles shared by multiple animations */ /** * Dots */ @-webkit-keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 45% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.7; } 80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 45% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.7; } 80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .ball-pulse > div:nth-child(0) { -webkit-animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(1) { -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(2) { -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(3) { -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; } @-webkit-keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(10px); transform: translateY(10px); } 66% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(10px); transform: translateY(10px); } 66% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .ball-pulse-sync > div:nth-child(0) { -webkit-animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out; animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out; } .ball-pulse-sync > div:nth-child(1) { -webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; } .ball-pulse-sync > div:nth-child(2) { -webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; } .ball-pulse-sync > div:nth-child(3) { -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; } .ball-pulse-sync > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; } @-webkit-keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .ball-scale > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; height: 60px; width: 60px; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite; } @keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .ball-scale > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; height: 60px; width: 60px; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite; } .ball-scale-random { width: 37px; height: 40px; } .ball-scale-random > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; display: inline-block; height: 30px; width: 30px; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite; } .ball-scale-random > div:nth-child(1) { margin-left: -7px; -webkit-animation: ball-scale 1s 0.2s ease-in-out infinite; animation: ball-scale 1s 0.2s ease-in-out infinite; } .ball-scale-random > div:nth-child(3) { margin-left: -2px; margin-top: 9px; -webkit-animation: ball-scale 1s 0.5s ease-in-out infinite; animation: ball-scale 1s 0.5s ease-in-out infinite; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .ball-rotate { position: relative; } .ball-rotate > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: relative; } .ball-rotate > div:first-child { -webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; } .ball-rotate > div:before, .ball-rotate > div:after { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; content: ""; position: absolute; opacity: 0.8; } .ball-rotate > div:before { top: 0px; left: -28px; } .ball-rotate > div:after { top: 0px; left: 25px; } @keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } .ball-clip-rotate > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; border: 2px solid #fff; border-bottom-color: transparent; height: 25px; width: 25px; background: transparent !important; display: inline-block; -webkit-animation: rotate 0.75s 0s linear infinite; animation: rotate 0.75s 0s linear infinite; } @keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } @keyframes scale { 30% { -webkit-transform: scale(0.3); transform: scale(0.3); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .ball-clip-rotate-pulse { position: relative; -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } .ball-clip-rotate-pulse > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: 0px; left: 0px; border-radius: 100%; } .ball-clip-rotate-pulse > div:first-child { background: #fff; height: 16px; width: 16px; top: 7px; left: -7px; -webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } .ball-clip-rotate-pulse > div:last-child { position: absolute; border: 2px solid #fff; width: 30px; height: 30px; left: -16px; top: -2px; background: transparent; border: 2px solid; border-color: #fff transparent #fff transparent; -webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; -webkit-animation-duration: 1s; animation-duration: 1s; } @keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } .ball-clip-rotate-multiple { position: relative; } .ball-clip-rotate-multiple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: -20px; top: -20px; border: 2px solid #fff; border-bottom-color: transparent; border-top-color: transparent; border-radius: 100%; height: 35px; width: 35px; -webkit-animation: rotate 1s 0s ease-in-out infinite; animation: rotate 1s 0s ease-in-out infinite; } .ball-clip-rotate-multiple > div:last-child { display: inline-block; top: -10px; left: -10px; width: 15px; height: 15px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; border-color: #fff transparent #fff transparent; -webkit-animation-direction: reverse; animation-direction: reverse; } @-webkit-keyframes ball-scale-ripple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } @keyframes ball-scale-ripple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } .ball-scale-ripple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; height: 50px; width: 50px; border-radius: 100%; border: 2px solid #fff; -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } @-webkit-keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } @keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } .ball-scale-ripple-multiple { position: relative; -webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); transform: translateY(-25px); } .ball-scale-ripple-multiple > div:nth-child(0) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .ball-scale-ripple-multiple > div:nth-child(1) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .ball-scale-ripple-multiple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .ball-scale-ripple-multiple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .ball-scale-ripple-multiple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: -2px; left: -26px; width: 50px; height: 50px; border-radius: 100%; border: 2px solid #fff; -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } @-webkit-keyframes ball-beat { 50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes ball-beat { 50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .ball-beat > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: ball-beat 0.7s 0s infinite linear; animation: ball-beat 0.7s 0s infinite linear; } .ball-beat > div:nth-child(2n-1) { -webkit-animation-delay: -0.35s !important; animation-delay: -0.35s !important; } @-webkit-keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .ball-scale-multiple { position: relative; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } .ball-scale-multiple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .ball-scale-multiple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .ball-scale-multiple > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: -30px; top: 0px; opacity: 0; margin: 0; width: 60px; height: 60px; -webkit-animation: ball-scale-multiple 1s 0s linear infinite; animation: ball-scale-multiple 1s 0s linear infinite; } @-webkit-keyframes ball-triangle-path-1 { 33% { -webkit-transform: translate(25px, -50px); transform: translate(25px, -50px); } 66% { -webkit-transform: translate(50px, 0px); transform: translate(50px, 0px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-1 { 33% { -webkit-transform: translate(25px, -50px); transform: translate(25px, -50px); } 66% { -webkit-transform: translate(50px, 0px); transform: translate(50px, 0px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes ball-triangle-path-2 { 33% { -webkit-transform: translate(25px, 50px); transform: translate(25px, 50px); } 66% { -webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-2 { 33% { -webkit-transform: translate(25px, 50px); transform: translate(25px, 50px); } 66% { -webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @-webkit-keyframes ball-triangle-path-3 { 33% { -webkit-transform: translate(-50px, 0px); transform: translate(-50px, 0px); } 66% { -webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes ball-triangle-path-3 { 33% { -webkit-transform: translate(-50px, 0px); transform: translate(-50px, 0px); } 66% { -webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } .ball-triangle-path { position: relative; -webkit-transform: translate(-29.994px, -37.50938px); -ms-transform: translate(-29.994px, -37.50938px); transform: translate(-29.994px, -37.50938px); } .ball-triangle-path > div:nth-child(1) { -webkit-animation-name: ball-triangle-path-1; animation-name: ball-triangle-path-1; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .ball-triangle-path > div:nth-child(2) { -webkit-animation-name: ball-triangle-path-2; animation-name: ball-triangle-path-2; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .ball-triangle-path > div:nth-child(3) { -webkit-animation-name: ball-triangle-path-3; animation-name: ball-triangle-path-3; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .ball-triangle-path > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 10px; height: 10px; border-radius: 100%; border: 1px solid #fff; } .ball-triangle-path > div:nth-of-type(1) { top: 50px; } .ball-triangle-path > div:nth-of-type(2) { left: 25px; } .ball-triangle-path > div:nth-of-type(3) { top: 50px; left: 50px; } @-webkit-keyframes ball-pulse-rise-even { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 25% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: scale(0.4); transform: scale(0.4); } 75% { -webkit-transform: translateY(30px); transform: translateY(30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(1); transform: scale(1); } } @keyframes ball-pulse-rise-even { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 25% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 50% { -webkit-transform: scale(0.4); transform: scale(0.4); } 75% { -webkit-transform: translateY(30px); transform: translateY(30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes ball-pulse-rise-odd { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); } 25% { -webkit-transform: translateY(30px); transform: translateY(30px); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(0.75); transform: scale(0.75); } } @keyframes ball-pulse-rise-odd { 0% { -webkit-transform: scale(0.4); transform: scale(0.4); } 25% { -webkit-transform: translateY(30px); transform: translateY(30px); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(0.75); transform: scale(0.75); } } .ball-pulse-rise > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6); animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } .ball-pulse-rise > div:nth-child(2n) { -webkit-animation-name: ball-pulse-rise-even; animation-name: ball-pulse-rise-even; } .ball-pulse-rise > div:nth-child(2n-1) { -webkit-animation-name: ball-pulse-rise-odd; animation-name: ball-pulse-rise-odd; } @-webkit-keyframes ball-grid-beat { 50% { opacity: 0.7; } 100% { opacity: 1; } } @keyframes ball-grid-beat { 50% { opacity: 0.7; } 100% { opacity: 1; } } .ball-grid-beat { width: 57px; } .ball-grid-beat > div:nth-child(1) { -webkit-animation-delay: 0.44s; animation-delay: 0.44s; -webkit-animation-duration: 1.27s; animation-duration: 1.27s; } .ball-grid-beat > div:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; -webkit-animation-duration: 1.52s; animation-duration: 1.52s; } .ball-grid-beat > div:nth-child(3) { -webkit-animation-delay: 0.14s; animation-delay: 0.14s; -webkit-animation-duration: 0.61s; animation-duration: 0.61s; } .ball-grid-beat > div:nth-child(4) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; -webkit-animation-duration: 0.82s; animation-duration: 0.82s; } .ball-grid-beat > div:nth-child(5) { -webkit-animation-delay: -0.01s; animation-delay: -0.01s; -webkit-animation-duration: 1.24s; animation-duration: 1.24s; } .ball-grid-beat > div:nth-child(6) { -webkit-animation-delay: -0.07s; animation-delay: -0.07s; -webkit-animation-duration: 1.35s; animation-duration: 1.35s; } .ball-grid-beat > div:nth-child(7) { -webkit-animation-delay: 0.29s; animation-delay: 0.29s; -webkit-animation-duration: 1.44s; animation-duration: 1.44s; } .ball-grid-beat > div:nth-child(8) { -webkit-animation-delay: 0.63s; animation-delay: 0.63s; -webkit-animation-duration: 1.19s; animation-duration: 1.19s; } .ball-grid-beat > div:nth-child(9) { -webkit-animation-delay: -0.18s; animation-delay: -0.18s; -webkit-animation-duration: 1.48s; animation-duration: 1.48s; } .ball-grid-beat > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; float: left; -webkit-animation-name: ball-grid-beat; animation-name: ball-grid-beat; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } @-webkit-keyframes ball-grid-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes ball-grid-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .ball-grid-pulse { width: 57px; } .ball-grid-pulse > div:nth-child(1) { -webkit-animation-delay: 0.58s; animation-delay: 0.58s; -webkit-animation-duration: 0.9s; animation-duration: 0.9s; } .ball-grid-pulse > div:nth-child(2) { -webkit-animation-delay: 0.01s; animation-delay: 0.01s; -webkit-animation-duration: 0.94s; animation-duration: 0.94s; } .ball-grid-pulse > div:nth-child(3) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-duration: 1.43s; animation-duration: 1.43s; } .ball-grid-pulse > div:nth-child(4) { -webkit-animation-delay: -0.03s; animation-delay: -0.03s; -webkit-animation-duration: 0.74s; animation-duration: 0.74s; } .ball-grid-pulse > div:nth-child(5) { -webkit-animation-delay: 0.21s; animation-delay: 0.21s; -webkit-animation-duration: 0.68s; animation-duration: 0.68s; } .ball-grid-pulse > div:nth-child(6) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-duration: 1.17s; animation-duration: 1.17s; } .ball-grid-pulse > div:nth-child(7) { -webkit-animation-delay: 0.46s; animation-delay: 0.46s; -webkit-animation-duration: 1.41s; animation-duration: 1.41s; } .ball-grid-pulse > div:nth-child(8) { -webkit-animation-delay: 0.02s; animation-delay: 0.02s; -webkit-animation-duration: 1.56s; animation-duration: 1.56s; } .ball-grid-pulse > div:nth-child(9) { -webkit-animation-delay: 0.13s; animation-delay: 0.13s; -webkit-animation-duration: 0.78s; animation-duration: 0.78s; } .ball-grid-pulse > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; float: left; -webkit-animation-name: ball-grid-pulse; animation-name: ball-grid-pulse; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } @-webkit-keyframes ball-spin-fade-loader { 50% { opacity: 0.3; -webkit-transform: scale(0.4); transform: scale(0.4); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes ball-spin-fade-loader { 50% { opacity: 0.3; -webkit-transform: scale(0.4); transform: scale(0.4); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .ball-spin-fade-loader { position: relative; top: -10px; left: -10px; } .ball-spin-fade-loader > div:nth-child(1) { top: 25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear; animation: ball-spin-fade-loader 1s -0.96s infinite linear; } .ball-spin-fade-loader > div:nth-child(2) { top: 17.04545px; left: 17.04545px; -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear; animation: ball-spin-fade-loader 1s -0.84s infinite linear; } .ball-spin-fade-loader > div:nth-child(3) { top: 0; left: 25px; -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear; animation: ball-spin-fade-loader 1s -0.72s infinite linear; } .ball-spin-fade-loader > div:nth-child(4) { top: -17.04545px; left: 17.04545px; -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear; animation: ball-spin-fade-loader 1s -0.6s infinite linear; } .ball-spin-fade-loader > div:nth-child(5) { top: -25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear; animation: ball-spin-fade-loader 1s -0.48s infinite linear; } .ball-spin-fade-loader > div:nth-child(6) { top: -17.04545px; left: -17.04545px; -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear; animation: ball-spin-fade-loader 1s -0.36s infinite linear; } .ball-spin-fade-loader > div:nth-child(7) { top: 0; left: -25px; -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear; animation: ball-spin-fade-loader 1s -0.24s infinite linear; } .ball-spin-fade-loader > div:nth-child(8) { top: 17.04545px; left: -17.04545px; -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear; animation: ball-spin-fade-loader 1s -0.12s infinite linear; } .ball-spin-fade-loader > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; } @-webkit-keyframes ball-spin-loader { 75% { opacity: 0.2; } 100% { opacity: 1; } } @keyframes ball-spin-loader { 75% { opacity: 0.2; } 100% { opacity: 1; } } .ball-spin-loader { position: relative; } .ball-spin-loader > span:nth-child(1) { top: 45px; left: 0; -webkit-animation: ball-spin-loader 2s 0.9s infinite linear; animation: ball-spin-loader 2s 0.9s infinite linear; } .ball-spin-loader > span:nth-child(2) { top: 30.68182px; left: 30.68182px; -webkit-animation: ball-spin-loader 2s 1.8s infinite linear; animation: ball-spin-loader 2s 1.8s infinite linear; } .ball-spin-loader > span:nth-child(3) { top: 0; left: 45px; -webkit-animation: ball-spin-loader 2s 2.7s infinite linear; animation: ball-spin-loader 2s 2.7s infinite linear; } .ball-spin-loader > span:nth-child(4) { top: -30.68182px; left: 30.68182px; -webkit-animation: ball-spin-loader 2s 3.6s infinite linear; animation: ball-spin-loader 2s 3.6s infinite linear; } .ball-spin-loader > span:nth-child(5) { top: -45px; left: 0; -webkit-animation: ball-spin-loader 2s 4.5s infinite linear; animation: ball-spin-loader 2s 4.5s infinite linear; } .ball-spin-loader > span:nth-child(6) { top: -30.68182px; left: -30.68182px; -webkit-animation: ball-spin-loader 2s 5.4s infinite linear; animation: ball-spin-loader 2s 5.4s infinite linear; } .ball-spin-loader > span:nth-child(7) { top: 0; left: -45px; -webkit-animation: ball-spin-loader 2s 6.3s infinite linear; animation: ball-spin-loader 2s 6.3s infinite linear; } .ball-spin-loader > span:nth-child(8) { top: 30.68182px; left: -30.68182px; -webkit-animation: ball-spin-loader 2s 7.2s infinite linear; animation: ball-spin-loader 2s 7.2s infinite linear; } .ball-spin-loader > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 15px; height: 15px; border-radius: 100%; background: green; } @-webkit-keyframes ball-zig { 33% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 66% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zig { 33% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 66% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ball-zag { 33% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 66% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zag { 33% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 66% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ball-zig-zag { position: relative; -webkit-transform: translate(-15px, -15px); -ms-transform: translate(-15px, -15px); transform: translate(-15px, -15px); } .ball-zig-zag > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; margin-left: 15px; top: 4px; left: -7px; } .ball-zig-zag > div:first-child { -webkit-animation: ball-zig 0.7s 0s infinite linear; animation: ball-zig 0.7s 0s infinite linear; } .ball-zig-zag > div:last-child { -webkit-animation: ball-zag 0.7s 0s infinite linear; animation: ball-zag 0.7s 0s infinite linear; } @-webkit-keyframes ball-zig-deflect { 17% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 34% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 84% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zig-deflect { 17% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 34% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 84% { -webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ball-zag-deflect { 17% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 34% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 84% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes ball-zag-deflect { 17% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 34% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 67% { -webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px); } 84% { -webkit-transform: translate(15px, 30px); transform: translate(15px, 30px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ball-zig-zag-deflect { position: relative; -webkit-transform: translate(-15px, -15px); -ms-transform: translate(-15px, -15px); transform: translate(-15px, -15px); } .ball-zig-zag-deflect > div { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; margin-left: 15px; top: 4px; left: -7px; } .ball-zig-zag-deflect > div:first-child { -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear; animation: ball-zig-deflect 1.5s 0s infinite linear; } .ball-zig-zag-deflect > div:last-child { -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear; animation: ball-zag-deflect 1.5s 0s infinite linear; } /** * Lines */ @-webkit-keyframes line-scale { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } @keyframes line-scale { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } .line-scale > div:nth-child(1) { -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(2) { -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(3) { -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(4) { -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(5) { -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; } @-webkit-keyframes line-scale-party { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes line-scale-party { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .line-scale-party > div:nth-child(1) { -webkit-animation-delay: -0.09s; animation-delay: -0.09s; -webkit-animation-duration: 0.83s; animation-duration: 0.83s; } .line-scale-party > div:nth-child(2) { -webkit-animation-delay: 0.33s; animation-delay: 0.33s; -webkit-animation-duration: 0.64s; animation-duration: 0.64s; } .line-scale-party > div:nth-child(3) { -webkit-animation-delay: 0.32s; animation-delay: 0.32s; -webkit-animation-duration: 0.39s; animation-duration: 0.39s; } .line-scale-party > div:nth-child(4) { -webkit-animation-delay: 0.47s; animation-delay: 0.47s; -webkit-animation-duration: 0.52s; animation-duration: 0.52s; } .line-scale-party > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation-name: line-scale-party; animation-name: line-scale-party; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } @-webkit-keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } @keyframes line-scale-pulse-out { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 50% { -webkit-transform: scaley(0.4); transform: scaley(0.4); } 100% { -webkit-transform: scaley(1); transform: scaley(1); } } .line-scale-pulse-out > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); } .line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) { -webkit-animation-delay: -0.4s !important; animation-delay: -0.4s !important; } .line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) { -webkit-animation-delay: -0.2s !important; animation-delay: -0.2s !important; } @-webkit-keyframes line-scale-pulse-out-rapid { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 80% { -webkit-transform: scaley(0.3); transform: scaley(0.3); } 90% { -webkit-transform: scaley(1); transform: scaley(1); } } @keyframes line-scale-pulse-out-rapid { 0% { -webkit-transform: scaley(1); transform: scaley(1); } 80% { -webkit-transform: scaley(0.3); transform: scaley(0.3); } 90% { -webkit-transform: scaley(1); transform: scaley(1); } } .line-scale-pulse-out-rapid > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); } .line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) { -webkit-animation-delay: -0.25s !important; animation-delay: -0.25s !important; } .line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; } @-webkit-keyframes line-spin-fade-loader { 50% { opacity: 0.3; } 100% { opacity: 1; } } @keyframes line-spin-fade-loader { 50% { opacity: 0.3; } 100% { opacity: 1; } } .line-spin-fade-loader { position: relative; top: -10px; left: -4px; } .line-spin-fade-loader > div:nth-child(1) { top: 20px; left: 0; -webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(2) { top: 13.63636px; left: 13.63636px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(3) { top: 0; left: 20px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(4) { top: -13.63636px; left: 13.63636px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(5) { top: -20px; left: 0; -webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(6) { top: -13.63636px; left: -13.63636px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(7) { top: 0; left: -20px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(8) { top: 13.63636px; left: -13.63636px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; } .line-spin-fade-loader > div { background-color: #fff; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 5px; height: 15px; } /** * Misc */ @-webkit-keyframes triangle-skew-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } @keyframes triangle-skew-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } .triangle-skew-spin > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } @-webkit-keyframes square-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } @keyframes square-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } .square-spin > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; width: 50px; height: 50px; background: #fff; border: 1px solid red; -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } @-webkit-keyframes rotate_pacman_half_up { 0% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 50% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @keyframes rotate_pacman_half_up { 0% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 50% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @-webkit-keyframes rotate_pacman_half_down { 0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @keyframes rotate_pacman_half_down { 0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @-webkit-keyframes pacman-balls { 75% { opacity: 0.7; } 100% { -webkit-transform: translate(-100px, -6.25px); transform: translate(-100px, -6.25px); } } @keyframes pacman-balls { 75% { opacity: 0.7; } 100% { -webkit-transform: translate(-100px, -6.25px); transform: translate(-100px, -6.25px); } } .pacman { position: relative; } .pacman > div:nth-child(2) { -webkit-animation: pacman-balls 1s -0.99s infinite linear; animation: pacman-balls 1s -0.99s infinite linear; } .pacman > div:nth-child(3) { -webkit-animation: pacman-balls 1s -0.66s infinite linear; animation: pacman-balls 1s -0.66s infinite linear; } .pacman > div:nth-child(4) { -webkit-animation: pacman-balls 1s -0.33s infinite linear; animation: pacman-balls 1s -0.33s infinite linear; } .pacman > div:nth-child(5) { -webkit-animation: pacman-balls 1s 0s infinite linear; animation: pacman-balls 1s 0s infinite linear; } .pacman > div:first-of-type { width: 0px; height: 0px; border-right: 25px solid transparent; border-top: 25px solid #fff; border-left: 25px solid #fff; border-bottom: 25px solid #fff; border-radius: 25px; -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite; animation: rotate_pacman_half_up 0.5s 0s infinite; position: relative; left: -30px; } .pacman > div:nth-child(2) { width: 0px; height: 0px; border-right: 25px solid transparent; border-top: 25px solid #fff; border-left: 25px solid #fff; border-bottom: 25px solid #fff; border-radius: 25px; -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite; animation: rotate_pacman_half_down 0.5s 0s infinite; margin-top: -50px; position: relative; left: -30px; } .pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5), .pacman > div:nth-child(6) { background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px; width: 10px; height: 10px; position: absolute; -webkit-transform: translate(0, -6.25px); -ms-transform: translate(0, -6.25px); transform: translate(0, -6.25px); top: 25px; left: 70px; } @-webkit-keyframes cube-transition { 25% { -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg); transform: translateX(50px) scale(0.5) rotate(-90deg); } 50% { -webkit-transform: translate(50px, 50px) rotate(-180deg); transform: translate(50px, 50px) rotate(-180deg); } 75% { -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg); transform: translateY(50px) scale(0.5) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes cube-transition { 25% { -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg); transform: translateX(50px) scale(0.5) rotate(-90deg); } 50% { -webkit-transform: translate(50px, 50px) rotate(-180deg); transform: translate(50px, 50px) rotate(-180deg); } 75% { -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg); transform: translateY(50px) scale(0.5) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } .cube-transition { position: relative; -webkit-transform: translate(-25px, -25px); -ms-transform: translate(-25px, -25px); transform: translate(-25px, -25px); } .cube-transition > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; width: 10px; height: 10px; position: absolute; top: -5px; left: -5px; background-color: #fff; -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out; animation: cube-transition 1.6s 0s infinite ease-in-out; } .cube-transition > div:last-child { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes spin-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .semi-circle-spin { position: relative; width: 35px; height: 35px; overflow: hidden; } .semi-circle-spin > div { position: absolute; border-width: 0px; border-radius: 100%; -webkit-animation: spin-rotate 0.6s 0s infinite linear; animation: spin-rotate 0.6s 0s infinite linear; background-image: -webkit-linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%); background-image: linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%); width: 100%; height: 100%; } @-webkit-keyframes bar-progress { 0% { -webkit-transform: scaleY(20%); transform: scaleY(20%); opacity: 1; } 25% { -webkit-transform: translateX(6%) scaleY(10%); transform: translateX(6%) scaleY(10%); opacity: 0.7; } 50% { -webkit-transform: translateX(20%) scaleY(20%); transform: translateX(20%) scaleY(20%); opacity: 1; } 75% { -webkit-transform: translateX(6%) scaleY(10%); transform: translateX(6%) scaleY(10%); opacity: 0.7; } 100% { -webkit-transform: scaleY(20%); transform: scaleY(20%); opacity: 1; } } @keyframes bar-progress { 0% { -webkit-transform: scaleY(20%); transform: scaleY(20%); opacity: 1; } 25% { -webkit-transform: translateX(6%) scaleY(10%); transform: translateX(6%) scaleY(10%); opacity: 0.7; } 50% { -webkit-transform: translateX(20%) scaleY(20%); transform: translateX(20%) scaleY(20%); opacity: 1; } 75% { -webkit-transform: translateX(6%) scaleY(10%); transform: translateX(6%) scaleY(10%); opacity: 0.7; } 100% { -webkit-transform: scaleY(20%); transform: scaleY(20%); opacity: 1; } } .bar-progress { width: 30%; height: 12px; } .bar-progress > div { position: relative; width: 20%; height: 12px; border-radius: 10px; background-color: #fff; -webkit-animation: bar-progress 3s cubic-bezier(0.57, 0.1, 0.44, 0.93) infinite; animation: bar-progress 3s cubic-bezier(0.57, 0.1, 0.44, 0.93) infinite; opacity: 1; } @-webkit-keyframes bar-swing { 0% { left: 0; } 50% { left: 70%; } 100% { left: 0; } } @keyframes bar-swing { 0% { left: 0; } 50% { left: 70%; } 100% { left: 0; } } .bar-swing { width: 30%; height: 8px; } .bar-swing > div { position: relative; width: 30%; height: 8px; border-radius: 10px; background-color: #fff; -webkit-animation: bar-swing 1.5s infinite; animation: bar-swing 1.5s infinite; } @-webkit-keyframes bar-swing-container { 0% { left: 0; -webkit-transform: translateX(0); transform: translateX(0); } 50% { left: 70%; -webkit-transform: translateX(-4px); transform: translateX(-4px); } 100% { left: 0; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bar-swing-container { 0% { left: 0; -webkit-transform: translateX(0); transform: translateX(0); } 50% { left: 70%; -webkit-transform: translateX(-4px); transform: translateX(-4px); } 100% { left: 0; -webkit-transform: translateX(0); transform: translateX(0); } } .bar-swing-container { width: 20%; height: 8px; position: relative; } .bar-swing-container div:nth-child(1) { position: absolute; width: 100%; background-color: rgba(255, 255, 255, 0.2); height: 12px; border-radius: 10px; } .bar-swing-container div:nth-child(2) { position: absolute; width: 30%; height: 8px; border-radius: 10px; background-color: #fff; -webkit-animation: bar-swing-container 2s cubic-bezier(0.91, 0.35, 0.12, 0.6) infinite; animation: bar-swing-container 2s cubic-bezier(0.91, 0.35, 0.12, 0.6) infinite; margin: 2px 2px 0; } /** * CONTENTS * * #Introduction........Naming conventions used throughout the code. * * #SETTINGS * Variables............Globally-available variables and config. * * #TOOLS * Mixins...............Useful mixins. * * #GENERIC * Demo styles..........Styles for demo only (consider removing these). * * #BASE * Raw styles...........The very basic component wrapper. * Modifiers............The basic styles dependant on component placement. * Debuggers............The basic styles dependant on component placement. * * #BUTTONS * Base..................Wrapping and constraining every button. * Modifiers.............Styles that depends on state and settings. * Animations............Main animations of the component. * Debuggers.............Styles for development. * * #LABELS * Base..................Wrapping and constraining every label. * Modifiers.............Styles that depends on state and settings. * Debuggers.............Styles for development. * * #DEVELOPMENT * In development........These styles are in development and not yet finalised * Debuggers.............Helper styles and flags for development. */ /*------------------------------------*\ #Introduction \*------------------------------------*/ /** * The code AND the comments use naming conventions to refer to each part of * the UI put in place by this component. If you see that somewhere they are * not followed please consider a Pull Request. The naming conventions are: * * "Component" : the widget itself as a whole. This is the last time it will be * called anything different than "component". So, stay away from * "widget", "button" or anything else when referring to the * Component in general. * * "Main Button" : the button that is always in view. Hovering or clicking on it * will reveal the child buttons. * * "Child buttons" : if you've read the previous point you know what they are. * Did you read the previous point? :) * * "Label(s)" : the tooltip that fades in when hovering over a button. /*------------------------------------*\ #SETTINGS | Variables \*------------------------------------*/ /** * These variables are the default styles that serve as fallback and can be * easily customised at compile time. * Consider overriding them in your own style sheets rather than editing them * here. Refer to the docs for more info. */ /* COLORS ----------------------------*/ /* EFFECTS ---------------------------*/ /* SPEEDS ----------------------------*/ /* SIZES -----------------------------*/ /* SPACING ---------------------------*/ /* OTHER VARIABLES -------------------*/ /*------------------------------------*\ #BASE | Raw styles \*------------------------------------*/ /** * The very core styling of the button. * These styles are shared by every instance of the button. * Styles placed here should NOT care about placement in the screen, * options chosen by the user or state of the button. */ .mfb-component--tl, .mfb-component--tr, .mfb-component--bl, .mfb-component--br { box-sizing: border-box; margin: 25px; position: fixed; white-space: nowrap; z-index: 30; padding-left: 0; list-style: none; } .mfb-component--tl *, .mfb-component--tr *, .mfb-component--bl *, .mfb-component--br *, .mfb-component--tl *:before, .mfb-component--tr *:before, .mfb-component--bl *:before, .mfb-component--br *:before, .mfb-component--tl *:after, .mfb-component--tr *:after, .mfb-component--bl *:after, .mfb-component--br *:after { box-sizing: inherit; } /*------------------------------------*\ #BASE | Modifiers \*------------------------------------*/ /** * These styles depends on the placement of the button. * Styles can be: * 1. Top-left: modified by the " --tl " suffix. * 2. Top-right: modified by the " --tr " suffix. * 3. Bottom-left: modified by the " --bl " suffix. * 4. Bottom-right: modified by the " --br " suffix. */ .mfb-component--tl { left: 0; top: 0; } .mfb-component--tr { right: 0; top: 0; } .mfb-component--bl { left: 0; bottom: 0; } .mfb-component--br { right: 0; bottom: 0; } /*------------------------------------*\ #BUTTONS | Base \*------------------------------------*/ .mfb-component__button--main, .mfb-component__button--child { background-color: #E40A5D; display: inline-block; position: relative; border: none; border-radius: 50%; box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); cursor: pointer; outline: none; padding: 0; position: relative; -webkit-user-drag: none; color: #f1f1f1; } /** * This is the unordered list for the list items that contain * the child buttons. * */ .mfb-component__list { list-style: none; margin: 0; padding: 0; } .mfb-component__list > li { display: block; position: absolute; top: 0; right: 1px; padding: 10px 0; margin: -10px 0; } /** * These are the basic styles for all the icons inside the main button */ .mfb-component__icon, .mfb-component__main-icon--active, .mfb-component__main-icon--resting, .mfb-component__child-icon { position: absolute; font-size: 18px; text-align: center; line-height: 56px; width: 100%; } .mfb-component__wrap { padding: 25px; margin: -25px; } [data-mfb-toggle="hover"]:hover .mfb-component__icon, [data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active, [data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting, [data-mfb-toggle="hover"]:hover .mfb-component__child-icon, [data-mfb-state="open"] .mfb-component__icon, [data-mfb-state="open"] .mfb-component__main-icon--active, [data-mfb-state="open"] .mfb-component__main-icon--resting, [data-mfb-state="open"] .mfb-component__child-icon { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } /*------------------------------------*\ #BUTTONS | Modifiers \*------------------------------------*/ .mfb-component__button--main { height: 56px; width: 56px; z-index: 20; } .mfb-component__button--child { height: 56px; width: 56px; } .mfb-component__main-icon--active, .mfb-component__main-icon--resting { -webkit-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1); transition: transform 150ms cubic-bezier(0.4, 0, 1, 1); } .mfb-component__child-icon, .mfb-component__child-icon { line-height: 56px; font-size: 18px; } .mfb-component__main-icon--active { opacity: 0; } [data-mfb-toggle="hover"]:hover .mfb-component__main-icon, [data-mfb-state="open"] .mfb-component__main-icon { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } [data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting, [data-mfb-state="open"] .mfb-component__main-icon--resting { opacity: 0; position: absolute !important; } [data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active, [data-mfb-state="open"] .mfb-component__main-icon--active { opacity: 1; } /*------------------------------------*\ #BUTTONS | Animations \*------------------------------------*/ /** * SLIDE IN + FADE * When hovering the main button, the child buttons slide out from beneath * the main button while transitioning from transparent to opaque. * */ .mfb-component--tl.mfb-slidein .mfb-component__list li, .mfb-component--tr.mfb-slidein .mfb-component__list li { opacity: 0; transition: all 0.5s; } .mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li, .mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li, .mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li, .mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li { opacity: 1; } .mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(70px); transform: translateY(70px); } .mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(140px); transform: translateY(140px); } .mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(210px); transform: translateY(210px); } .mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(280px); transform: translateY(280px); } .mfb-component--bl.mfb-slidein .mfb-component__list li, .mfb-component--br.mfb-slidein .mfb-component__list li { opacity: 0; transition: all 0.5s; } .mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li, .mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li, .mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li, .mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li { opacity: 1; } .mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(-70px); transform: translateY(-70px); } .mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(-140px); transform: translateY(-140px); } .mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(-210px); transform: translateY(-210px); } .mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(-280px); transform: translateY(-280px); } /** * SLIDE IN SPRING * Same as slide-in but with a springy animation. * */ .mfb-component--tl.mfb-slidein-spring .mfb-component__list li, .mfb-component--tr.mfb-slidein-spring .mfb-component__list li { opacity: 0; transition: all 0.5s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(1) { transition-delay: 0.05s; } .mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(2) { transition-delay: 0.1s; } .mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(3) { transition-delay: 0.15s; } .mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(4) { transition-delay: 0.2s; } .mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li, .mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li, .mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li, .mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li { opacity: 1; } .mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(1) { transition-delay: 0.05s; -webkit-transform: translateY(70px); transform: translateY(70px); } .mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(2) { transition-delay: 0.1s; -webkit-transform: translateY(140px); transform: translateY(140px); } .mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(3) { transition-delay: 0.15s; -webkit-transform: translateY(210px); transform: translateY(210px); } .mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(4) { transition-delay: 0.2s; -webkit-transform: translateY(280px); transform: translateY(280px); } .mfb-component--bl.mfb-slidein-spring .mfb-component__list li, .mfb-component--br.mfb-slidein-spring .mfb-component__list li { opacity: 0; transition: all 0.5s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(1) { transition-delay: 0.05s; } .mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(2) { transition-delay: 0.1s; } .mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(3) { transition-delay: 0.15s; } .mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(4) { transition-delay: 0.2s; } .mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li, .mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li, .mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li, .mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li { opacity: 1; } .mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(1) { transition-delay: 0.05s; -webkit-transform: translateY(-70px); transform: translateY(-70px); } .mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(2) { transition-delay: 0.1s; -webkit-transform: translateY(-140px); transform: translateY(-140px); } .mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(3) { transition-delay: 0.15s; -webkit-transform: translateY(-210px); transform: translateY(-210px); } .mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(4) { transition-delay: 0.2s; -webkit-transform: translateY(-280px); transform: translateY(-280px); } /** * ZOOM-IN * When hovering the main button, the child buttons grow * from zero to normal size. * */ .mfb-component--tl.mfb-zoomin .mfb-component__list li, .mfb-component--tr.mfb-zoomin .mfb-component__list li { -webkit-transform: scale(0); transform: scale(0); } .mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(70px) scale(0); transform: translateY(70px) scale(0); transition: all 0.5s; transition-delay: 0.15s; } .mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(140px) scale(0); transform: translateY(140px) scale(0); transition: all 0.5s; transition-delay: 0.1s; } .mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(210px) scale(0); transform: translateY(210px) scale(0); transition: all 0.5s; transition-delay: 0.05s; } .mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(280px) scale(0); transform: translateY(280px) scale(0); transition: all 0.5s; transition-delay: 0s; } .mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(70px) scale(1); transform: translateY(70px) scale(1); transition-delay: 0.05s; } .mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(140px) scale(1); transform: translateY(140px) scale(1); transition-delay: 0.1s; } .mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(210px) scale(1); transform: translateY(210px) scale(1); transition-delay: 0.15s; } .mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(280px) scale(1); transform: translateY(280px) scale(1); transition-delay: 0.2s; } .mfb-component--bl.mfb-zoomin .mfb-component__list li, .mfb-component--br.mfb-zoomin .mfb-component__list li { -webkit-transform: scale(0); transform: scale(0); } .mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(-70px) scale(0); transform: translateY(-70px) scale(0); transition: all 0.5s; transition-delay: 0.15s; } .mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(-140px) scale(0); transform: translateY(-140px) scale(0); transition: all 0.5s; transition-delay: 0.1s; } .mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(-210px) scale(0); transform: translateY(-210px) scale(0); transition: all 0.5s; transition-delay: 0.05s; } .mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(-280px) scale(0); transform: translateY(-280px) scale(0); transition: all 0.5s; transition-delay: 0s; } .mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(-70px) scale(1); transform: translateY(-70px) scale(1); transition-delay: 0.05s; } .mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(-140px) scale(1); transform: translateY(-140px) scale(1); transition-delay: 0.1s; } .mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(-210px) scale(1); transform: translateY(-210px) scale(1); transition-delay: 0.15s; } .mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(-280px) scale(1); transform: translateY(-280px) scale(1); transition-delay: 0.2s; } /** * FOUNTAIN * When hovering the main button the child buttons * jump into view from outside the viewport */ .mfb-component--tl.mfb-fountain .mfb-component__list li, .mfb-component--tr.mfb-fountain .mfb-component__list li { -webkit-transform: scale(0); transform: scale(0); } .mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(-70px) scale(0); transform: translateY(-70px) scale(0); transition: all 0.5s; transition-delay: 0.15s; } .mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(-140px) scale(0); transform: translateY(-140px) scale(0); transition: all 0.5s; transition-delay: 0.1s; } .mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(-210px) scale(0); transform: translateY(-210px) scale(0); transition: all 0.5s; transition-delay: 0.05s; } .mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(-280px) scale(0); transform: translateY(-280px) scale(0); transition: all 0.5s; transition-delay: 0s; } .mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(70px) scale(1); transform: translateY(70px) scale(1); transition-delay: 0.05s; } .mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(140px) scale(1); transform: translateY(140px) scale(1); transition-delay: 0.1s; } .mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(210px) scale(1); transform: translateY(210px) scale(1); transition-delay: 0.15s; } .mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(280px) scale(1); transform: translateY(280px) scale(1); transition-delay: 0.2s; } .mfb-component--bl.mfb-fountain .mfb-component__list li, .mfb-component--br.mfb-fountain .mfb-component__list li { -webkit-transform: scale(0); transform: scale(0); } .mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(70px) scale(0); transform: translateY(70px) scale(0); transition: all 0.5s; transition-delay: 0.15s; } .mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(140px) scale(0); transform: translateY(140px) scale(0); transition: all 0.5s; transition-delay: 0.1s; } .mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(210px) scale(0); transform: translateY(210px) scale(0); transition: all 0.5s; transition-delay: 0.05s; } .mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(280px) scale(0); transform: translateY(280px) scale(0); transition: all 0.5s; transition-delay: 0s; } .mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(-70px) scale(1); transform: translateY(-70px) scale(1); transition-delay: 0.05s; } .mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(-140px) scale(1); transform: translateY(-140px) scale(1); transition-delay: 0.1s; } .mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(-210px) scale(1); transform: translateY(-210px) scale(1); transition-delay: 0.15s; } .mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(-280px) scale(1); transform: translateY(-280px) scale(1); transition-delay: 0.2s; } /*------------------------------------*\ #LABELS | base \*------------------------------------*/ /** * These are the labels associated to each button, * exposed only when hovering the related button. * They are called labels but are in fact data-attributes of * each button (an anchor tag). */ [data-mfb-label]:after { content: attr(data-mfb-label); opacity: 0; transition: all 0.5s; background: rgba(0, 0, 0, 0.4); padding: 4px 10px; border-radius: 3px; color: rgba(255, 255, 255, 0.8); font-size: 14px; font-weight: normal; pointer-events: none; line-height: normal; position: absolute; top: 50%; margin-top: -11px; transition: all 0.5s; } [data-mfb-toggle="hover"] [data-mfb-label]:hover:after, [data-mfb-state="open"] [data-mfb-label]:after { content: attr(data-mfb-label); opacity: 1; transition: all 0.3s; } /*------------------------------------*\ #LABELS | Modifiers \*------------------------------------*/ .mfb-component--br [data-mfb-label]:after, .mfb-component--tr [data-mfb-label]:after { content: attr(data-mfb-label); right: 70px; } .mfb-component--br .mfb-component__list [data-mfb-label]:after, .mfb-component--tr .mfb-component__list [data-mfb-label]:after { content: attr(data-mfb-label); right: 70px; } .mfb-component--tl [data-mfb-label]:after, .mfb-component--bl [data-mfb-label]:after { content: attr(data-mfb-label); left: 70px; } .mfb-component--tl .mfb-component__list [data-mfb-label]:after, .mfb-component--bl .mfb-component__list [data-mfb-label]:after { content: attr(data-mfb-label); left: 70px; } /*------------------------------------*\ #DEVELOPMENT | In development \*------------------------------------*/ /** * This part is where unfinished code should stay. * When a feature is ready(sh) move these styles to their proper place. */ /*------------------------------------*\ #DEVELOPMENT | Debuggers \*------------------------------------*/ /** * These are mainly helpers for development. They do not have to end up * in production but it's handy to keep them when developing. */ /** * Apply this class to the html tag when developing the slide-in button */ /*# sourceMappingURL=mfb.css.map */ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @charset "UTF-8"; /*! Ionicons, v2.0.0 Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ https://twitter.com/benjsperry https://twitter.com/ionicframework MIT License: https://github.com/driftyco/ionicons Android-style icons originally built by Google’s Material Design Icons: https://github.com/google/material-design-icons used under CC BY http://creativecommons.org/licenses/by/4.0/ Modified icons to fit ionicon’s grid from original. */ @font-face { font-family: "Ionicons"; src: url("../fonts/ionicons.eot?v=2.0.0"); src: url("../fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("../fonts/ionicons.woff?v=2.0.0") format("woff"), url("../fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg"); font-weight: normal; font-style: normal; } .ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ion-alert:before { content: "\f101"; } .ion-alert-circled:before { content: "\f100"; } .ion-android-add:before { content: "\f2c7"; } .ion-android-add-circle:before { content: "\f359"; } .ion-android-alarm-clock:before { content: "\f35a"; } .ion-android-alert:before { content: "\f35b"; } .ion-android-apps:before { content: "\f35c"; } .ion-android-archive:before { content: "\f2c9"; } .ion-android-arrow-back:before { content: "\f2ca"; } .ion-android-arrow-down:before { content: "\f35d"; } .ion-android-arrow-dropdown:before { content: "\f35f"; } .ion-android-arrow-dropdown-circle:before { content: "\f35e"; } .ion-android-arrow-dropleft:before { content: "\f361"; } .ion-android-arrow-dropleft-circle:before { content: "\f360"; } .ion-android-arrow-dropright:before { content: "\f363"; } .ion-android-arrow-dropright-circle:before { content: "\f362"; } .ion-android-arrow-dropup:before { content: "\f365"; } .ion-android-arrow-dropup-circle:before { content: "\f364"; } .ion-android-arrow-forward:before { content: "\f30f"; } .ion-android-arrow-up:before { content: "\f366"; } .ion-android-attach:before { content: "\f367"; } .ion-android-bar:before { content: "\f368"; } .ion-android-bicycle:before { content: "\f369"; } .ion-android-boat:before { content: "\f36a"; } .ion-android-bookmark:before { content: "\f36b"; } .ion-android-bulb:before { content: "\f36c"; } .ion-android-bus:before { content: "\f36d"; } .ion-android-calendar:before { content: "\f2d1"; } .ion-android-call:before { content: "\f2d2"; } .ion-android-camera:before { content: "\f2d3"; } .ion-android-cancel:before { content: "\f36e"; } .ion-android-car:before { content: "\f36f"; } .ion-android-cart:before { content: "\f370"; } .ion-android-chat:before { content: "\f2d4"; } .ion-android-checkbox:before { content: "\f374"; } .ion-android-checkbox-blank:before { content: "\f371"; } .ion-android-checkbox-outline:before { content: "\f373"; } .ion-android-checkbox-outline-blank:before { content: "\f372"; } .ion-android-checkmark-circle:before { content: "\f375"; } .ion-android-clipboard:before { content: "\f376"; } .ion-android-close:before { content: "\f2d7"; } .ion-android-cloud:before { content: "\f37a"; } .ion-android-cloud-circle:before { content: "\f377"; } .ion-android-cloud-done:before { content: "\f378"; } .ion-android-cloud-outline:before { content: "\f379"; } .ion-android-color-palette:before { content: "\f37b"; } .ion-android-compass:before { content: "\f37c"; } .ion-android-contact:before { content: "\f2d8"; } .ion-android-contacts:before { content: "\f2d9"; } .ion-android-contract:before { content: "\f37d"; } .ion-android-create:before { content: "\f37e"; } .ion-android-delete:before { content: "\f37f"; } .ion-android-desktop:before { content: "\f380"; } .ion-android-document:before { content: "\f381"; } .ion-android-done:before { content: "\f383"; } .ion-android-done-all:before { content: "\f382"; } .ion-android-download:before { content: "\f2dd"; } .ion-android-drafts:before { content: "\f384"; } .ion-android-exit:before { content: "\f385"; } .ion-android-expand:before { content: "\f386"; } .ion-android-favorite:before { content: "\f388"; } .ion-android-favorite-outline:before { content: "\f387"; } .ion-android-film:before { content: "\f389"; } .ion-android-folder:before { content: "\f2e0"; } .ion-android-folder-open:before { content: "\f38a"; } .ion-android-funnel:before { content: "\f38b"; } .ion-android-globe:before { content: "\f38c"; } .ion-android-hand:before { content: "\f2e3"; } .ion-android-hangout:before { content: "\f38d"; } .ion-android-happy:before { content: "\f38e"; } .ion-android-home:before { content: "\f38f"; } .ion-android-image:before { content: "\f2e4"; } .ion-android-laptop:before { content: "\f390"; } .ion-android-list:before { content: "\f391"; } .ion-android-locate:before { content: "\f2e9"; } .ion-android-lock:before { content: "\f392"; } .ion-android-mail:before { content: "\f2eb"; } .ion-android-map:before { content: "\f393"; } .ion-android-menu:before { content: "\f394"; } .ion-android-microphone:before { content: "\f2ec"; } .ion-android-microphone-off:before { content: "\f395"; } .ion-android-more-horizontal:before { content: "\f396"; } .ion-android-more-vertical:before { content: "\f397"; } .ion-android-navigate:before { content: "\f398"; } .ion-android-notifications:before { content: "\f39b"; } .ion-android-notifications-none:before { content: "\f399"; } .ion-android-notifications-off:before { content: "\f39a"; } .ion-android-open:before { content: "\f39c"; } .ion-android-options:before { content: "\f39d"; } .ion-android-people:before { content: "\f39e"; } .ion-android-person:before { content: "\f3a0"; } .ion-android-person-add:before { content: "\f39f"; } .ion-android-phone-landscape:before { content: "\f3a1"; } .ion-android-phone-portrait:before { content: "\f3a2"; } .ion-android-pin:before { content: "\f3a3"; } .ion-android-plane:before { content: "\f3a4"; } .ion-android-playstore:before { content: "\f2f0"; } .ion-android-print:before { content: "\f3a5"; } .ion-android-radio-button-off:before { content: "\f3a6"; } .ion-android-radio-button-on:before { content: "\f3a7"; } .ion-android-refresh:before { content: "\f3a8"; } .ion-android-remove:before { content: "\f2f4"; } .ion-android-remove-circle:before { content: "\f3a9"; } .ion-android-restaurant:before { content: "\f3aa"; } .ion-android-sad:before { content: "\f3ab"; } .ion-android-search:before { content: "\f2f5"; } .ion-android-send:before { content: "\f2f6"; } .ion-android-settings:before { content: "\f2f7"; } .ion-android-share:before { content: "\f2f8"; } .ion-android-share-alt:before { content: "\f3ac"; } .ion-android-star:before { content: "\f2fc"; } .ion-android-star-half:before { content: "\f3ad"; } .ion-android-star-outline:before { content: "\f3ae"; } .ion-android-stopwatch:before { content: "\f2fd"; } .ion-android-subway:before { content: "\f3af"; } .ion-android-sunny:before { content: "\f3b0"; } .ion-android-sync:before { content: "\f3b1"; } .ion-android-textsms:before { content: "\f3b2"; } .ion-android-time:before { content: "\f3b3"; } .ion-android-train:before { content: "\f3b4"; } .ion-android-unlock:before { content: "\f3b5"; } .ion-android-upload:before { content: "\f3b6"; } .ion-android-volume-down:before { content: "\f3b7"; } .ion-android-volume-mute:before { content: "\f3b8"; } .ion-android-volume-off:before { content: "\f3b9"; } .ion-android-volume-up:before { content: "\f3ba"; } .ion-android-walk:before { content: "\f3bb"; } .ion-android-warning:before { content: "\f3bc"; } .ion-android-watch:before { content: "\f3bd"; } .ion-android-wifi:before { content: "\f305"; } .ion-aperture:before { content: "\f313"; } .ion-archive:before { content: "\f102"; } .ion-arrow-down-a:before { content: "\f103"; } .ion-arrow-down-b:before { content: "\f104"; } .ion-arrow-down-c:before { content: "\f105"; } .ion-arrow-expand:before { content: "\f25e"; } .ion-arrow-graph-down-left:before { content: "\f25f"; } .ion-arrow-graph-down-right:before { content: "\f260"; } .ion-arrow-graph-up-left:before { content: "\f261"; } .ion-arrow-graph-up-right:before { content: "\f262"; } .ion-arrow-left-a:before { content: "\f106"; } .ion-arrow-left-b:before { content: "\f107"; } .ion-arrow-left-c:before { content: "\f108"; } .ion-arrow-move:before { content: "\f263"; } .ion-arrow-resize:before { content: "\f264"; } .ion-arrow-return-left:before { content: "\f265"; } .ion-arrow-return-right:before { content: "\f266"; } .ion-arrow-right-a:before { content: "\f109"; } .ion-arrow-right-b:before { content: "\f10a"; } .ion-arrow-right-c:before { content: "\f10b"; } .ion-arrow-shrink:before { content: "\f267"; } .ion-arrow-swap:before { content: "\f268"; } .ion-arrow-up-a:before { content: "\f10c"; } .ion-arrow-up-b:before { content: "\f10d"; } .ion-arrow-up-c:before { content: "\f10e"; } .ion-asterisk:before { content: "\f314"; } .ion-at:before { content: "\f10f"; } .ion-backspace:before { content: "\f3bf"; } .ion-backspace-outline:before { content: "\f3be"; } .ion-bag:before { content: "\f110"; } .ion-battery-charging:before { content: "\f111"; } .ion-battery-empty:before { content: "\f112"; } .ion-battery-full:before { content: "\f113"; } .ion-battery-half:before { content: "\f114"; } .ion-battery-low:before { content: "\f115"; } .ion-beaker:before { content: "\f269"; } .ion-beer:before { content: "\f26a"; } .ion-bluetooth:before { content: "\f116"; } .ion-bonfire:before { content: "\f315"; } .ion-bookmark:before { content: "\f26b"; } .ion-bowtie:before { content: "\f3c0"; } .ion-briefcase:before { content: "\f26c"; } .ion-bug:before { content: "\f2be"; } .ion-calculator:before { content: "\f26d"; } .ion-calendar:before { content: "\f117"; } .ion-camera:before { content: "\f118"; } .ion-card:before { content: "\f119"; } .ion-cash:before { content: "\f316"; } .ion-chatbox:before { content: "\f11b"; } .ion-chatbox-working:before { content: "\f11a"; } .ion-chatboxes:before { content: "\f11c"; } .ion-chatbubble:before { content: "\f11e"; } .ion-chatbubble-working:before { content: "\f11d"; } .ion-chatbubbles:before { content: "\f11f"; } .ion-checkmark:before { content: "\f122"; } .ion-checkmark-circled:before { content: "\f120"; } .ion-checkmark-round:before { content: "\f121"; } .ion-chevron-down:before { content: "\f123"; } .ion-chevron-left:before { content: "\f124"; } .ion-chevron-right:before { content: "\f125"; } .ion-chevron-up:before { content: "\f126"; } .ion-clipboard:before { content: "\f127"; } .ion-clock:before { content: "\f26e"; } .ion-close:before { content: "\f12a"; } .ion-close-circled:before { content: "\f128"; } .ion-close-round:before { content: "\f129"; } .ion-closed-captioning:before { content: "\f317"; } .ion-cloud:before { content: "\f12b"; } .ion-code:before { content: "\f271"; } .ion-code-download:before { content: "\f26f"; } .ion-code-working:before { content: "\f270"; } .ion-coffee:before { content: "\f272"; } .ion-compass:before { content: "\f273"; } .ion-compose:before { content: "\f12c"; } .ion-connection-bars:before { content: "\f274"; } .ion-contrast:before { content: "\f275"; } .ion-crop:before { content: "\f3c1"; } .ion-cube:before { content: "\f318"; } .ion-disc:before { content: "\f12d"; } .ion-document:before { content: "\f12f"; } .ion-document-text:before { content: "\f12e"; } .ion-drag:before { content: "\f130"; } .ion-earth:before { content: "\f276"; } .ion-easel:before { content: "\f3c2"; } .ion-edit:before { content: "\f2bf"; } .ion-egg:before { content: "\f277"; } .ion-eject:before { content: "\f131"; } .ion-email:before { content: "\f132"; } .ion-email-unread:before { content: "\f3c3"; } .ion-erlenmeyer-flask:before { content: "\f3c5"; } .ion-erlenmeyer-flask-bubbles:before { content: "\f3c4"; } .ion-eye:before { content: "\f133"; } .ion-eye-disabled:before { content: "\f306"; } .ion-female:before { content: "\f278"; } .ion-filing:before { content: "\f134"; } .ion-film-marker:before { content: "\f135"; } .ion-fireball:before { content: "\f319"; } .ion-flag:before { content: "\f279"; } .ion-flame:before { content: "\f31a"; } .ion-flash:before { content: "\f137"; } .ion-flash-off:before { content: "\f136"; } .ion-folder:before { content: "\f139"; } .ion-fork:before { content: "\f27a"; } .ion-fork-repo:before { content: "\f2c0"; } .ion-forward:before { content: "\f13a"; } .ion-funnel:before { content: "\f31b"; } .ion-gear-a:before { content: "\f13d"; } .ion-gear-b:before { content: "\f13e"; } .ion-grid:before { content: "\f13f"; } .ion-hammer:before { content: "\f27b"; } .ion-happy:before { content: "\f31c"; } .ion-happy-outline:before { content: "\f3c6"; } .ion-headphone:before { content: "\f140"; } .ion-heart:before { content: "\f141"; } .ion-heart-broken:before { content: "\f31d"; } .ion-help:before { content: "\f143"; } .ion-help-buoy:before { content: "\f27c"; } .ion-help-circled:before { content: "\f142"; } .ion-home:before { content: "\f144"; } .ion-icecream:before { content: "\f27d"; } .ion-image:before { content: "\f147"; } .ion-images:before { content: "\f148"; } .ion-information:before { content: "\f14a"; } .ion-information-circled:before { content: "\f149"; } .ion-ionic:before { content: "\f14b"; } .ion-ios-alarm:before { content: "\f3c8"; } .ion-ios-alarm-outline:before { content: "\f3c7"; } .ion-ios-albums:before { content: "\f3ca"; } .ion-ios-albums-outline:before { content: "\f3c9"; } .ion-ios-americanfootball:before { content: "\f3cc"; } .ion-ios-americanfootball-outline:before { content: "\f3cb"; } .ion-ios-analytics:before { content: "\f3ce"; } .ion-ios-analytics-outline:before { content: "\f3cd"; } .ion-ios-arrow-back:before { content: "\f3cf"; } .ion-ios-arrow-down:before { content: "\f3d0"; } .ion-ios-arrow-forward:before { content: "\f3d1"; } .ion-ios-arrow-left:before { content: "\f3d2"; } .ion-ios-arrow-right:before { content: "\f3d3"; } .ion-ios-arrow-thin-down:before { content: "\f3d4"; } .ion-ios-arrow-thin-left:before { content: "\f3d5"; } .ion-ios-arrow-thin-right:before { content: "\f3d6"; } .ion-ios-arrow-thin-up:before { content: "\f3d7"; } .ion-ios-arrow-up:before { content: "\f3d8"; } .ion-ios-at:before { content: "\f3da"; } .ion-ios-at-outline:before { content: "\f3d9"; } .ion-ios-barcode:before { content: "\f3dc"; } .ion-ios-barcode-outline:before { content: "\f3db"; } .ion-ios-baseball:before { content: "\f3de"; } .ion-ios-baseball-outline:before { content: "\f3dd"; } .ion-ios-basketball:before { content: "\f3e0"; } .ion-ios-basketball-outline:before { content: "\f3df"; } .ion-ios-bell:before { content: "\f3e2"; } .ion-ios-bell-outline:before { content: "\f3e1"; } .ion-ios-body:before { content: "\f3e4"; } .ion-ios-body-outline:before { content: "\f3e3"; } .ion-ios-bolt:before { content: "\f3e6"; } .ion-ios-bolt-outline:before { content: "\f3e5"; } .ion-ios-book:before { content: "\f3e8"; } .ion-ios-book-outline:before { content: "\f3e7"; } .ion-ios-bookmarks:before { content: "\f3ea"; } .ion-ios-bookmarks-outline:before { content: "\f3e9"; } .ion-ios-box:before { content: "\f3ec"; } .ion-ios-box-outline:before { content: "\f3eb"; } .ion-ios-briefcase:before { content: "\f3ee"; } .ion-ios-briefcase-outline:before { content: "\f3ed"; } .ion-ios-browsers:before { content: "\f3f0"; } .ion-ios-browsers-outline:before { content: "\f3ef"; } .ion-ios-calculator:before { content: "\f3f2"; } .ion-ios-calculator-outline:before { content: "\f3f1"; } .ion-ios-calendar:before { content: "\f3f4"; } .ion-ios-calendar-outline:before { content: "\f3f3"; } .ion-ios-camera:before { content: "\f3f6"; } .ion-ios-camera-outline:before { content: "\f3f5"; } .ion-ios-cart:before { content: "\f3f8"; } .ion-ios-cart-outline:before { content: "\f3f7"; } .ion-ios-chatboxes:before { content: "\f3fa"; } .ion-ios-chatboxes-outline:before { content: "\f3f9"; } .ion-ios-chatbubble:before { content: "\f3fc"; } .ion-ios-chatbubble-outline:before { content: "\f3fb"; } .ion-ios-checkmark:before { content: "\f3ff"; } .ion-ios-checkmark-empty:before { content: "\f3fd"; } .ion-ios-checkmark-outline:before { content: "\f3fe"; } .ion-ios-circle-filled:before { content: "\f400"; } .ion-ios-circle-outline:before { content: "\f401"; } .ion-ios-clock:before { content: "\f403"; } .ion-ios-clock-outline:before { content: "\f402"; } .ion-ios-close:before { content: "\f406"; } .ion-ios-close-empty:before { content: "\f404"; } .ion-ios-close-outline:before { content: "\f405"; } .ion-ios-cloud:before { content: "\f40c"; } .ion-ios-cloud-download:before { content: "\f408"; } .ion-ios-cloud-download-outline:before { content: "\f407"; } .ion-ios-cloud-outline:before { content: "\f409"; } .ion-ios-cloud-upload:before { content: "\f40b"; } .ion-ios-cloud-upload-outline:before { content: "\f40a"; } .ion-ios-cloudy:before { content: "\f410"; } .ion-ios-cloudy-night:before { content: "\f40e"; } .ion-ios-cloudy-night-outline:before { content: "\f40d"; } .ion-ios-cloudy-outline:before { content: "\f40f"; } .ion-ios-cog:before { content: "\f412"; } .ion-ios-cog-outline:before { content: "\f411"; } .ion-ios-color-filter:before { content: "\f414"; } .ion-ios-color-filter-outline:before { content: "\f413"; } .ion-ios-color-wand:before { content: "\f416"; } .ion-ios-color-wand-outline:before { content: "\f415"; } .ion-ios-compose:before { content: "\f418"; } .ion-ios-compose-outline:before { content: "\f417"; } .ion-ios-contact:before { content: "\f41a"; } .ion-ios-contact-outline:before { content: "\f419"; } .ion-ios-copy:before { content: "\f41c"; } .ion-ios-copy-outline:before { content: "\f41b"; } .ion-ios-crop:before { content: "\f41e"; } .ion-ios-crop-strong:before { content: "\f41d"; } .ion-ios-download:before { content: "\f420"; } .ion-ios-download-outline:before { content: "\f41f"; } .ion-ios-drag:before { content: "\f421"; } .ion-ios-email:before { content: "\f423"; } .ion-ios-email-outline:before { content: "\f422"; } .ion-ios-eye:before { content: "\f425"; } .ion-ios-eye-outline:before { content: "\f424"; } .ion-ios-fastforward:before { content: "\f427"; } .ion-ios-fastforward-outline:before { content: "\f426"; } .ion-ios-filing:before { content: "\f429"; } .ion-ios-filing-outline:before { content: "\f428"; } .ion-ios-film:before { content: "\f42b"; } .ion-ios-film-outline:before { content: "\f42a"; } .ion-ios-flag:before { content: "\f42d"; } .ion-ios-flag-outline:before { content: "\f42c"; } .ion-ios-flame:before { content: "\f42f"; } .ion-ios-flame-outline:before { content: "\f42e"; } .ion-ios-flask:before { content: "\f431"; } .ion-ios-flask-outline:before { content: "\f430"; } .ion-ios-flower:before { content: "\f433"; } .ion-ios-flower-outline:before { content: "\f432"; } .ion-ios-folder:before { content: "\f435"; } .ion-ios-folder-outline:before { content: "\f434"; } .ion-ios-football:before { content: "\f437"; } .ion-ios-football-outline:before { content: "\f436"; } .ion-ios-game-controller-a:before { content: "\f439"; } .ion-ios-game-controller-a-outline:before { content: "\f438"; } .ion-ios-game-controller-b:before { content: "\f43b"; } .ion-ios-game-controller-b-outline:before { content: "\f43a"; } .ion-ios-gear:before { content: "\f43d"; } .ion-ios-gear-outline:before { content: "\f43c"; } .ion-ios-glasses:before { content: "\f43f"; } .ion-ios-glasses-outline:before { content: "\f43e"; } .ion-ios-grid-view:before { content: "\f441"; } .ion-ios-grid-view-outline:before { content: "\f440"; } .ion-ios-heart:before { content: "\f443"; } .ion-ios-heart-outline:before { content: "\f442"; } .ion-ios-help:before { content: "\f446"; } .ion-ios-help-empty:before { content: "\f444"; } .ion-ios-help-outline:before { content: "\f445"; } .ion-ios-home:before { content: "\f448"; } .ion-ios-home-outline:before { content: "\f447"; } .ion-ios-infinite:before { content: "\f44a"; } .ion-ios-infinite-outline:before { content: "\f449"; } .ion-ios-information:before { content: "\f44d"; } .ion-ios-information-empty:before { content: "\f44b"; } .ion-ios-information-outline:before { content: "\f44c"; } .ion-ios-ionic-outline:before { content: "\f44e"; } .ion-ios-keypad:before { content: "\f450"; } .ion-ios-keypad-outline:before { content: "\f44f"; } .ion-ios-lightbulb:before { content: "\f452"; } .ion-ios-lightbulb-outline:before { content: "\f451"; } .ion-ios-list:before { content: "\f454"; } .ion-ios-list-outline:before { content: "\f453"; } .ion-ios-location:before { content: "\f456"; } .ion-ios-location-outline:before { content: "\f455"; } .ion-ios-locked:before { content: "\f458"; } .ion-ios-locked-outline:before { content: "\f457"; } .ion-ios-loop:before { content: "\f45a"; } .ion-ios-loop-strong:before { content: "\f459"; } .ion-ios-medical:before { content: "\f45c"; } .ion-ios-medical-outline:before { content: "\f45b"; } .ion-ios-medkit:before { content: "\f45e"; } .ion-ios-medkit-outline:before { content: "\f45d"; } .ion-ios-mic:before { content: "\f461"; } .ion-ios-mic-off:before { content: "\f45f"; } .ion-ios-mic-outline:before { content: "\f460"; } .ion-ios-minus:before { content: "\f464"; } .ion-ios-minus-empty:before { content: "\f462"; } .ion-ios-minus-outline:before { content: "\f463"; } .ion-ios-monitor:before { content: "\f466"; } .ion-ios-monitor-outline:before { content: "\f465"; } .ion-ios-moon:before { content: "\f468"; } .ion-ios-moon-outline:before { content: "\f467"; } .ion-ios-more:before { content: "\f46a"; } .ion-ios-more-outline:before { content: "\f469"; } .ion-ios-musical-note:before { content: "\f46b"; } .ion-ios-musical-notes:before { content: "\f46c"; } .ion-ios-navigate:before { content: "\f46e"; } .ion-ios-navigate-outline:before { content: "\f46d"; } .ion-ios-nutrition:before { content: "\f470"; } .ion-ios-nutrition-outline:before { content: "\f46f"; } .ion-ios-paper:before { content: "\f472"; } .ion-ios-paper-outline:before { content: "\f471"; } .ion-ios-paperplane:before { content: "\f474"; } .ion-ios-paperplane-outline:before { content: "\f473"; } .ion-ios-partlysunny:before { content: "\f476"; } .ion-ios-partlysunny-outline:before { content: "\f475"; } .ion-ios-pause:before { content: "\f478"; } .ion-ios-pause-outline:before { content: "\f477"; } .ion-ios-paw:before { content: "\f47a"; } .ion-ios-paw-outline:before { content: "\f479"; } .ion-ios-people:before { content: "\f47c"; } .ion-ios-people-outline:before { content: "\f47b"; } .ion-ios-person:before { content: "\f47e"; } .ion-ios-person-outline:before { content: "\f47d"; } .ion-ios-personadd:before { content: "\f480"; } .ion-ios-personadd-outline:before { content: "\f47f"; } .ion-ios-photos:before { content: "\f482"; } .ion-ios-photos-outline:before { content: "\f481"; } .ion-ios-pie:before { content: "\f484"; } .ion-ios-pie-outline:before { content: "\f483"; } .ion-ios-pint:before { content: "\f486"; } .ion-ios-pint-outline:before { content: "\f485"; } .ion-ios-play:before { content: "\f488"; } .ion-ios-play-outline:before { content: "\f487"; } .ion-ios-plus:before { content: "\f48b"; } .ion-ios-plus-empty:before { content: "\f489"; } .ion-ios-plus-outline:before { content: "\f48a"; } .ion-ios-pricetag:before { content: "\f48d"; } .ion-ios-pricetag-outline:before { content: "\f48c"; } .ion-ios-pricetags:before { content: "\f48f"; } .ion-ios-pricetags-outline:before { content: "\f48e"; } .ion-ios-printer:before { content: "\f491"; } .ion-ios-printer-outline:before { content: "\f490"; } .ion-ios-pulse:before { content: "\f493"; } .ion-ios-pulse-strong:before { content: "\f492"; } .ion-ios-rainy:before { content: "\f495"; } .ion-ios-rainy-outline:before { content: "\f494"; } .ion-ios-recording:before { content: "\f497"; } .ion-ios-recording-outline:before { content: "\f496"; } .ion-ios-redo:before { content: "\f499"; } .ion-ios-redo-outline:before { content: "\f498"; } .ion-ios-refresh:before { content: "\f49c"; } .ion-ios-refresh-empty:before { content: "\f49a"; } .ion-ios-refresh-outline:before { content: "\f49b"; } .ion-ios-reload:before { content: "\f49d"; } .ion-ios-reverse-camera:before { content: "\f49f"; } .ion-ios-reverse-camera-outline:before { content: "\f49e"; } .ion-ios-rewind:before { content: "\f4a1"; } .ion-ios-rewind-outline:before { content: "\f4a0"; } .ion-ios-rose:before { content: "\f4a3"; } .ion-ios-rose-outline:before { content: "\f4a2"; } .ion-ios-search:before { content: "\f4a5"; } .ion-ios-search-strong:before { content: "\f4a4"; } .ion-ios-settings:before { content: "\f4a7"; } .ion-ios-settings-strong:before { content: "\f4a6"; } .ion-ios-shuffle:before { content: "\f4a9"; } .ion-ios-shuffle-strong:before { content: "\f4a8"; } .ion-ios-skipbackward:before { content: "\f4ab"; } .ion-ios-skipbackward-outline:before { content: "\f4aa"; } .ion-ios-skipforward:before { content: "\f4ad"; } .ion-ios-skipforward-outline:before { content: "\f4ac"; } .ion-ios-snowy:before { content: "\f4ae"; } .ion-ios-speedometer:before { content: "\f4b0"; } .ion-ios-speedometer-outline:before { content: "\f4af"; } .ion-ios-star:before { content: "\f4b3"; } .ion-ios-star-half:before { content: "\f4b1"; } .ion-ios-star-outline:before { content: "\f4b2"; } .ion-ios-stopwatch:before { content: "\f4b5"; } .ion-ios-stopwatch-outline:before { content: "\f4b4"; } .ion-ios-sunny:before { content: "\f4b7"; } .ion-ios-sunny-outline:before { content: "\f4b6"; } .ion-ios-telephone:before { content: "\f4b9"; } .ion-ios-telephone-outline:before { content: "\f4b8"; } .ion-ios-tennisball:before { content: "\f4bb"; } .ion-ios-tennisball-outline:before { content: "\f4ba"; } .ion-ios-thunderstorm:before { content: "\f4bd"; } .ion-ios-thunderstorm-outline:before { content: "\f4bc"; } .ion-ios-time:before { content: "\f4bf"; } .ion-ios-time-outline:before { content: "\f4be"; } .ion-ios-timer:before { content: "\f4c1"; } .ion-ios-timer-outline:before { content: "\f4c0"; } .ion-ios-toggle:before { content: "\f4c3"; } .ion-ios-toggle-outline:before { content: "\f4c2"; } .ion-ios-trash:before { content: "\f4c5"; } .ion-ios-trash-outline:before { content: "\f4c4"; } .ion-ios-undo:before { content: "\f4c7"; } .ion-ios-undo-outline:before { content: "\f4c6"; } .ion-ios-unlocked:before { content: "\f4c9"; } .ion-ios-unlocked-outline:before { content: "\f4c8"; } .ion-ios-upload:before { content: "\f4cb"; } .ion-ios-upload-outline:before { content: "\f4ca"; } .ion-ios-videocam:before { content: "\f4cd"; } .ion-ios-videocam-outline:before { content: "\f4cc"; } .ion-ios-volume-high:before { content: "\f4ce"; } .ion-ios-volume-low:before { content: "\f4cf"; } .ion-ios-wineglass:before { content: "\f4d1"; } .ion-ios-wineglass-outline:before { content: "\f4d0"; } .ion-ios-world:before { content: "\f4d3"; } .ion-ios-world-outline:before { content: "\f4d2"; } .ion-ipad:before { content: "\f1f9"; } .ion-iphone:before { content: "\f1fa"; } .ion-ipod:before { content: "\f1fb"; } .ion-jet:before { content: "\f295"; } .ion-key:before { content: "\f296"; } .ion-knife:before { content: "\f297"; } .ion-laptop:before { content: "\f1fc"; } .ion-leaf:before { content: "\f1fd"; } .ion-levels:before { content: "\f298"; } .ion-lightbulb:before { content: "\f299"; } .ion-link:before { content: "\f1fe"; } .ion-load-a:before { content: "\f29a"; } .ion-load-b:before { content: "\f29b"; } .ion-load-c:before { content: "\f29c"; } .ion-load-d:before { content: "\f29d"; } .ion-location:before { content: "\f1ff"; } .ion-lock-combination:before { content: "\f4d4"; } .ion-locked:before { content: "\f200"; } .ion-log-in:before { content: "\f29e"; } .ion-log-out:before { content: "\f29f"; } .ion-loop:before { content: "\f201"; } .ion-magnet:before { content: "\f2a0"; } .ion-male:before { content: "\f2a1"; } .ion-man:before { content: "\f202"; } .ion-map:before { content: "\f203"; } .ion-medkit:before { content: "\f2a2"; } .ion-merge:before { content: "\f33f"; } .ion-mic-a:before { content: "\f204"; } .ion-mic-b:before { content: "\f205"; } .ion-mic-c:before { content: "\f206"; } .ion-minus:before { content: "\f209"; } .ion-minus-circled:before { content: "\f207"; } .ion-minus-round:before { content: "\f208"; } .ion-model-s:before { content: "\f2c1"; } .ion-monitor:before { content: "\f20a"; } .ion-more:before { content: "\f20b"; } .ion-mouse:before { content: "\f340"; } .ion-music-note:before { content: "\f20c"; } .ion-navicon:before { content: "\f20e"; } .ion-navicon-round:before { content: "\f20d"; } .ion-navigate:before { content: "\f2a3"; } .ion-network:before { content: "\f341"; } .ion-no-smoking:before { content: "\f2c2"; } .ion-nuclear:before { content: "\f2a4"; } .ion-outlet:before { content: "\f342"; } .ion-paintbrush:before { content: "\f4d5"; } .ion-paintbucket:before { content: "\f4d6"; } .ion-paper-airplane:before { content: "\f2c3"; } .ion-paperclip:before { content: "\f20f"; } .ion-pause:before { content: "\f210"; } .ion-person:before { content: "\f213"; } .ion-person-add:before { content: "\f211"; } .ion-person-stalker:before { content: "\f212"; } .ion-pie-graph:before { content: "\f2a5"; } .ion-pin:before { content: "\f2a6"; } .ion-pinpoint:before { content: "\f2a7"; } .ion-pizza:before { content: "\f2a8"; } .ion-plane:before { content: "\f214"; } .ion-planet:before { content: "\f343"; } .ion-play:before { content: "\f215"; } .ion-playstation:before { content: "\f30a"; } .ion-plus:before { content: "\f218"; } .ion-plus-circled:before { content: "\f216"; } .ion-plus-round:before { content: "\f217"; } .ion-podium:before { content: "\f344"; } .ion-pound:before { content: "\f219"; } .ion-power:before { content: "\f2a9"; } .ion-pricetag:before { content: "\f2aa"; } .ion-pricetags:before { content: "\f2ab"; } .ion-printer:before { content: "\f21a"; } .ion-pull-request:before { content: "\f345"; } .ion-qr-scanner:before { content: "\f346"; } .ion-quote:before { content: "\f347"; } .ion-radio-waves:before { content: "\f2ac"; } .ion-record:before { content: "\f21b"; } .ion-refresh:before { content: "\f21c"; } .ion-reply:before { content: "\f21e"; } .ion-reply-all:before { content: "\f21d"; } .ion-ribbon-a:before { content: "\f348"; } .ion-ribbon-b:before { content: "\f349"; } .ion-sad:before { content: "\f34a"; } .ion-sad-outline:before { content: "\f4d7"; } .ion-scissors:before { content: "\f34b"; } .ion-search:before { content: "\f21f"; } .ion-settings:before { content: "\f2ad"; } .ion-share:before { content: "\f220"; } .ion-shuffle:before { content: "\f221"; } .ion-skip-backward:before { content: "\f222"; } .ion-skip-forward:before { content: "\f223"; } .ion-social-android:before { content: "\f225"; } .ion-social-android-outline:before { content: "\f224"; } .ion-social-angular:before { content: "\f4d9"; } .ion-social-angular-outline:before { content: "\f4d8"; } .ion-social-apple:before { content: "\f227"; } .ion-social-apple-outline:before { content: "\f226"; } .ion-social-bitcoin:before { content: "\f2af"; } .ion-social-bitcoin-outline:before { content: "\f2ae"; } .ion-social-buffer:before { content: "\f229"; } .ion-social-buffer-outline:before { content: "\f228"; } .ion-social-chrome:before { content: "\f4db"; } .ion-social-chrome-outline:before { content: "\f4da"; } .ion-social-codepen:before { content: "\f4dd"; } .ion-social-codepen-outline:before { content: "\f4dc"; } .ion-social-css3:before { content: "\f4df"; } .ion-social-css3-outline:before { content: "\f4de"; } .ion-social-designernews:before { content: "\f22b"; } .ion-social-designernews-outline:before { content: "\f22a"; } .ion-social-dribbble:before { content: "\f22d"; } .ion-social-dribbble-outline:before { content: "\f22c"; } .ion-social-dropbox:before { content: "\f22f"; } .ion-social-dropbox-outline:before { content: "\f22e"; } .ion-social-euro:before { content: "\f4e1"; } .ion-social-euro-outline:before { content: "\f4e0"; } .ion-social-facebook:before { content: "\f231"; } .ion-social-facebook-outline:before { content: "\f230"; } .ion-social-foursquare:before { content: "\f34d"; } .ion-social-foursquare-outline:before { content: "\f34c"; } .ion-social-freebsd-devil:before { content: "\f2c4"; } .ion-social-github:before { content: "\f233"; } .ion-social-github-outline:before { content: "\f232"; } .ion-social-google:before { content: "\f34f"; } .ion-social-google-outline:before { content: "\f34e"; } .ion-social-googleplus:before { content: "\f235"; } .ion-social-googleplus-outline:before { content: "\f234"; } .ion-social-hackernews:before { content: "\f237"; } .ion-social-hackernews-outline:before { content: "\f236"; } .ion-social-html5:before { content: "\f4e3"; } .ion-social-html5-outline:before { content: "\f4e2"; } .ion-social-instagram:before { content: "\f351"; } .ion-social-instagram-outline:before { content: "\f350"; } .ion-social-javascript:before { content: "\f4e5"; } .ion-social-javascript-outline:before { content: "\f4e4"; } .ion-social-linkedin:before { content: "\f239"; } .ion-social-linkedin-outline:before { content: "\f238"; } .ion-social-markdown:before { content: "\f4e6"; } .ion-social-nodejs:before { content: "\f4e7"; } .ion-social-octocat:before { content: "\f4e8"; } .ion-social-pinterest:before { content: "\f2b1"; } .ion-social-pinterest-outline:before { content: "\f2b0"; } .ion-social-python:before { content: "\f4e9"; } .ion-social-reddit:before { content: "\f23b"; } .ion-social-reddit-outline:before { content: "\f23a"; } .ion-social-rss:before { content: "\f23d"; } .ion-social-rss-outline:before { content: "\f23c"; } .ion-social-sass:before { content: "\f4ea"; } .ion-social-skype:before { content: "\f23f"; } .ion-social-skype-outline:before { content: "\f23e"; } .ion-social-snapchat:before { content: "\f4ec"; } .ion-social-snapchat-outline:before { content: "\f4eb"; } .ion-social-tumblr:before { content: "\f241"; } .ion-social-tumblr-outline:before { content: "\f240"; } .ion-social-tux:before { content: "\f2c5"; } .ion-social-twitch:before { content: "\f4ee"; } .ion-social-twitch-outline:before { content: "\f4ed"; } .ion-social-twitter:before { content: "\f243"; } .ion-social-twitter-outline:before { content: "\f242"; } .ion-social-usd:before { content: "\f353"; } .ion-social-usd-outline:before { content: "\f352"; } .ion-social-vimeo:before { content: "\f245"; } .ion-social-vimeo-outline:before { content: "\f244"; } .ion-social-whatsapp:before { content: "\f4f0"; } .ion-social-whatsapp-outline:before { content: "\f4ef"; } .ion-social-windows:before { content: "\f247"; } .ion-social-windows-outline:before { content: "\f246"; } .ion-social-wordpress:before { content: "\f249"; } .ion-social-wordpress-outline:before { content: "\f248"; } .ion-social-yahoo:before { content: "\f24b"; } .ion-social-yahoo-outline:before { content: "\f24a"; } .ion-social-yen:before { content: "\f4f2"; } .ion-social-yen-outline:before { content: "\f4f1"; } .ion-social-youtube:before { content: "\f24d"; } .ion-social-youtube-outline:before { content: "\f24c"; } .ion-soup-can:before { content: "\f4f4"; } .ion-soup-can-outline:before { content: "\f4f3"; } .ion-speakerphone:before { content: "\f2b2"; } .ion-speedometer:before { content: "\f2b3"; } .ion-spoon:before { content: "\f2b4"; } .ion-star:before { content: "\f24e"; } .ion-stats-bars:before { content: "\f2b5"; } .ion-steam:before { content: "\f30b"; } .ion-stop:before { content: "\f24f"; } .ion-thermometer:before { content: "\f2b6"; } .ion-thumbsdown:before { content: "\f250"; } .ion-thumbsup:before { content: "\f251"; } .ion-toggle:before { content: "\f355"; } .ion-toggle-filled:before { content: "\f354"; } .ion-transgender:before { content: "\f4f5"; } .ion-trash-a:before { content: "\f252"; } .ion-trash-b:before { content: "\f253"; } .ion-trophy:before { content: "\f356"; } .ion-tshirt:before { content: "\f4f7"; } .ion-tshirt-outline:before { content: "\f4f6"; } .ion-umbrella:before { content: "\f2b7"; } .ion-university:before { content: "\f357"; } .ion-unlocked:before { content: "\f254"; } .ion-upload:before { content: "\f255"; } .ion-usb:before { content: "\f2b8"; } .ion-videocamera:before { content: "\f256"; } .ion-volume-high:before { content: "\f257"; } .ion-volume-low:before { content: "\f258"; } .ion-volume-medium:before { content: "\f259"; } .ion-volume-mute:before { content: "\f25a"; } .ion-wand:before { content: "\f358"; } .ion-waterdrop:before { content: "\f25b"; } .ion-wifi:before { content: "\f25c"; } .ion-wineglass:before { content: "\f2b9"; } .ion-woman:before { content: "\f25d"; } .ion-wrench:before { content: "\f2ba"; } .ion-xbox:before { content: "\f30c"; } /*! * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker) * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ .datepicker { border-radius: 4px; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; padding: 4px; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0, 0, 0, 0.15); border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px; } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px; } .datepicker-dropdown.datepicker-orient-top:before { bottom: -7px; border-bottom: 0; border-top: 7px solid rgba(0, 0, 0, 0.15); } .datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.old, .datepicker table tr td.new { color: #777777; } .datepicker table tr td.day:hover, .datepicker table tr td.focused { background: #eeeeee; cursor: pointer; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #777777; cursor: default; } .datepicker table tr td.highlighted { color: #000; background-color: #d9edf7; border-color: #85c5e5; border-radius: 0; } .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.focus { color: #000; background-color: #afd9ee; border-color: #298fc2; } .datepicker table tr td.highlighted:hover { color: #000; background-color: #afd9ee; border-color: #52addb; } .datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted.active { color: #000; background-color: #afd9ee; border-color: #52addb; } .datepicker table tr td.highlighted:active:hover, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted.active.focus { color: #000; background-color: #91cbe8; border-color: #298fc2; } .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted:hover, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.highlighted.focus { background-color: #d9edf7; border-color: #85c5e5; } .datepicker table tr td.highlighted.focused { background: #afd9ee; } .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active { background: #d9edf7; color: #777777; } .datepicker table tr td.today { color: #000; background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:focus, .datepicker table tr td.today.focus { color: #000; background-color: #ffc966; border-color: #b37400; } .datepicker table tr td.today:hover { color: #000; background-color: #ffc966; border-color: #f59e00; } .datepicker table tr td.today:active, .datepicker table tr td.today.active { color: #000; background-color: #ffc966; border-color: #f59e00; } .datepicker table tr td.today:active:hover, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active:focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today:active.focus, .datepicker table tr td.today.active.focus { color: #000; background-color: #ffbc42; border-color: #b37400; } .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today[disabled].focus, fieldset[disabled] .datepicker table tr td.today.focus { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.focused { background: #ffc966; } .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active { background: #ffdb99; color: #777777; } .datepicker table tr td.range { color: #000; background-color: #eeeeee; border-color: #bbbbbb; border-radius: 0; } .datepicker table tr td.range:focus, .datepicker table tr td.range.focus { color: #000; background-color: #d5d5d5; border-color: #7c7c7c; } .datepicker table tr td.range:hover { color: #000; background-color: #d5d5d5; border-color: #9d9d9d; } .datepicker table tr td.range:active, .datepicker table tr td.range.active { color: #000; background-color: #d5d5d5; border-color: #9d9d9d; } .datepicker table tr td.range:active:hover, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active:focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range:active.focus, .datepicker table tr td.range.active.focus { color: #000; background-color: #c3c3c3; border-color: #7c7c7c; } .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled]:hover, fieldset[disabled] .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range[disabled]:focus, fieldset[disabled] .datepicker table tr td.range:focus, .datepicker table tr td.range.disabled.focus, .datepicker table tr td.range[disabled].focus, fieldset[disabled] .datepicker table tr td.range.focus { background-color: #eeeeee; border-color: #bbbbbb; } .datepicker table tr td.range.focused { background: #d5d5d5; } .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active { background: #eeeeee; color: #777777; } .datepicker table tr td.range.highlighted { color: #000; background-color: #e4eef3; border-color: #9dc1d3; } .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.focus { color: #000; background-color: #c1d7e3; border-color: #4b88a6; } .datepicker table tr td.range.highlighted:hover { color: #000; background-color: #c1d7e3; border-color: #73a6c0; } .datepicker table tr td.range.highlighted:active, .datepicker table tr td.range.highlighted.active { color: #000; background-color: #c1d7e3; border-color: #73a6c0; } .datepicker table tr td.range.highlighted:active:hover, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted.active.focus { color: #000; background-color: #a8c8d8; border-color: #4b88a6; } .datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.highlighted:hover, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.range.highlighted.focus { background-color: #e4eef3; border-color: #9dc1d3; } .datepicker table tr td.range.highlighted.focused { background: #c1d7e3; } .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active { background: #e4eef3; color: #777777; } .datepicker table tr td.range.today { color: #000; background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.focus { color: #000; background-color: #f4b747; border-color: #815608; } .datepicker table tr td.range.today:hover { color: #000; background-color: #f4b747; border-color: #bf800c; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today.active { color: #000; background-color: #f4b747; border-color: #bf800c; } .datepicker table tr td.range.today:active:hover, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today.active.focus { color: #000; background-color: #f2aa25; border-color: #815608; } .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today[disabled].focus, fieldset[disabled] .datepicker table tr td.range.today.focus { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active { background: #f7ca77; color: #777777; } .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted { color: #fff; background-color: #777777; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus { color: #fff; background-color: #5e5e5e; border-color: #161616; } .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover { color: #fff; background-color: #5e5e5e; border-color: #373737; } .datepicker table tr td.selected:active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active { color: #fff; background-color: #5e5e5e; border-color: #373737; } .datepicker table tr td.selected:active:hover, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.highlighted.active.focus { color: #fff; background-color: #4c4c4c; border-color: #161616; } .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus { background-color: #777777; border-color: #555555; } .datepicker table tr td.active, .datepicker table tr td.active.highlighted { color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus { color: #fff; background-color: #286090; border-color: #122b40; } .datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted:hover { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus { background-color: #337ab7; border-color: #2e6da4; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span:hover, .datepicker table tr td span.focused { background: #eeeeee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #777777; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover.focus { color: #fff; background-color: #286090; border-color: #122b40; } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled:hover.active.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus { background-color: #337ab7; border-color: #2e6da4; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #777777; } .datepicker .datepicker-switch { width: 145px; } .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { cursor: pointer; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #eeeeee; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .input-group.date .input-group-addon { cursor: pointer; } .input-daterange { width: 100%; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; line-height: 1.42857143; text-shadow: 0 1px 0 #fff; border-width: 1px 0; margin-left: -5px; margin-right: -5px; } /*# sourceMappingURL=bootstrap-datepicker3.css.map */ .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; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; 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, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 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, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 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, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 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, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 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: white; 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: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } .color-red-50 { color: #ffebee; } .bg-red-50 { background-color: #ffebee; } .border-red-50 { border-color: #ffebee; } .fill-red-50 { fill: #ffebee; } .stroke-red-50 { stroke: #ffebee; } .color-red-100 { color: #ffcdd2; } .bg-red-100 { background-color: #ffcdd2; } .border-red-100 { border-color: #ffcdd2; } .fill-red-100 { fill: #ffcdd2; } .stroke-red-100 { stroke: #ffcdd2; } .color-red-200 { color: #ef9a9a; } .bg-red-200 { background-color: #ef9a9a; } .border-red-200 { border-color: #ef9a9a; } .fill-red-200 { fill: #ef9a9a; } .stroke-red-200 { stroke: #ef9a9a; } .color-red-300 { color: #e57373; } .bg-red-300 { background-color: #e57373; } .border-red-300 { border-color: #e57373; } .fill-red-300 { fill: #e57373; } .stroke-red-300 { stroke: #e57373; } .color-red-400 { color: #ef5350; } .bg-red-400 { background-color: #ef5350; } .border-red-400 { border-color: #ef5350; } .fill-red-400 { fill: #ef5350; } .stroke-red-400 { stroke: #ef5350; } .color-red-500 { color: #f44336; } .bg-red-500 { background-color: #f44336; } .border-red-500 { border-color: #f44336; } .fill-red-500 { fill: #f44336; } .stroke-red-500 { stroke: #f44336; } .color-red-600 { color: #e53935; } .bg-red-600 { background-color: #e53935; } .border-red-600 { border-color: #e53935; } .fill-red-600 { fill: #e53935; } .stroke-red-600 { stroke: #e53935; } .color-red-700 { color: #d32f2f; } .bg-red-700 { background-color: #d32f2f; } .border-red-700 { border-color: #d32f2f; } .fill-red-700 { fill: #d32f2f; } .stroke-red-700 { stroke: #d32f2f; } .color-red-800 { color: #c62828; } .bg-red-800 { background-color: #c62828; } .border-red-800 { border-color: #c62828; } .fill-red-800 { fill: #c62828; } .stroke-red-800 { stroke: #c62828; } .color-red-900 { color: #b71c1c; } .bg-red-900 { background-color: #b71c1c; } .border-red-900 { border-color: #b71c1c; } .fill-red-900 { fill: #b71c1c; } .stroke-red-900 { stroke: #b71c1c; } .color-red-a100 { color: #ff8a80; } .bg-red-a100 { background-color: #ff8a80; } .border-red-a100 { border-color: #ff8a80; } .fill-red-a100 { fill: #ff8a80; } .stroke-red-a100 { stroke: #ff8a80; } .color-red-a200 { color: #ff5252; } .bg-red-a200 { background-color: #ff5252; } .border-red-a200 { border-color: #ff5252; } .fill-red-a200 { fill: #ff5252; } .stroke-red-a200 { stroke: #ff5252; } .color-red-a400 { color: #ff1744; } .bg-red-a400 { background-color: #ff1744; } .border-red-a400 { border-color: #ff1744; } .fill-red-a400 { fill: #ff1744; } .stroke-red-a400 { stroke: #ff1744; } .color-red-a700 { color: #d50000; } .bg-red-a700 { background-color: #d50000; } .border-red-a700 { border-color: #d50000; } .fill-red-a700 { fill: #d50000; } .stroke-red-a700 { stroke: #d50000; } .color-pink-50 { color: #fce4ec; } .bg-pink-50 { background-color: #fce4ec; } .border-pink-50 { border-color: #fce4ec; } .fill-pink-50 { fill: #fce4ec; } .stroke-pink-50 { stroke: #fce4ec; } .color-pink-100 { color: #f8bbd0; } .bg-pink-100 { background-color: #f8bbd0; } .border-pink-100 { border-color: #f8bbd0; } .fill-pink-100 { fill: #f8bbd0; } .stroke-pink-100 { stroke: #f8bbd0; } .color-pink-200 { color: #f48fb1; } .bg-pink-200 { background-color: #f48fb1; } .border-pink-200 { border-color: #f48fb1; } .fill-pink-200 { fill: #f48fb1; } .stroke-pink-200 { stroke: #f48fb1; } .color-pink-300 { color: #f06292; } .bg-pink-300 { background-color: #f06292; } .border-pink-300 { border-color: #f06292; } .fill-pink-300 { fill: #f06292; } .stroke-pink-300 { stroke: #f06292; } .color-pink-400 { color: #ec407a; } .bg-pink-400 { background-color: #ec407a; } .border-pink-400 { border-color: #ec407a; } .fill-pink-400 { fill: #ec407a; } .stroke-pink-400 { stroke: #ec407a; } .color-pink-500 { color: #e91e63; } .bg-pink-500 { background-color: #e91e63; } .border-pink-500 { border-color: #e91e63; } .fill-pink-500 { fill: #e91e63; } .stroke-pink-500 { stroke: #e91e63; } .color-pink-600 { color: #d81b60; } .bg-pink-600 { background-color: #d81b60; } .border-pink-600 { border-color: #d81b60; } .fill-pink-600 { fill: #d81b60; } .stroke-pink-600 { stroke: #d81b60; } .color-pink-700 { color: #c2185b; } .bg-pink-700 { background-color: #c2185b; } .border-pink-700 { border-color: #c2185b; } .fill-pink-700 { fill: #c2185b; } .stroke-pink-700 { stroke: #c2185b; } .color-pink-800 { color: #ad1457; } .bg-pink-800 { background-color: #ad1457; } .border-pink-800 { border-color: #ad1457; } .fill-pink-800 { fill: #ad1457; } .stroke-pink-800 { stroke: #ad1457; } .color-pink-900 { color: #880e4f; } .bg-pink-900 { background-color: #880e4f; } .border-pink-900 { border-color: #880e4f; } .fill-pink-900 { fill: #880e4f; } .stroke-pink-900 { stroke: #880e4f; } .color-pink-a100 { color: #ff80ab; } .bg-pink-a100 { background-color: #ff80ab; } .border-pink-a100 { border-color: #ff80ab; } .fill-pink-a100 { fill: #ff80ab; } .stroke-pink-a100 { stroke: #ff80ab; } .color-pink-a200 { color: #ff4081; } .bg-pink-a200 { background-color: #ff4081; } .border-pink-a200 { border-color: #ff4081; } .fill-pink-a200 { fill: #ff4081; } .stroke-pink-a200 { stroke: #ff4081; } .color-pink-a400 { color: #f50057; } .bg-pink-a400 { background-color: #f50057; } .border-pink-a400 { border-color: #f50057; } .fill-pink-a400 { fill: #f50057; } .stroke-pink-a400 { stroke: #f50057; } .color-pink-a700 { color: #c51162; } .bg-pink-a700 { background-color: #c51162; } .border-pink-a700 { border-color: #c51162; } .fill-pink-a700 { fill: #c51162; } .stroke-pink-a700 { stroke: #c51162; } .color-purple-50 { color: #f3e5f5; } .bg-purple-50 { background-color: #f3e5f5; } .border-purple-50 { border-color: #f3e5f5; } .fill-purple-50 { fill: #f3e5f5; } .stroke-purple-50 { stroke: #f3e5f5; } .color-purple-100 { color: #e1bee7; } .bg-purple-100 { background-color: #e1bee7; } .border-purple-100 { border-color: #e1bee7; } .fill-purple-100 { fill: #e1bee7; } .stroke-purple-100 { stroke: #e1bee7; } .color-purple-200 { color: #ce93d8; } .bg-purple-200 { background-color: #ce93d8; } .border-purple-200 { border-color: #ce93d8; } .fill-purple-200 { fill: #ce93d8; } .stroke-purple-200 { stroke: #ce93d8; } .color-purple-300 { color: #ba68c8; } .bg-purple-300 { background-color: #ba68c8; } .border-purple-300 { border-color: #ba68c8; } .fill-purple-300 { fill: #ba68c8; } .stroke-purple-300 { stroke: #ba68c8; } .color-purple-400 { color: #ab47bc; } .bg-purple-400 { background-color: #ab47bc; } .border-purple-400 { border-color: #ab47bc; } .fill-purple-400 { fill: #ab47bc; } .stroke-purple-400 { stroke: #ab47bc; } .color-purple-500 { color: #9c27b0; } .bg-purple-500 { background-color: #9c27b0; } .border-purple-500 { border-color: #9c27b0; } .fill-purple-500 { fill: #9c27b0; } .stroke-purple-500 { stroke: #9c27b0; } .color-purple-600 { color: #8e24aa; } .bg-purple-600 { background-color: #8e24aa; } .border-purple-600 { border-color: #8e24aa; } .fill-purple-600 { fill: #8e24aa; } .stroke-purple-600 { stroke: #8e24aa; } .color-purple-700 { color: #7b1fa2; } .bg-purple-700 { background-color: #7b1fa2; } .border-purple-700 { border-color: #7b1fa2; } .fill-purple-700 { fill: #7b1fa2; } .stroke-purple-700 { stroke: #7b1fa2; } .color-purple-800 { color: #6a1b9a; } .bg-purple-800 { background-color: #6a1b9a; } .border-purple-800 { border-color: #6a1b9a; } .fill-purple-800 { fill: #6a1b9a; } .stroke-purple-800 { stroke: #6a1b9a; } .color-purple-900 { color: #4a148c; } .bg-purple-900 { background-color: #4a148c; } .border-purple-900 { border-color: #4a148c; } .fill-purple-900 { fill: #4a148c; } .stroke-purple-900 { stroke: #4a148c; } .color-purple-a100 { color: #ea80fc; } .bg-purple-a100 { background-color: #ea80fc; } .border-purple-a100 { border-color: #ea80fc; } .fill-purple-a100 { fill: #ea80fc; } .stroke-purple-a100 { stroke: #ea80fc; } .color-purple-a200 { color: #e040fb; } .bg-purple-a200 { background-color: #e040fb; } .border-purple-a200 { border-color: #e040fb; } .fill-purple-a200 { fill: #e040fb; } .stroke-purple-a200 { stroke: #e040fb; } .color-purple-a400 { color: #d500f9; } .bg-purple-a400 { background-color: #d500f9; } .border-purple-a400 { border-color: #d500f9; } .fill-purple-a400 { fill: #d500f9; } .stroke-purple-a400 { stroke: #d500f9; } .color-purple-a700 { color: #aa00ff; } .bg-purple-a700 { background-color: #aa00ff; } .border-purple-a700 { border-color: #aa00ff; } .fill-purple-a700 { fill: #aa00ff; } .stroke-purple-a700 { stroke: #aa00ff; } .color-deep-purple-50 { color: #ede7f6; } .bg-deep-purple-50 { background-color: #ede7f6; } .border-deep-purple-50 { border-color: #ede7f6; } .fill-deep-purple-50 { fill: #ede7f6; } .stroke-deep-purple-50 { stroke: #ede7f6; } .color-deep-purple-100 { color: #d1c4e9; } .bg-deep-purple-100 { background-color: #d1c4e9; } .border-deep-purple-100 { border-color: #d1c4e9; } .fill-deep-purple-100 { fill: #d1c4e9; } .stroke-deep-purple-100 { stroke: #d1c4e9; } .color-deep-purple-200 { color: #b39ddb; } .bg-deep-purple-200 { background-color: #b39ddb; } .border-deep-purple-200 { border-color: #b39ddb; } .fill-deep-purple-200 { fill: #b39ddb; } .stroke-deep-purple-200 { stroke: #b39ddb; } .color-deep-purple-300 { color: #9575cd; } .bg-deep-purple-300 { background-color: #9575cd; } .border-deep-purple-300 { border-color: #9575cd; } .fill-deep-purple-300 { fill: #9575cd; } .stroke-deep-purple-300 { stroke: #9575cd; } .color-deep-purple-400 { color: #7e57c2; } .bg-deep-purple-400 { background-color: #7e57c2; } .border-deep-purple-400 { border-color: #7e57c2; } .fill-deep-purple-400 { fill: #7e57c2; } .stroke-deep-purple-400 { stroke: #7e57c2; } .color-deep-purple-500 { color: #673ab7; } .bg-deep-purple-500 { background-color: #673ab7; } .border-deep-purple-500 { border-color: #673ab7; } .fill-deep-purple-500 { fill: #673ab7; } .stroke-deep-purple-500 { stroke: #673ab7; } .color-deep-purple-600 { color: #5e35b1; } .bg-deep-purple-600 { background-color: #5e35b1; } .border-deep-purple-600 { border-color: #5e35b1; } .fill-deep-purple-600 { fill: #5e35b1; } .stroke-deep-purple-600 { stroke: #5e35b1; } .color-deep-purple-700 { color: #512da8; } .bg-deep-purple-700 { background-color: #512da8; } .border-deep-purple-700 { border-color: #512da8; } .fill-deep-purple-700 { fill: #512da8; } .stroke-deep-purple-700 { stroke: #512da8; } .color-deep-purple-800 { color: #4527a0; } .bg-deep-purple-800 { background-color: #4527a0; } .border-deep-purple-800 { border-color: #4527a0; } .fill-deep-purple-800 { fill: #4527a0; } .stroke-deep-purple-800 { stroke: #4527a0; } .color-deep-purple-900 { color: #311b92; } .bg-deep-purple-900 { background-color: #311b92; } .border-deep-purple-900 { border-color: #311b92; } .fill-deep-purple-900 { fill: #311b92; } .stroke-deep-purple-900 { stroke: #311b92; } .color-deep-purple-a100 { color: #b388ff; } .bg-deep-purple-a100 { background-color: #b388ff; } .border-deep-purple-a100 { border-color: #b388ff; } .fill-deep-purple-a100 { fill: #b388ff; } .stroke-deep-purple-a100 { stroke: #b388ff; } .color-deep-purple-a200 { color: #7c4dff; } .bg-deep-purple-a200 { background-color: #7c4dff; } .border-deep-purple-a200 { border-color: #7c4dff; } .fill-deep-purple-a200 { fill: #7c4dff; } .stroke-deep-purple-a200 { stroke: #7c4dff; } .color-deep-purple-a400 { color: #651fff; } .bg-deep-purple-a400 { background-color: #651fff; } .border-deep-purple-a400 { border-color: #651fff; } .fill-deep-purple-a400 { fill: #651fff; } .stroke-deep-purple-a400 { stroke: #651fff; } .color-deep-purple-a700 { color: #6200ea; } .bg-deep-purple-a700 { background-color: #6200ea; } .border-deep-purple-a700 { border-color: #6200ea; } .fill-deep-purple-a700 { fill: #6200ea; } .stroke-deep-purple-a700 { stroke: #6200ea; } .color-indigo-50 { color: #e8eaf6; } .bg-indigo-50 { background-color: #e8eaf6; } .border-indigo-50 { border-color: #e8eaf6; } .fill-indigo-50 { fill: #e8eaf6; } .stroke-indigo-50 { stroke: #e8eaf6; } .color-indigo-100 { color: #c5cae9; } .bg-indigo-100 { background-color: #c5cae9; } .border-indigo-100 { border-color: #c5cae9; } .fill-indigo-100 { fill: #c5cae9; } .stroke-indigo-100 { stroke: #c5cae9; } .color-indigo-200 { color: #9fa8da; } .bg-indigo-200 { background-color: #9fa8da; } .border-indigo-200 { border-color: #9fa8da; } .fill-indigo-200 { fill: #9fa8da; } .stroke-indigo-200 { stroke: #9fa8da; } .color-indigo-300 { color: #7986cb; } .bg-indigo-300 { background-color: #7986cb; } .border-indigo-300 { border-color: #7986cb; } .fill-indigo-300 { fill: #7986cb; } .stroke-indigo-300 { stroke: #7986cb; } .color-indigo-400 { color: #5c6bc0; } .bg-indigo-400 { background-color: #5c6bc0; } .border-indigo-400 { border-color: #5c6bc0; } .fill-indigo-400 { fill: #5c6bc0; } .stroke-indigo-400 { stroke: #5c6bc0; } .color-indigo-500 { color: #3f51b5; } .bg-indigo-500 { background-color: #3f51b5; } .border-indigo-500 { border-color: #3f51b5; } .fill-indigo-500 { fill: #3f51b5; } .stroke-indigo-500 { stroke: #3f51b5; } .color-indigo-600 { color: #3949ab; } .bg-indigo-600 { background-color: #3949ab; } .border-indigo-600 { border-color: #3949ab; } .fill-indigo-600 { fill: #3949ab; } .stroke-indigo-600 { stroke: #3949ab; } .color-indigo-700 { color: #303f9f; } .bg-indigo-700 { background-color: #303f9f; } .border-indigo-700 { border-color: #303f9f; } .fill-indigo-700 { fill: #303f9f; } .stroke-indigo-700 { stroke: #303f9f; } .color-indigo-800 { color: #283593; } .bg-indigo-800 { background-color: #283593; } .border-indigo-800 { border-color: #283593; } .fill-indigo-800 { fill: #283593; } .stroke-indigo-800 { stroke: #283593; } .color-indigo-900 { color: #1a237e; } .bg-indigo-900 { background-color: #1a237e; } .border-indigo-900 { border-color: #1a237e; } .fill-indigo-900 { fill: #1a237e; } .stroke-indigo-900 { stroke: #1a237e; } .color-indigo-a100 { color: #8c9eff; } .bg-indigo-a100 { background-color: #8c9eff; } .border-indigo-a100 { border-color: #8c9eff; } .fill-indigo-a100 { fill: #8c9eff; } .stroke-indigo-a100 { stroke: #8c9eff; } .color-indigo-a200 { color: #536dfe; } .bg-indigo-a200 { background-color: #536dfe; } .border-indigo-a200 { border-color: #536dfe; } .fill-indigo-a200 { fill: #536dfe; } .stroke-indigo-a200 { stroke: #536dfe; } .color-indigo-a400 { color: #3d5afe; } .bg-indigo-a400 { background-color: #3d5afe; } .border-indigo-a400 { border-color: #3d5afe; } .fill-indigo-a400 { fill: #3d5afe; } .stroke-indigo-a400 { stroke: #3d5afe; } .color-indigo-a700 { color: #304ffe; } .bg-indigo-a700 { background-color: #304ffe; } .border-indigo-a700 { border-color: #304ffe; } .fill-indigo-a700 { fill: #304ffe; } .stroke-indigo-a700 { stroke: #304ffe; } .color-blue-50 { color: #e3f2fd; } .bg-blue-50 { background-color: #e3f2fd; } .border-blue-50 { border-color: #e3f2fd; } .fill-blue-50 { fill: #e3f2fd; } .stroke-blue-50 { stroke: #e3f2fd; } .color-blue-100 { color: #bbdefb; } .bg-blue-100 { background-color: #bbdefb; } .border-blue-100 { border-color: #bbdefb; } .fill-blue-100 { fill: #bbdefb; } .stroke-blue-100 { stroke: #bbdefb; } .color-blue-200 { color: #90caf9; } .bg-blue-200 { background-color: #90caf9; } .border-blue-200 { border-color: #90caf9; } .fill-blue-200 { fill: #90caf9; } .stroke-blue-200 { stroke: #90caf9; } .color-blue-300 { color: #64b5f6; } .bg-blue-300 { background-color: #64b5f6; } .border-blue-300 { border-color: #64b5f6; } .fill-blue-300 { fill: #64b5f6; } .stroke-blue-300 { stroke: #64b5f6; } .color-blue-400 { color: #42a5f5; } .bg-blue-400 { background-color: #42a5f5; } .border-blue-400 { border-color: #42a5f5; } .fill-blue-400 { fill: #42a5f5; } .stroke-blue-400 { stroke: #42a5f5; } .color-blue-500 { color: #2196f3; } .bg-blue-500 { background-color: #2196f3; } .border-blue-500 { border-color: #2196f3; } .fill-blue-500 { fill: #2196f3; } .stroke-blue-500 { stroke: #2196f3; } .color-blue-600 { color: #1e88e5; } .bg-blue-600 { background-color: #1e88e5; } .border-blue-600 { border-color: #1e88e5; } .fill-blue-600 { fill: #1e88e5; } .stroke-blue-600 { stroke: #1e88e5; } .color-blue-700 { color: #1976d2; } .bg-blue-700 { background-color: #1976d2; } .border-blue-700 { border-color: #1976d2; } .fill-blue-700 { fill: #1976d2; } .stroke-blue-700 { stroke: #1976d2; } .color-blue-800 { color: #1565c0; } .bg-blue-800 { background-color: #1565c0; } .border-blue-800 { border-color: #1565c0; } .fill-blue-800 { fill: #1565c0; } .stroke-blue-800 { stroke: #1565c0; } .color-blue-900 { color: #0d47a1; } .bg-blue-900 { background-color: #0d47a1; } .border-blue-900 { border-color: #0d47a1; } .fill-blue-900 { fill: #0d47a1; } .stroke-blue-900 { stroke: #0d47a1; } .color-blue-a100 { color: #82b1ff; } .bg-blue-a100 { background-color: #82b1ff; } .border-blue-a100 { border-color: #82b1ff; } .fill-blue-a100 { fill: #82b1ff; } .stroke-blue-a100 { stroke: #82b1ff; } .color-blue-a200 { color: #448aff; } .bg-blue-a200 { background-color: #448aff; } .border-blue-a200 { border-color: #448aff; } .fill-blue-a200 { fill: #448aff; } .stroke-blue-a200 { stroke: #448aff; } .color-blue-a400 { color: #2979ff; } .bg-blue-a400 { background-color: #2979ff; } .border-blue-a400 { border-color: #2979ff; } .fill-blue-a400 { fill: #2979ff; } .stroke-blue-a400 { stroke: #2979ff; } .color-blue-a700 { color: #2962ff; } .bg-blue-a700 { background-color: #2962ff; } .border-blue-a700 { border-color: #2962ff; } .fill-blue-a700 { fill: #2962ff; } .stroke-blue-a700 { stroke: #2962ff; } .color-light-blue-50 { color: #e1f5fe; } .bg-light-blue-50 { background-color: #e1f5fe; } .border-light-blue-50 { border-color: #e1f5fe; } .fill-light-blue-50 { fill: #e1f5fe; } .stroke-light-blue-50 { stroke: #e1f5fe; } .color-light-blue-100 { color: #b3e5fc; } .bg-light-blue-100 { background-color: #b3e5fc; } .border-light-blue-100 { border-color: #b3e5fc; } .fill-light-blue-100 { fill: #b3e5fc; } .stroke-light-blue-100 { stroke: #b3e5fc; } .color-light-blue-200 { color: #81d4fa; } .bg-light-blue-200 { background-color: #81d4fa; } .border-light-blue-200 { border-color: #81d4fa; } .fill-light-blue-200 { fill: #81d4fa; } .stroke-light-blue-200 { stroke: #81d4fa; } .color-light-blue-300 { color: #4fc3f7; } .bg-light-blue-300 { background-color: #4fc3f7; } .border-light-blue-300 { border-color: #4fc3f7; } .fill-light-blue-300 { fill: #4fc3f7; } .stroke-light-blue-300 { stroke: #4fc3f7; } .color-light-blue-400 { color: #29b6f6; } .bg-light-blue-400 { background-color: #29b6f6; } .border-light-blue-400 { border-color: #29b6f6; } .fill-light-blue-400 { fill: #29b6f6; } .stroke-light-blue-400 { stroke: #29b6f6; } .color-light-blue-500 { color: #03a9f4; } .bg-light-blue-500 { background-color: #03a9f4; } .border-light-blue-500 { border-color: #03a9f4; } .fill-light-blue-500 { fill: #03a9f4; } .stroke-light-blue-500 { stroke: #03a9f4; } .color-light-blue-600 { color: #039be5; } .bg-light-blue-600 { background-color: #039be5; } .border-light-blue-600 { border-color: #039be5; } .fill-light-blue-600 { fill: #039be5; } .stroke-light-blue-600 { stroke: #039be5; } .color-light-blue-700 { color: #0288d1; } .bg-light-blue-700 { background-color: #0288d1; } .border-light-blue-700 { border-color: #0288d1; } .fill-light-blue-700 { fill: #0288d1; } .stroke-light-blue-700 { stroke: #0288d1; } .color-light-blue-800 { color: #0277bd; } .bg-light-blue-800 { background-color: #0277bd; } .border-light-blue-800 { border-color: #0277bd; } .fill-light-blue-800 { fill: #0277bd; } .stroke-light-blue-800 { stroke: #0277bd; } .color-light-blue-900 { color: #01579b; } .bg-light-blue-900 { background-color: #01579b; } .border-light-blue-900 { border-color: #01579b; } .fill-light-blue-900 { fill: #01579b; } .stroke-light-blue-900 { stroke: #01579b; } .color-light-blue-a100 { color: #80d8ff; } .bg-light-blue-a100 { background-color: #80d8ff; } .border-light-blue-a100 { border-color: #80d8ff; } .fill-light-blue-a100 { fill: #80d8ff; } .stroke-light-blue-a100 { stroke: #80d8ff; } .color-light-blue-a200 { color: #40c4ff; } .bg-light-blue-a200 { background-color: #40c4ff; } .border-light-blue-a200 { border-color: #40c4ff; } .fill-light-blue-a200 { fill: #40c4ff; } .stroke-light-blue-a200 { stroke: #40c4ff; } .color-light-blue-a400 { color: #00b0ff; } .bg-light-blue-a400 { background-color: #00b0ff; } .border-light-blue-a400 { border-color: #00b0ff; } .fill-light-blue-a400 { fill: #00b0ff; } .stroke-light-blue-a400 { stroke: #00b0ff; } .color-light-blue-a700 { color: #0091ea; } .bg-light-blue-a700 { background-color: #0091ea; } .border-light-blue-a700 { border-color: #0091ea; } .fill-light-blue-a700 { fill: #0091ea; } .stroke-light-blue-a700 { stroke: #0091ea; } .color-cyan-50 { color: #e0f7fa; } .bg-cyan-50 { background-color: #e0f7fa; } .border-cyan-50 { border-color: #e0f7fa; } .fill-cyan-50 { fill: #e0f7fa; } .stroke-cyan-50 { stroke: #e0f7fa; } .color-cyan-100 { color: #b2ebf2; } .bg-cyan-100 { background-color: #b2ebf2; } .border-cyan-100 { border-color: #b2ebf2; } .fill-cyan-100 { fill: #b2ebf2; } .stroke-cyan-100 { stroke: #b2ebf2; } .color-cyan-200 { color: #80deea; } .bg-cyan-200 { background-color: #80deea; } .border-cyan-200 { border-color: #80deea; } .fill-cyan-200 { fill: #80deea; } .stroke-cyan-200 { stroke: #80deea; } .color-cyan-300 { color: #4dd0e1; } .bg-cyan-300 { background-color: #4dd0e1; } .border-cyan-300 { border-color: #4dd0e1; } .fill-cyan-300 { fill: #4dd0e1; } .stroke-cyan-300 { stroke: #4dd0e1; } .color-cyan-400 { color: #26c6da; } .bg-cyan-400 { background-color: #26c6da; } .border-cyan-400 { border-color: #26c6da; } .fill-cyan-400 { fill: #26c6da; } .stroke-cyan-400 { stroke: #26c6da; } .color-cyan-500 { color: #00bcd4; } .bg-cyan-500 { background-color: #00bcd4; } .border-cyan-500 { border-color: #00bcd4; } .fill-cyan-500 { fill: #00bcd4; } .stroke-cyan-500 { stroke: #00bcd4; } .color-cyan-600 { color: #00acc1; } .bg-cyan-600 { background-color: #00acc1; } .border-cyan-600 { border-color: #00acc1; } .fill-cyan-600 { fill: #00acc1; } .stroke-cyan-600 { stroke: #00acc1; } .color-cyan-700 { color: #0097a7; } .bg-cyan-700 { background-color: #0097a7; } .border-cyan-700 { border-color: #0097a7; } .fill-cyan-700 { fill: #0097a7; } .stroke-cyan-700 { stroke: #0097a7; } .color-cyan-800 { color: #00838f; } .bg-cyan-800 { background-color: #00838f; } .border-cyan-800 { border-color: #00838f; } .fill-cyan-800 { fill: #00838f; } .stroke-cyan-800 { stroke: #00838f; } .color-cyan-900 { color: #006064; } .bg-cyan-900 { background-color: #006064; } .border-cyan-900 { border-color: #006064; } .fill-cyan-900 { fill: #006064; } .stroke-cyan-900 { stroke: #006064; } .color-cyan-a100 { color: #84ffff; } .bg-cyan-a100 { background-color: #84ffff; } .border-cyan-a100 { border-color: #84ffff; } .fill-cyan-a100 { fill: #84ffff; } .stroke-cyan-a100 { stroke: #84ffff; } .color-cyan-a200 { color: #18ffff; } .bg-cyan-a200 { background-color: #18ffff; } .border-cyan-a200 { border-color: #18ffff; } .fill-cyan-a200 { fill: #18ffff; } .stroke-cyan-a200 { stroke: #18ffff; } .color-cyan-a400 { color: #00e5ff; } .bg-cyan-a400 { background-color: #00e5ff; } .border-cyan-a400 { border-color: #00e5ff; } .fill-cyan-a400 { fill: #00e5ff; } .stroke-cyan-a400 { stroke: #00e5ff; } .color-cyan-a700 { color: #00b8d4; } .bg-cyan-a700 { background-color: #00b8d4; } .border-cyan-a700 { border-color: #00b8d4; } .fill-cyan-a700 { fill: #00b8d4; } .stroke-cyan-a700 { stroke: #00b8d4; } .color-teal-50 { color: #e0f2f1; } .bg-teal-50 { background-color: #e0f2f1; } .border-teal-50 { border-color: #e0f2f1; } .fill-teal-50 { fill: #e0f2f1; } .stroke-teal-50 { stroke: #e0f2f1; } .color-teal-100 { color: #b2dfdb; } .bg-teal-100 { background-color: #b2dfdb; } .border-teal-100 { border-color: #b2dfdb; } .fill-teal-100 { fill: #b2dfdb; } .stroke-teal-100 { stroke: #b2dfdb; } .color-teal-200 { color: #80cbc4; } .bg-teal-200 { background-color: #80cbc4; } .border-teal-200 { border-color: #80cbc4; } .fill-teal-200 { fill: #80cbc4; } .stroke-teal-200 { stroke: #80cbc4; } .color-teal-300 { color: #4db6ac; } .bg-teal-300 { background-color: #4db6ac; } .border-teal-300 { border-color: #4db6ac; } .fill-teal-300 { fill: #4db6ac; } .stroke-teal-300 { stroke: #4db6ac; } .color-teal-400 { color: #26a69a; } .bg-teal-400 { background-color: #26a69a; } .border-teal-400 { border-color: #26a69a; } .fill-teal-400 { fill: #26a69a; } .stroke-teal-400 { stroke: #26a69a; } .color-teal-500 { color: #009688; } .bg-teal-500 { background-color: #009688; } .border-teal-500 { border-color: #009688; } .fill-teal-500 { fill: #009688; } .stroke-teal-500 { stroke: #009688; } .color-teal-600 { color: #00897b; } .bg-teal-600 { background-color: #00897b; } .border-teal-600 { border-color: #00897b; } .fill-teal-600 { fill: #00897b; } .stroke-teal-600 { stroke: #00897b; } .color-teal-700 { color: #00796b; } .bg-teal-700 { background-color: #00796b; } .border-teal-700 { border-color: #00796b; } .fill-teal-700 { fill: #00796b; } .stroke-teal-700 { stroke: #00796b; } .color-teal-800 { color: #00695c; } .bg-teal-800 { background-color: #00695c; } .border-teal-800 { border-color: #00695c; } .fill-teal-800 { fill: #00695c; } .stroke-teal-800 { stroke: #00695c; } .color-teal-900 { color: #004d40; } .bg-teal-900 { background-color: #004d40; } .border-teal-900 { border-color: #004d40; } .fill-teal-900 { fill: #004d40; } .stroke-teal-900 { stroke: #004d40; } .color-teal-a100 { color: #a7ffeb; } .bg-teal-a100 { background-color: #a7ffeb; } .border-teal-a100 { border-color: #a7ffeb; } .fill-teal-a100 { fill: #a7ffeb; } .stroke-teal-a100 { stroke: #a7ffeb; } .color-teal-a200 { color: #64ffda; } .bg-teal-a200 { background-color: #64ffda; } .border-teal-a200 { border-color: #64ffda; } .fill-teal-a200 { fill: #64ffda; } .stroke-teal-a200 { stroke: #64ffda; } .color-teal-a400 { color: #1de9b6; } .bg-teal-a400 { background-color: #1de9b6; } .border-teal-a400 { border-color: #1de9b6; } .fill-teal-a400 { fill: #1de9b6; } .stroke-teal-a400 { stroke: #1de9b6; } .color-teal-a700 { color: #00bfa5; } .bg-teal-a700 { background-color: #00bfa5; } .border-teal-a700 { border-color: #00bfa5; } .fill-teal-a700 { fill: #00bfa5; } .stroke-teal-a700 { stroke: #00bfa5; } .color-green-50 { color: #e8f5e9; } .bg-green-50 { background-color: #e8f5e9; } .border-green-50 { border-color: #e8f5e9; } .fill-green-50 { fill: #e8f5e9; } .stroke-green-50 { stroke: #e8f5e9; } .color-green-100 { color: #c8e6c9; } .bg-green-100 { background-color: #c8e6c9; } .border-green-100 { border-color: #c8e6c9; } .fill-green-100 { fill: #c8e6c9; } .stroke-green-100 { stroke: #c8e6c9; } .color-green-200 { color: #a5d6a7; } .bg-green-200 { background-color: #a5d6a7; } .border-green-200 { border-color: #a5d6a7; } .fill-green-200 { fill: #a5d6a7; } .stroke-green-200 { stroke: #a5d6a7; } .color-green-300 { color: #81c784; } .bg-green-300 { background-color: #81c784; } .border-green-300 { border-color: #81c784; } .fill-green-300 { fill: #81c784; } .stroke-green-300 { stroke: #81c784; } .color-green-400 { color: #66bb6a; } .bg-green-400 { background-color: #66bb6a; } .border-green-400 { border-color: #66bb6a; } .fill-green-400 { fill: #66bb6a; } .stroke-green-400 { stroke: #66bb6a; } .color-green-500 { color: #4caf50; } .bg-green-500 { background-color: #4caf50; } .border-green-500 { border-color: #4caf50; } .fill-green-500 { fill: #4caf50; } .stroke-green-500 { stroke: #4caf50; } .color-green-600 { color: #43a047; } .bg-green-600 { background-color: #43a047; } .border-green-600 { border-color: #43a047; } .fill-green-600 { fill: #43a047; } .stroke-green-600 { stroke: #43a047; } .color-green-700 { color: #388e3c; } .bg-green-700 { background-color: #388e3c; } .border-green-700 { border-color: #388e3c; } .fill-green-700 { fill: #388e3c; } .stroke-green-700 { stroke: #388e3c; } .color-green-800 { color: #2e7d32; } .bg-green-800 { background-color: #2e7d32; } .border-green-800 { border-color: #2e7d32; } .fill-green-800 { fill: #2e7d32; } .stroke-green-800 { stroke: #2e7d32; } .color-green-900 { color: #1b5e20; } .bg-green-900 { background-color: #1b5e20; } .border-green-900 { border-color: #1b5e20; } .fill-green-900 { fill: #1b5e20; } .stroke-green-900 { stroke: #1b5e20; } .color-green-a100 { color: #b9f6ca; } .bg-green-a100 { background-color: #b9f6ca; } .border-green-a100 { border-color: #b9f6ca; } .fill-green-a100 { fill: #b9f6ca; } .stroke-green-a100 { stroke: #b9f6ca; } .color-green-a200 { color: #69f0ae; } .bg-green-a200 { background-color: #69f0ae; } .border-green-a200 { border-color: #69f0ae; } .fill-green-a200 { fill: #69f0ae; } .stroke-green-a200 { stroke: #69f0ae; } .color-green-a400 { color: #00e676; } .bg-green-a400 { background-color: #00e676; } .border-green-a400 { border-color: #00e676; } .fill-green-a400 { fill: #00e676; } .stroke-green-a400 { stroke: #00e676; } .color-green-a700 { color: #00c853; } .bg-green-a700 { background-color: #00c853; } .border-green-a700 { border-color: #00c853; } .fill-green-a700 { fill: #00c853; } .stroke-green-a700 { stroke: #00c853; } .color-light-green-50 { color: #f1f8e9; } .bg-light-green-50 { background-color: #f1f8e9; } .border-light-green-50 { border-color: #f1f8e9; } .fill-light-green-50 { fill: #f1f8e9; } .stroke-light-green-50 { stroke: #f1f8e9; } .color-light-green-100 { color: #dcedc8; } .bg-light-green-100 { background-color: #dcedc8; } .border-light-green-100 { border-color: #dcedc8; } .fill-light-green-100 { fill: #dcedc8; } .stroke-light-green-100 { stroke: #dcedc8; } .color-light-green-200 { color: #c5e1a5; } .bg-light-green-200 { background-color: #c5e1a5; } .border-light-green-200 { border-color: #c5e1a5; } .fill-light-green-200 { fill: #c5e1a5; } .stroke-light-green-200 { stroke: #c5e1a5; } .color-light-green-300 { color: #aed581; } .bg-light-green-300 { background-color: #aed581; } .border-light-green-300 { border-color: #aed581; } .fill-light-green-300 { fill: #aed581; } .stroke-light-green-300 { stroke: #aed581; } .color-light-green-400 { color: #9ccc65; } .bg-light-green-400 { background-color: #9ccc65; } .border-light-green-400 { border-color: #9ccc65; } .fill-light-green-400 { fill: #9ccc65; } .stroke-light-green-400 { stroke: #9ccc65; } .color-light-green-500 { color: #8bc34a; } .bg-light-green-500 { background-color: #8bc34a; } .border-light-green-500 { border-color: #8bc34a; } .fill-light-green-500 { fill: #8bc34a; } .stroke-light-green-500 { stroke: #8bc34a; } .color-light-green-600 { color: #7cb342; } .bg-light-green-600 { background-color: #7cb342; } .border-light-green-600 { border-color: #7cb342; } .fill-light-green-600 { fill: #7cb342; } .stroke-light-green-600 { stroke: #7cb342; } .color-light-green-700 { color: #689f38; } .bg-light-green-700 { background-color: #689f38; } .border-light-green-700 { border-color: #689f38; } .fill-light-green-700 { fill: #689f38; } .stroke-light-green-700 { stroke: #689f38; } .color-light-green-800 { color: #558b2f; } .bg-light-green-800 { background-color: #558b2f; } .border-light-green-800 { border-color: #558b2f; } .fill-light-green-800 { fill: #558b2f; } .stroke-light-green-800 { stroke: #558b2f; } .color-light-green-900 { color: #33691e; } .bg-light-green-900 { background-color: #33691e; } .border-light-green-900 { border-color: #33691e; } .fill-light-green-900 { fill: #33691e; } .stroke-light-green-900 { stroke: #33691e; } .color-light-green-a100 { color: #ccff90; } .bg-light-green-a100 { background-color: #ccff90; } .border-light-green-a100 { border-color: #ccff90; } .fill-light-green-a100 { fill: #ccff90; } .stroke-light-green-a100 { stroke: #ccff90; } .color-light-green-a200 { color: #b2ff59; } .bg-light-green-a200 { background-color: #b2ff59; } .border-light-green-a200 { border-color: #b2ff59; } .fill-light-green-a200 { fill: #b2ff59; } .stroke-light-green-a200 { stroke: #b2ff59; } .color-light-green-a400 { color: #76ff03; } .bg-light-green-a400 { background-color: #76ff03; } .border-light-green-a400 { border-color: #76ff03; } .fill-light-green-a400 { fill: #76ff03; } .stroke-light-green-a400 { stroke: #76ff03; } .color-light-green-a700 { color: #64dd17; } .bg-light-green-a700 { background-color: #64dd17; } .border-light-green-a700 { border-color: #64dd17; } .fill-light-green-a700 { fill: #64dd17; } .stroke-light-green-a700 { stroke: #64dd17; } .color-lime-50 { color: #f9fbe7; } .bg-lime-50 { background-color: #f9fbe7; } .border-lime-50 { border-color: #f9fbe7; } .fill-lime-50 { fill: #f9fbe7; } .stroke-lime-50 { stroke: #f9fbe7; } .color-lime-100 { color: #f0f4c3; } .bg-lime-100 { background-color: #f0f4c3; } .border-lime-100 { border-color: #f0f4c3; } .fill-lime-100 { fill: #f0f4c3; } .stroke-lime-100 { stroke: #f0f4c3; } .color-lime-200 { color: #e6ee9c; } .bg-lime-200 { background-color: #e6ee9c; } .border-lime-200 { border-color: #e6ee9c; } .fill-lime-200 { fill: #e6ee9c; } .stroke-lime-200 { stroke: #e6ee9c; } .color-lime-300 { color: #dce775; } .bg-lime-300 { background-color: #dce775; } .border-lime-300 { border-color: #dce775; } .fill-lime-300 { fill: #dce775; } .stroke-lime-300 { stroke: #dce775; } .color-lime-400 { color: #d4e157; } .bg-lime-400 { background-color: #d4e157; } .border-lime-400 { border-color: #d4e157; } .fill-lime-400 { fill: #d4e157; } .stroke-lime-400 { stroke: #d4e157; } .color-lime-500 { color: #cddc39; } .bg-lime-500 { background-color: #cddc39; } .border-lime-500 { border-color: #cddc39; } .fill-lime-500 { fill: #cddc39; } .stroke-lime-500 { stroke: #cddc39; } .color-lime-600 { color: #c0ca33; } .bg-lime-600 { background-color: #c0ca33; } .border-lime-600 { border-color: #c0ca33; } .fill-lime-600 { fill: #c0ca33; } .stroke-lime-600 { stroke: #c0ca33; } .color-lime-700 { color: #afb42b; } .bg-lime-700 { background-color: #afb42b; } .border-lime-700 { border-color: #afb42b; } .fill-lime-700 { fill: #afb42b; } .stroke-lime-700 { stroke: #afb42b; } .color-lime-800 { color: #9e9d24; } .bg-lime-800 { background-color: #9e9d24; } .border-lime-800 { border-color: #9e9d24; } .fill-lime-800 { fill: #9e9d24; } .stroke-lime-800 { stroke: #9e9d24; } .color-lime-900 { color: #827717; } .bg-lime-900 { background-color: #827717; } .border-lime-900 { border-color: #827717; } .fill-lime-900 { fill: #827717; } .stroke-lime-900 { stroke: #827717; } .color-lime-a100 { color: #f4ff81; } .bg-lime-a100 { background-color: #f4ff81; } .border-lime-a100 { border-color: #f4ff81; } .fill-lime-a100 { fill: #f4ff81; } .stroke-lime-a100 { stroke: #f4ff81; } .color-lime-a200 { color: #eeff41; } .bg-lime-a200 { background-color: #eeff41; } .border-lime-a200 { border-color: #eeff41; } .fill-lime-a200 { fill: #eeff41; } .stroke-lime-a200 { stroke: #eeff41; } .color-lime-a400 { color: #c6ff00; } .bg-lime-a400 { background-color: #c6ff00; } .border-lime-a400 { border-color: #c6ff00; } .fill-lime-a400 { fill: #c6ff00; } .stroke-lime-a400 { stroke: #c6ff00; } .color-lime-a700 { color: #aeea00; } .bg-lime-a700 { background-color: #aeea00; } .border-lime-a700 { border-color: #aeea00; } .fill-lime-a700 { fill: #aeea00; } .stroke-lime-a700 { stroke: #aeea00; } .color-yellow-50 { color: #fffde7; } .bg-yellow-50 { background-color: #fffde7; } .border-yellow-50 { border-color: #fffde7; } .fill-yellow-50 { fill: #fffde7; } .stroke-yellow-50 { stroke: #fffde7; } .color-yellow-100 { color: #fff9c4; } .bg-yellow-100 { background-color: #fff9c4; } .border-yellow-100 { border-color: #fff9c4; } .fill-yellow-100 { fill: #fff9c4; } .stroke-yellow-100 { stroke: #fff9c4; } .color-yellow-200 { color: #fff59d; } .bg-yellow-200 { background-color: #fff59d; } .border-yellow-200 { border-color: #fff59d; } .fill-yellow-200 { fill: #fff59d; } .stroke-yellow-200 { stroke: #fff59d; } .color-yellow-300 { color: #fff176; } .bg-yellow-300 { background-color: #fff176; } .border-yellow-300 { border-color: #fff176; } .fill-yellow-300 { fill: #fff176; } .stroke-yellow-300 { stroke: #fff176; } .color-yellow-400 { color: #ffee58; } .bg-yellow-400 { background-color: #ffee58; } .border-yellow-400 { border-color: #ffee58; } .fill-yellow-400 { fill: #ffee58; } .stroke-yellow-400 { stroke: #ffee58; } .color-yellow-500 { color: #ffeb3b; } .bg-yellow-500 { background-color: #ffeb3b; } .border-yellow-500 { border-color: #ffeb3b; } .fill-yellow-500 { fill: #ffeb3b; } .stroke-yellow-500 { stroke: #ffeb3b; } .color-yellow-600 { color: #fdd835; } .bg-yellow-600 { background-color: #fdd835; } .border-yellow-600 { border-color: #fdd835; } .fill-yellow-600 { fill: #fdd835; } .stroke-yellow-600 { stroke: #fdd835; } .color-yellow-700 { color: #fbc02d; } .bg-yellow-700 { background-color: #fbc02d; } .border-yellow-700 { border-color: #fbc02d; } .fill-yellow-700 { fill: #fbc02d; } .stroke-yellow-700 { stroke: #fbc02d; } .color-yellow-800 { color: #f9a825; } .bg-yellow-800 { background-color: #f9a825; } .border-yellow-800 { border-color: #f9a825; } .fill-yellow-800 { fill: #f9a825; } .stroke-yellow-800 { stroke: #f9a825; } .color-yellow-900 { color: #f57f17; } .bg-yellow-900 { background-color: #f57f17; } .border-yellow-900 { border-color: #f57f17; } .fill-yellow-900 { fill: #f57f17; } .stroke-yellow-900 { stroke: #f57f17; } .color-yellow-a100 { color: #ffff8d; } .bg-yellow-a100 { background-color: #ffff8d; } .border-yellow-a100 { border-color: #ffff8d; } .fill-yellow-a100 { fill: #ffff8d; } .stroke-yellow-a100 { stroke: #ffff8d; } .color-yellow-a200 { color: #ffff00; } .bg-yellow-a200 { background-color: #ffff00; } .border-yellow-a200 { border-color: #ffff00; } .fill-yellow-a200 { fill: #ffff00; } .stroke-yellow-a200 { stroke: #ffff00; } .color-yellow-a400 { color: #ffea00; } .bg-yellow-a400 { background-color: #ffea00; } .border-yellow-a400 { border-color: #ffea00; } .fill-yellow-a400 { fill: #ffea00; } .stroke-yellow-a400 { stroke: #ffea00; } .color-yellow-a700 { color: #ffd600; } .bg-yellow-a700 { background-color: #ffd600; } .border-yellow-a700 { border-color: #ffd600; } .fill-yellow-a700 { fill: #ffd600; } .stroke-yellow-a700 { stroke: #ffd600; } .color-amber-50 { color: #fff8e1; } .bg-amber-50 { background-color: #fff8e1; } .border-amber-50 { border-color: #fff8e1; } .fill-amber-50 { fill: #fff8e1; } .stroke-amber-50 { stroke: #fff8e1; } .color-amber-100 { color: #ffecb3; } .bg-amber-100 { background-color: #ffecb3; } .border-amber-100 { border-color: #ffecb3; } .fill-amber-100 { fill: #ffecb3; } .stroke-amber-100 { stroke: #ffecb3; } .color-amber-200 { color: #ffe082; } .bg-amber-200 { background-color: #ffe082; } .border-amber-200 { border-color: #ffe082; } .fill-amber-200 { fill: #ffe082; } .stroke-amber-200 { stroke: #ffe082; } .color-amber-300 { color: #ffd54f; } .bg-amber-300 { background-color: #ffd54f; } .border-amber-300 { border-color: #ffd54f; } .fill-amber-300 { fill: #ffd54f; } .stroke-amber-300 { stroke: #ffd54f; } .color-amber-400 { color: #ffca28; } .bg-amber-400 { background-color: #ffca28; } .border-amber-400 { border-color: #ffca28; } .fill-amber-400 { fill: #ffca28; } .stroke-amber-400 { stroke: #ffca28; } .color-amber-500 { color: #ffc107; } .bg-amber-500 { background-color: #ffc107; } .border-amber-500 { border-color: #ffc107; } .fill-amber-500 { fill: #ffc107; } .stroke-amber-500 { stroke: #ffc107; } .color-amber-600 { color: #ffb300; } .bg-amber-600 { background-color: #ffb300; } .border-amber-600 { border-color: #ffb300; } .fill-amber-600 { fill: #ffb300; } .stroke-amber-600 { stroke: #ffb300; } .color-amber-700 { color: #ffa000; } .bg-amber-700 { background-color: #ffa000; } .border-amber-700 { border-color: #ffa000; } .fill-amber-700 { fill: #ffa000; } .stroke-amber-700 { stroke: #ffa000; } .color-amber-800 { color: #ff8f00; } .bg-amber-800 { background-color: #ff8f00; } .border-amber-800 { border-color: #ff8f00; } .fill-amber-800 { fill: #ff8f00; } .stroke-amber-800 { stroke: #ff8f00; } .color-amber-900 { color: #ff6f00; } .bg-amber-900 { background-color: #ff6f00; } .border-amber-900 { border-color: #ff6f00; } .fill-amber-900 { fill: #ff6f00; } .stroke-amber-900 { stroke: #ff6f00; } .color-amber-a100 { color: #ffe57f; } .bg-amber-a100 { background-color: #ffe57f; } .border-amber-a100 { border-color: #ffe57f; } .fill-amber-a100 { fill: #ffe57f; } .stroke-amber-a100 { stroke: #ffe57f; } .color-amber-a200 { color: #ffd740; } .bg-amber-a200 { background-color: #ffd740; } .border-amber-a200 { border-color: #ffd740; } .fill-amber-a200 { fill: #ffd740; } .stroke-amber-a200 { stroke: #ffd740; } .color-amber-a400 { color: #ffc400; } .bg-amber-a400 { background-color: #ffc400; } .border-amber-a400 { border-color: #ffc400; } .fill-amber-a400 { fill: #ffc400; } .stroke-amber-a400 { stroke: #ffc400; } .color-amber-a700 { color: #ffab00; } .bg-amber-a700 { background-color: #ffab00; } .border-amber-a700 { border-color: #ffab00; } .fill-amber-a700 { fill: #ffab00; } .stroke-amber-a700 { stroke: #ffab00; } .color-orange-50 { color: #fff3e0; } .bg-orange-50 { background-color: #fff3e0; } .border-orange-50 { border-color: #fff3e0; } .fill-orange-50 { fill: #fff3e0; } .stroke-orange-50 { stroke: #fff3e0; } .color-orange-100 { color: #ffe0b2; } .bg-orange-100 { background-color: #ffe0b2; } .border-orange-100 { border-color: #ffe0b2; } .fill-orange-100 { fill: #ffe0b2; } .stroke-orange-100 { stroke: #ffe0b2; } .color-orange-200 { color: #ffcc80; } .bg-orange-200 { background-color: #ffcc80; } .border-orange-200 { border-color: #ffcc80; } .fill-orange-200 { fill: #ffcc80; } .stroke-orange-200 { stroke: #ffcc80; } .color-orange-300 { color: #ffb74d; } .bg-orange-300 { background-color: #ffb74d; } .border-orange-300 { border-color: #ffb74d; } .fill-orange-300 { fill: #ffb74d; } .stroke-orange-300 { stroke: #ffb74d; } .color-orange-400 { color: #ffa726; } .bg-orange-400 { background-color: #ffa726; } .border-orange-400 { border-color: #ffa726; } .fill-orange-400 { fill: #ffa726; } .stroke-orange-400 { stroke: #ffa726; } .color-orange-500 { color: #ff9800; } .bg-orange-500 { background-color: #ff9800; } .border-orange-500 { border-color: #ff9800; } .fill-orange-500 { fill: #ff9800; } .stroke-orange-500 { stroke: #ff9800; } .color-orange-600 { color: #fb8c00; } .bg-orange-600 { background-color: #fb8c00; } .border-orange-600 { border-color: #fb8c00; } .fill-orange-600 { fill: #fb8c00; } .stroke-orange-600 { stroke: #fb8c00; } .color-orange-700 { color: #f57c00; } .bg-orange-700 { background-color: #f57c00; } .border-orange-700 { border-color: #f57c00; } .fill-orange-700 { fill: #f57c00; } .stroke-orange-700 { stroke: #f57c00; } .color-orange-800 { color: #ef6c00; } .bg-orange-800 { background-color: #ef6c00; } .border-orange-800 { border-color: #ef6c00; } .fill-orange-800 { fill: #ef6c00; } .stroke-orange-800 { stroke: #ef6c00; } .color-orange-900 { color: #e65100; } .bg-orange-900 { background-color: #e65100; } .border-orange-900 { border-color: #e65100; } .fill-orange-900 { fill: #e65100; } .stroke-orange-900 { stroke: #e65100; } .color-orange-a100 { color: #ffd180; } .bg-orange-a100 { background-color: #ffd180; } .border-orange-a100 { border-color: #ffd180; } .fill-orange-a100 { fill: #ffd180; } .stroke-orange-a100 { stroke: #ffd180; } .color-orange-a200 { color: #ffab40; } .bg-orange-a200 { background-color: #ffab40; } .border-orange-a200 { border-color: #ffab40; } .fill-orange-a200 { fill: #ffab40; } .stroke-orange-a200 { stroke: #ffab40; } .color-orange-a400 { color: #ff9100; } .bg-orange-a400 { background-color: #ff9100; } .border-orange-a400 { border-color: #ff9100; } .fill-orange-a400 { fill: #ff9100; } .stroke-orange-a400 { stroke: #ff9100; } .color-orange-a700 { color: #ff6d00; } .bg-orange-a700 { background-color: #ff6d00; } .border-orange-a700 { border-color: #ff6d00; } .fill-orange-a700 { fill: #ff6d00; } .stroke-orange-a700 { stroke: #ff6d00; } .color-deep-orange-50 { color: #fbe9e7; } .bg-deep-orange-50 { background-color: #fbe9e7; } .border-deep-orange-50 { border-color: #fbe9e7; } .fill-deep-orange-50 { fill: #fbe9e7; } .stroke-deep-orange-50 { stroke: #fbe9e7; } .color-deep-orange-100 { color: #ffccbc; } .bg-deep-orange-100 { background-color: #ffccbc; } .border-deep-orange-100 { border-color: #ffccbc; } .fill-deep-orange-100 { fill: #ffccbc; } .stroke-deep-orange-100 { stroke: #ffccbc; } .color-deep-orange-200 { color: #ffab91; } .bg-deep-orange-200 { background-color: #ffab91; } .border-deep-orange-200 { border-color: #ffab91; } .fill-deep-orange-200 { fill: #ffab91; } .stroke-deep-orange-200 { stroke: #ffab91; } .color-deep-orange-300 { color: #ff8a65; } .bg-deep-orange-300 { background-color: #ff8a65; } .border-deep-orange-300 { border-color: #ff8a65; } .fill-deep-orange-300 { fill: #ff8a65; } .stroke-deep-orange-300 { stroke: #ff8a65; } .color-deep-orange-400 { color: #ff7043; } .bg-deep-orange-400 { background-color: #ff7043; } .border-deep-orange-400 { border-color: #ff7043; } .fill-deep-orange-400 { fill: #ff7043; } .stroke-deep-orange-400 { stroke: #ff7043; } .color-deep-orange-500 { color: #ff5722; } .bg-deep-orange-500 { background-color: #ff5722; } .border-deep-orange-500 { border-color: #ff5722; } .fill-deep-orange-500 { fill: #ff5722; } .stroke-deep-orange-500 { stroke: #ff5722; } .color-deep-orange-600 { color: #f4511e; } .bg-deep-orange-600 { background-color: #f4511e; } .border-deep-orange-600 { border-color: #f4511e; } .fill-deep-orange-600 { fill: #f4511e; } .stroke-deep-orange-600 { stroke: #f4511e; } .color-deep-orange-700 { color: #e64a19; } .bg-deep-orange-700 { background-color: #e64a19; } .border-deep-orange-700 { border-color: #e64a19; } .fill-deep-orange-700 { fill: #e64a19; } .stroke-deep-orange-700 { stroke: #e64a19; } .color-deep-orange-800 { color: #d84315; } .bg-deep-orange-800 { background-color: #d84315; } .border-deep-orange-800 { border-color: #d84315; } .fill-deep-orange-800 { fill: #d84315; } .stroke-deep-orange-800 { stroke: #d84315; } .color-deep-orange-900 { color: #bf360c; } .bg-deep-orange-900 { background-color: #bf360c; } .border-deep-orange-900 { border-color: #bf360c; } .fill-deep-orange-900 { fill: #bf360c; } .stroke-deep-orange-900 { stroke: #bf360c; } .color-deep-orange-a100 { color: #ff9e80; } .bg-deep-orange-a100 { background-color: #ff9e80; } .border-deep-orange-a100 { border-color: #ff9e80; } .fill-deep-orange-a100 { fill: #ff9e80; } .stroke-deep-orange-a100 { stroke: #ff9e80; } .color-deep-orange-a200 { color: #ff6e40; } .bg-deep-orange-a200 { background-color: #ff6e40; } .border-deep-orange-a200 { border-color: #ff6e40; } .fill-deep-orange-a200 { fill: #ff6e40; } .stroke-deep-orange-a200 { stroke: #ff6e40; } .color-deep-orange-a400 { color: #ff3d00; } .bg-deep-orange-a400 { background-color: #ff3d00; } .border-deep-orange-a400 { border-color: #ff3d00; } .fill-deep-orange-a400 { fill: #ff3d00; } .stroke-deep-orange-a400 { stroke: #ff3d00; } .color-deep-orange-a700 { color: #dd2c00; } .bg-deep-orange-a700 { background-color: #dd2c00; } .border-deep-orange-a700 { border-color: #dd2c00; } .fill-deep-orange-a700 { fill: #dd2c00; } .stroke-deep-orange-a700 { stroke: #dd2c00; } .color-brown-50 { color: #efebe9; } .bg-brown-50 { background-color: #efebe9; } .border-brown-50 { border-color: #efebe9; } .fill-brown-50 { fill: #efebe9; } .stroke-brown-50 { stroke: #efebe9; } .color-brown-100 { color: #d7ccc8; } .bg-brown-100 { background-color: #d7ccc8; } .border-brown-100 { border-color: #d7ccc8; } .fill-brown-100 { fill: #d7ccc8; } .stroke-brown-100 { stroke: #d7ccc8; } .color-brown-200 { color: #bcaaa4; } .bg-brown-200 { background-color: #bcaaa4; } .border-brown-200 { border-color: #bcaaa4; } .fill-brown-200 { fill: #bcaaa4; } .stroke-brown-200 { stroke: #bcaaa4; } .color-brown-300 { color: #a1887f; } .bg-brown-300 { background-color: #a1887f; } .border-brown-300 { border-color: #a1887f; } .fill-brown-300 { fill: #a1887f; } .stroke-brown-300 { stroke: #a1887f; } .color-brown-400 { color: #8d6e63; } .bg-brown-400 { background-color: #8d6e63; } .border-brown-400 { border-color: #8d6e63; } .fill-brown-400 { fill: #8d6e63; } .stroke-brown-400 { stroke: #8d6e63; } .color-brown-500 { color: #795548; } .bg-brown-500 { background-color: #795548; } .border-brown-500 { border-color: #795548; } .fill-brown-500 { fill: #795548; } .stroke-brown-500 { stroke: #795548; } .color-brown-600 { color: #6d4c41; } .bg-brown-600 { background-color: #6d4c41; } .border-brown-600 { border-color: #6d4c41; } .fill-brown-600 { fill: #6d4c41; } .stroke-brown-600 { stroke: #6d4c41; } .color-brown-700 { color: #5d4037; } .bg-brown-700 { background-color: #5d4037; } .border-brown-700 { border-color: #5d4037; } .fill-brown-700 { fill: #5d4037; } .stroke-brown-700 { stroke: #5d4037; } .color-brown-800 { color: #4e342e; } .bg-brown-800 { background-color: #4e342e; } .border-brown-800 { border-color: #4e342e; } .fill-brown-800 { fill: #4e342e; } .stroke-brown-800 { stroke: #4e342e; } .color-brown-900 { color: #3e2723; } .bg-brown-900 { background-color: #3e2723; } .border-brown-900 { border-color: #3e2723; } .fill-brown-900 { fill: #3e2723; } .stroke-brown-900 { stroke: #3e2723; } .color-grey-50 { color: #fafafa; } .bg-grey-50 { background-color: #fafafa; } .border-grey-50 { border-color: #fafafa; } .fill-grey-50 { fill: #fafafa; } .stroke-grey-50 { stroke: #fafafa; } .color-grey-100 { color: #f5f5f5; } .bg-grey-100 { background-color: #f5f5f5; } .border-grey-100 { border-color: #f5f5f5; } .fill-grey-100 { fill: #f5f5f5; } .stroke-grey-100 { stroke: #f5f5f5; } .color-grey-200 { color: #eeeeee; } .bg-grey-200 { background-color: #eeeeee; } .border-grey-200 { border-color: #eeeeee; } .fill-grey-200 { fill: #eeeeee; } .stroke-grey-200 { stroke: #eeeeee; } .color-grey-300 { color: #e0e0e0; } .bg-grey-300 { background-color: #e0e0e0; } .border-grey-300 { border-color: #e0e0e0; } .fill-grey-300 { fill: #e0e0e0; } .stroke-grey-300 { stroke: #e0e0e0; } .color-grey-400 { color: #bdbdbd; } .bg-grey-400 { background-color: #bdbdbd; } .border-grey-400 { border-color: #bdbdbd; } .fill-grey-400 { fill: #bdbdbd; } .stroke-grey-400 { stroke: #bdbdbd; } .color-grey-500 { color: #9e9e9e; } .bg-grey-500 { background-color: #9e9e9e; } .border-grey-500 { border-color: #9e9e9e; } .fill-grey-500 { fill: #9e9e9e; } .stroke-grey-500 { stroke: #9e9e9e; } .color-grey-600 { color: #757575; } .bg-grey-600 { background-color: #757575; } .border-grey-600 { border-color: #757575; } .fill-grey-600 { fill: #757575; } .stroke-grey-600 { stroke: #757575; } .color-grey-700 { color: #616161; } .bg-grey-700 { background-color: #616161; } .border-grey-700 { border-color: #616161; } .fill-grey-700 { fill: #616161; } .stroke-grey-700 { stroke: #616161; } .color-grey-800 { color: #424242; } .bg-grey-800 { background-color: #424242; } .border-grey-800 { border-color: #424242; } .fill-grey-800 { fill: #424242; } .stroke-grey-800 { stroke: #424242; } .color-grey-900 { color: #212121; } .bg-grey-900 { background-color: #212121; } .border-grey-900 { border-color: #212121; } .fill-grey-900 { fill: #212121; } .stroke-grey-900 { stroke: #212121; } .color-blue-grey-50 { color: #eceff1; } .bg-blue-grey-50 { background-color: #eceff1; } .border-blue-grey-50 { border-color: #eceff1; } .fill-blue-grey-50 { fill: #eceff1; } .stroke-blue-grey-50 { stroke: #eceff1; } .color-blue-grey-100 { color: #cfd8dc; } .bg-blue-grey-100 { background-color: #cfd8dc; } .border-blue-grey-100 { border-color: #cfd8dc; } .fill-blue-grey-100 { fill: #cfd8dc; } .stroke-blue-grey-100 { stroke: #cfd8dc; } .color-blue-grey-200 { color: #b0bec5; } .bg-blue-grey-200 { background-color: #b0bec5; } .border-blue-grey-200 { border-color: #b0bec5; } .fill-blue-grey-200 { fill: #b0bec5; } .stroke-blue-grey-200 { stroke: #b0bec5; } .color-blue-grey-300 { color: #90a4ae; } .bg-blue-grey-300 { background-color: #90a4ae; } .border-blue-grey-300 { border-color: #90a4ae; } .fill-blue-grey-300 { fill: #90a4ae; } .stroke-blue-grey-300 { stroke: #90a4ae; } .color-blue-grey-400 { color: #78909c; } .bg-blue-grey-400 { background-color: #78909c; } .border-blue-grey-400 { border-color: #78909c; } .fill-blue-grey-400 { fill: #78909c; } .stroke-blue-grey-400 { stroke: #78909c; } .color-blue-grey-500 { color: #607d8b; } .bg-blue-grey-500 { background-color: #607d8b; } .border-blue-grey-500 { border-color: #607d8b; } .fill-blue-grey-500 { fill: #607d8b; } .stroke-blue-grey-500 { stroke: #607d8b; } .color-blue-grey-600 { color: #546e7a; } .bg-blue-grey-600 { background-color: #546e7a; } .border-blue-grey-600 { border-color: #546e7a; } .fill-blue-grey-600 { fill: #546e7a; } .stroke-blue-grey-600 { stroke: #546e7a; } .color-blue-grey-700 { color: #455a64; } .bg-blue-grey-700 { background-color: #455a64; } .border-blue-grey-700 { border-color: #455a64; } .fill-blue-grey-700 { fill: #455a64; } .stroke-blue-grey-700 { stroke: #455a64; } .color-blue-grey-800 { color: #37474f; } .bg-blue-grey-800 { background-color: #37474f; } .border-blue-grey-800 { border-color: #37474f; } .fill-blue-grey-800 { fill: #37474f; } .stroke-blue-grey-800 { stroke: #37474f; } .color-blue-grey-900 { color: #263238; } .bg-blue-grey-900 { background-color: #263238; } .border-blue-grey-900 { border-color: #263238; } .fill-blue-grey-900 { fill: #263238; } .stroke-blue-grey-900 { stroke: #263238; } .color-dark-text-primary { color: rgba(0, 0, 0, 0.87); } .bg-dark-text-primary { background-color: rgba(0, 0, 0, 0.87); } .border-dark-text-primary { border-color: rgba(0, 0, 0, 0.87); } .fill-dark-text-primary { fill: rgba(0, 0, 0, 0.87); } .stroke-dark-text-primary { stroke: rgba(0, 0, 0, 0.87); } .color-dark-text-secondary { color: rgba(0, 0, 0, 0.54); } .bg-dark-text-secondary { background-color: rgba(0, 0, 0, 0.54); } .border-dark-text-secondary { border-color: rgba(0, 0, 0, 0.54); } .fill-dark-text-secondary { fill: rgba(0, 0, 0, 0.54); } .stroke-dark-text-secondary { stroke: rgba(0, 0, 0, 0.54); } .color-dark-text-disabled { color: rgba(0, 0, 0, 0.38); } .bg-dark-text-disabled { background-color: rgba(0, 0, 0, 0.38); } .border-dark-text-disabled { border-color: rgba(0, 0, 0, 0.38); } .fill-dark-text-disabled { fill: rgba(0, 0, 0, 0.38); } .stroke-dark-text-disabled { stroke: rgba(0, 0, 0, 0.38); } .color-dark-text-dividers { color: rgba(0, 0, 0, 0.12); } .bg-dark-text-dividers { background-color: rgba(0, 0, 0, 0.12); } .border-dark-text-dividers { border-color: rgba(0, 0, 0, 0.12); } .fill-dark-text-dividers { fill: rgba(0, 0, 0, 0.12); } .stroke-dark-text-dividers { stroke: rgba(0, 0, 0, 0.12); } .color-light-text-primary { color: rgba(255, 255, 255, 1); } .bg-light-text-primary { background-color: rgba(255, 255, 255, 1); } .border-light-text-primary { border-color: rgba(255, 255, 255, 1); } .fill-light-text-primary { fill: rgba(255, 255, 255, 1); } .stroke-light-text-primary { stroke: rgba(255, 255, 255, 1); } .color-light-text-secondary { color: rgba(255, 255, 255, 0.7); } .bg-light-text-secondary { background-color: rgba(255, 255, 255, 0.7); } .border-light-text-secondary { border-color: rgba(255, 255, 255, 0.7); } .fill-light-text-secondary { fill: rgba(255, 255, 255, 0.7); } .stroke-light-text-secondary { stroke: rgba(255, 255, 255, 0.7); } .color-light-text-disabled { color: rgba(255, 255, 255, 0.5); } .bg-light-text-disabled { background-color: rgba(255, 255, 255, 0.5); } .border-light-text-disabled { border-color: rgba(255, 255, 255, 0.5); } .fill-light-text-disabled { fill: rgba(255, 255, 255, 0.5); } .stroke-light-text-disabled { stroke: rgba(255, 255, 255, 0.5); } .color-light-text-dividers { color: rgba(255, 255, 255, 0.12); } .bg-light-text-dividers { background-color: rgba(255, 255, 255, 0.12); } .border-light-text-dividers { border-color: rgba(255, 255, 255, 0.12); } .fill-light-text-dividers { fill: rgba(255, 255, 255, 0.12); } .stroke-light-text-dividers { stroke: rgba(255, 255, 255, 0.12); } .color-dark-icons-active { color: rgba(0, 0, 0, 0.54); } .bg-dark-icons-active { background-color: rgba(0, 0, 0, 0.54); } .border-dark-icons-active { border-color: rgba(0, 0, 0, 0.54); } .fill-dark-icons-active { fill: rgba(0, 0, 0, 0.54); } .stroke-dark-icons-active { stroke: rgba(0, 0, 0, 0.54); } .color-dark-icons-inactive { color: rgba(0, 0, 0, 0.38); } .bg-dark-icons-inactive { background-color: rgba(0, 0, 0, 0.38); } .border-dark-icons-inactive { border-color: rgba(0, 0, 0, 0.38); } .fill-dark-icons-inactive { fill: rgba(0, 0, 0, 0.38); } .stroke-dark-icons-inactive { stroke: rgba(0, 0, 0, 0.38); } .color-light-icons-active { color: rgba(255, 255, 255, 1); } .bg-light-icons-active { background-color: rgba(255, 255, 255, 1); } .border-light-icons-active { border-color: rgba(255, 255, 255, 1); } .fill-light-icons-active { fill: rgba(255, 255, 255, 1); } .stroke-light-icons-active { stroke: rgba(255, 255, 255, 1); } .color-light-icons-inactive { color: rgba(255, 255, 255, 0.5); } .bg-light-icons-inactive { background-color: rgba(255, 255, 255, 0.5); } .border-light-icons-inactive { border-color: rgba(255, 255, 255, 0.5); } .fill-light-icons-inactive { fill: rgba(255, 255, 255, 0.5); } .stroke-light-icons-inactive { stroke: rgba(255, 255, 255, 0.5); } .color-white { color: #ffffff; } .bg-white { background-color: #ffffff; } .border-white { border-color: #ffffff; } .fill-white { fill: #ffffff; } .stroke-white { stroke: #ffffff; } .color-black { color: #000000; } .bg-black { background-color: #000000; } .border-black { border-color: #000000; } .fill-black { fill: #000000; } .stroke-black { stroke: #000000; } body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; } .sweet-alert { background-color: white; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; } @media all and (max-width: 540px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert h2 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block; } .sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal; } .sweet-alert fieldset { border: none; position: relative; } .sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; webkit-transition: padding 0.2s, max-height 0.2s; transition: padding 0.25s, max-height 0.25s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: white; line-height: 24px; text-align: center; margin-right: 3px; } .sweet-alert .sa-error-container p { display: inline-block; } .sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; } .sweet-alert .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .sweet-alert input:focus { outline: none; box-shadow: 0px 0px 3px #c4e6f5; border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input::-moz-placeholder { color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert.show-input input { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden; } .sweet-alert button { background-color: #8CD4F5; color: white; border: none; box-shadow: none; font-size: 17px; font-weight: 500; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer; } .sweet-alert button:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .sweet-alert button:hover { background-color: #7ecff4; } .sweet-alert button:active { background-color: #5dc2f1; } .sweet-alert button.cancel { background-color: #C1C1C1; } .sweet-alert button.cancel:hover { background-color: #b9b9b9; } .sweet-alert button.cancel:active { background-color: #a8a8a8; } .sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } .sweet-alert button[disabled] { opacity: .6; cursor: default; } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; } .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px; } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #F27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .sweet-alert .sa-icon.sa-warning { border-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-info { border-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-success { border-color: #A5DC86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } /* * Animations */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @-webkit-keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @-webkit-keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @-webkit-keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; animation: slideToTop 0.4s; } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-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; } } @-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; } } @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { -webkit-animation: animateXMark 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; 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; animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Internet Explorer 9 has some special quirks that are fixed here */ /* The icons are not animated. */ /* This file is automatically merged into sweet-alert.min.js through Gulp */ /* Error icon */ .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9; } /* Success icon */ .sweet-alert .sa-icon.sa-success { border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9; } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-fall, .la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-fall { width: 54px; height: 18px; } .la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-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; } /* * Animation */ @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @-moz-keyframes ball-fall { 0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); } } @-o-keyframes ball-fall { 0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); } } /*! * FullCalendar v3.4.0 Stylesheet * Docs & License: https://fullcalendar.io/ * (c) 2017 Adam Shaw */.fc-icon,body .fc{font-size:1em}.fc-button-group,.fc-icon{display:inline-block}.fc-bg,.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-icon,.fc-unselectable{-khtml-user-select:none;-webkit-touch-callout:none}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666}.fc-unthemed td.fc-today{background:#fcf8e3}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc-unthemed .fc-disabled-day{background:#d7d7d7;opacity:.3}.ui-widget .fc-disabled-day{background-image:none}.fc-icon{height:1em;line-height:1em;overflow:hidden;font-family:"Courier New",Courier,monospace;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon:after{position:relative}.fc-icon-left-single-arrow:after{content:"\02039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\0203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\000AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\000BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\000D7";font-size:200%;top:6%}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;font-size:1em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-unthemed .fc-popover{border-width:1px;border-style:solid}.fc-unthemed .fc-popover .fc-header .fc-close{font-size:.9em;margin-top:2px}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent;border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad;font-weight:400}.fc-event,.fc-event-dot{background-color:#3a87ad}.fc-event,.fc-event:hover,.ui-widget .fc-event{color:#fff;text-decoration:none}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;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%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.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-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.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}.fc-now-indicator{position:absolute;border:0 solid red}.fc-unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fc-toolbar.fc-header-toolbar{margin-bottom:1em}.fc-toolbar.fc-footer-toolbar{margin-top:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.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-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-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-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px}.fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;text-align:center;background-color:#f2f2f2;color:grey}.fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em}.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-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.ui-widget td.fc-axis{font-weight:400}.fc-time-grid,.fc-time-grid-container{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;z-index:3;top:0;left:0;right:0}.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{z-index:3;position:relative}.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{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right: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.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.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 span{display:none}.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-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.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:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:5px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item:hover td{background-color:#f5f5f5}.fc-list-item-marker,.fc-list-item-time{white-space:nowrap;width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right: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{background-color:#eee} /*************** SCROLLBAR BASE CSS ***************/ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-wrapper.scroll--rtl { direction: rtl; } .scroll-element { box-sizing: content-box; display: none; } .scroll-element div { box-sizing: content-box; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } /*************** SIMPLE INNER SCROLLBAR ***************/ .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; } .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; } .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } /*************** SIMPLE OUTER SCROLLBAR ***************/ .scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-outer > .scroll-element { background-color: #ffffff; } .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; } .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; } .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; } .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; } .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* scrollbar height/width & offset from container borders */ .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; } .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; } /*************** SCROLLBAR MAC OS X ***************/ .scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-macosx > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; } .scrollbar-macosx > .scroll-element .scroll-bar { background-color: #6C6E71; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-macosx > .scroll-element.scroll-x { bottom: 0px; height: 0px; left: 0; min-width: 100%; overflow: visible; width: 100%; } .scrollbar-macosx > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0px; top: 0; width: 0px; } /* scrollbar height/width & offset from container borders */ .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /*************** SCROLLBAR LIGHT ***************/ .scrollbar-light > .scroll-element, .scrollbar-light > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-light > .scroll-element { background-color: #ffffff; } .scrollbar-light > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-light > .scroll-element .scroll-element_outer { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element .scroll-element_size { background: #dbdbdb; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8)); background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element.scroll-x { bottom: 0; height: 17px; left: 0; min-width: 100%; width: 100%; } .scrollbar-light > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 17px; } .scrollbar-light > .scroll-element .scroll-bar { background: #fefefe; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5)); background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%); border: 1px solid #dbdbdb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* scrollbar height/width & offset from container borders */ .scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-light > .scroll-content.scroll-scrollx_visible { top: -17px; margin-top: 17px; } .scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; } .scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /*************** SCROLLBAR RAIL ***************/ .scrollbar-rail > .scroll-element, .scrollbar-rail > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-rail > .scroll-element { background-color: #ffffff; } .scrollbar-rail > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-rail > .scroll-element .scroll-element_size { background-color: #999; background-color: rgba(0, 0, 0, 0.3); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size { background-color: #666; background-color: rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; min-width: 100%; padding: 3px 0 2px; width: 100%; } .scrollbar-rail > .scroll-element.scroll-y { height: 100%; min-height: 100%; padding: 0 2px 0 3px; right: 0; top: 0; width: 12px; } .scrollbar-rail > .scroll-element .scroll-bar { background-color: #d0b9a0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); } /* scrollbar height/width & offset from container borders */ .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; } .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; } /*************** SCROLLBAR DYNAMIC ***************/ .scrollbar-dynamic > .scroll-element, .scrollbar-dynamic > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-dynamic > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; min-width: 100%; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 2px; top: 0; width: 7px; } .scrollbar-dynamic > .scroll-element .scroll-element_outer { opacity: 0.3; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element .scroll-element_size { background-color: #cccccc; opacity: 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; } .scrollbar-dynamic > .scroll-element .scroll-bar { background-color: #6c6e71; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } /* scrollbar height/width & offset from container borders */ .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar { bottom: 0; height: 7px; min-width: 24px; top: auto; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 7px; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto; left: 2px; -webkit-transition: height 0.2s; -moz-transition: height 0.2s; -o-transition: height 0.2s; -ms-transition: height 0.2s; transition: height 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer { left: auto; right: 0; top: 2px; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -o-transition: width 0.2s; -ms-transition: width 0.2s; transition: width 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /* hover & drag */ .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer { overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size { opacity: 1; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar { height: 100%; width: 100%; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer { height: 20px; min-height: 7px; } .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer { min-width: 7px; width: 20px; } /*************** SCROLLBAR GOOGLE CHROME ***************/ .scrollbar-chrome > .scroll-element, .scrollbar-chrome > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-chrome > .scroll-element { background-color: #ffffff; } .scrollbar-chrome > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-chrome > .scroll-element .scroll-element_track { background: #f1f1f1; border: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x { bottom: 0; height: 16px; left: 0; min-width: 100%; width: 100%; } .scrollbar-chrome > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 16px; } .scrollbar-chrome > .scroll-element .scroll-bar { background-color: #d9d9d9; border: 1px solid #bdbdbd; cursor: default; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .scrollbar-chrome > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; border-color: #a9a9a9; } .scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; border-color: #7e7e7e; } /* scrollbar height/width & offset from container borders */ .scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; } .scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top: -16px; margin-top: 16px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; width: 278px; padding: 4px; margin-top: 1px; top: 100px; left: 20px; /* Calendars */ } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.dropup { margin-top: -5px; } .daterangepicker.dropup:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.dropup:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.dropdown-menu { max-width: none; z-index: 3001; } .daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; } .daterangepicker.show-calendar .calendar { display: block; } .daterangepicker .calendar { display: none; max-width: 270px; margin: 4px; } .daterangepicker .calendar.single .calendar-table { border: none; } .daterangepicker .calendar th, .daterangepicker .calendar td { white-space: nowrap; text-align: center; min-width: 32px; } .daterangepicker .calendar-table { border: 1px solid #fff; padding: 4px; border-radius: 4px; background-color: #fff; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; } .daterangepicker .input-mini { border: 1px solid #ccc; border-radius: 4px; color: #555; height: 30px; line-height: 30px; display: block; vertical-align: middle; margin: 0 0 5px 0; padding: 0 6px 0 28px; width: 100%; } .daterangepicker .input-mini.active { border: 1px solid #08c; border-radius: 4px; } .daterangepicker .daterangepicker_input { position: relative; } .daterangepicker .daterangepicker_input i { position: absolute; left: 8px; top: 8px; } .daterangepicker.rtl .input-mini { padding-right: 28px; padding-left: 6px; } .daterangepicker.rtl .daterangepicker_input i { left: auto; right: 8px; } .daterangepicker .calendar-time { text-align: center; margin: 5px auto; line-height: 30px; position: relative; padding-left: 28px; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .ranges { font-size: 11px; float: none; margin: 4px; text-align: left; } .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .ranges li { font-size: 13px; background-color: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 4px; color: #08c; padding: 3px 12px; margin-bottom: 8px; cursor: pointer; } .ranges li:hover { background-color: #08c; border: 1px solid #08c; color: #fff; } .ranges li.active { background-color: #08c; border: 1px solid #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 160px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .calendar.left { clear: none; } .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar { float: left; } .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar { float: right; } .daterangepicker.ltr { direction: ltr; text-align: left; } .daterangepicker.ltr .calendar.left { clear: left; margin-right: 0; } .daterangepicker.ltr .calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker.ltr .calendar.right { margin-left: 0; } .daterangepicker.ltr .calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker.ltr .left .daterangepicker_input { padding-right: 12px; } .daterangepicker.ltr .calendar.left .calendar-table { padding-right: 12px; } .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar { float: left; } .daterangepicker.rtl { direction: rtl; text-align: right; } .daterangepicker.rtl .calendar.left { clear: right; margin-left: 0; } .daterangepicker.rtl .calendar.left .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker.rtl .calendar.right { margin-right: 0; } .daterangepicker.rtl .calendar.right .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker.rtl .left .daterangepicker_input { padding-left: 12px; } .daterangepicker.rtl .calendar.left .calendar-table { padding-left: 12px; } .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar { text-align: right; float: right; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker.ltr .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .calendar.left { clear: none !important; } } /*# sourceMappingURL=daterangepicker.css.map */ /*! * Ladda including the default theme. *//*! * Ladda * http://lab.hakim.se/ladda * MIT licensed * * Copyright (C) 2016 Hakim El Hattab, http://hakim.se */.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;top:50%;margin-top:0;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all !important;-moz-transition:0.1s linear all !important;-ms-transition:0.1s linear all !important;-o-transition:0.1s linear all !important;transition:0.1s linear all !important}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-moz-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-ms-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-o-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:0.3s ease all !important;-moz-transition:0.3s ease all !important;-ms-transition:0.3s ease all !important;-o-transition:0.3s ease all !important;transition:0.3s ease all !important}.ladda-button[data-style=expand-right] .ladda-spinner{right:-6px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:-12px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:26px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:0}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:26px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:0}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:0}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:0;left:16px}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:0;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:0;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:32px;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-ms-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 2000px transparent}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 2000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}.ladda-button{background:#666;border:0;padding:14px 18px;font-size:18px;cursor:pointer;color:#fff;border-radius:2px;border:1px solid transparent;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.ladda-button:hover{border-color:rgba(0,0,0,0.07);background-color:#888}.ladda-button[data-color=green]{background:#2aca76}.ladda-button[data-color=green]:hover{background-color:#38d683}.ladda-button[data-color=blue]{background:#53b5e6}.ladda-button[data-color=blue]:hover{background-color:#69bfe9}.ladda-button[data-color=red]{background:#ea8557}.ladda-button[data-color=red]:hover{background-color:#ed956e}.ladda-button[data-color=purple]{background:#9973C2}.ladda-button[data-color=purple]:hover{background-color:#a685ca}.ladda-button[data-color=mint]{background:#16a085}.ladda-button[data-color=mint]:hover{background-color:#19b698}.ladda-button[disabled],.ladda-button[data-loading]{border-color:rgba(0,0,0,0.07)}.ladda-button[disabled],.ladda-button[disabled]:hover,.ladda-button[data-loading],.ladda-button[data-loading]:hover{cursor:default;background-color:#999}.ladda-button[data-size=xs]{padding:4px 8px}.ladda-button[data-size=xs] .ladda-label{font-size:0.7em}.ladda-button[data-size=s]{padding:6px 10px}.ladda-button[data-size=s] .ladda-label{font-size:0.9em}.ladda-button[data-size=l] .ladda-label{font-size:1.2em}.ladda-button[data-size=xl] .ladda-label{font-size:1.5em} @charset "UTF-8"; /*! * * Centric - Bootstrap Admin Template * * Version: 1.7 * Author: @themicon_co * Website: http://themicon.co * License: https://wrapbootstrap.com/help/licenses * */ /*@import url("//fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,700");*/ /** * Bootstrap Reset */ *:focus { outline: 0 !important; } a, .btn-link { outline: none !important; color: #448AFF; -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } a:focus, .btn-link:focus, a:hover, .btn-link:hover { color: #2577ff; cursor: pointer; } a.text-muted:hover, .btn-link.text-muted:hover, a.text-muted:focus, .btn-link.text-muted:focus { color: #898989; } .text-muted { color: #a2a2a2; } hr { border-top: 1px solid rgba(162, 162, 162, 0.36); } code { margin-left: 1px; margin-right: 1px; -webkit-font-smoothing: auto; padding: 0.125em 0.35em; border-radius: 2px; font-size: 1.4rem; background: rgba(0, 0, 0, 0.045); color: #106CC8; } pre { background-color: rgba(162, 162, 162, 0.12); border-color: rgba(162, 162, 162, 0.26); color: inherit; } .img-thumbnail { border-radius: 1px; border: 0; -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.014); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.014); } .page-header { border-bottom-color: rgba(162, 162, 162, 0.06); } .breadcrumb { font-weight: normal; border-radius: 0; color: #a2a2a2; padding: 20px 20px; background-color: #fff; border-bottom: 1px solid rgba(162, 162, 162, 0.16); } .btn { outline: none !important; border-radius: 2px; -webkit-transition-property: background-color, color, box-shadow; transition-property: background-color, color, box-shadow; -webkit-transition-duration: .1s, .2s, .2s; transition-duration: .1s, .2s, .2s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .btn:active, .btn.active { -webkit-box-shadow: 0 0 0 #000; box-shadow: 0 0 0 #000; } .btn-default { color: #6C7177; background-color: #fff; border-color: #ECEFF1; } .btn-default:focus, .btn-default.focus { color: #6C7177; background-color: #f5f5f5; border-color: #e0e5e8; } .btn-default:hover { color: #6C7177; background-color: #f5f5f5; border-color: #e0e5e8; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #6C7177; background-color: #ebebeb; border-color: #e9edef; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #6C7177; background-color: #ebebeb; border-color: #e9edef; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ECEFF1; } .btn-default .badge { color: #fff; background-color: #6C7177; } .btn-primary { color: #fff; background-color: #448AFF; border-color: #448AFF; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #307dff; border-color: #307dff; } .btn-primary:hover { color: #fff; background-color: #307dff; border-color: #307dff; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #1b70ff; border-color: #3f87ff; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #1b70ff; border-color: #3f87ff; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #448AFF; border-color: #448AFF; } .btn-primary .badge { color: #448AFF; background-color: #fff; } .btn-success { color: #fff; background-color: #4CAF50; border-color: #4CAF50; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #46a149; border-color: #46a149; } .btn-success:hover { color: #fff; background-color: #46a149; border-color: #46a149; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #409343; border-color: #4aab4e; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #409343; border-color: #4aab4e; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #4CAF50; border-color: #4CAF50; } .btn-success .badge { color: #4CAF50; background-color: #fff; } .btn-info { color: #fff; background-color: #03A9F4; border-color: #03A9F4; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #039be0; border-color: #039be0; } .btn-info:hover { color: #fff; background-color: #039be0; border-color: #039be0; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #038dcc; border-color: #03a6ef; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #038dcc; border-color: #03a6ef; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #03A9F4; border-color: #03A9F4; } .btn-info .badge { color: #03A9F4; background-color: #fff; } .btn-warning { color: #fff; background-color: #FFB300; border-color: #FFB300; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #eba500; border-color: #eba500; } .btn-warning:hover { color: #fff; background-color: #eba500; border-color: #eba500; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #d69600; border-color: #faaf00; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d69600; border-color: #faaf00; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #FFB300; border-color: #FFB300; } .btn-warning .badge { color: #FFB300; background-color: #fff; } .btn-danger { color: #fff; background-color: #F44336; border-color: #F44336; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #f33123; border-color: #f33123; } .btn-danger:hover { color: #fff; background-color: #f33123; border-color: #f33123; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #f21f0f; border-color: #f43e31; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #f21f0f; border-color: #f43e31; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #F44336; border-color: #F44336; } .btn-danger .badge { color: #F44336; background-color: #fff; } .text-primary { color: #448AFF; } .text-success { color: #4CAF50; } .text-info { color: #03A9F4; } .text-warning { color: #FFB300; } .text-danger { color: #F44336; } .pagination > li > a, .pagination > li > span { color: inherit; background-color: rgba(240, 240, 240, 0.06); border-color: rgba(162, 162, 162, 0.16); } .pagination > li > span { cursor: default; } .pagination > li > span:hover, .pagination > li > span:focus { background-color: transparent !important; } .pagination > li > a:focus, .pagination > li > a:hover { background-color: #448AFF; border-color: #448AFF; color: #fff; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover { background-color: #448AFF; border-color: #448AFF; color: #fff; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { background-color: rgba(240, 240, 240, 0.06); border-color: rgba(162, 162, 162, 0.16); } .pager > li > a, .pager > li > span { color: inherit; background-color: rgba(240, 240, 240, 0.06); border-color: rgba(162, 162, 162, 0.36); } .pager > li > a:hover, .pager > li > span:hover, .pager > li > a:focus, .pager > li > span:focus { background-color: rgba(162, 162, 162, 0.16); } .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { background-color: rgba(162, 162, 162, 0.16); } .label-primary { background-color: #448AFF; } .label-info { background-color: #03A9F4; } .label-success { background-color: #4CAF50; } .label-warning { background-color: #FFB300; } .label-danger { background-color: #F44336; } .alert-primary { background-color: #448AFF; border-color: #448AFF; color: #fff; } .alert-primary hr { border-top-color: #2a7aff; } .alert-primary .alert-link { color: #e6e6e6; } .alert-primary a, .alert-primary .alert-link { color: rgba(255, 255, 255, 0.58); } .alert-success hr { border-top-color: #449d48; } .alert-success .alert-link { color: #e6e6e6; } .alert-success a, .alert-success .alert-link { color: rgba(255, 255, 255, 0.58); } .alert-info { background-color: #03A9F4; border-color: #03A9F4; color: #fff; } .alert-info hr { border-top-color: #0398db; } .alert-info .alert-link { color: #e6e6e6; } .alert-info a, .alert-info .alert-link { color: rgba(255, 255, 255, 0.58); } .alert-warning { background-color: #FFB300; border-color: #FFB300; color: #fff; } .alert-warning hr { border-top-color: #e6a100; } .alert-warning .alert-link { color: #e6e6e6; } .alert-warning a, .alert-warning .alert-link { color: rgba(255, 255, 255, 0.58); } .alert-danger { background-color: #F44336; border-color: #F44336; color: #fff; } .alert-danger hr { border-top-color: #f32c1e; } .alert-danger .alert-link { color: #e6e6e6; } .alert-danger a, .alert-danger .alert-link { color: rgba(255, 255, 255, 0.58); } .alert-dismissable .close, .alert-dismissible .close { color: rgba(0, 0, 0, 0.75); } .list-group .list-group-item { color: inherit; background-color: transparent; border-color: rgba(162, 162, 162, 0.12); } .list-group .list-group-item.active { color: #fff; } .list-group .list-group-item.disabled, .list-group .list-group-item.disabled:focus, .list-group .list-group-item.disabled:hover { background-color: rgba(162, 162, 162, 0.12); color: inherit; } .panel > .list-group .list-group-item { border-top: 0; } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { background-color: transparent; color: #448AFF; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background-color: #03A9F4; border-color: #03A9F4; } .panel { border-radius: 3px; border: 1px solid rgba(162, 162, 162, 0.16); } .panel .panel-heading { font-weight: 500; padding: 16px 24px; border-bottom: 1px solid rgba(162, 162, 162, 0.16); } .panel .panel-footer { background-color: rgba(162, 162, 162, 0.1); border-color: rgba(162, 162, 162, 0.1); } .panel-group .panel .panel-heading { padding: 12px 24px; } .panel-group .panel .panel-title a { text-decoration: none; } .panel-default { border-color: rgba(162, 162, 162, 0.26); } .panel-default > .panel-heading { color: #333; background-color: rgba(162, 162, 162, 0.075); border-color: rgba(162, 162, 162, 0.26); } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgba(162, 162, 162, 0.26); } .panel-default > .panel-heading .badge { color: rgba(162, 162, 162, 0.075); background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgba(162, 162, 162, 0.26); } .panel-primary { border-color: rgba(68, 138, 255, 0.15); } .panel-primary > .panel-heading { color: #fff; background-color: #448AFF; border-color: #448AFF; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgba(68, 138, 255, 0.15); } .panel-primary > .panel-heading .badge { color: #448AFF; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgba(68, 138, 255, 0.15); } .panel-success { border-color: rgba(76, 175, 80, 0.15); } .panel-success > .panel-heading { color: #fff; background-color: #4CAF50; border-color: #4CAF50; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgba(76, 175, 80, 0.15); } .panel-success > .panel-heading .badge { color: #4CAF50; background-color: #fff; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgba(76, 175, 80, 0.15); } .panel-info { border-color: rgba(3, 169, 244, 0.1); } .panel-info > .panel-heading { color: #fff; background-color: #03A9F4; border-color: #03A9F4; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgba(3, 169, 244, 0.1); } .panel-info > .panel-heading .badge { color: #03A9F4; background-color: #fff; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgba(3, 169, 244, 0.1); } .panel-warning { border-color: rgba(255, 179, 0, 0.1); } .panel-warning > .panel-heading { color: #fff; background-color: #FFB300; border-color: #FFB300; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgba(255, 179, 0, 0.1); } .panel-warning > .panel-heading .badge { color: #FFB300; background-color: #fff; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgba(255, 179, 0, 0.1); } .panel-danger { border-color: rgba(244, 67, 54, 0.1); } .panel-danger > .panel-heading { color: #fff; background-color: #F44336; border-color: #F44336; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgba(244, 67, 54, 0.1); } .panel-danger > .panel-heading .badge { color: #F44336; background-color: #fff; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgba(244, 67, 54, 0.1); } .well { border: 1px solid rgba(162, 162, 162, 0.16); background-color: #fff; } .jumbotron { border: 1px solid rgba(162, 162, 162, 0.12); background-color: #fff; } .jumbotron p { font-weight: 300; } @media only screen and (min-width: 768px) { .jumbotron { padding: 30px 15px; } } .nav-tabs { padding-bottom: 1px; } .nav-tabs > li > a, .nav-tabs.nav-justified > li > a { padding: 16px 24px; background-color: transparent; border-radius: 0; border: 0; color: inherit; } .nav-tabs > li > a:hover, .nav-tabs.nav-justified > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs.nav-justified > li > a:focus { border-bottom-color: rgba(162, 162, 162, 0.36); background-color: transparent; color: inherit; } .nav-tabs.nav-justified > li > a { margin-bottom: 2px; border-bottom-color: rgba(162, 162, 162, 0.16); } .nav-tabs > li.active { color: #448AFF; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 0; border-bottom: 2px solid; color: inherit; background-color: transparent; } .tab-content { padding: 10px 20px; } .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background-color: #448AFF; } .nav-pills > li + li { margin-left: 5px; } .nav > li > a:focus, .nav > li > a:hover { background-color: rgba(162, 162, 162, 0.12); } .form-control { -webkit-box-shadow: 0 0 0 #000 !important; box-shadow: 0 0 0 #000 !important; } .form-control:focus { border-color: #aaa; } @media only screen and (max-width: 1199px) { input[type="text"], input[type="email"], input[type="search"], input[type="password"] { -webkit-appearance: none; } } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #4CAF50; } .has-success .form-control { border-color: #4CAF50; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #3d8b40; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #92cf94; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #92cf94; } .has-success .input-group-addon { color: #4CAF50; border-color: #4CAF50; background-color: #4CAF50; } .has-success .form-control-feedback { color: #4CAF50; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #FFB300; } .has-warning .form-control { border-color: #FFB300; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #cc8f00; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffd166; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffd166; } .has-warning .input-group-addon { color: #FFB300; border-color: #FFB300; background-color: #FFB300; } .has-warning .form-control-feedback { color: #FFB300; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #F44336; } .has-error .form-control { border-color: #F44336; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #ea1c0d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f99d97; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f99d97; } .has-error .input-group-addon { color: #F44336; border-color: #F44336; background-color: #F44336; } .has-error .form-control-feedback { color: #F44336; } .input-sm, select.input-sm { height: 31px; } legend { border-color: rgba(162, 162, 162, 0.25); color: inherit; } fieldset { padding-bottom: 20px; border-bottom: 1px dashed rgba(162, 162, 162, 0.25); margin-bottom: 20px; } fieldset.last-child, fieldset:last-child { border-bottom: 0; } fieldset .form-group { margin-bottom: 0; } @media only screen and (max-width: 991px) { input[type="text"], input[type="email"], input[type="search"], input[type="password"] { -webkit-appearance: none; } } .table { font-weight: 400; } .table > thead > tr > th { border-bottom-width: 1px; border-color: rgba(162, 162, 162, 0.16); position: relative; vertical-align: bottom; text-overflow: ellipsis; font-weight: 700; line-height: 24px; letter-spacing: 0; height: 48px; font-size: 12px; padding: 0 18px 0 18px !important; padding-bottom: 8px !important; } .table > tbody > tr > td { position: relative; vertical-align: middle; height: 48px !important; padding: 14px 18px; border-top: 1px solid rgba(0, 0, 0, 0.045); } .table > tbody + tbody { border-bottom-width: 1px; } .table-hover > tbody > tr:hover { background-color: rgba(162, 162, 162, 0.06); } .table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(162, 162, 162, 0.06); } .table-bordered { border-color: rgba(162, 162, 162, 0.26); } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 1px; } .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-color: rgba(162, 162, 162, 0.26); } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #CFD8DC; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #c0ccd1; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #4CAF50; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #449d48; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #03A9F4; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #0398db; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #FFB300; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #e6a100; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #F44336; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #f32c1e; } tr.active, tr.success, tr.info, tr.warning, tr.danger { color: rgba(0, 0, 0, 0.67); } tr.active > td, tr.success > td, tr.info > td, tr.warning > td, tr.danger > td { border-top: 0 !important; } .progress { -webkit-box-shadow: 0 0 0 #000; box-shadow: 0 0 0 #000; border-radius: 3px; border: 1px solid rgba(240, 240, 240, 0.1); background-color: rgba(162, 162, 162, 0.26); } .progress .progress-bar { -webkit-box-shadow: 0 0 0 #000; box-shadow: 0 0 0 #000; } .progress.progress-sm { height: 16px; } .progress.progress-xs { height: 8px; border-radius: 0; border: 0; } .progress-bar { background-color: #448AFF; } .progress-bar-info { background-color: #03A9F4; } .progress-bar-success { background-color: #4CAF50; } .progress-bar-warning { background-color: #FFB300; } .progress-bar-danger { background-color: #F44336; } .popover { -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.014); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.014); border-color: #ECEFF1; border-radius: 3px; color: #6C7177; } .popover .popover-title { line-height: 1; } .carousel .carousel-indicators { bottom: 0; } .carousel .carousel-control.left, .carousel .carousel-control.right { background-image: none; } .carousel .carousel-control em { position: absolute; top: 50%; left: 50%; z-index: 5; display: inline-block; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; } .dropdown-menu { top: 80%; border: 1px solid #ECEFF1; border-radius: 1px; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); } .dropdown-menu > li > a { display: block; color: #263238; } .dropdown-menu > li > a:hover { background: #ECEFF1; } .dropdown-menu > li > a > em { margin-right: 10px; } .dropdown-header { color: #a1a2a3; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #666; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #222; } .navbar, .navbar .dropdown-menu { filter: none !important; } .badge { width: 20px; height: 20px; padding: 0; line-height: 20px; font-size: 12px; border-radius: 50%; color: #fff; } .has-badge { position: relative; } .has-badge .badge { position: absolute; top: 18%; right: 4px; } @font-face { font-family: 'Glyphicons Halflings'; src: url('../vendor/bootstrap/dist/fonts/glyphicons-halflings-regular.eot'); src: url('../vendor/bootstrap/dist/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../vendor/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../vendor/bootstrap/dist/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../vendor/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../vendor/bootstrap/dist/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } /** * Cards */ .card { position: relative; border-radius: 3px; background-color: #fff; color: #4F5256; border: 1px solid rgba(0, 0, 0, 0.12); margin-bottom: 8px; } @media only screen and (min-width: 480px) { .card { margin-bottom: 16px; } } @media only screen and (min-width: 992px) { .card { margin-bottom: 24px; } } .card .card-heading { padding: 16px; margin: 0; } .card .card-heading > .card-title { margin: 0; font-size: 18px; } .card .card-heading > .card-icon { float: right; color: rgba(255, 255, 255, 0.87); font-size: 20px; } .card .card-heading > small { color: rgba(162, 162, 162, 0.92); letter-spacing: .01em; } .card .card-body { position: relative; padding: 16px; } .card .card-footer { padding: 16px; border-top: 1px solid rgba(162, 162, 162, 0.12); } .card .card-item { position: relative; display: block; min-height: 120px; } .card .card-item > .card-item-text { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.35); margin: 0; color: #fff; padding: 8px; } .card .card-item > .card-item-text a { color: inherit; } .card .card-item > .card-item-image { display: block; width: 100%; height: 190px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .card .card-item.card-media { min-height: 280px; background-repeat: repeat; background-position: 50% 50%; background-size: cover; background-attachment: scroll; background-origin: padding-box; } .card .card-item.card-media .card-media-quote { padding: 16px; font-size: 35px; } @media only screen and (min-width: 768px) { .card .card-item.card-media .card-media-quote { font-size: 45px; } } .card .card-item.card-media .card-media-quote > a { color: inherit; text-decoration: none; } .card .card-item.card-media .card-media-quote:before { content: '“'; display: block; font-size: 2em; line-height: 1; margin-top: 0.25em; } .card.card-transparent { background-color: transparent; border: 0; -webkit-box-shadow: 0 0 0 #000; box-shadow: 0 0 0 #000; } .card .card-offset { position: relative; padding-bottom: 36px; z-index: 10; } .card .card-offset > .card-offset-item { position: absolute; top: -24px; left: 15px; right: 15px; } .card .card-toolbar { position: relative; width: 100%; min-height: 64px; font-size: 18px; line-height: 64px; padding-left: 22px; z-index: 2; } .card .card-subheader { padding: 16px 0 16px 16px; line-height: .75em; font-size: 14px; font-weight: 500; letter-spacing: .01em; color: rgba(0, 0, 0, 0.54); } .card .card-subheader + .mda-list > .mda-list-item:first-child > .mda-list-item-text { padding-top: 16px; } .card .card-subheader + .mda-list > .mda-list-item:first-child > .mda-list-item-img, .card .card-subheader + .mda-list > .mda-list-item:first-child > .mda-list-item-icon, .card .card-subheader + .mda-list > .mda-list-item:first-child > .mda-list-item-initial { margin-top: 10px; } .card .card-divider { display: block; margin-top: 10px; margin-bottom: 10px; border: 1px solid rgba(0, 0, 0, 0.12); } .card .card-divider + .card-offset { margin-top: -10px; } .card > .ui-datepicker, .card > .ui-datepicker-responsive > .ui-datepicker { width: 100%; -webkit-box-shadow: 0 0 0 #000; box-shadow: 0 0 0 #000; margin: 0; } .card > .ui-datepicker > table, .card > .ui-datepicker-responsive > .ui-datepicker > table { width: 100%; } .card .editable-wrap { width: 100%; } .card > .list-group > .list-group-item { border-left: 0; border-right: 0; } .card > .list-group > .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .card > .list-group > .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom: 0; } .card > .table-responsive > .table, .card > .table { margin-bottom: 0; } .card > .table-responsive { border: 0; } .card > .btn { border-radius: 0; width: 100%; padding-top: 16px; padding-bottom: 16px; text-align: center; } .card > .btn:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .card.card-map { min-height: 280px; } .card.card-map .card-footer { position: absolute; bottom: 0; left: 0; right: 0; border: 0; background-color: transparent; } /** * Easy Pie Chart */ .easypie-chart { display: inline-block; position: relative; padding: 0 6px; } .easypie-chart span, .easypie-chart .percentage { display: block; position: absolute; left: 50%; top: 50%; width: 100%; margin-left: -50%; height: 30px; margin-top: -15px; line-height: 25px; text-align: center; } .easypie-chart span { font-size: 20px; } .easypie-chart canvas { max-width: 100%; } /** * Flot Chart */ .flot-chart { display: block; width: 100%; font-size: 12px; } @media only screen and (min-width: 768px) { .flot-chart { font-size: 14px; } } .flot-chart .legend > div, .flot-chart .legend > table { top: 0 !important; background-color: transparent !important; color: inherit !important; } .flot-chart .legend > table tr td { padding: 3px; } .flot-chart .legend > table tr td:first-child { padding-left: 3px; } .flot-chart .legend > table tr td:last-child { padding-right: 3px; } .flot-chart .legend > table tr + tr td { padding-top: 0; } .flot-chart .legend > div:first-child { border-color: rgba(0, 0, 0, 0.1) !important; } .flot-chart .legend .legendColorBox > div, .flot-chart .legend .legendColorBox > div > div { border-radius: 400px; } .flot-chart .legend .legendColorBox > div { border-color: rgba(162, 162, 162, 0.46) !important; } .flot-chart.flot-legend-left .legend > div, .flot-chart.flot-legend-left .legend > table { left: 0 !important; } .flot-chart:not([height]) { height: 120px; } .flot-chart.flot-chart-lg { height: 275px; } .flot-chart.flot-chart-md { height: 190px; } .flot-chart.flot-chart-sm { height: 80px; } .flot-chart.flot-chart-xs { height: 60px; } .flot-chart-content { width: 100%; height: 100%; } .flot-pie-label { padding: 3px 5px; font-size: 10px; text-align: center; color: #fff; } #flotTip, .flotTip { position: relative; padding: 8px 16px; font-size: 13px !important; font-weight: 600; border-radius: 2px !important; border-color: transparent !important; background-color: #455A64 !important; color: #fff; z-index: 5; } /** * Sparklines */ sparkline { display: block; } .jqstooltip { width: auto !important; height: auto !important; } /** * Google Material Colors (customization) */ .bg-pink-500 { background-color: #E91E63; color: #fff !important; } .bg-purple-400 { background-color: #AB47BC; color: #fff !important; } .bg-purple-500 { background-color: #9C27B0; color: #fff !important; } .bg-deep-purple-500 { background-color: #673AB7; color: #fff !important; } .bg-indigo-500 { background-color: #3F51B5; color: #fff !important; } .bg-green-50 { background-color: #E8F5E9; color: #fff !important; } .bg-green-500 { background-color: #4CAF50; color: #fff !important; } .bg-blue-500 { background-color: #2196F3; color: #fff !important; } .bg-blue-grey-900 { background-color: #263238; color: #fff !important; } .bg-red-500 { background-color: #F44336; color: #fff !important; } .bg-primary, .bg-red-800, .bg-red-900, .bg-pink-700, .bg-pink-800, .bg-pink-900, .bg-purple, .bg-purple-500, .bg-purple-600, .bg-purple-700, .bg-purple-800, .bg-purple-900, .bg-deep-purple, .bg-deep-purple-500, .bg-deep-purple-600, .bg-deep-purple-700, .bg-deep-purple-800, .bg-deep-purple-900, .bg-deep-purple-a400, .bg-deep-purple-a700, .bg-indigo, .bg-indigo-500, .bg-indigo-600, .bg-indigo-700, .bg-indigo-800, .bg-indigo-900, .bg-indigo-a700, .bg-blue-800, .bg-blue-900, .bg-light-blue-900, .bg-cyan-900, .bg-teal-800, .bg-teal-900, .bg-green-800, .bg-green-900, .bg-brown, .bg-brown-500, .bg-brown-600, .bg-brown-700, .bg-brown-800, .bg-brown-900, .bg-blue-grey-600, .bg-blue-grey-700, .bg-blue-grey-800, .bg-blue-grey-900, .bg-grey-600, .bg-grey-700, .bg-grey-800, .bg-grey-900 { color: rgba(255, 255, 255, 0.97); } .bg-primary .text-muted, .bg-red-800 .text-muted, .bg-red-900 .text-muted, .bg-pink-700 .text-muted, .bg-pink-800 .text-muted, .bg-pink-900 .text-muted, .bg-purple .text-muted, .bg-purple-500 .text-muted, .bg-purple-600 .text-muted, .bg-purple-700 .text-muted, .bg-purple-800 .text-muted, .bg-purple-900 .text-muted, .bg-deep-purple .text-muted, .bg-deep-purple-500 .text-muted, .bg-deep-purple-600 .text-muted, .bg-deep-purple-700 .text-muted, .bg-deep-purple-800 .text-muted, .bg-deep-purple-900 .text-muted, .bg-deep-purple-a400 .text-muted, .bg-deep-purple-a700 .text-muted, .bg-indigo .text-muted, .bg-indigo-500 .text-muted, .bg-indigo-600 .text-muted, .bg-indigo-700 .text-muted, .bg-indigo-800 .text-muted, .bg-indigo-900 .text-muted, .bg-indigo-a700 .text-muted, .bg-blue-800 .text-muted, .bg-blue-900 .text-muted, .bg-light-blue-900 .text-muted, .bg-cyan-900 .text-muted, .bg-teal-800 .text-muted, .bg-teal-900 .text-muted, .bg-green-800 .text-muted, .bg-green-900 .text-muted, .bg-brown .text-muted, .bg-brown-500 .text-muted, .bg-brown-600 .text-muted, .bg-brown-700 .text-muted, .bg-brown-800 .text-muted, .bg-brown-900 .text-muted, .bg-blue-grey-600 .text-muted, .bg-blue-grey-700 .text-muted, .bg-blue-grey-800 .text-muted, .bg-blue-grey-900 .text-muted, .bg-grey-600 .text-muted, .bg-grey-700 .text-muted, .bg-grey-800 .text-muted, .bg-grey-900 .text-muted { color: rgba(255, 255, 255, 0.57); } .bg-primary .text-soft, .bg-red-800 .text-soft, .bg-red-900 .text-soft, .bg-pink-700 .text-soft, .bg-pink-800 .text-soft, .bg-pink-900 .text-soft, .bg-purple .text-soft, .bg-purple-500 .text-soft, .bg-purple-600 .text-soft, .bg-purple-700 .text-soft, .bg-purple-800 .text-soft, .bg-purple-900 .text-soft, .bg-deep-purple .text-soft, .bg-deep-purple-500 .text-soft, .bg-deep-purple-600 .text-soft, .bg-deep-purple-700 .text-soft, .bg-deep-purple-800 .text-soft, .bg-deep-purple-900 .text-soft, .bg-deep-purple-a400 .text-soft, .bg-deep-purple-a700 .text-soft, .bg-indigo .text-soft, .bg-indigo-500 .text-soft, .bg-indigo-600 .text-soft, .bg-indigo-700 .text-soft, .bg-indigo-800 .text-soft, .bg-indigo-900 .text-soft, .bg-indigo-a700 .text-soft, .bg-blue-800 .text-soft, .bg-blue-900 .text-soft, .bg-light-blue-900 .text-soft, .bg-cyan-900 .text-soft, .bg-teal-800 .text-soft, .bg-teal-900 .text-soft, .bg-green-800 .text-soft, .bg-green-900 .text-soft, .bg-brown .text-soft, .bg-brown-500 .text-soft, .bg-brown-600 .text-soft, .bg-brown-700 .text-soft, .bg-brown-800 .text-soft, .bg-brown-900 .text-soft, .bg-blue-grey-600 .text-soft, .bg-blue-grey-700 .text-soft, .bg-blue-grey-800 .text-soft, .bg-blue-grey-900 .text-soft, .bg-grey-600 .text-soft, .bg-grey-700 .text-soft, .bg-grey-800 .text-soft, .bg-grey-900 .text-soft { color: rgba(255, 255, 255, 0.26); } .bg-red, .bg-red-500, .bg-red-600, .bg-red-700, .bg-red-a200, .bg-red-a400, .bg-red-a700, .bg-pink, .bg-pink-500, .bg-pink-600, .bg-pink-a200, .bg-pink-a400, .bg-pink-a700, .bg-purple-300, .bg-purple-400, .bg-purple-a200, .bg-purple-a400, .bg-purple-a700, .bg-deep-purple-300, .bg-deep-purple-400, .bg-deep-purple-a200, .bg-indigo-300, .bg-indigo-400, .bg-indigo-a200, .bg-indigo-a400, .bg-blue, .bg-blue-500, .bg-blue-600, .bg-blue-700, .bg-blue-a200, .bg-blue-a400, .bg-blue-a700, .bg-light-blue, .bg-light-blue-500, .bg-light-blue-600, .bg-light-blue-700, .bg-light-blue-800, .bg-light-blue-a700, .bg-cyan, .bg-cyan-500, .bg-cyan-600, .bg-cyan-700, .bg-cyan-800, .bg-teal, .bg-teal-500, .bg-teal-600, .bg-teal-700, .bg-green, .bg-green-500, .bg-green-600, .bg-green-700, .bg-light-green-800, .bg-light-green-900, .bg-lime-900, .bg-orange-800, .bg-orange-900, .bg-deep-orange, .bg-deep-orange-500, .bg-deep-orange-600, .bg-deep-orange-700, .bg-deep-orange-800, .bg-deep-orange-900, .bg-deep-orange-a400, .bg-deep-orange-a700, .bg-brown-300, .bg-brown-400, .bg-blue-grey, .bg-blue-grey-400, .bg-blue-grey-500 { color: #fff; } .bg-red .text-muted, .bg-red-500 .text-muted, .bg-red-600 .text-muted, .bg-red-700 .text-muted, .bg-red-a200 .text-muted, .bg-red-a400 .text-muted, .bg-red-a700 .text-muted, .bg-pink .text-muted, .bg-pink-500 .text-muted, .bg-pink-600 .text-muted, .bg-pink-a200 .text-muted, .bg-pink-a400 .text-muted, .bg-pink-a700 .text-muted, .bg-purple-300 .text-muted, .bg-purple-400 .text-muted, .bg-purple-a200 .text-muted, .bg-purple-a400 .text-muted, .bg-purple-a700 .text-muted, .bg-deep-purple-300 .text-muted, .bg-deep-purple-400 .text-muted, .bg-deep-purple-a200 .text-muted, .bg-indigo-300 .text-muted, .bg-indigo-400 .text-muted, .bg-indigo-a200 .text-muted, .bg-indigo-a400 .text-muted, .bg-blue .text-muted, .bg-blue-500 .text-muted, .bg-blue-600 .text-muted, .bg-blue-700 .text-muted, .bg-blue-a200 .text-muted, .bg-blue-a400 .text-muted, .bg-blue-a700 .text-muted, .bg-light-blue .text-muted, .bg-light-blue-500 .text-muted, .bg-light-blue-600 .text-muted, .bg-light-blue-700 .text-muted, .bg-light-blue-800 .text-muted, .bg-light-blue-a700 .text-muted, .bg-cyan .text-muted, .bg-cyan-500 .text-muted, .bg-cyan-600 .text-muted, .bg-cyan-700 .text-muted, .bg-cyan-800 .text-muted, .bg-teal .text-muted, .bg-teal-500 .text-muted, .bg-teal-600 .text-muted, .bg-teal-700 .text-muted, .bg-green .text-muted, .bg-green-500 .text-muted, .bg-green-600 .text-muted, .bg-green-700 .text-muted, .bg-light-green-800 .text-muted, .bg-light-green-900 .text-muted, .bg-lime-900 .text-muted, .bg-orange-800 .text-muted, .bg-orange-900 .text-muted, .bg-deep-orange .text-muted, .bg-deep-orange-500 .text-muted, .bg-deep-orange-600 .text-muted, .bg-deep-orange-700 .text-muted, .bg-deep-orange-800 .text-muted, .bg-deep-orange-900 .text-muted, .bg-deep-orange-a400 .text-muted, .bg-deep-orange-a700 .text-muted, .bg-brown-300 .text-muted, .bg-brown-400 .text-muted, .bg-blue-grey .text-muted, .bg-blue-grey-400 .text-muted, .bg-blue-grey-500 .text-muted { color: rgba(255, 255, 255, 0.57); } .bg-red .text-soft, .bg-red-500 .text-soft, .bg-red-600 .text-soft, .bg-red-700 .text-soft, .bg-red-a200 .text-soft, .bg-red-a400 .text-soft, .bg-red-a700 .text-soft, .bg-pink .text-soft, .bg-pink-500 .text-soft, .bg-pink-600 .text-soft, .bg-pink-a200 .text-soft, .bg-pink-a400 .text-soft, .bg-pink-a700 .text-soft, .bg-purple-300 .text-soft, .bg-purple-400 .text-soft, .bg-purple-a200 .text-soft, .bg-purple-a400 .text-soft, .bg-purple-a700 .text-soft, .bg-deep-purple-300 .text-soft, .bg-deep-purple-400 .text-soft, .bg-deep-purple-a200 .text-soft, .bg-indigo-300 .text-soft, .bg-indigo-400 .text-soft, .bg-indigo-a200 .text-soft, .bg-indigo-a400 .text-soft, .bg-blue .text-soft, .bg-blue-500 .text-soft, .bg-blue-600 .text-soft, .bg-blue-700 .text-soft, .bg-blue-a200 .text-soft, .bg-blue-a400 .text-soft, .bg-blue-a700 .text-soft, .bg-light-blue .text-soft, .bg-light-blue-500 .text-soft, .bg-light-blue-600 .text-soft, .bg-light-blue-700 .text-soft, .bg-light-blue-800 .text-soft, .bg-light-blue-a700 .text-soft, .bg-cyan .text-soft, .bg-cyan-500 .text-soft, .bg-cyan-600 .text-soft, .bg-cyan-700 .text-soft, .bg-cyan-800 .text-soft, .bg-teal .text-soft, .bg-teal-500 .text-soft, .bg-teal-600 .text-soft, .bg-teal-700 .text-soft, .bg-green .text-soft, .bg-green-500 .text-soft, .bg-green-600 .text-soft, .bg-green-700 .text-soft, .bg-light-green-800 .text-soft, .bg-light-green-900 .text-soft, .bg-lime-900 .text-soft, .bg-orange-800 .text-soft, .bg-orange-900 .text-soft, .bg-deep-orange .text-soft, .bg-deep-orange-500 .text-soft, .bg-deep-orange-600 .text-soft, .bg-deep-orange-700 .text-soft, .bg-deep-orange-800 .text-soft, .bg-deep-orange-900 .text-soft, .bg-deep-orange-a400 .text-soft, .bg-deep-orange-a700 .text-soft, .bg-brown-300 .text-soft, .bg-brown-400 .text-soft, .bg-blue-grey .text-soft, .bg-blue-grey-400 .text-soft, .bg-blue-grey-500 .text-soft { color: rgba(255, 255, 255, 0.26); } /** * Animations */ [ui-view].ng-leave { display: none !important; } [ui-view].ng-leave.ng-fluid { display: block !important; } .ng-fluid.ng-animate { position: absolute; width: 100%; height: 100%; overflow: hidden; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .ng-fadeIn.ng-enter { -webkit-animation: fadeIn 0.5s; -o-animation: fadeIn 0.5s; animation: fadeIn 0.5s; } .ng-fadeIn.ng-leave { -webkit-animation: fadeOut 0.5s; -o-animation: fadeOut 0.5s; animation: fadeOut 0.5s; } .ng-fadeInUpShort.ng-enter { -webkit-animation: fadeInUpShort 0.5s; -o-animation: fadeInUpShort 0.5s; animation: fadeInUpShort 0.5s; } .ng-fadeInUpShort.ng-leave { -webkit-animation: fadeOutDownShort 0.5s; -o-animation: fadeOutDownShort 0.5s; animation: fadeOutDownShort 0.5s; } .ng-fadeInDownShort.ng-enter { -webkit-animation: fadeInDownShort 0.5s; -o-animation: fadeInDownShort 0.5s; animation: fadeInDownShort 0.5s; } .ng-fadeInDownShort.ng-leave { -webkit-animation: fadeOutUpShort 0.5s; -o-animation: fadeOutUpShort 0.5s; animation: fadeOutUpShort 0.5s; } .ng-fadeInRightShort.ng-enter { -webkit-animation: fadeInRightShort 0.5s; -o-animation: fadeInRightShort 0.5s; animation: fadeInRightShort 0.5s; } .ng-fadeInRightShort.ng-leave { -webkit-animation: fadeOutLeftShort 0.5s; -o-animation: fadeOutLeftShort 0.5s; animation: fadeOutLeftShort 0.5s; } .ng-fadeInLeftShort.ng-enter { -webkit-animation: fadeInLeftShort 0.5s; -o-animation: fadeInLeftShort 0.5s; animation: fadeInLeftShort 0.5s; } .ng-fadeInLeftShort.ng-leave { -webkit-animation: fadeOutRightShort 0.5s; -o-animation: fadeOutRightShort 0.5s; animation: fadeOutRightShort 0.5s; } @-webkit-keyframes fadeInRightShort { 0% { opacity: 0; -webkit-transform: translate3d(18px, 0, 0); transform: translate3d(18px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightShort { 0% { opacity: 0; -webkit-transform: translate3d(18px, 0, 0); -ms-transform: translate3d(18px, 0, 0); transform: translate3d(18px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInRightShort { -webkit-animation-name: fadeInRightShort; animation-name: fadeInRightShort; } @-webkit-keyframes fadeOutRightShort { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(18px, 0, 0); transform: translate3d(18px, 0, 0); } } @keyframes fadeOutRightShort { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(18px, 0, 0); transform: translate3d(18px, 0, 0); } } .fadeOutRightShort { -webkit-animation-name: fadeOutRightShort; animation-name: fadeOutRightShort; } @-webkit-keyframes fadeInLeftShort { 0% { opacity: 0; -webkit-transform: translate3d(-18px, 0, 0); transform: translate3d(-18px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftShort { 0% { opacity: 0; -webkit-transform: translate3d(-18px, 0, 0); -ms-transform: translate3d(-18px, 0, 0); transform: translate3d(-18px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInLeftShort { -webkit-animation-name: fadeInLeftShort; animation-name: fadeInLeftShort; } @-webkit-keyframes fadeOutLeftShort { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-18px, 0, 0); transform: translate3d(-18px, 0, 0); } } @keyframes fadeOutLeftShort { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-18px, 0, 0); transform: translate3d(-18px, 0, 0); } } .fadeOutLeftShort { -webkit-animation-name: fadeOutLeftShort; animation-name: fadeOutLeftShort; } @-webkit-keyframes fadeOutUpShort { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } } @keyframes fadeOutUpShort { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } } .fadeOutUpShort { -webkit-animation-name: fadeOutUpShort; animation-name: fadeOutUpShort; } @-webkit-keyframes fadeInUpShort { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpShort { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInUpShort { -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort; } @-webkit-keyframes fadeInDownShort { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownShort { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownShort { -webkit-animation-name: fadeInDownShort; animation-name: fadeInDownShort; } @-webkit-keyframes fadeOutDownShort { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } } @keyframes fadeOutDownShort { from { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } } .fadeOutDownShort { -webkit-animation-name: fadeOutDownShort; animation-name: fadeOutDownShort; } @-webkit-keyframes zoomInShort { 0% { opacity: 0; -webkit-transform: scale3d(0.95, 0.95, 0.95); transform: scale3d(0.95, 0.95, 0.95); } 50% { opacity: 1; } } @keyframes zoomInShort { 0% { opacity: 0; -webkit-transform: scale3d(0.95, 0.95, 0.95); -ms-transform: scale3d(0.95, 0.95, 0.95); transform: scale3d(0.95, 0.95, 0.95); } 50% { opacity: 1; } } .zoomInShort { -webkit-animation-name: zoomInShort; animation-name: zoomInShort; } @-webkit-keyframes zoomBack { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } 100% { opacity: 0; } } @keyframes zoomBack { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); -ms-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } 100% { opacity: 0; } } .zoomBack { -webkit-animation-name: zoomBack; animation-name: zoomBack; } /** * Buttons Extras */ .input-group-btn > .btn { border-color: rgba(0, 0, 0, 0.26); } .btn-inverse { color: #fff; background-color: #37474F; border-color: #37474F; } .btn-inverse:focus, .btn-inverse.focus { color: #fff; background-color: #2f3c43; border-color: #2f3c43; } .btn-inverse:hover { color: #fff; background-color: #2f3c43; border-color: #2f3c43; } .btn-inverse:active, .btn-inverse.active, .open > .dropdown-toggle.btn-inverse { color: #fff; background-color: #263137; border-color: #35444c; } .btn-inverse:active:hover, .btn-inverse.active:hover, .open > .dropdown-toggle.btn-inverse:hover, .btn-inverse:active:focus, .btn-inverse.active:focus, .open > .dropdown-toggle.btn-inverse:focus, .btn-inverse:active.focus, .btn-inverse.active.focus, .open > .dropdown-toggle.btn-inverse.focus { color: #fff; background-color: #263137; border-color: #35444c; } .btn-inverse:active, .btn-inverse.active, .open > .dropdown-toggle.btn-inverse { background-image: none; } .btn-inverse.disabled, .btn-inverse[disabled], fieldset[disabled] .btn-inverse, .btn-inverse.disabled:hover, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-inverse:hover, .btn-inverse.disabled:focus, .btn-inverse[disabled]:focus, fieldset[disabled] .btn-inverse:focus, .btn-inverse.disabled.focus, .btn-inverse[disabled].focus, fieldset[disabled] .btn-inverse.focus, .btn-inverse.disabled:active, .btn-inverse[disabled]:active, fieldset[disabled] .btn-inverse:active, .btn-inverse.disabled.active, .btn-inverse[disabled].active, fieldset[disabled] .btn-inverse.active { background-color: #37474F; border-color: #37474F; } .btn-inverse .badge { color: #37474F; background-color: #fff; } .btn-flat { border-color: transparent !important; border-radius: 2px; background-color: transparent; text-transform: uppercase; } .btn-flat:active, .btn-flat.active { -webkit-box-shadow: 0 0 0 #000; box-shadow: 0 0 0 #000; } .btn-flat.btn-primary { color: #448AFF; } .btn-flat.btn-primary:hover, .btn-flat.btn-primary:focus { color: #fff; } .btn-flat.btn-primary[disabled], .btn-flat.btn-primary.disabled { color: rgba(68, 138, 255, 0.75) !important; } .btn-flat.btn-success { color: #4CAF50; } .btn-flat.btn-success:hover, .btn-flat.btn-success:focus { color: #fff; } .btn-flat.btn-success[disabled], .btn-flat.btn-success.disabled { color: rgba(76, 175, 80, 0.75) !important; } .btn-flat.btn-danger { color: #F44336; } .btn-flat.btn-danger:hover, .btn-flat.btn-danger:focus { color: #fff; } .btn-flat.btn-danger[disabled], .btn-flat.btn-danger.disabled { color: rgba(244, 67, 54, 0.75) !important; } .btn-flat.btn-warning { color: #FFB300; } .btn-flat.btn-warning:hover, .btn-flat.btn-warning:focus { color: #fff; } .btn-flat.btn-warning[disabled], .btn-flat.btn-warning.disabled { color: rgba(255, 179, 0, 0.75) !important; } .btn-flat.btn-info { color: #03A9F4; } .btn-flat.btn-info:hover, .btn-flat.btn-info:focus { color: #fff; } .btn-flat.btn-info[disabled], .btn-flat.btn-info.disabled { color: rgba(3, 169, 244, 0.75) !important; } .btn-flat.btn-inverse { color: #37474F; } .btn-flat.btn-inverse:hover, .btn-flat.btn-inverse:focus { color: #fff; } .btn-flat.btn-inverse[disabled], .btn-flat.btn-inverse.disabled { color: rgba(55, 71, 79, 0.75) !important; } .btn-flat.text-white { color: #fff !important; } .btn-flat[disabled], .btn-flat.disabled { background-color: transparent !important; } .btn-flat.btn-flat-icon { border-radius: 50%; font-size: 24px; height: 32px; width: 32px; padding: 0; overflow: hidden; color: inherit !important; } .btn-flat.btn-flat-icon > em { line-height: 32px; } .btn-flat.btn-flat-icon:hover, .btn-flat.btn-flat-icon:focus, .btn-flat.btn-flat-icon:active { background-color: rgba(158, 158, 158, 0.2) !important; } .btn-raised { border: 0; -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.014); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.014); } .btn-raised:hover, .btn-raised:active, .btn-raised.active { -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4) !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4) !important; } .pull-right > .btn-flat-icon { margin-top: -4px; } .btn-circle { width: 46px; height: 46px; overflow: hidden; border-radius: 50% !important; line-height: 46px; padding: 0; text-align: center; } .btn-outline { background-color: transparent; border-color: #fff; } .btn-outline:hover, .btn-outline:focus { background-color: #fff; color: #448AFF; } .btn-xl { padding: 20px 16px; font-size: 18px; } .btn-square { border-radius: 0; } .btn-pill-left, .btn-oval { border-top-left-radius: 50px; border-bottom-left-radius: 50px; padding-left: 18px; } .btn-pill-right, .btn-oval { border-top-right-radius: 50px; border-bottom-right-radius: 50px; padding-right: 18px; } .btn-labeled { padding-top: 0; padding-bottom: 0; } .btn-label { position: relative; background: transparent; display: inline-block; padding: 6px 16px; left: -16px; border-radius: 3px 0 0 3px; } .btn-label.btn-label-right { left: auto; right: -16px; border-radius: 0 3px 3px 0; } .btn-label:after { content: ""; position: absolute; top: 5px; bottom: 5px; right: 0; width: 1px; background-color: rgba(0, 0, 0, 0.1); } .btn-label.btn-label-right { text-indent: -2px; } .btn-label.btn-label-right:after { left: 0; right: auto; } .btn-lg .btn-label { padding: 10px 20px; left: -20px; border-radius: 5px 0 0 5px; } .btn-lg .btn-label.btn-label-right { left: auto; right: -20px; border-radius: 0 5px 5px 0; } .btn-sm .btn-label { padding: 5px 10px; left: -10px; border-radius: 2px 0 0 2px; } .btn-sm .btn-label.btn-label-right { left: auto; right: -10px; border-radius: 0 2px 2px 0; } .btn-xs .btn-label { padding: 1px 5px; left: -5px; border-radius: 2px 0 0 2px; } .btn-xs .btn-label.btn-label-right { left: auto; right: -5px; border-radius: 0 2px 2px 0; } .btn-fw { min-width: 80px; } .btn-fw.btn-sm { min-width: 40px; } .btn-fw.btn-md { min-width: 60px; } .btn-fw.btn-lg { min-width: 140px; } .pagination-rounded li > a, .pagination-rounded li > span { border-radius: 50% !important; margin-right: 4px; margin-left: 4px; width: 35px; height: 35px; line-height: 35px; padding: 0; text-align: center; } .pagination-rounded li > a > span, .pagination-rounded li > span > span { position: relative; top: -1px; } .pagination-rounded.pagination-lg li > a, .pagination-rounded.pagination-lg li > span { width: 44px; height: 44px; line-height: 44px; } .pull-left.btn-group, .pull-right.btn-group { position: relative; z-index: 1; } /** * Dropdowns Extras */ .dropdown-lg > .dropdown-menu { min-width: 200px; } .dropdown-list > .dropdown-menu { padding: 0; min-width: 220px; } .dropdown-list .list-group { margin: 0; } .dropdown-list .list-group-item { border-radius: 0; border-left: 0; border-right: 0; } .dropdown-list .list-group-item:first-child { border-top: 0; } .dropdown-list .list-group-item:last-child { border-bottom: 0; } .dropdown > a { position: relative; } .dropdown > a > .label { position: absolute; top: 0; right: 0; padding: 2px 5px; } @media only screen and (min-width: 768px) { .dropdown > a > .label { top: 10px; } } .dropdown-menu-header { padding: 10px 15px; background-color: #fafafa; border-bottom: 1px solid #ddd; } .md-dropdown-menu { display: block; opacity: 0; padding: 0; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .md-dropdown-menu.pull-right, .md-dropdown-menu.dropdown-menu-right { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; } .md-dropdown-menu > li { height: 48px; } .md-dropdown-menu > li > a { padding: 0 14px; line-height: 48px; } .open > .md-dropdown-menu { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .dropup .md-dropdown-menu { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } .dropup .md-dropdown-menu.pull-right, .dropup .md-dropdown-menu.dropdown-menu-right { -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; } /** * Rows - Extras */ .row { margin-right: -4px; margin-left: -4px; } .row .col-lg-1, .row .col-lg-10, .row .col-lg-11, .row .col-lg-12, .row .col-lg-2, .row .col-lg-3, .row .col-lg-4, .row .col-lg-5, .row .col-lg-6, .row .col-lg-7, .row .col-lg-8, .row .col-lg-9, .row .col-md-1, .row .col-md-10, .row .col-md-11, .row .col-md-12, .row .col-md-2, .row .col-md-3, .row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-sm-1, .row .col-sm-10, .row .col-sm-11, .row .col-sm-12, .row .col-sm-2, .row .col-sm-3, .row .col-sm-4, .row .col-sm-5, .row .col-sm-6, .row .col-sm-7, .row .col-sm-8, .row .col-sm-9, .row .col-xs-1, .row .col-xs-10, .row .col-xs-11, .row .col-xs-12, .row .col-xs-2, .row .col-xs-3, .row .col-xs-4, .row .col-xs-5, .row .col-xs-6, .row .col-xs-7, .row .col-xs-8, .row .col-xs-9 { padding-right: 4px; padding-left: 4px; } @media only screen and (min-width: 480px) { .row { margin-right: -8px; margin-left: -8px; } .row .col-lg-1, .row .col-lg-10, .row .col-lg-11, .row .col-lg-12, .row .col-lg-2, .row .col-lg-3, .row .col-lg-4, .row .col-lg-5, .row .col-lg-6, .row .col-lg-7, .row .col-lg-8, .row .col-lg-9, .row .col-md-1, .row .col-md-10, .row .col-md-11, .row .col-md-12, .row .col-md-2, .row .col-md-3, .row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-sm-1, .row .col-sm-10, .row .col-sm-11, .row .col-sm-12, .row .col-sm-2, .row .col-sm-3, .row .col-sm-4, .row .col-sm-5, .row .col-sm-6, .row .col-sm-7, .row .col-sm-8, .row .col-sm-9, .row .col-xs-1, .row .col-xs-10, .row .col-xs-11, .row .col-xs-12, .row .col-xs-2, .row .col-xs-3, .row .col-xs-4, .row .col-xs-5, .row .col-xs-6, .row .col-xs-7, .row .col-xs-8, .row .col-xs-9 { padding-right: 8px; padding-left: 8px; } } @media only screen and (min-width: 992px) { .row { margin-right: -12px; margin-left: -12px; } .row .col-lg-1, .row .col-lg-10, .row .col-lg-11, .row .col-lg-12, .row .col-lg-2, .row .col-lg-3, .row .col-lg-4, .row .col-lg-5, .row .col-lg-6, .row .col-lg-7, .row .col-lg-8, .row .col-lg-9, .row .col-md-1, .row .col-md-10, .row .col-md-11, .row .col-md-12, .row .col-md-2, .row .col-md-3, .row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-sm-1, .row .col-sm-10, .row .col-sm-11, .row .col-sm-12, .row .col-sm-2, .row .col-sm-3, .row .col-sm-4, .row .col-sm-5, .row .col-sm-6, .row .col-sm-7, .row .col-sm-8, .row .col-sm-9, .row .col-xs-1, .row .col-xs-10, .row .col-xs-11, .row .col-xs-12, .row .col-xs-2, .row .col-xs-3, .row .col-xs-4, .row .col-xs-5, .row .col-xs-6, .row .col-xs-7, .row .col-xs-8, .row .col-xs-9 { padding-right: 12px; padding-left: 12px; } } .row-table { display: table; table-layout: fixed; height: 100%; width: 100%; margin: 0; } .row-table > [class*="col-"] { display: table-cell; float: none; table-layout: fixed; vertical-align: middle; } .row-flush > [class*="col-"] { padding-left: 0; padding-right: 0; } .t-grid .t-row { width: 100%; display: table; table-layout: fixed; } .t-grid .t-col, .t-grid .t-cell { display: table-cell; } /** * Modals */ .modal-header, .modal-footer { border-color: rgba(162, 162, 162, 0.12); } .modal.modal-right .modal-dialog, .modal.modal-left .modal-dialog, .modal.modal-bottom .modal-dialog, .modal.modal-top .modal-dialog { position: absolute; margin: 0; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); -moz-transition: -moz-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .modal.modal-right .modal-dialog > .modal-content, .modal.modal-left .modal-dialog > .modal-content, .modal.modal-bottom .modal-dialog > .modal-content, .modal.modal-top .modal-dialog > .modal-content { border-radius: 0; border: 0; } .modal.modal-right.fade.in .modal-dialog, .modal.modal-left.fade.in .modal-dialog, .modal.modal-bottom.fade.in .modal-dialog, .modal.modal-top.fade.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal.fade.modal-right .modal-dialog, .modal.fade.modal-left .modal-dialog, .modal.fade.modal-bottom .modal-dialog, .modal.fade.modal-top .modal-dialog { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); -moz-transition: -moz-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .modal.modal-right .modal-dialog { right: 0; bottom: 0; top: 0; width: 240px; } .modal.modal-right .modal-dialog > .modal-content { min-height: 100%; } .modal.modal-right.modal-auto-size .modal-dialog { width: 80%; } @media only screen and (min-width: 768px) { .modal.modal-right.modal-auto-size .modal-dialog { width: 50%; } } .modal.modal-right.fade .modal-dialog { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .modal.modal-left .modal-dialog { left: 0; bottom: 0; top: 0; width: 240px; } .modal.modal-left .modal-dialog > .modal-content { min-height: 100%; } .modal.modal-left.modal-auto-size .modal-dialog { width: 80%; } @media only screen and (min-width: 768px) { .modal.modal-left.modal-auto-size .modal-dialog { width: 50%; } } .modal.modal-left.fade .modal-dialog { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .modal.modal-top .modal-dialog { right: 0; left: 0; top: 0; width: 100%; } .modal.modal-top .modal-dialog > .modal-content { width: 100%; } .modal.modal-top.fade .modal-dialog { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .modal.modal-bottom .modal-dialog { right: 0; left: 0; bottom: 0; width: 100%; } .modal.modal-bottom .modal-dialog > .modal-content { width: 100%; } .modal.modal-bottom.fade .modal-dialog { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } .modal-content { box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.14), 0 0 2px 2px rgba(0, 0, 0, 0.098), 0 0 5px 1px rgba(0, 0, 0, 0.084); } .modal-backdrop { opacity: 0; will-change: opacity; } .modal-backdrop.in { -webkit-transition: opacity 0.28s ease-in-out; -o-transition: opacity 0.28s ease-in-out; transition: opacity 0.28s ease-in-out; } .modal-backdrop-light .modal-backdrop { background-color: #fff; } .modal-backdrop-light .modal-backdrop.in { opacity: 0.9; filter: alpha(opacity=90); } .modal-backdrop-soft .modal-backdrop.in { opacity: 0.3; filter: alpha(opacity=30); } .modal-backdrop { position: fixed; bottom: 0; } /** * Spinners (Loader.CSS) */ .loader-primary .ball-pulse > div, .loader-primary .ball-grid-pulse > div, .loader-primary .square-spin > div, .loader-primary .ball-pulse-rise > div, .loader-primary .ball-rotate > div, .loader-primary .ball-rotate > div:before, .loader-primary .ball-rotate > div:after, .loader-primary .cube-transition > div, .loader-primary .ball-zig-zag > div, .loader-primary .ball-zig-zag-deflect > div, .loader-primary .ball-triangle-path > div, .loader-primary .ball-scale > div, .loader-primary .line-scale > div, .loader-primary .line-scale-party > div, .loader-primary .ball-scale-multiple > div, .loader-primary .ball-pulse-sync > div, .loader-primary .ball-beat > div, .loader-primary .line-scale-pulse-out > div, .loader-primary .line-scale-pulse-out-rapid > div, .loader-primary .ball-spin-fade-loader > div, .loader-primary .line-spin-fade-loader > div, .loader-primary .triangle-skew-spin > div, .loader-primary .ball-grid-beat > div, .loader-primary .semi-circle-spin > div { background-color: #448AFF; } .loader-primary .ball-clip-rotate-multiple { width: 1px; } .loader-primary .ball-clip-rotate-multiple > div { border-color: #448AFF transparent #448AFF transparent; } .loader-primary .ball-clip-rotate-multiple > div:last-child { border-color: transparent #448AFF transparent #448AFF; } .loader-primary .ball-clip-rotate > div { border-color: #448AFF; border-bottom-color: transparent; } .loader-primary .ball-clip-rotate-pulse > div:first-child { background-color: #448AFF; top: 5px; left: -8px; } .loader-primary .ball-clip-rotate-pulse > div:last-child { border-color: #448AFF transparent #448AFF transparent; } .loader-primary .square-spin > div, .loader-primary .ball-scale-ripple > div, .loader-primary .ball-scale-ripple-multiple > div { border-color: #448AFF; } .loader-primary .pacman > div:first-of-type { border-top-color: #448AFF; border-left-color: #448AFF; border-bottom-color: #448AFF; } .loader-primary .pacman > div:nth-child(2) { border-top-color: #448AFF; border-left-color: #448AFF; border-bottom-color: #448AFF; } .loader-primary .pacman > div:nth-child(3), .loader-primary .pacman > div:nth-child(4), .loader-primary .pacman > div:nth-child(5), .loader-primary .pacman > div:nth-child(6) { background-color: #448AFF; } .loader { display: inline-block; } .loader-demo { padding: 20px 0; height: 120px; text-align: center; } .loader-demo > .loader-inner { display: inline-block; } /** * Themes */ .theme-1 .layout-container > aside { background-color: #fff; color: #6C7177; } .theme-1 .layout-container > aside > .sidebar-header { background-color: #1976D2; color: #fff; } .theme-1 .layout-container > header { background-color: #1976D2; color: #fff; } .theme-2 .layout-container > aside { background-color: #263238; color: #fff; } .theme-2 .layout-container > aside > .sidebar-header { background-color: #263238; color: #fff; } .theme-2 .layout-container > header { background-color: #1976D2; color: #fff; } .theme-2 .layout-container > main { background-color: #ECEFF1; } .theme-3 { background-color: #2f3c43; } .theme-3 .layout-container > aside { background-color: #263238; color: #fff; } .theme-3 .layout-container > aside > .sidebar-header { background-color: #263238; color: #fff; } .theme-3 .layout-container > header { background-color: #37474F; color: #fff; } .theme-3 .layout-container > main { background-color: #2f3c43; color: #f1f1f1; } .theme-3 .layout-container > main .bg-white:not([class*='bg-']), .theme-3 .layout-container > main .panel:not([class*='bg-']), .theme-3 .layout-container > main .card:not([class*='bg-']), .theme-3 .layout-container > main .panel-default > .panel-heading:not([class*='bg-']) { background-color: #35444c; color: inherit; } .theme-3 .layout-container > main .bg-white { background-color: #35444c; color: inherit; } .theme-3 .layout-container > main .well, .theme-3 .layout-container > main .jumbotron, .theme-3 .layout-container > main .breadcrumb, .theme-3 .layout-container > main .modal-content { background-color: #35444c; color: inherit; } .theme-3 .layout-container > main .btn-default { color: #fff; background-color: #37474F; border-color: #2d3940; } .theme-3 .layout-container > main .btn-default:focus, .theme-3 .layout-container > main .btn-default.focus { color: #fff; background-color: #2f3c43; border-color: #242f34; } .theme-3 .layout-container > main .btn-default:hover { color: #fff; background-color: #2f3c43; border-color: #242f34; } .theme-3 .layout-container > main .btn-default:active, .theme-3 .layout-container > main .btn-default.active, .open > .dropdown-toggle.theme-3 .layout-container > main .btn-default { color: #fff; background-color: #263137; border-color: #2a373d; } .theme-3 .layout-container > main .btn-default:active:hover, .theme-3 .layout-container > main .btn-default.active:hover, .open > .dropdown-toggle.theme-3 .layout-container > main .btn-default:hover, .theme-3 .layout-container > main .btn-default:active:focus, .theme-3 .layout-container > main .btn-default.active:focus, .open > .dropdown-toggle.theme-3 .layout-container > main .btn-default:focus, .theme-3 .layout-container > main .btn-default:active.focus, .theme-3 .layout-container > main .btn-default.active.focus, .open > .dropdown-toggle.theme-3 .layout-container > main .btn-default.focus { color: #fff; background-color: #263137; border-color: #2a373d; } .theme-3 .layout-container > main .btn-default:active, .theme-3 .layout-container > main .btn-default.active, .open > .dropdown-toggle.theme-3 .layout-container > main .btn-default { background-image: none; } .theme-3 .layout-container > main .btn-default.disabled, .theme-3 .layout-container > main .btn-default[disabled], fieldset[disabled] .theme-3 .layout-container > main .btn-default, .theme-3 .layout-container > main .btn-default.disabled:hover, .theme-3 .layout-container > main .btn-default[disabled]:hover, fieldset[disabled] .theme-3 .layout-container > main .btn-default:hover, .theme-3 .layout-container > main .btn-default.disabled:focus, .theme-3 .layout-container > main .btn-default[disabled]:focus, fieldset[disabled] .theme-3 .layout-container > main .btn-default:focus, .theme-3 .layout-container > main .btn-default.disabled.focus, .theme-3 .layout-container > main .btn-default[disabled].focus, fieldset[disabled] .theme-3 .layout-container > main .btn-default.focus, .theme-3 .layout-container > main .btn-default.disabled:active, .theme-3 .layout-container > main .btn-default[disabled]:active, fieldset[disabled] .theme-3 .layout-container > main .btn-default:active, .theme-3 .layout-container > main .btn-default.disabled.active, .theme-3 .layout-container > main .btn-default[disabled].active, fieldset[disabled] .theme-3 .layout-container > main .btn-default.active { background-color: #37474F; border-color: #2d3940; } .theme-3 .layout-container > main .btn-default .badge { color: #37474F; background-color: #fff; } .theme-3 .layout-container > main .open > .dropdown-toggle.btn-default, .theme-3 .layout-container > main .open > .dropdown-toggle.btn-default:hover, .theme-3 .layout-container > main .open > .dropdown-toggle.btn-default:active, .theme-3 .layout-container > main .open > .dropdown-toggle.btn-default.active, .theme-3 .layout-container > main .open > .dropdown-toggle.btn-default:focus { color: #fff; background-color: #37474F; border-color: #2d3940; } .theme-3 .layout-container > main .form-control { color: inherit; background-color: rgba(240, 240, 240, 0.1); border-color: rgba(240, 240, 240, 0.12); } .theme-3 .layout-container > main .form-control:focus { border-color: rgba(240, 240, 240, 0.36); } .theme-3 .layout-container > main .form-control[disabled], .theme-3 .layout-container > main .form-control[readonly], .theme-3 .layout-container > main fieldset[disabled] .form-control { background-color: rgba(240, 240, 240, 0.1); } .theme-3 .layout-container > main select:not([multiple]) option { color: #6C7177; } .theme-3 .layout-container > main .input-group-addon, .theme-3 .layout-container > main .input-group-button { background-color: transparent; border: 1px solid rgba(162, 162, 162, 0.26); color: inherit; } .theme-3 .layout-container > main .nav-tabs > li.active { color: #fff; } .theme-3 .layout-container > main .note-editor .note-editing-area .note-editable { background-color: rgba(240, 240, 240, 0.1); } .theme-3 .layout-container > main .photo { background-color: #37474F; } .theme-3 .sidebar-header-logo > svg, .theme-3 .nav-icon > svg, .theme-3 .sidebar-header-logo > em, .theme-3 .nav-icon > em { color: #448AFF !important; fill: #4CAF50 !important; } .theme-4 .layout-container > aside { background-color: #263238; color: #fff; } .theme-4 .layout-container > aside > .sidebar-header { background-color: #263238; color: #fff; } .theme-4 .layout-container > header { background-color: #4CAF50; color: #fff; } .theme-4 .layout-container > main { background-color: #ECEFF1; } .theme-4 .sidebar-header-logo > svg, .theme-4 .nav-icon > svg, .theme-4 .sidebar-header-logo > em, .theme-4 .nav-icon > em { color: #4CAF50 !important; fill: #a3d7a5 !important; } .theme-5 .layout-container > aside { background-color: #263238; color: #fff; } .theme-5 .layout-container > aside > .sidebar-header { background-color: #263238; color: #fff; } .theme-5 .layout-container > header { background-color: #03A9F4; color: #fff; } .theme-5 .layout-container > main { background-color: #ECEFF1; } .theme-5 .sidebar-header-logo > svg, .theme-5 .nav-icon > svg, .theme-5 .sidebar-header-logo > em, .theme-5 .nav-icon > em { color: #03A9F4 !important; fill: #79d4fd !important; } .theme-6 .layout-container > aside { background-color: #263238; color: #fff; } .theme-6 .layout-container > aside > .sidebar-header { background-color: #263238; color: #fff; } .theme-6 .layout-container > header { background-color: #9575CD; color: #fff; } .theme-6 .layout-container > main { background-color: #ECEFF1; } .theme-6 .sidebar-header-logo > svg, .theme-6 .nav-icon > svg, .theme-6 .sidebar-header-logo > em, .theme-6 .nav-icon > em { color: #9575CD !important; fill: #ddd3ef !important; } .theme-7 .layout-container > aside { background-color: #fff; color: #6C7177; } .theme-7 .layout-container > aside > .sidebar-header { background-color: #455A64; color: #fff; } .theme-7 .layout-container > header { background-color: #455A64; color: #fff; } .theme-7 .layout-container > main { background-color: #ECEFF1; } .theme-8 .layout-container > aside { background-color: #263238; color: #fff; } .theme-8 .layout-container > aside > .sidebar-header { background-color: #263238; color: #fff; } .theme-8 .layout-container > header { background-color: #fff; color: #6C7177; } .theme-8 .layout-container > main { background-color: #ECEFF1; } .theme-8 .sidebar-header-logo > svg, .theme-8 .nav-icon > svg, .theme-8 .sidebar-header-logo > em, .theme-8 .nav-icon > em { color: #448AFF !important; fill: #f1f1f1 !important; } .theme-9 .layout-container > aside { background-color: #fff; color: #6C7177; } .theme-9 .layout-container > aside > .sidebar-header { background-color: #fff; color: #6C7177; } .theme-9 .layout-container > header { background-color: #fff; color: #6C7177; } .theme-9 .layout-container > main { background-color: #ECEFF1; } .theme-9 .sidebar-header-logo > svg, .theme-9 .nav-icon > svg, .theme-9 .sidebar-header-logo > em, .theme-9 .nav-icon > em { color: #738c98 !important; fill: #90A4AE !important; } .preview-theme-1 .preview-header { background-color: #1976D2; } .preview-theme-1 .preview-sidebar { background-color: #fff; } .preview-theme-1 .preview-content { background-color: #f1f2f3; } .preview-theme-2 .preview-header { background-color: #1976D2; } .preview-theme-2 .preview-sidebar { background-color: #263238; } .preview-theme-2 .preview-content { background-color: #ECEFF1; } .preview-theme-3 .preview-header { background-color: #37474F; } .preview-theme-3 .preview-sidebar { background-color: #263238; } .preview-theme-3 .preview-content { background-color: #37474F; } .preview-theme-4 .preview-header { background-color: #4CAF50; } .preview-theme-4 .preview-sidebar { background-color: #fff; } .preview-theme-4 .preview-content { background-color: #ECEFF1; } .preview-theme-5 .preview-header { background-color: #03A9F4; } .preview-theme-5 .preview-sidebar { background-color: #fff; } .preview-theme-5 .preview-content { background-color: #ECEFF1; } .preview-theme-6 .preview-header { background-color: #9575CD; } .preview-theme-6 .preview-sidebar { background-color: #fff; } .preview-theme-6 .preview-content { background-color: #ECEFF1; } .preview-theme-7 .preview-header { background-color: #455A64; } .preview-theme-7 .preview-sidebar { background-color: #fff; } .preview-theme-7 .preview-content { background-color: #ECEFF1; } .preview-theme-8 .preview-header { background-color: #fff; } .preview-theme-8 .preview-sidebar { background-color: #263238; } .preview-theme-8 .preview-content { background-color: #ECEFF1; } .preview-theme-9 .preview-header { background-color: #fff; } .preview-theme-9 .preview-sidebar { background-color: #fff; } .preview-theme-9 .preview-content { background-color: #ECEFF1; } /** * Typography */ h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: 400; line-height: 1.35; letter-spacing: -0.02em; opacity: 0.54; font-size: 0.6em; color: inherit; } h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small { margin-left: 5px; } small { color: inherit; } h1 { font-size: 56px; font-weight: 400; line-height: 1.35; letter-spacing: -0.02em; margin-top: 24px; margin-bottom: 24px; } h2 { font-size: 45px; font-weight: 400; line-height: 48px; margin-top: 24px; margin-bottom: 24px; } h3 { font-size: 34px; font-weight: 400; line-height: 40px; margin-top: 24px; margin-bottom: 24px; } h4 { font-size: 24px; font-weight: 400; line-height: 32px; -moz-osx-font-smoothing: grayscale; margin-top: 24px; margin-bottom: 16px; } h5 { font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: 0.02em; margin-top: 24px; margin-bottom: 16px; } h6 { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.04em; margin-top: 24px; margin-bottom: 16px; } /** * Custom form elements * - Checkbox * - Radios */ .c-checkbox, .c-radio { margin-right: 4px; } .c-checkbox input, .c-radio input { opacity: 0; position: absolute; margin-left: 0 !important; } .c-checkbox span, .c-radio span { position: relative; display: inline-block; vertical-align: top; margin-left: -20px; width: 20px; height: 20px; border-radius: 2px; border: 1px solid rgba(162, 162, 162, 0.36); margin-right: 5px; text-align: center; } .c-checkbox span:before, .c-radio span:before { margin-left: 0; } .c-checkbox:hover span, .c-radio:hover span { border-color: #448AFF; } .c-radio span, .c-checkbox-rounded span { border-radius: 500px; } .c-checkbox span:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; text-align: center !important; font-size: 12px; line-height: 18px; vertical-align: middle; } .c-checkbox input[type=checkbox]:checked + span:before { color: #fff; opacity: 1; transition: color 0.3s ease-out; } .c-checkbox input[type=checkbox]:checked + span { border-color: #448AFF; background-color: #448AFF; } .c-checkbox input[type=checkbox]:disabled + span { border-color: rgba(162, 162, 162, 0.12) !important; background-color: rgba(162, 162, 162, 0.12) !important; cursor: not-allowed; } .c-radio span:before { position: absolute; content: ""; width: 10px; height: 10px; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; border-radius: 500px; opacity: 0; } .c-radio input[type=radio]:checked + span:before { color: #fff; opacity: 1; transition: color 0.3s ease-out; } .c-radio input[type=radio]:checked + span { border-color: #448AFF; background-color: rgba(162, 162, 162, 0.12); } .c-radio input[type=radio]:checked + span:before { background-color: #448AFF; } .c-radio input[type=radio]:disabled + span { border-color: rgba(162, 162, 162, 0.12) !important; cursor: not-allowed; } .c-radio input[type=radio]:disabled + span:before { background-color: rgba(162, 162, 162, 0.12); } /** * Forms - Note Editor */ .note-area > textarea { background-image: -webkit-linear-gradient(rgba(162, 162, 162, 0.26) 0.1em, transparent 0.1em); background-image: linear-gradient(rgba(162, 162, 162, 0.26) 0.1em, transparent 0.1em); background-size: 100% 20px; background-color: transparent !important; line-height: 20px; margin-top: 5px; padding: 0; padding-bottom: 1px; border: none !important; } .note-area.note-area-margin { position: relative; } .note-area.note-area-margin > textarea { padding-left: 55px; } .note-area.note-area-margin:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 45px; width: 5px; background-color: rgba(255, 179, 0, 0.5); } /** * Forms - Switch */ .switch .form-control { padding-top: 7px; margin-bottom: 0; } .switch * { cursor: pointer; } .switch input { opacity: 0; position: absolute; z-index: -1; } .switch { margin-right: 8px; } .switch span { position: relative; display: inline-block; width: 35px; height: 15px; background-color: #9e9e9e; border: 0; border-radius: 8px; vertical-align: middle; -webkit-transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1) 0.1s; -o-transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1) 0.1s; transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1) 0.1s; } .switch span:after { content: ""; position: absolute; background-color: #fff; top: -2px; left: 0; height: 20px; width: 20px; border: 0; border-radius: 400px; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084); -webkit-transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1); -o-transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1); transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1); } .switch.switch-primary input:checked + span { background-color: #448AFF; } .switch.switch-primary input:checked + span:after { background-color: #448AFF; } .switch.switch-primary.switch-warn input:checked + span { background-color: rgba(68, 138, 255, 0.5); } .switch.switch-info input:checked + span { background-color: #03A9F4; } .switch.switch-info input:checked + span:after { background-color: #03A9F4; } .switch.switch-info.switch-warn input:checked + span { background-color: rgba(3, 169, 244, 0.5); } .switch.switch-danger input:checked + span { background-color: #F44336; } .switch.switch-danger input:checked + span:after { background-color: #F44336; } .switch.switch-danger.switch-warn input:checked + span { background-color: rgba(244, 67, 54, 0.5); } .switch.switch-warning input:checked + span { background-color: #FFB300; } .switch.switch-warning input:checked + span:after { background-color: #FFB300; } .switch.switch-warning.switch-warn input:checked + span { background-color: rgba(255, 179, 0, 0.5); } .switch.switch-success input:checked + span { background-color: #4CAF50; } .switch.switch-success input:checked + span:after { background-color: #4CAF50; } .switch.switch-success.switch-warn input:checked + span { background-color: rgba(76, 175, 80, 0.5); } .switch.switch-purple input:checked + span { background-color: #7E57C2; } .switch.switch-purple input:checked + span:after { background-color: #7E57C2; } .switch.switch-purple.switch-warn input:checked + span { background-color: rgba(126, 87, 194, 0.5); } .switch input:checked + span { background-color: #EC407A; } .switch input:checked + span:after { background-color: #EC407A; } .switch.switch-warn input:checked + span { background-color: rgba(236, 64, 122, 0.5); } .switch input:checked + span:after { left: 50%; } .switch input:disabled + span { background-color: rgba(158, 158, 158, 0.5) !important; } .switch input:disabled + span:after { background-color: #fff !important; } /** * Layout Variants */ .sidebar-offcanvas .sidebar-container { top: 65px; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .sidebar-offcanvas .sidebar-container .sidebar-header { -webkit-box-shadow: 0 0 0 #000; box-shadow: 0 0 0 #000; } .sidebar-offcanvas .header-container { z-index: 30; } .sidebar-offcanvas .main-container, .sidebar-offcanvas .header-container { margin-left: 0; } .sidebar-offcanvas.offcanvas-visible .sidebar-container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .no-csstransforms3d .sidebar-offcanvas .sidebar-offcanvas .sidebar-container { margin-left: -240px; } .no-csstransforms3d .sidebar-offcanvas .sidebar-offcanvas.offcanvas-visible .sidebar-container { margin-left: 0; } /** * Main Layout */ [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } [ng-click], [data-ng-click], .nav, .pagination, .carousel, .panel-title a { cursor: pointer; } html, body { width: 100%; height: 100%; background-color: #f1f2f3; min-width: 320px; direction: ltr; } body { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #6C7177; } .layout-container { position: relative; width: 100%; height: 100%; } .page-container, .page-container > div { width: 100%; height: 100%; } .main-container { position: relative; height: calc(100% - 65px); overflow: auto; -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 992px) { .main-container { margin-left: 240px; } } .main-container > section { min-height: calc(100% - 60px); } .content-heading { padding: 16px; box-shadow: 0 1px 0 rgba(20, 20, 20, 0.075); } footer { left: 0; right: 0; bottom: 0; height: 60px; border-top: 1px solid rgba(160, 160, 160, 0.12); padding: 20px; z-index: 109; } .container-full { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .container-full > .row { margin: 0; } .container-full > .row > [class*="col-"]:first-child { padding-left: 0; } .container-full > .row > [class*="col-"]:last-child { padding-right: 0; } .container-fluid, .container-lg, .container-md, .container-sm, .container-xs { padding: 8px; width: auto; } @media only screen and (min-width: 480px) { .container-fluid, .container-lg, .container-md, .container-sm, .container-xs { padding: 16px; } } @media only screen and (min-width: 992px) { .container-fluid, .container-lg, .container-md, .container-sm, .container-xs { padding: 24px; } } .container-lg { max-width: 1200px; } .container-md { max-width: 992px; } .container-sm { max-width: 768px; } .container-xs { max-width: 480px; } @media only screen and (max-width: 1199px) { .container-unwrap { padding: 0; } .container-unwrap > .row { margin: 0; } .container-unwrap > .row > [class*="col-"] { padding-left: 0; padding-right: 0; } .container-unwrap .card { margin-bottom: 0; } } .container-overlap { position: relative; padding: 32px 16px 64px 16px; } .container-overlap + .container-fluid, .container-overlap + .container-lg, .container-overlap + .container-md, .container-overlap + .container-sm, .container-overlap + .container-xs { padding-top: 0; margin-top: -32px; } .container-overlap + .container-fluid .push-down, .container-overlap + .container-lg .push-down, .container-overlap + .container-md .push-down, .container-overlap + .container-sm .push-down, .container-overlap + .container-xs .push-down { display: block; height: 48px; } .container-overlap:before { background-color: inherit; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } /** * Grid Masonry Deck */ /* clear fix */ .grid:after { content: ''; display: block; clear: both; } /* ---- Masonry grid -- customize percentage values ---- */ .grid-sizer, .grid-item { width: 50%; } @media only screen and (min-width: 768px) { .grid-sizer, .grid-item { width: 33.3333%; } } @media only screen and (min-width: 992px) { .grid-sizer, .grid-item { width: 25%; } } .grid-item { float: left; } .photo { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; margin: 0 10px 10px 0; position: relative; -webkit-transition: box-shadow 0.2s ease; -o-transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease; } .photo:hover { -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.14), 0 6px 10px 0 rgba(0, 0, 0, 0.098), 0 1px 18px 0 rgba(0, 0, 0, 0.014); box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.14), 0 6px 10px 0 rgba(0, 0, 0, 0.098), 0 1px 18px 0 rgba(0, 0, 0, 0.014); } .photo .photo-loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-top: 40%; z-index: 1; } .photo img { position: relative; z-index: 2; } .photo .photo-wrapper { min-height: 100px; } .photo .photo-description { padding: 15px; } /** * Material Lists */ .mda-list { list-style-type: none; margin: 0; padding: 0; } .mda-list > .mda-list-item { padding: 0 22px; } .mda-list > .mda-list-item:before, .mda-list > .mda-list-item:after { content: " "; display: table; } .mda-list > .mda-list-item:after { clear: both; } .mda-list > .mda-list-item > .mda-list-item-img, .mda-list > .mda-list-item > .mda-list-item-icon, .mda-list > .mda-list-item > .mda-list-item-initial { float: left; width: 48px; height: 48px; margin-top: 20px; margin-bottom: 8px; margin-right: 20px; border-radius: 50%; } .mda-list > .mda-list-item > .mda-list-item-icon { line-height: 42px; text-align: center; } .mda-list > .mda-list-item > .mda-list-item-icon > em, .mda-list > .mda-list-item > .mda-list-item-icon > i { line-height: inherit; } .mda-list > .mda-list-item > .mda-list-item-initial { line-height: 50px; text-align: center; font-size: 22px; font-weight: 300; } .mda-list > .mda-list-item > .mda-list-item-text { float: left; padding: 20px 0; } .mda-list > .mda-list-item > .mda-list-item-text.mda-2-line { padding-top: 26px; } .mda-list > .mda-list-item > .mda-list-item-text h3 { font-size: 16px; font-weight: 400; letter-spacing: .01em; margin: 0 0 6px; line-height: .75em; } .mda-list > .mda-list-item > .mda-list-item-text h4 { font-size: 14px; letter-spacing: .01em; font-weight: 400; margin: 10px 0 5px; line-height: .75em; } .mda-list > .mda-list-item > .mda-list-item-text p { font-size: 14px; font-weight: 500; margin: 0; line-height: 1.6em; } .mda-list > .mda-list-item > .mda-list-item-img + .mda-list-item-text, .mda-list > .mda-list-item > .mda-list-item-initial + .mda-list-item-text { width: calc(100% - 68px); } .mda-list.mda-list-bordered > .mda-list-item { border-bottom: 1px solid rgba(162, 162, 162, 0.16); } .card > .mda-list-bordered > .mda-list-item:last-child { border-bottom: 0; } /** * Nestable */ .dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 13px; line-height: 20px; } .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } .dd-list .dd-list { padding-left: 30px; } .dd-collapsed .dd-list { display: none; } .dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; } .dd-handle { display: block; margin: 5px 0; padding: 5px 0; text-decoration: none; color: inherit; -webkit-border-radius: 3px; border-radius: 3px; } .dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 30px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; } .dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; } .dd-item > button[data-action="collapse"]:before { content: '-'; } .dd-placeholder, .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-size: 60px 60px; background-position: 0 0, 30px 30px; } .dd-dragel { position: absolute; pointer-events: none; z-index: 9999; } .dd-dragel > .dd-item .dd-handle { margin-top: 0; } /** * Nestable Extras */ .nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; } @media only screen and (min-width: 700px) { .dd + .dd { margin-left: 2%; } } .dd-hover > .dd-handle { background: #2ea8e5 !important; } /** * Nestable Draggable Handles */ .dd3-content { display: block; margin: 5px 0; padding: 10px 10px 10px 50px; text-decoration: none; border: 1px solid #ebebeb; background: #fff; -webkit-border-radius: 3px; border-radius: 3px; } .dd-dragel > .dd3-item > .dd3-content { margin: 0; } .dd3-item > button { margin-left: 40px; } .dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 40px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #ebebeb; background: #fff; border-top-right-radius: 0; border-bottom-right-radius: 0; } .dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 10px; width: 100%; text-align: center; text-indent: 0; color: #ccc; font-size: 20px; font-weight: normal; } .dd3-handle:hover { background: #f7f7f7; } /** * Float Button */ .floatbutton { position: relative; z-index: 1000; } .floatbutton .mfb-component__button--child, .floatbutton .mfb-component__button--main { color: #fff; } /** * Dropzone */ .dropzone { border: 0; } .dropzone .dz-default.dz-message { font-size: 35px; } .dropzone .dz-preview.dz-image-preview { -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.014); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.014); } .dropzone .dz-preview.dz-image-preview .dz-image { border-radius: 1px; } .dropzone .dz-preview.dz-image-preview .dz-details { position: relative; line-height: 1; padding: 6px 4px; margin: 0; opacity: 1; font-size: 14px; } .dropzone .dz-preview .dz-image img { -webkit-transition: -webkit-transform 0.2s ease; -moz-transition: -moz-transform 0.2s ease; -o-transition: -o-transform 0.2s ease; transition: transform 0.2s ease; } .dropzone .dz-preview:hover .dz-image img { -webkit-filter: none; filter: none; -webkit-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; } .dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 1px; background-image: none; background-color: #ECEFF1; } .dropzone .dz-filename { display: none; } .dropzone .dz-preview .dz-remove { color: #a2a2a2; font-size: 12px; } .dropzone .dz-preview .dz-remove:hover { color: #F44336; text-decoration: none; } .dropzone .dz-preview .dz-error-message { top: 130px; border-radius: 2px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .dropzone .dz-preview .dz-error-message:after { display: none; } .dropzone .dz-preview.dz-error:hover .dz-error-message { top: 100px; } /** * Form Editors (Summernote) */ .note-editor .note-editing-area .note-editable { color: inherit !important; } .note-editor .note-statusbar { background-color: rgba(162, 162, 162, 0.26) !important; } .note-editor.note-frame { border-color: rgba(162, 162, 162, 0.26) !important; } .note-editor .dropdown-menu { max-height: 280px; overflow: auto; } .summernote-air + .note-editor .note-editing-area .note-editable { background-color: transparent !important; } @font-face { font-family: "summernote"; font-style: normal; font-weight: normal; src: url("../fonts/summernote.eot?ad8d7e2d177d2473aecd9b35d16211fb"); src: url("../fonts/summernote.eot?#iefix") format("embedded-opentype"), url("../fonts/summernote.woff?ad8d7e2d177d2473aecd9b35d16211fb") format("woff"), url("../fonts/summernote.ttf?ad8d7e2d177d2473aecd9b35d16211fb") format("truetype"); } /** * Forms - Advanced plugins */ .noUi-handle { border-radius: 50%; border: 0; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); background-color: #448AFF; } .noUi-horizontal .noUi-handle { width: 24px; height: 24px; top: -10px; } .noUi-horizontal .noUi-handle:before, .noUi-horizontal .noUi-handle:after { display: none; } .noUi-connect { background-color: #448AFF; } .noUi-horizontal { height: 4px; border: 0; background-color: #ECEFF1; } .noUi-target.noUi-connect { background-color: #448AFF; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .ui-slider-success .noUi-handle { background-color: #4CAF50; } .ui-slider-success .noUi-connect { background-color: #4CAF50; } .ui-slider-success.noUi-target.noUi-connect { background-color: #4CAF50; } .ui-slider-info .noUi-handle { background-color: #03A9F4; } .ui-slider-info .noUi-connect { background-color: #03A9F4; } .ui-slider-info.noUi-target.noUi-connect { background-color: #03A9F4; } .ui-slider-warning .noUi-handle { background-color: #FFB300; } .ui-slider-warning .noUi-connect { background-color: #FFB300; } .ui-slider-warning.noUi-target.noUi-connect { background-color: #FFB300; } .ui-slider-danger .noUi-handle { background-color: #F44336; } .ui-slider-danger .noUi-connect { background-color: #F44336; } .ui-slider-danger.noUi-target.noUi-connect { background-color: #F44336; } .ui-slider-inverse .noUi-handle { background-color: #37474F; } .ui-slider-inverse .noUi-connect { background-color: #37474F; } .ui-slider-inverse.noUi-target.noUi-connect { background-color: #37474F; } /* Select2 ----------------------------------- */ .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple { position: relative; background-color: transparent; color: inherit; border: 0; border-radius: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.14); min-height: 32px; } .select2-container--default .select2-selection--single:after, .select2-container--default .select2-selection--multiple:after { content: ""; position: absolute; bottom: -1px; left: 50%; right: 50%; height: 2px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: inherit; } .select2-container--open.select2-container--default .select2-selection--single, .select2-container--focus.select2-container--default .select2-selection--single, .select2-container--open.select2-container--default .select2-selection--multiple, .select2-container--focus.select2-container--default .select2-selection--multiple { border: 0; } .select2-container--open.select2-container--default .select2-selection--single:after, .select2-container--focus.select2-container--default .select2-selection--single:after, .select2-container--open.select2-container--default .select2-selection--multiple:after, .select2-container--focus.select2-container--default .select2-selection--multiple:after { background-color: #448AFF; left: 0; right: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice { border-radius: 20px; border: 0; background-color: rgba(162, 162, 162, 0.12); padding: 4px 12px; margin: 0 8px 4px 0 !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: inherit; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 0; border-bottom: 1px solid #aaa; } .select2-dropdown { top: 1px; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation: zoomIn 0.2s ease; -o-animation: zoomIn 0.2s ease; animation: zoomIn 0.2s ease; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #E0E0E0; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #E0E0E0; color: #263238; } /* Clockpicker ----------------------------------- */ .clockpicker-popover { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation: zoomIn 0.2s ease; -o-animation: zoomIn 0.2s ease; animation: zoomIn 0.2s ease; } .clockpicker-popover .arrow { display: none; } .clockpicker-popover.popover.bottom { margin-top: 1px; } /* Colorpicker -----------------------------------*/ .colorpicker { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-animation: zoomIn 0.2s ease; -o-animation: zoomIn 0.2s ease; animation: zoomIn 0.2s ease; } .colorpicker:before, .colorpicker:after { display: none; } .colorpicker-2x .colorpicker-saturation { width: 200px; height: 200px; } .colorpicker-2x .colorpicker-hue, .colorpicker-2x .colorpicker-alpha { width: 30px; height: 200px; } .colorpicker-2x .colorpicker-color, .colorpicker-2x .colorpicker-color div { height: 30px; } /* Datepicker -----------------------------------*/ .ui-datepicker-responsive { max-width: 100%; overflow: auto; } .ui-datepicker { background-color: transparent; -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.014); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.014); } .ui-datepicker.ui-datepicker-popup { -webkit-box-shadow: 0 0 0 #000; box-shadow: 0 0 0 #000; } .ui-datepicker .datepicker-inline { display: inline-block; padding: 0; width: 100%; } .ui-datepicker .datepicker table { width: 100%; } .ui-datepicker .datepicker table tr td, .ui-datepicker .datepicker table tr th { border-radius: 0; padding: 16px 12px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; font-size: 12px; } .ui-datepicker .datepicker tbody tr td { padding: 12px 12px; } .ui-datepicker .datepicker table tr td.day:hover { background: rgba(162, 162, 162, 0.12); } .ui-datepicker .datepicker table thead tr:last-child th { padding: 0; line-height: 36px; font-size: 85%; } .ui-datepicker .datepicker thead tr:first-child th:hover, .ui-datepicker .datepicker tfoot tr th:hover { background-image: none; background-color: #E91E63; color: #fff; } .ui-datepicker .datepicker table tr td.active:hover, .ui-datepicker .datepicker table tr td.active:hover:hover, .ui-datepicker .datepicker table tr td.active.disabled:hover, .ui-datepicker .datepicker table tr td.active.disabled:hover:hover, .ui-datepicker .datepicker table tr td.active:focus, .ui-datepicker .datepicker table tr td.active:hover:focus, .ui-datepicker .datepicker table tr td.active.disabled:focus, .ui-datepicker .datepicker table tr td.active.disabled:hover:focus, .ui-datepicker .datepicker table tr td.active:active, .ui-datepicker .datepicker table tr td.active:hover:active, .ui-datepicker .datepicker table tr td.active.disabled:active, .ui-datepicker .datepicker table tr td.active.disabled:hover:active, .ui-datepicker .datepicker table tr td.active.active, .ui-datepicker .datepicker table tr td.active:hover.active, .ui-datepicker .datepicker table tr td.active.disabled.active, .ui-datepicker .datepicker table tr td.active.disabled:hover.active, .ui-datepicker .open .dropdown-toggle.datepicker table tr td.active, .ui-datepicker .open .dropdown-toggle.datepicker table tr td.active:hover, .ui-datepicker .open .dropdown-toggle.datepicker table tr td.active.disabled, .ui-datepicker .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { background-image: none; background-color: #E91E63; color: #fff; } .ui-datepicker .datepicker table tr td span.active:hover, .ui-datepicker .datepicker table tr td span.active:hover:hover, .ui-datepicker .datepicker table tr td span.active.disabled:hover, .ui-datepicker .datepicker table tr td span.active.disabled:hover:hover, .ui-datepicker .datepicker table tr td span.active:focus, .ui-datepicker .datepicker table tr td span.active:hover:focus, .ui-datepicker .datepicker table tr td span.active.disabled:focus, .ui-datepicker .datepicker table tr td span.active.disabled:hover:focus, .ui-datepicker .datepicker table tr td span.active:active, .ui-datepicker .datepicker table tr td span.active:hover:active, .ui-datepicker .datepicker table tr td span.active.disabled:active, .ui-datepicker .datepicker table tr td span.active.disabled:hover:active, .ui-datepicker .datepicker table tr td span.active.active, .ui-datepicker .datepicker table tr td span.active:hover.active, .ui-datepicker .datepicker table tr td span.active.disabled.active, .ui-datepicker .datepicker table tr td span.active.disabled:hover.active, .ui-datepicker .open .dropdown-toggle.datepicker table tr td span.active, .ui-datepicker .open .dropdown-toggle.datepicker table tr td span.active:hover, .ui-datepicker .open .dropdown-toggle.datepicker table tr td span.active.disabled, .ui-datepicker .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .ui-datepicker .datepicker .datepicker-switch:hover, .ui-datepicker .datepicker .prev:hover, .ui-datepicker .datepicker .next:hover, .ui-datepicker .datepicker tfoot tr th:hover { background-image: none; background-color: #E91E63; color: #fff; } .ui-datepicker.mda-form-control, .ui-datepicker.mda-input-group { -webkit-box-shadow: 0 0 0 #000; box-shadow: 0 0 0 #000; } .ui-datepicker .input-daterange .input-group-addon { background: transparent; border: 0 !important; vertical-align: baseline; } .datepicker.dropdown-menu { margin: 0; padding: 0 0 5px 0; border: 0; -webkit-animation: zoomIn 0.2s ease; -o-animation: zoomIn 0.2s ease; animation: zoomIn 0.2s ease; } .datepicker.dropdown-menu.datepicker-orient-top { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .datepicker.dropdown-menu.datepicker-orient-bottom { -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } .datepicker.dropdown-menu table tr td, .datepicker.dropdown-menu table tr th { border-radius: 0; } .datepicker.dropdown-menu:after, .datepicker.dropdown-menu:before { display: none; } .dp-theme-primary .datepicker table thead tr:first-child th { background-color: #448AFF; color: #fff; } .dp-theme-primary .datepicker table thead tr:last-child th { background-color: #2a7aff; color: #fff; } .dp-theme-primary .datepicker thead tr:first-child th:hover, .dp-theme-primary .datepicker tfoot tr th:hover { background-color: #448AFF; color: #fff; } .dp-theme-primary .datepicker table tr td.active:hover, .dp-theme-primary .datepicker table tr td.active:hover:hover, .dp-theme-primary .datepicker table tr td.active.disabled:hover, .dp-theme-primary .datepicker table tr td.active.disabled:hover:hover, .dp-theme-primary .datepicker table tr td.active:focus, .dp-theme-primary .datepicker table tr td.active:hover:focus, .dp-theme-primary .datepicker table tr td.active.disabled:focus, .dp-theme-primary .datepicker table tr td.active.disabled:hover:focus, .dp-theme-primary .datepicker table tr td.active:active, .dp-theme-primary .datepicker table tr td.active:hover:active, .dp-theme-primary .datepicker table tr td.active.disabled:active, .dp-theme-primary .datepicker table tr td.active.disabled:hover:active, .dp-theme-primary .datepicker table tr td.active.active, .dp-theme-primary .datepicker table tr td.active:hover.active, .dp-theme-primary .datepicker table tr td.active.disabled.active, .dp-theme-primary .datepicker table tr td.active.disabled:hover.active, .dp-theme-primary .open .dropdown-toggle.datepicker table tr td.active, .dp-theme-primary .open .dropdown-toggle.datepicker table tr td.active:hover, .dp-theme-primary .open .dropdown-toggle.datepicker table tr td.active.disabled, .dp-theme-primary .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .dp-theme-primary .datepicker .datepicker-switch:hover, .dp-theme-primary .datepicker .prev:hover, .dp-theme-primary .datepicker .next:hover, .dp-theme-primary .datepicker tfoot tr th:hover { background-color: #448AFF; color: #fff; } .dp-theme-primary.datepicker-standalone .datepicker .datepicker-switch, .dp-theme-primary.datepicker-standalone .datepicker .prev, .dp-theme-primary.datepicker-standalone .datepicker .next, .dp-theme-primary.datepicker-standalone .datepicker tfoot tr th { background-color: #448AFF; color: #fff; } .dp-theme-primary .datepicker table tr td span.active:hover, .dp-theme-primary .datepicker table tr td span.active:hover:hover, .dp-theme-primary .datepicker table tr td span.active.disabled:hover, .dp-theme-primary .datepicker table tr td span.active.disabled:hover:hover, .dp-theme-primary .datepicker table tr td span.active:focus, .dp-theme-primary .datepicker table tr td span.active:hover:focus, .dp-theme-primary .datepicker table tr td span.active.disabled:focus, .dp-theme-primary .datepicker table tr td span.active.disabled:hover:focus, .dp-theme-primary .datepicker table tr td span.active:active, .dp-theme-primary .datepicker table tr td span.active:hover:active, .dp-theme-primary .datepicker table tr td span.active.disabled:active, .dp-theme-primary .datepicker table tr td span.active.disabled:hover:active, .dp-theme-primary .datepicker table tr td span.active.active, .dp-theme-primary .datepicker table tr td span.active:hover.active, .dp-theme-primary .datepicker table tr td span.active.disabled.active, .dp-theme-primary .datepicker table tr td span.active.disabled:hover.active, .dp-theme-primary .open .dropdown-toggle.datepicker table tr td span.active, .dp-theme-primary .open .dropdown-toggle.datepicker table tr td span.active:hover, .dp-theme-primary .open .dropdown-toggle.datepicker table tr td span.active.disabled, .dp-theme-primary .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-color: #448AFF; color: #fff; } .dp-theme-success .datepicker table thead tr:first-child th { background-color: #4CAF50; color: #fff; } .dp-theme-success .datepicker table thead tr:last-child th { background-color: #449d48; color: #fff; } .dp-theme-success .datepicker thead tr:first-child th:hover, .dp-theme-success .datepicker tfoot tr th:hover { background-color: #4CAF50; color: #fff; } .dp-theme-success .datepicker table tr td.active:hover, .dp-theme-success .datepicker table tr td.active:hover:hover, .dp-theme-success .datepicker table tr td.active.disabled:hover, .dp-theme-success .datepicker table tr td.active.disabled:hover:hover, .dp-theme-success .datepicker table tr td.active:focus, .dp-theme-success .datepicker table tr td.active:hover:focus, .dp-theme-success .datepicker table tr td.active.disabled:focus, .dp-theme-success .datepicker table tr td.active.disabled:hover:focus, .dp-theme-success .datepicker table tr td.active:active, .dp-theme-success .datepicker table tr td.active:hover:active, .dp-theme-success .datepicker table tr td.active.disabled:active, .dp-theme-success .datepicker table tr td.active.disabled:hover:active, .dp-theme-success .datepicker table tr td.active.active, .dp-theme-success .datepicker table tr td.active:hover.active, .dp-theme-success .datepicker table tr td.active.disabled.active, .dp-theme-success .datepicker table tr td.active.disabled:hover.active, .dp-theme-success .open .dropdown-toggle.datepicker table tr td.active, .dp-theme-success .open .dropdown-toggle.datepicker table tr td.active:hover, .dp-theme-success .open .dropdown-toggle.datepicker table tr td.active.disabled, .dp-theme-success .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .dp-theme-success .datepicker .datepicker-switch:hover, .dp-theme-success .datepicker .prev:hover, .dp-theme-success .datepicker .next:hover, .dp-theme-success .datepicker tfoot tr th:hover { background-color: #4CAF50; color: #fff; } .dp-theme-success.datepicker-standalone .datepicker .datepicker-switch, .dp-theme-success.datepicker-standalone .datepicker .prev, .dp-theme-success.datepicker-standalone .datepicker .next, .dp-theme-success.datepicker-standalone .datepicker tfoot tr th { background-color: #4CAF50; color: #fff; } .dp-theme-success .datepicker table tr td span.active:hover, .dp-theme-success .datepicker table tr td span.active:hover:hover, .dp-theme-success .datepicker table tr td span.active.disabled:hover, .dp-theme-success .datepicker table tr td span.active.disabled:hover:hover, .dp-theme-success .datepicker table tr td span.active:focus, .dp-theme-success .datepicker table tr td span.active:hover:focus, .dp-theme-success .datepicker table tr td span.active.disabled:focus, .dp-theme-success .datepicker table tr td span.active.disabled:hover:focus, .dp-theme-success .datepicker table tr td span.active:active, .dp-theme-success .datepicker table tr td span.active:hover:active, .dp-theme-success .datepicker table tr td span.active.disabled:active, .dp-theme-success .datepicker table tr td span.active.disabled:hover:active, .dp-theme-success .datepicker table tr td span.active.active, .dp-theme-success .datepicker table tr td span.active:hover.active, .dp-theme-success .datepicker table tr td span.active.disabled.active, .dp-theme-success .datepicker table tr td span.active.disabled:hover.active, .dp-theme-success .open .dropdown-toggle.datepicker table tr td span.active, .dp-theme-success .open .dropdown-toggle.datepicker table tr td span.active:hover, .dp-theme-success .open .dropdown-toggle.datepicker table tr td span.active.disabled, .dp-theme-success .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-color: #4CAF50; color: #fff; } .dp-theme-warning .datepicker table thead tr:first-child th { background-color: #FFB300; color: #fff; } .dp-theme-warning .datepicker table thead tr:last-child th { background-color: #e6a100; color: #fff; } .dp-theme-warning .datepicker thead tr:first-child th:hover, .dp-theme-warning .datepicker tfoot tr th:hover { background-color: #FFB300; color: #fff; } .dp-theme-warning .datepicker table tr td.active:hover, .dp-theme-warning .datepicker table tr td.active:hover:hover, .dp-theme-warning .datepicker table tr td.active.disabled:hover, .dp-theme-warning .datepicker table tr td.active.disabled:hover:hover, .dp-theme-warning .datepicker table tr td.active:focus, .dp-theme-warning .datepicker table tr td.active:hover:focus, .dp-theme-warning .datepicker table tr td.active.disabled:focus, .dp-theme-warning .datepicker table tr td.active.disabled:hover:focus, .dp-theme-warning .datepicker table tr td.active:active, .dp-theme-warning .datepicker table tr td.active:hover:active, .dp-theme-warning .datepicker table tr td.active.disabled:active, .dp-theme-warning .datepicker table tr td.active.disabled:hover:active, .dp-theme-warning .datepicker table tr td.active.active, .dp-theme-warning .datepicker table tr td.active:hover.active, .dp-theme-warning .datepicker table tr td.active.disabled.active, .dp-theme-warning .datepicker table tr td.active.disabled:hover.active, .dp-theme-warning .open .dropdown-toggle.datepicker table tr td.active, .dp-theme-warning .open .dropdown-toggle.datepicker table tr td.active:hover, .dp-theme-warning .open .dropdown-toggle.datepicker table tr td.active.disabled, .dp-theme-warning .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .dp-theme-warning .datepicker .datepicker-switch:hover, .dp-theme-warning .datepicker .prev:hover, .dp-theme-warning .datepicker .next:hover, .dp-theme-warning .datepicker tfoot tr th:hover { background-color: #FFB300; color: #fff; } .dp-theme-warning.datepicker-standalone .datepicker .datepicker-switch, .dp-theme-warning.datepicker-standalone .datepicker .prev, .dp-theme-warning.datepicker-standalone .datepicker .next, .dp-theme-warning.datepicker-standalone .datepicker tfoot tr th { background-color: #FFB300; color: #fff; } .dp-theme-warning .datepicker table tr td span.active:hover, .dp-theme-warning .datepicker table tr td span.active:hover:hover, .dp-theme-warning .datepicker table tr td span.active.disabled:hover, .dp-theme-warning .datepicker table tr td span.active.disabled:hover:hover, .dp-theme-warning .datepicker table tr td span.active:focus, .dp-theme-warning .datepicker table tr td span.active:hover:focus, .dp-theme-warning .datepicker table tr td span.active.disabled:focus, .dp-theme-warning .datepicker table tr td span.active.disabled:hover:focus, .dp-theme-warning .datepicker table tr td span.active:active, .dp-theme-warning .datepicker table tr td span.active:hover:active, .dp-theme-warning .datepicker table tr td span.active.disabled:active, .dp-theme-warning .datepicker table tr td span.active.disabled:hover:active, .dp-theme-warning .datepicker table tr td span.active.active, .dp-theme-warning .datepicker table tr td span.active:hover.active, .dp-theme-warning .datepicker table tr td span.active.disabled.active, .dp-theme-warning .datepicker table tr td span.active.disabled:hover.active, .dp-theme-warning .open .dropdown-toggle.datepicker table tr td span.active, .dp-theme-warning .open .dropdown-toggle.datepicker table tr td span.active:hover, .dp-theme-warning .open .dropdown-toggle.datepicker table tr td span.active.disabled, .dp-theme-warning .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-color: #FFB300; color: #fff; } .dp-theme-info .datepicker table thead tr:first-child th { background-color: #03A9F4; color: #fff; } .dp-theme-info .datepicker table thead tr:last-child th { background-color: #0398db; color: #fff; } .dp-theme-info .datepicker thead tr:first-child th:hover, .dp-theme-info .datepicker tfoot tr th:hover { background-color: #03A9F4; color: #fff; } .dp-theme-info .datepicker table tr td.active:hover, .dp-theme-info .datepicker table tr td.active:hover:hover, .dp-theme-info .datepicker table tr td.active.disabled:hover, .dp-theme-info .datepicker table tr td.active.disabled:hover:hover, .dp-theme-info .datepicker table tr td.active:focus, .dp-theme-info .datepicker table tr td.active:hover:focus, .dp-theme-info .datepicker table tr td.active.disabled:focus, .dp-theme-info .datepicker table tr td.active.disabled:hover:focus, .dp-theme-info .datepicker table tr td.active:active, .dp-theme-info .datepicker table tr td.active:hover:active, .dp-theme-info .datepicker table tr td.active.disabled:active, .dp-theme-info .datepicker table tr td.active.disabled:hover:active, .dp-theme-info .datepicker table tr td.active.active, .dp-theme-info .datepicker table tr td.active:hover.active, .dp-theme-info .datepicker table tr td.active.disabled.active, .dp-theme-info .datepicker table tr td.active.disabled:hover.active, .dp-theme-info .open .dropdown-toggle.datepicker table tr td.active, .dp-theme-info .open .dropdown-toggle.datepicker table tr td.active:hover, .dp-theme-info .open .dropdown-toggle.datepicker table tr td.active.disabled, .dp-theme-info .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .dp-theme-info .datepicker .datepicker-switch:hover, .dp-theme-info .datepicker .prev:hover, .dp-theme-info .datepicker .next:hover, .dp-theme-info .datepicker tfoot tr th:hover { background-color: #03A9F4; color: #fff; } .dp-theme-info.datepicker-standalone .datepicker .datepicker-switch, .dp-theme-info.datepicker-standalone .datepicker .prev, .dp-theme-info.datepicker-standalone .datepicker .next, .dp-theme-info.datepicker-standalone .datepicker tfoot tr th { background-color: #03A9F4; color: #fff; } .dp-theme-info .datepicker table tr td span.active:hover, .dp-theme-info .datepicker table tr td span.active:hover:hover, .dp-theme-info .datepicker table tr td span.active.disabled:hover, .dp-theme-info .datepicker table tr td span.active.disabled:hover:hover, .dp-theme-info .datepicker table tr td span.active:focus, .dp-theme-info .datepicker table tr td span.active:hover:focus, .dp-theme-info .datepicker table tr td span.active.disabled:focus, .dp-theme-info .datepicker table tr td span.active.disabled:hover:focus, .dp-theme-info .datepicker table tr td span.active:active, .dp-theme-info .datepicker table tr td span.active:hover:active, .dp-theme-info .datepicker table tr td span.active.disabled:active, .dp-theme-info .datepicker table tr td span.active.disabled:hover:active, .dp-theme-info .datepicker table tr td span.active.active, .dp-theme-info .datepicker table tr td span.active:hover.active, .dp-theme-info .datepicker table tr td span.active.disabled.active, .dp-theme-info .datepicker table tr td span.active.disabled:hover.active, .dp-theme-info .open .dropdown-toggle.datepicker table tr td span.active, .dp-theme-info .open .dropdown-toggle.datepicker table tr td span.active:hover, .dp-theme-info .open .dropdown-toggle.datepicker table tr td span.active.disabled, .dp-theme-info .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-color: #03A9F4; color: #fff; } .dp-theme-danger .datepicker table thead tr:first-child th { background-color: #F44336; color: #fff; } .dp-theme-danger .datepicker table thead tr:last-child th { background-color: #f32c1e; color: #fff; } .dp-theme-danger .datepicker thead tr:first-child th:hover, .dp-theme-danger .datepicker tfoot tr th:hover { background-color: #F44336; color: #fff; } .dp-theme-danger .datepicker table tr td.active:hover, .dp-theme-danger .datepicker table tr td.active:hover:hover, .dp-theme-danger .datepicker table tr td.active.disabled:hover, .dp-theme-danger .datepicker table tr td.active.disabled:hover:hover, .dp-theme-danger .datepicker table tr td.active:focus, .dp-theme-danger .datepicker table tr td.active:hover:focus, .dp-theme-danger .datepicker table tr td.active.disabled:focus, .dp-theme-danger .datepicker table tr td.active.disabled:hover:focus, .dp-theme-danger .datepicker table tr td.active:active, .dp-theme-danger .datepicker table tr td.active:hover:active, .dp-theme-danger .datepicker table tr td.active.disabled:active, .dp-theme-danger .datepicker table tr td.active.disabled:hover:active, .dp-theme-danger .datepicker table tr td.active.active, .dp-theme-danger .datepicker table tr td.active:hover.active, .dp-theme-danger .datepicker table tr td.active.disabled.active, .dp-theme-danger .datepicker table tr td.active.disabled:hover.active, .dp-theme-danger .open .dropdown-toggle.datepicker table tr td.active, .dp-theme-danger .open .dropdown-toggle.datepicker table tr td.active:hover, .dp-theme-danger .open .dropdown-toggle.datepicker table tr td.active.disabled, .dp-theme-danger .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .dp-theme-danger .datepicker .datepicker-switch:hover, .dp-theme-danger .datepicker .prev:hover, .dp-theme-danger .datepicker .next:hover, .dp-theme-danger .datepicker tfoot tr th:hover { background-color: #F44336; color: #fff; } .dp-theme-danger.datepicker-standalone .datepicker .datepicker-switch, .dp-theme-danger.datepicker-standalone .datepicker .prev, .dp-theme-danger.datepicker-standalone .datepicker .next, .dp-theme-danger.datepicker-standalone .datepicker tfoot tr th { background-color: #F44336; color: #fff; } .dp-theme-danger .datepicker table tr td span.active:hover, .dp-theme-danger .datepicker table tr td span.active:hover:hover, .dp-theme-danger .datepicker table tr td span.active.disabled:hover, .dp-theme-danger .datepicker table tr td span.active.disabled:hover:hover, .dp-theme-danger .datepicker table tr td span.active:focus, .dp-theme-danger .datepicker table tr td span.active:hover:focus, .dp-theme-danger .datepicker table tr td span.active.disabled:focus, .dp-theme-danger .datepicker table tr td span.active.disabled:hover:focus, .dp-theme-danger .datepicker table tr td span.active:active, .dp-theme-danger .datepicker table tr td span.active:hover:active, .dp-theme-danger .datepicker table tr td span.active.disabled:active, .dp-theme-danger .datepicker table tr td span.active.disabled:hover:active, .dp-theme-danger .datepicker table tr td span.active.active, .dp-theme-danger .datepicker table tr td span.active:hover.active, .dp-theme-danger .datepicker table tr td span.active.disabled.active, .dp-theme-danger .datepicker table tr td span.active.disabled:hover.active, .dp-theme-danger .open .dropdown-toggle.datepicker table tr td span.active, .dp-theme-danger .open .dropdown-toggle.datepicker table tr td span.active:hover, .dp-theme-danger .open .dropdown-toggle.datepicker table tr td span.active.disabled, .dp-theme-danger .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-color: #F44336; color: #fff; } .dp-theme-pink .datepicker table thead tr:first-child th { background-color: #E91E63; color: #fff; } .dp-theme-pink .datepicker table thead tr:last-child th { background-color: #d81557; color: #fff; } .dp-theme-pink .datepicker thead tr:first-child th:hover, .dp-theme-pink .datepicker tfoot tr th:hover { background-color: #E91E63; color: #fff; } .dp-theme-pink .datepicker table tr td.active:hover, .dp-theme-pink .datepicker table tr td.active:hover:hover, .dp-theme-pink .datepicker table tr td.active.disabled:hover, .dp-theme-pink .datepicker table tr td.active.disabled:hover:hover, .dp-theme-pink .datepicker table tr td.active:focus, .dp-theme-pink .datepicker table tr td.active:hover:focus, .dp-theme-pink .datepicker table tr td.active.disabled:focus, .dp-theme-pink .datepicker table tr td.active.disabled:hover:focus, .dp-theme-pink .datepicker table tr td.active:active, .dp-theme-pink .datepicker table tr td.active:hover:active, .dp-theme-pink .datepicker table tr td.active.disabled:active, .dp-theme-pink .datepicker table tr td.active.disabled:hover:active, .dp-theme-pink .datepicker table tr td.active.active, .dp-theme-pink .datepicker table tr td.active:hover.active, .dp-theme-pink .datepicker table tr td.active.disabled.active, .dp-theme-pink .datepicker table tr td.active.disabled:hover.active, .dp-theme-pink .open .dropdown-toggle.datepicker table tr td.active, .dp-theme-pink .open .dropdown-toggle.datepicker table tr td.active:hover, .dp-theme-pink .open .dropdown-toggle.datepicker table tr td.active.disabled, .dp-theme-pink .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .dp-theme-pink .datepicker .datepicker-switch:hover, .dp-theme-pink .datepicker .prev:hover, .dp-theme-pink .datepicker .next:hover, .dp-theme-pink .datepicker tfoot tr th:hover { background-color: #E91E63; color: #fff; } .dp-theme-pink.datepicker-standalone .datepicker .datepicker-switch, .dp-theme-pink.datepicker-standalone .datepicker .prev, .dp-theme-pink.datepicker-standalone .datepicker .next, .dp-theme-pink.datepicker-standalone .datepicker tfoot tr th { background-color: #E91E63; color: #fff; } .dp-theme-pink .datepicker table tr td span.active:hover, .dp-theme-pink .datepicker table tr td span.active:hover:hover, .dp-theme-pink .datepicker table tr td span.active.disabled:hover, .dp-theme-pink .datepicker table tr td span.active.disabled:hover:hover, .dp-theme-pink .datepicker table tr td span.active:focus, .dp-theme-pink .datepicker table tr td span.active:hover:focus, .dp-theme-pink .datepicker table tr td span.active.disabled:focus, .dp-theme-pink .datepicker table tr td span.active.disabled:hover:focus, .dp-theme-pink .datepicker table tr td span.active:active, .dp-theme-pink .datepicker table tr td span.active:hover:active, .dp-theme-pink .datepicker table tr td span.active.disabled:active, .dp-theme-pink .datepicker table tr td span.active.disabled:hover:active, .dp-theme-pink .datepicker table tr td span.active.active, .dp-theme-pink .datepicker table tr td span.active:hover.active, .dp-theme-pink .datepicker table tr td span.active.disabled.active, .dp-theme-pink .datepicker table tr td span.active.disabled:hover.active, .dp-theme-pink .open .dropdown-toggle.datepicker table tr td span.active, .dp-theme-pink .open .dropdown-toggle.datepicker table tr td span.active:hover, .dp-theme-pink .open .dropdown-toggle.datepicker table tr td span.active.disabled, .dp-theme-pink .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-color: #E91E63; color: #fff; } .dp-theme-purple .datepicker table thead tr:first-child th { background-color: #7E57C2; color: #fff; } .dp-theme-purple .datepicker table thead tr:last-child th { background-color: #7044bb; color: #fff; } .dp-theme-purple .datepicker thead tr:first-child th:hover, .dp-theme-purple .datepicker tfoot tr th:hover { background-color: #7E57C2; color: #fff; } .dp-theme-purple .datepicker table tr td.active:hover, .dp-theme-purple .datepicker table tr td.active:hover:hover, .dp-theme-purple .datepicker table tr td.active.disabled:hover, .dp-theme-purple .datepicker table tr td.active.disabled:hover:hover, .dp-theme-purple .datepicker table tr td.active:focus, .dp-theme-purple .datepicker table tr td.active:hover:focus, .dp-theme-purple .datepicker table tr td.active.disabled:focus, .dp-theme-purple .datepicker table tr td.active.disabled:hover:focus, .dp-theme-purple .datepicker table tr td.active:active, .dp-theme-purple .datepicker table tr td.active:hover:active, .dp-theme-purple .datepicker table tr td.active.disabled:active, .dp-theme-purple .datepicker table tr td.active.disabled:hover:active, .dp-theme-purple .datepicker table tr td.active.active, .dp-theme-purple .datepicker table tr td.active:hover.active, .dp-theme-purple .datepicker table tr td.active.disabled.active, .dp-theme-purple .datepicker table tr td.active.disabled:hover.active, .dp-theme-purple .open .dropdown-toggle.datepicker table tr td.active, .dp-theme-purple .open .dropdown-toggle.datepicker table tr td.active:hover, .dp-theme-purple .open .dropdown-toggle.datepicker table tr td.active.disabled, .dp-theme-purple .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .dp-theme-purple .datepicker .datepicker-switch:hover, .dp-theme-purple .datepicker .prev:hover, .dp-theme-purple .datepicker .next:hover, .dp-theme-purple .datepicker tfoot tr th:hover { background-color: #7E57C2; color: #fff; } .dp-theme-purple.datepicker-standalone .datepicker .datepicker-switch, .dp-theme-purple.datepicker-standalone .datepicker .prev, .dp-theme-purple.datepicker-standalone .datepicker .next, .dp-theme-purple.datepicker-standalone .datepicker tfoot tr th { background-color: #7E57C2; color: #fff; } .dp-theme-purple .datepicker table tr td span.active:hover, .dp-theme-purple .datepicker table tr td span.active:hover:hover, .dp-theme-purple .datepicker table tr td span.active.disabled:hover, .dp-theme-purple .datepicker table tr td span.active.disabled:hover:hover, .dp-theme-purple .datepicker table tr td span.active:focus, .dp-theme-purple .datepicker table tr td span.active:hover:focus, .dp-theme-purple .datepicker table tr td span.active.disabled:focus, .dp-theme-purple .datepicker table tr td span.active.disabled:hover:focus, .dp-theme-purple .datepicker table tr td span.active:active, .dp-theme-purple .datepicker table tr td span.active:hover:active, .dp-theme-purple .datepicker table tr td span.active.disabled:active, .dp-theme-purple .datepicker table tr td span.active.disabled:hover:active, .dp-theme-purple .datepicker table tr td span.active.active, .dp-theme-purple .datepicker table tr td span.active:hover.active, .dp-theme-purple .datepicker table tr td span.active.disabled.active, .dp-theme-purple .datepicker table tr td span.active.disabled:hover.active, .dp-theme-purple .open .dropdown-toggle.datepicker table tr td span.active, .dp-theme-purple .open .dropdown-toggle.datepicker table tr td span.active:hover, .dp-theme-purple .open .dropdown-toggle.datepicker table tr td span.active.disabled, .dp-theme-purple .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-color: #7E57C2; color: #fff; } /** * Material Forms */ .mda-form-group { position: relative; padding: 0 0 24px 0; } .mda-form-control { position: relative; padding-top: 18px; border-bottom: 1px solid rgba(0, 0, 0, 0.14); } .mda-form-control > input, .mda-form-control > textarea, .mda-form-control > select { padding: 2px; height: 34px; background-color: transparent !important; border: 0; border-radius: 0; box-shadow: none; } .mda-form-control > input:focus ~ label, .mda-form-control > textarea:focus ~ label, .mda-form-control > select:focus ~ label, .mda-form-control > input.focus ~ label, .mda-form-control > textarea.focus ~ label, .mda-form-control > select.focus ~ label { top: 0!important; font-size: .85em!important; color: #448AFF; opacity: 1; } .mda-form-control > input ~ label, .mda-form-control > textarea ~ label, .mda-form-control > select ~ label { position: absolute; top: 0; left: 0; z-index: 0; display: inline-block; font-size: .85em; opacity: .5; font-weight: 500; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .mda-form-control > input.disabled, .mda-form-control > textarea.disabled, .mda-form-control > select.disabled, .mda-form-control > input[disabled], .mda-form-control > textarea[disabled], .mda-form-control > select[disabled] { background-color: transparent; opacity: .5; cursor: not-allowed; } .mda-form-control.mda-form-control-dark { border-bottom-color: rgba(255, 255, 255, 0.26); } .mda-form-control.mda-form-control-dark > input, .mda-form-control.mda-form-control-dark > textarea, .mda-form-control.mda-form-control-dark > select { color: #fff; } .mda-form-control.mda-form-control-dark > input::-moz-placeholder, .mda-form-control.mda-form-control-dark > textarea::-moz-placeholder, .mda-form-control.mda-form-control-dark > select::-moz-placeholder { color: rgba(255, 255, 255, 0.5); opacity: 1; } .mda-form-control.mda-form-control-dark > input:-ms-input-placeholder, .mda-form-control.mda-form-control-dark > textarea:-ms-input-placeholder, .mda-form-control.mda-form-control-dark > select:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .mda-form-control.mda-form-control-dark > input::-webkit-input-placeholder, .mda-form-control.mda-form-control-dark > textarea::-webkit-input-placeholder, .mda-form-control.mda-form-control-dark > select::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .mda-form-control.mda-form-control-dark > input:focus ~ label, .mda-form-control.mda-form-control-dark > textarea:focus ~ label, .mda-form-control.mda-form-control-dark > select:focus ~ label, .mda-form-control.mda-form-control-dark > input.focus ~ label, .mda-form-control.mda-form-control-dark > textarea.focus ~ label, .mda-form-control.mda-form-control-dark > select.focus ~ label { color: #fff !important; } .mda-form-group-lg .mda-form-control > input { height: 48px; } .mda-form-group-lg.float-label .mda-form-control > input ~ label { top: 28px; font-size: 1.5em; } .mda-form-control > textarea { height: auto; } .mda-form-control-line { position: absolute; bottom: -1px; left: 50%; right: 50%; height: 2px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .mda-form-control > input:focus ~ .mda-form-control-line, .mda-form-control > textarea:focus ~ .mda-form-control-line, .mda-form-control > select:focus ~ .mda-form-control-line { background-color: #448AFF; left: 0; right: 0; } .mda-form-control.mda-form-control-dark > input:focus ~ .mda-form-control-line, .mda-form-control.mda-form-control-dark > textarea:focus ~ .mda-form-control-line, .mda-form-control.mda-form-control-dark > select:focus ~ .mda-form-control-line { background-color: #fff; } .mda-form-msg { position: absolute; bottom: 0; font-size: .85em; line-height: 24px; font-weight: 300; color: #90A4AE; } .mda-form-msg.right { right: 0; } .form-validate .mda-form-control .form-control.error ~ .mda-form-control-line { background-color: #F44336; } .form-validate .mda-form-control .form-control.error:focus ~ label, .form-validate .mda-form-control .form-control.error.focus ~ label, .form-validate .mda-form-control .form-control.error ~ .mda-form-msg { color: #F44336; } .form-validate .mda-form-control .form-control.valid ~ .mda-form-control-line, .form-validate .mda-form-control .form-control.valid:focus ~ .mda-form-control-line { background-color: #4CAF50; } .form-validate .mda-form-control .form-control.valid:focus ~ label, .form-validate .mda-form-control .form-control.valid:focus:focus ~ label, .form-validate .mda-form-control .form-control.valid.focus ~ label, .form-validate .mda-form-control .form-control.valid:focus.focus ~ label { color: #4CAF50; } .form-validate label.error { color: #F44336; } .form-validate label.valid { color: #4CAF50; } .float-label .mda-form-control > input ~ label, .float-label .mda-form-control > textarea ~ label { top: 25px; margin-bottom: 0; font-size: 1em; pointer-events: none; } .float-label .mda-form-control > input.valid ~ label, .float-label .mda-form-control > textarea.valid ~ label, .float-label .mda-form-control > input.error ~ label, .float-label .mda-form-control > textarea.error ~ label, .float-label .mda-form-control > input.has-value ~ label, .float-label .mda-form-control > textarea.has-value ~ label { top: 0; font-size: .85em; } .mda-input-group { position: relative; } .mda-input-group .mda-form-control > input { padding-left: 36px; } .mda-input-group .mda-form-control > label { margin-left: 36px; } .mda-input-group .form-control { float: none; } .mda-input-group > .mda-input-group-addon { position: absolute; top: 25px; left: 2px; } .mda-input-group .mda-form-group + .input-group-btn, .mda-input-group .input-group-btn + .mda-form-group { padding-left: 16px; } .mda-checkbox, .mda-radio { position: relative; display: inline-block; padding-left: 20px; margin: 0; cursor: pointer; } .mda-checkbox input, .mda-radio input { position: absolute; z-index: 1; width: 20px; height: 20px; margin-left: -20px; cursor: pointer; opacity: 0; } .mda-checkbox input:checked + em:before, .mda-radio input:checked + em:before { background-color: inherit; border-width: 0; } .mda-checkbox input:checked + span .active, .mda-radio input:checked + span .active { display: inherit; } .mda-checkbox input[type="checkbox"]:checked + em:after, .mda-radio input[type="checkbox"]:checked + em:after { position: absolute; top: 2px; left: 6px; display: table; width: 6px; height: 12px; border: 2px solid; border-top: 0; border-left: 0; content: ' '; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mda-checkbox input[type="radio"]:checked + em:after, .mda-radio input[type="radio"]:checked + em:after { content: ' '; position: absolute; top: 3px; left: 3px; display: table; width: 12px; height: 12px; background: inherit; border-radius: 50%; border: 2px solid #fff; } .mda-checkbox input[type="radio"] + em, .mda-radio input[type="radio"] + em, .mda-checkbox input[type="radio"] + em:before, .mda-radio input[type="radio"] + em:before { border-radius: 50%; } .mda-checkbox input[disabled] + em:before, fieldset[disabled] .mda-checkbox input + em:before, .mda-radio input[disabled] + em:before, fieldset[disabled] .mda-radio input + em:before { border-color: rgba(0, 0, 0, 0.26); } .mda-checkbox input[disabled]:checked + em, .mda-radio input[disabled]:checked + em { background-color: rgba(0, 0, 0, 0.26); } .mda-radio input[disabled]:checked + em:after { background-color: transparent; } .mda-checkbox input[disabled]:checked + em:before { background-color: rgba(0, 0, 0, 0.26); } .mda-checkbox > em, .mda-radio > em { position: relative; display: inline-block; width: 0; height: 18px; margin-top: -2px; margin-right: 28px; margin-left: -20px; line-height: 1; vertical-align: middle; } .mda-checkbox > em:before, .mda-radio > em:before { content: ""; position: absolute; width: 18px; height: 100%; border: 2px solid rgba(162, 162, 162, 0.56); border-radius: 2px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .mda-checkbox > em.empty:after, .mda-radio > em.empty:after { display: none !important; } /** * Forms Validation */ .form-validate .form-control.error { border-color: #F44336; } .form-validate .form-control.valid, .form-validate .form-control.valid:focus { border-color: #4CAF50; } .form-validate .has-error .form-control { border-color: #F44336 !important; } .form-validate .c-checkbox input.error + span, .form-validate .c-radio input.error + span { border-color: #F44336; } /* ======================================================================== Component: form-wizard.less ========================================================================== */ .wizard, .tabcontrol { display: block; width: 100%; overflow: hidden; } .wizard a, .tabcontrol a { outline: 0; } .wizard ul, .tabcontrol ul { list-style: none !important; padding: 0; margin: 0; } .wizard ul > li, .tabcontrol ul > li { display: block; padding: 0; } .wizard > .steps .current-info, .tabcontrol > .steps .current-info { position: absolute; left: -999em; } .wizard > .content > .title, .tabcontrol > .content > .title { position: absolute; left: -999em; } .wizard > .steps { position: relative; display: block; width: 100%; } .wizard > .steps .number { font-size: 1.429em; } .wizard > .steps > ul > li { width: 25%; } .wizard > .content { background-color: transparent; display: block; margin: 0.5em; min-height: 300px; overflow: hidden; position: relative; width: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .wizard > .content > .body { float: left; position: absolute; width: 100%; /*height: 95%;*/ padding: 2.5% 0; } .wizard > .content > .body ul { list-style: disc !important; } .wizard > .content > .body ul > li { display: list-item; } .wizard > .content > .body > iframe { border: 0 none; width: 100%; height: 100%; } .wizard > .content > .body input { display: block; } .wizard > .content > .body input.error { border-color: #F44336; } .wizard > .content > .body input.valid { border-color: #4CAF50; } .wizard > .content > .body label { display: inline-block; margin-bottom: 0.5em; } .wizard > .content > .body label.error { color: #F44336; display: block !important; padding: 0; } .wizard > .content > .body label.valid { border-color: #4CAF50; } .wizard > .actions { position: relative; display: block; text-align: right; width: 100%; } .wizard > .actions > ul { display: inline-block; text-align: right; } .wizard > .actions > ul > li { margin: 0 0.5em; } .wizard.vertical > .steps { display: inline; float: left; width: 30%; } .wizard.vertical > .steps > ul > li { float: none; width: 100%; } .wizard.vertical > .steps .current a, .wizard.vertical > .steps .current a:hover, .wizard.vertical > .steps .current a:active { border-left: 2px solid #448AFF; border-bottom: 0; } .wizard.vertical > .content { display: inline; float: left; margin: 0 2.5% 0.5em 2.5%; width: 65%; } .wizard.vertical > .actions { display: inline; float: right; margin: 0 2.5%; width: 95%; } .wizard.vertical > .actions > ul > li { margin: 0 0 0 1em; } .wizard > .steps > ul > li, .wizard > .actions > ul > li { float: left; } .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active { display: block; width: auto; margin: 0 0.5em 0.5em; padding: 1em 1em; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 0; font-weight: bold; color: inherit; } .wizard > .steps a > small, .wizard > .steps a:hover > small, .wizard > .steps a:active > small { font-weight: normal; color: #a2a2a2; } .wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active { background: transparent; color: inherit; cursor: default; } .wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active { border-bottom: 2px solid #448AFF; cursor: default; } .wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active { background: transparent; color: inherit; } .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active { display: inline-block; padding: 6px 16px; font-size: 13px; border-radius: 3px; text-decoration: none; color: #fff; background: #448AFF; border: 0; } .wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active { color: #6C7177; background: #ccc; border: 0; } .tabcontrol > .steps { position: relative; display: block; width: 100%; } .tabcontrol > .steps > ul { position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1; } .tabcontrol > .steps > ul > li { float: left; margin: 5px 2px 0 0; padding: 1px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .tabcontrol > .steps > ul > li > a { color: #5f5f5f; display: inline-block; border: 0 none; margin: 0; padding: 10px 30px; text-decoration: none; } .tabcontrol > .steps > ul > li > a:hover { text-decoration: none; } .tabcontrol > .steps > ul > li:hover { background: #edecec; border: 1px solid #bbb; padding: 0; } .tabcontrol > .steps > ul > li.current { background: #fff; border: 1px solid #bbb; border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0; } .tabcontrol > .steps > ul > li.current > a { padding: 15px 30px 10px 30px; } .tabcontrol > .content { position: relative; display: inline-block; width: 100%; height: 300px; overflow: hidden; border-top: 1px solid #bbb; padding-top: 20px; } .tabcontrol > .content > .body { float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%; } .tabcontrol > .content > .body ul { list-style: disc !important; } .tabcontrol > .content > .body ul > li { display: list-item; } /** * Forms Xeditable */ [data-type="textarea"] + .editable-container.editable-inline { width: 100%; } [data-type="textarea"] + .editable-container.editable-inline .editableform .control-group, [data-type="textarea"] + .editable-container.editable-inline .editable-input, [data-type="textarea"] + .editable-container.editable-inline .editableform textarea.form-control { width: 100%; } /** * Header */ .header-container { position: relative; background-color: #fff; z-index: 1; } @media only screen and (min-width: 992px) { .header-container { margin-left: 240px; } } .header-container > nav { min-height: 65px; line-height: 64px; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.14); } .header-container > nav:before, .header-container > nav:after { content: " "; display: table; } .header-container > nav:after { clear: both; } .header-container > nav > .header-title { display: none; position: relative; float: left; margin: 0; padding: 0 16px; font-size: 20px; line-height: inherit; letter-spacing: .02em; font-weight: 400; } @media (min-width: 340px) { .header-container > nav > .header-title { display: block; } } @media (max-width: 420px) { .header-container > nav > .header-title { max-width: 140px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } .header-container > nav > ul { float: left; list-style-type: none; margin: 0; padding: 0; } .header-container > nav > ul:before, .header-container > nav > ul:after { content: " "; display: table; } .header-container > nav > ul:after { clear: both; } .header-container > nav > ul > li { float: left; } .header-container > nav > ul > li > a { display: block; padding: 0 16px; text-decoration: none; color: inherit; } .header-container > nav > ul > li > a > em { font-size: 24px; vertical-align: -24%; line-height: 1; } .header-container > nav > ul > li > a:hover { background-color: rgba(0, 0, 0, 0.025); } #offcanvas-toggler { display: none; } .sidebar-offcanvas #offcanvas-toggler { display: block; } .header-form-search { position: relative; margin: 0; overflow: hidden; -webkit-transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .header-form-search .btn, .header-form-search .form-control { margin: 0; border: 0; background-color: transparent; box-shadow: 0 0 0 #000; } .header-form-search .btn { padding-top: 0; padding-bottom: 0; } .header-form-search .form-control:focus + .focus-bottom-line { left: 40px; right: 40px; visibility: visible; } .header-form-search .focus-bottom-line { content: ''; position: absolute; bottom: 0; left: 45%; right: 45%; height: 2px; visibility: hidden; background-color: rgba(120, 120, 120, 0.15); -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); } /** * Header menu links (animated hamburguer toggles) */ .header-container > nav > ul > li > .menu-link { height: 65px; padding-top: 25px; } .menu-link-close { display: block; position: relative; } .menu-link-close span { position: relative; display: block; } .menu-link-close span, .menu-link-close span:before, .menu-link-close span:after { width: 18px; height: 0; border-bottom: 2px solid; will-change: transform; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; -o-transition: -o-transform 0.4s; transition: transform 0.4s; } .menu-link-close span { -webkit-transition: border-color 0.4s; -o-transition: border-color 0.4s; transition: border-color 0.4s; } .menu-link-close span:before, .menu-link-close span:after { content: " "; position: absolute; } .menu-link-close span:before { top: 6px; } .menu-link-close span:after { top: 12px; } .active .menu-link-close span { border-color: transparent; } .active .menu-link-close span:before { -webkit-transform: rotate(45deg) translate(1px, 0px); -moz-transform: rotate(45deg) translate(1px, 0px); -ms-transform: rotate(45deg) translate(1px, 0px); -o-transform: rotate(45deg) translate(1px, 0px); transform: rotate(45deg) translate(1px, 0px); } .active .menu-link-close span:after { -webkit-transform: rotate(-45deg) translate(4px, -3px); -moz-transform: rotate(-45deg) translate(4px, -3px); -ms-transform: rotate(-45deg) translate(4px, -3px); -o-transform: rotate(-45deg) translate(4px, -3px); transform: rotate(-45deg) translate(4px, -3px); } .menu-link-slide { display: block; position: relative; } .menu-link-slide span { position: relative; display: block; } .menu-link-slide span, .menu-link-slide span:before, .menu-link-slide span:after { width: 18px; height: 0; border-bottom: 2px solid; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .menu-link-slide span:before, .menu-link-slide span:after { content: " "; position: absolute; } .menu-link-slide span:before { top: 7px; left: 0; width: 60%; will-change: left; } .menu-link-slide span:after { top: 14px; } .menu-link-slide em { position: absolute; top: 4px; right: 0; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; will-change: right, transform; } .active .menu-link-slide span:before { left: 40%; } .active .menu-link-slide span em { right: 80%; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .menu-link-arrow { display: block; position: relative; } .menu-link-arrow span { position: relative; display: block; will-change: transform; height: 14px; width: 18px; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; -o-transition: -o-transform 0.4s; transition: transform 0.4s; } .menu-link-arrow em, .menu-link-arrow em:before, .menu-link-arrow em:after { content: " "; position: absolute; display: block; width: 18px; height: 0; border-bottom: 2px solid; will-change: transform; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; -o-transition: -o-transform 0.4s; transition: transform 0.4s; } .menu-link-arrow em { -webkit-transition: border-color 0.4s; -o-transition: border-color 0.4s; transition: border-color 0.4s; } .menu-link-arrow em:before { top: -6px; } .menu-link-arrow em { top: 6px; } .menu-link-arrow em:after { top: 6px; } .active .menu-link-arrow span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .active .menu-link-arrow span em:before { width: 12px; transform: translateX(6px) translateY(1px) rotate(45deg); -webkit-transform: translateX(6px) translateY(1px) rotate(45deg); } .active .menu-link-arrow span em:after { width: 12px; transform: translateX(6px) translateY(-1px) rotate(-45deg); -webkit-transform: translateX(6px) translateY(-1px) rotate(-45deg); } /** * Google Maps */ .gmap, .angular-google-map-container { height: 300px; } .gmap.gmap-sm, .angular-google-map-container.gmap-sm { height: 150px; } .fh .angular-google-map, .fh .angular-google-map-container { height: 100% !important; } /** * Vector Maps */ .vector-map { height: 400px; } .vector-map svg { width: 100%; } .vector-map .jvectormap-container { background-color: transparent !important; } .vector-map .jvectormap-zoomin, .vector-map .jvectormap-zoomout { position: absolute; left: 10px; width: 22px; height: 22px; border-radius: 2px; background: #515253; padding: 5px; color: white; cursor: pointer; line-height: 10px; text-align: center; } .vector-map .jvectormap-zoomin { top: 10px; } .vector-map .jvectormap-zoomout { top: 30px; } .jvectormap-label { position: absolute; display: none; border: solid 1px #313232; border-radius: 2px; background: #313232; color: white; padding: 3px 6px; opacity: 0.9; z-index: 11; } /** * Pages */ /* Fix blueimp-gallery image paths for distribution */ .blueimp-gallery > .slides > .slide > .video-content > a { background: url(../img/video-play.png) center no-repeat; } .blueimp-gallery > .slides > .slide > .video-loading > a { background: url(../img/loading.gif) center no-repeat; } body:last-child .blueimp-gallery > .slides > .slide > .video-content:not(.video-loading) > a { background-image: url(../img/video-play.svg); } .blueimp-gallery > .slides > .slide-loading { background: url(../img/loading.gif) center no-repeat; } .blueimp-gallery > .slides > .slide-error { background: url(../img/error.png) center no-repeat; } .blueimp-gallery > .play-pause { background: url(../img/play-pause.png) 0 0 no-repeat; } body:last-child .blueimp-gallery > .slides > .slide-error { background-image: url(../img/error.svg); } body:last-child .blueimp-gallery > .play-pause { background-image: url(../img/play-pause.svg); } /** * Timeline */ .timeline, .timeline-alt { list-style: none; padding: 0 0 20px; position: relative; z-index: 0; } .timeline:before, .timeline-alt:before { position: absolute; top: 0; bottom: 0; content: " "; width: 1px; background-color: rgba(162, 162, 162, 0.36); left: 10px; } .timeline .timeline-end, .timeline-alt .timeline-end { float: none; clear: both; } .timeline > li, .timeline-alt > li { margin-bottom: 20px; } .timeline > li:before, .timeline-alt > li:before, .timeline > li:after, .timeline-alt > li:after { content: " "; display: table; } .timeline > li:after, .timeline-alt > li:after { clear: both; } .timeline > li.timeline-separator, .timeline-alt > li.timeline-separator { position: relative; float: none; clear: both; margin: 0 auto; padding: 40px 0; } .timeline > li.timeline-separator:first-child, .timeline-alt > li.timeline-separator:first-child { padding-top: 0; } .timeline > li.timeline-separator:before, .timeline-alt > li.timeline-separator:before { content: attr(data-datetime); display: inline-block; width: 120px; text-align: center; padding: 0 20px; line-height: 30px; background-color: #607D8B; color: #fff; } .timeline > li > .timeline-panel, .timeline-alt > li > .timeline-panel { margin-left: 40px; } .timeline > li > .timeline-date, .timeline-alt > li > .timeline-date { margin: -20px 0 0; display: block; height: 20px; line-height: 20px; font-size: 13px; } .timeline > li > .timeline-date > time:after, .timeline-alt > li > .timeline-date > time:after { content: attr(datetime); } .timeline > li > .timeline-badge, .timeline-alt > li > .timeline-badge { position: absolute; left: 0; width: 20px; height: 20px; border-radius: 50%; line-height: 20px; font-size: 1.2em; text-align: center; color: #fff; z-index: 100; } .timeline > li > .timeline-badge:after, .timeline-alt > li > .timeline-badge:after { content: ""; background-color: #ffffff; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; display: block; border-radius: 50%; } .timeline-title { margin-top: 0; color: inherit; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } @media only screen and (min-width: 768px) { .timeline:before { left: 50%; margin-left: 10px; } .timeline > li { float: left; clear: left; width: 48%; } .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 50px; } .timeline > li.timeline-separator { text-align: center; } .timeline > li.timeline-separator:before { margin-left: 20px; } .timeline > li > .timeline-badge { left: 50%; margin-left: 0; } .timeline > li > .timeline-date { float: none; position: absolute; width: 40%; left: 50%; top: 10px; margin-left: 30px; margin-top: -10px; } .timeline > li > .timeline-panel { margin: 0; } .timeline > li > .timeline-panel:before { border-left-width: 15px; border-right-width: 0; top: 26px; right: -15px; left: auto; } .timeline > li > .timeline-panel:after { border-left-width: 14px; border-right-width: 0; top: 27px; right: -14px; left: auto; } .timeline > li.timeline-inverted > .timeline-panel { padding-left: 20px; } .timeline > li.timeline-inverted .timeline-date { left: auto; right: 50%; width: auto; margin-left: 0; margin-right: 20px; } } /** * Ripple */ .ripple { position: relative; overflow: hidden; } .ripple > .md-ripple { display: block; position: absolute; top: 50%; left: 50%; bottom: 0; right: 0; overflow: hidden; pointer-events: none; background-color: rgba(0, 0, 0, 0.06); border-radius: 50%; -webkit-transform: scale(0.0001, 0.0001); -ms-transform: scale(0.0001, 0.0001); -o-transform: scale(0.0001, 0.0001); transform: scale(0.0001, 0.0001); opacity: 1; width: 0; height: 0; } .ripple > .md-ripple.md-ripple-animate { -webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1); transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1); opacity: 0; -webkit-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); } .ripple.btn-oval > .md-ripple.md-ripple-animate, .ripple.btn-pill-left > .md-ripple.md-ripple-animate, .ripple.btn-pill-right > .md-ripple.md-ripple-animate, .ripple.btn-flat-icon > .md-ripple.md-ripple-animate, .ripple.btn-circle > .md-ripple.md-ripple-animate { -webkit-transform: scale(0.99); -ms-transform: scale(0.99); -o-transform: scale(0.99); transform: scale(0.99); } /** * Settings */ .setting-color { padding: 0 5px; } .setting-color > label { display: block; position: relative; height: 30px; margin: 0 10px; border-radius: 1px; cursor: pointer; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.014); } .setting-color > label:first-child { margin-left: 0; } .setting-color > label:last-child { margin-right: 0; } .setting-color > label .t-grid, .setting-color > label .t-row { max-width: 60px; height: 100%; margin: 0; } .setting-color > label > .color { display: block; height: 18px; } .setting-color > label > .split { display: block; } .setting-color > label > .split:before, .setting-color > label > .split:after { content: " "; display: table; } .setting-color > label > .split:after { clear: both; } .setting-color > label > .split > .color { display: block; height: 37.5px; } .setting-color > label > .split > .color:first-child { float: left; width: 70%; } .setting-color > label > .split > .color:last-child { float: right; width: 30%; } .setting-color > label > .ion-checkmark-round { position: absolute; display: block; right: -5px; top: -10px; width: 20px; height: 20px; border-radius: 50%; text-align: center; font-size: 14px; color: #4CAF50; background-color: #fff; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.014); -webkit-transition: -webkit-transform 0.2s ease; -moz-transition: -moz-transform 0.2s ease; -o-transition: -o-transform 0.2s ease; transition: transform 0.2s ease; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .setting-color > label > input[type="radio"] { position: absolute; visibility: hidden; } .setting-color > label > input[type="radio"]:checked + .ion-checkmark-round { opacity: 1 !important; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /** * Sidebar */ .sidebar-container { position: absolute; top: 0; left: 0; bottom: 0; width: 240px; overflow-y: auto; overflow-x: visible; -webkit-overflow-scrolling: touch; background-color: #263238; color: rgba(255, 255, 255, 0.75); z-index: 20; } .sidebar-container a.sb-link { color: rgba(255, 255, 255, 0.75); text-decoration: none; } .sidebar-header { height: 65px; padding: 0 16px; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.14); } .sidebar-header > .sidebar-header-logo { display: inline-block; height: 100%; line-height: 65px; text-decoration: none; color: inherit; font-size: 22px; letter-spacing: .023em; } .sidebar-header > .sidebar-header-logo > img, .sidebar-header > .sidebar-header-logo > svg { display: inline-block; width: 24px; height: 24px; vertical-align: -5%; } .sidebar-header > .sidebar-header-logo > img + .sidebar-header-logo-text, .sidebar-header > .sidebar-header-logo > svg + .sidebar-header-logo-text { margin-left: 16px; } .sidebar-header > .sidebar-header-logo > svg { fill: #fff; } .sidebar-header > .sidebar-header-logo-text { font-weight: 500; font-size: 20px; vertical-align: middle; } .sidebar-header + .sidebar-content { height: calc(100% - 65px); overflow: auto; } .sidebar-content { border-right: 1px solid rgba(0, 0, 0, 0.11); } .sidebar-toolbar { position: relative; z-index: -1; background-color: inherit; background-repeat: no-repeat; background-position: left top; background-size: 100%; padding: 60px 20px; } .sidebar-toolbar + .sidebar-nav { padding-top: 0; } .sidebar-container { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.28s ease-in-out; -moz-transition: -moz-transform 0.28s ease-in-out; -o-transition: -o-transform 0.28s ease-in-out; transition: transform 0.28s ease-in-out; will-change: transform; } @media only screen and (min-width: 992px) { .sidebar-container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .sidebar-layout-obfuscator { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; visibility: hidden; opacity: 0; background-color: rgba(0, 0, 0, 0.3); will-change: opacity; -webkit-transition: opacity .28s ease-in-out, visibility .28s ease-in-out; -o-transition: opacity .28s ease-in-out, visibility .28s ease-in-out; transition: opacity .28s ease-in-out, visibility .28s ease-in-out; } @media only screen and (min-width: 992px) { .sidebar-layout-obfuscator { display: none; } } @media only screen and (max-width: 991px) { .sidebar-visible { overflow: hidden; } .sidebar-visible .sidebar-container { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sidebar-visible .sidebar-layout-obfuscator { opacity: 1; visibility: visible; } } .no-csstransforms3d .sidebar-container { margin-left: -240px; } @media only screen and (min-width: 992px) { .no-csstransforms3d .sidebar-container { margin-left: 0; } } @media only screen and (max-width: 1199px) { .no-csstransforms3d .sidebar-visible .sidebar-container { margin-left: 0; } } .sidebar-nav { padding-top: 16px; font-weight: 500; background-color: inherit; } .sidebar-nav ul { list-style-type: none; margin: 0; padding: 0; } .sidebar-nav ul > li > a { display: block; padding: 0 16px; height: 50px; line-height: 50px; text-decoration: none; letter-spacing: 0.0125em; color: inherit; overflow: hidden; } .sidebar-nav ul > li > a > .nav-icon { position: relative; display: inline-block; width: 1em; height: 1em; margin-right: 16px; text-align: center; font-size: 24px; vertical-align: middle; } .sidebar-nav ul > li > a > .nav-icon > em, .sidebar-nav ul > li > a > .nav-icon > img, .sidebar-nav ul > li > a > .nav-icon > svg { position: absolute; display: inline-block; color: inherit; top: 0; left: 0; width: 100%; height: 100%; line-height: 1; color: #448AFF; fill: #64B5F6; } .sidebar-nav ul > li > a > .nav-label, .sidebar-nav ul > li > a > .nav-caret { line-height: inherit; } .sidebar-nav ul > li > a > .nav-label { margin-right: 16px; margin-top: -2px; } .sidebar-nav ul > li > a > .nav-caret { margin-left: 11px; } .sidebar-nav ul > li > a > .nav-caret + .nav-label { margin-right: 0; } .sidebar-nav ul > li > a:hover, .sidebar-nav ul > li > a:focus { background-color: rgba(162, 162, 162, 0.09); } .sidebar-nav ul > li > a:hover > .nav-icon em, .sidebar-nav ul > li > a:focus > .nav-icon em { color: #448AFF; } .sidebar-nav ul > li.active { background-color: rgba(162, 162, 162, 0.026); } .sidebar-nav ul > li.active > a > .nav-icon em { color: #448AFF; } .sidebar-nav ul > li.active > ul li.active a { background-color: rgba(162, 162, 162, 0.026); } .sidebar-nav ul > li ul > li > a { padding-left: 72px; } .sidebar-nav ul > li ul > li ul > li > a { padding-left: 88px; } .sidebar-nav ul > li > ul { height: 0; overflow: hidden; -webkit-transition: height 0.55s cubic-bezier(0.35, 0, 0.25, 1); -o-transition: height 0.55s cubic-bezier(0.35, 0, 0.25, 1); transition: height 0.55s cubic-bezier(0.35, 0, 0.25, 1); } .sidebar-nav ul > li > ul > li > a { margin-left: -20px; opacity: 0; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; -webkit-transition-property: opacity, margin-left; transition-property: opacity, margin-left; } .sidebar-nav ul > li > a > .nav-caret { -webkit-transition: -webkit-transform 0.2s ease; -moz-transition: -moz-transform 0.2s ease; -o-transition: -o-transform 0.2s ease; transition: transform 0.2s ease; } .sidebar-nav ul > li.active > ul { height: auto; } .sidebar-nav ul > li.active > ul > li > a { opacity: 1; margin-left: 0; } .sidebar-nav ul > li.active > a > .nav-caret { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } /** * Tables - Bootgrid */ .bootgrid .table > thead > tr > td.active, .bootgrid .table > tbody > tr > td.active, .bootgrid .table > tfoot > tr > td.active, .bootgrid .table > thead > tr > th.active, .bootgrid .table > tbody > tr > th.active, .bootgrid .table > tfoot > tr > th.active, .bootgrid .table > thead > tr.active > td, .bootgrid .table > tbody > tr.active > td, .bootgrid .table > tfoot > tr.active > td, .bootgrid .table > thead > tr.active > th, .bootgrid .table > tbody > tr.active > th, .bootgrid .table > tfoot > tr.active > th { background-color: #ECEFF1; } .bootgrid-header .search .form-control { border: 0 !important; border-bottom: 1px solid rgba(162, 162, 162, 0.12) !important; border-radius: 0; background-color: transparent !important; } .bootgrid-header .search .form-control:focus { border-bottom-color: #448AFF !important; } .bootgrid-header .search .input-group-addon { border: 0 !important; background-color: transparent; } .bootgrid-header .search.form-group { float: left; } .bootgrid-header .dropdown > .btn { border: 0; } .bootgrid-header .dropdown > .btn:hover, .bootgrid-header .dropdown > .btn:focus { -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.014); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.014); } .bootgrid-header .dropdown .dropdown-item { color: #555; } .bootgrid-header .dropdown .active > .dropdown-item { color: #fff; } .bootgrid-table th > .column-header-anchor { color: inherit; } .bootgrid-table th:hover, .bootgrid-table th:active { background-color: rgba(162, 162, 162, 0.12); } .bootgrid .table > thead > tr > td.active, .bootgrid .table > tbody > tr > td.active, .bootgrid .table > tfoot > tr > td.active, .bootgrid .table > thead > tr > th.active, .bootgrid .table > tbody > tr > th.active, .bootgrid .table > tfoot > tr > th.active, .bootgrid .table > thead > tr.active > td, .bootgrid .table > tbody > tr.active > td, .bootgrid .table > tfoot > tr.active > td, .bootgrid .table > thead > tr.active > th, .bootgrid .table > tbody > tr.active > th, .bootgrid .table > tfoot > tr.active > th { background-color: rgba(162, 162, 162, 0.12); } /** * Tables - Datatables */ table.dataTable { border-bottom: 0; } table.dataTable, table.dataTable th, table.dataTable td { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } table.dataTable tbody tr { background-color: transparent !important; } table.dataTable tbody tr:nth-of-type(odd) { background-color: rgba(162, 162, 162, 0.06) !important; } table.dataTable thead th, table.dataTable thead td { border-bottom: 0 !important; } .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper select, .dataTables_wrapper .form-control { box-shadow: none; height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; background-color: transparent !important; background-image: none; border-radius: 0; border: 0; border-bottom: 1px solid rgba(162, 162, 162, 0.16); } .dataTables_wrapper .dataTables_filter input:focus, .dataTables_wrapper select:focus, .dataTables_wrapper .form-control:focus { border-bottom-color: #03A9F4 !important; } .dataTables_wrapper > .dataTables_paginate .paginate_button { background-image: none !important; background-color: rgba(162, 162, 162, 0.26) !important; border: 0 !important; border-radius: 50%; -webkit-transition: none; -o-transition: none; transition: none; } .dataTables_wrapper > .dataTables_paginate .paginate_button:hover { background-color: #03A9F4 !important; color: #fff !important; } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_paginate .paginate_button { color: inherit !important; } .dataTables_wrapper .dataTables_paginate .paginate_button.current { background-color: #03A9F4 !important; color: #fff !important; } .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #fff !important; } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { background-color: rgba(162, 162, 162, 0.26) !important; color: inherit !important; } table.dataTable.no-footer { border-bottom: 0; } table.dataTable tfoot th, table.dataTable tfoot td { border-top: 0; } .card .dataTable { width: 100% !important; } .card .dataTables_wrapper > .row, .panel .dataTables_wrapper > .row { margin: 0; } /* Fix datatables image paths for distribution */ table.dataTable thead .sorting { background-image: url("../img/sort_both.png"); } table.dataTable thead .sorting_asc { background-image: url("../img/sort_asc.png"); } table.dataTable thead .sorting_desc { background-image: url("../img/sort_desc.png"); } table.dataTable thead .sorting_asc_disabled { background-image: url("../img/sort_asc_disabled.png"); } table.dataTable thead .sorting_desc_disabled { background-image: url("../img/sort_desc_disabled.png"); } /** * Utilities */ .m0 { margin: 0 !important; } .ml0 { margin-left: 0 !important; } .mr0 { margin-right: 0 !important; } .mt0 { margin-top: 0 !important; } .mb0 { margin-bottom: 0 !important; } .m { margin: 16px !important; } .ml { margin-left: 16px !important; } .mr { margin-right: 16px !important; } .mt { margin-top: 16px !important; } .mb { margin-bottom: 16px !important; } .m-sm { margin: 8px !important; } .ml-sm { margin-left: 8px !important; } .mr-sm { margin-right: 8px !important; } .mt-sm { margin-top: 8px !important; } .mb-sm { margin-bottom: 8px !important; } .m-lg { margin: 24px !important; } .ml-lg { margin-left: 24px !important; } .mr-lg { margin-right: 24px !important; } .mt-lg { margin-top: 24px !important; } .mb-lg { margin-bottom: 24px !important; } .m-xl { margin: 32px !important; } .ml-xl { margin-left: 32px !important; } .mr-xl { margin-right: 32px !important; } .mt-xl { margin-top: 32px !important; } .mb-xl { margin-bottom: 32px !important; } .mv { margin-top: 16px !important; margin-bottom: 16px !important; } .mh { margin-left: 16px !important; margin-right: 16px !important; } .mv-xl { margin-top: 32px !important; margin-bottom: 32px !important; } .mh-xl { margin-left: 32px !important; margin-right: 32px !important; } .mv-lg { margin-top: 24px !important; margin-bottom: 24px !important; } .mh-lg { margin-left: 24px !important; margin-right: 24px !important; } .mv-sm { margin-top: 8px !important; margin-bottom: 8px !important; } .mh-sm { margin-left: 8px !important; margin-right: 8px !important; } .p0 { padding: 0 !important; } .pl0 { padding-left: 0 !important; } .pr0 { padding-right: 0 !important; } .pt0 { padding-top: 0 !important; } .pb0 { padding-bottom: 0 !important; } .pv0 { padding-top: 0 !important; padding-bottom: 0 !important; } .ph0 { padding-left: 0 !important; padding-right: 0 !important; } .p { padding: 16px !important; } .pl { padding-left: 16px !important; } .pr { padding-right: 16px !important; } .pt { padding-top: 16px !important; } .pb { padding-bottom: 16px !important; } .p-sm { padding: 4px !important; } .pl-sm { padding-left: 4px !important; } .pr-sm { padding-right: 4px !important; } .pt-sm { padding-top: 4px !important; } .pb-sm { padding-bottom: 4px !important; } .p-lg { padding: 24px !important; } .pl-lg { padding-left: 24px !important; } .pr-lg { padding-right: 24px !important; } .pt-lg { padding-top: 24px !important; } .pb-lg { padding-bottom: 24px !important; } .p-xl { padding: 32px !important; } .pl-xl { padding-left: 32px !important; } .pr-xl { padding-right: 32px !important; } .pt-xl { padding-top: 32px !important; } .pb-xl { padding-bottom: 32px !important; } .pv { padding-top: 16px !important; padding-bottom: 16px !important; } .ph { padding-left: 16px !important; padding-right: 16px !important; } .pv-xl { padding-top: 32px !important; padding-bottom: 32px !important; } .ph-xl { padding-left: 32px !important; padding-right: 32px !important; } .pv-lg { padding-top: 24px !important; padding-bottom: 24px !important; } .ph-lg { padding-left: 24px !important; padding-right: 24px !important; } .pv-sm { padding-top: 4px !important; padding-bottom: 4px !important; } .ph-sm { padding-left: 4px !important; padding-right: 4px !important; } .fh { height: 100% !important; } @media only screen and (min-width: 768px) { .fh-sm { height: 100% !important; } } @media only screen and (min-width: 992px) { .fh-md { height: 100% !important; } } @media only screen and (min-width: 1200px) { .fh-lg { height: 100% !important; } } .fw { width: 100% !important; } @media only screen and (min-width: 768px) { .fw-sm { width: 100% !important; } } @media only screen and (min-width: 992px) { .fw-md { width: 100% !important; } } @media only screen and (min-width: 1200px) { .fw-lg { width: 100% !important; } } .va-middle { vertical-align: middle !important; } .va-top { vertical-align: top !important; } .va-bottom { vertical-align: bottom !important; } table.va-middle td { vertical-align: middle !important; } table.va-top td { vertical-align: top !important; } table.va-bottom td { vertical-align: bottom !important; } .b0 { border-width: 0 !important; } .bl0 { border-left-width: 0 !important; } .br0 { border-right-width: 0 !important; } .bt0 { border-top-width: 0 !important; } .bb0 { border-bottom-width: 0 !important; } .br { border-right: 1px solid rgba(162, 162, 162, 0.32); } .bl { border-left: 1px solid rgba(162, 162, 162, 0.32); } .bt { border-top: 1px solid rgba(162, 162, 162, 0.32); } .bb { border-bottom: 1px solid rgba(162, 162, 162, 0.32); } .b, .ba { border-right: 1px solid rgba(162, 162, 162, 0.32); border-left: 1px solid rgba(162, 162, 162, 0.32); border-top: 1px solid rgba(162, 162, 162, 0.32); border-bottom: 1px solid rgba(162, 162, 162, 0.32); } .spr { margin-right: .25em; } .spl { margin-left: .25em; } .text-white { color: #fff; } .text-alpha { color: rgba(255, 255, 255, 0.5); } .text-alpha-inverse { color: rgba(0, 0, 0, 0.5); } .text-gray-darker { color: #263238; } .text-gray-dark { color: #455A64; } .text-gray { color: #607D8B; } .text-gray-light { color: #90A4AE; } .text-gray-lighter { color: #ECEFF1; } .text-inherit { color: inherit !important; } .text-soft { color: rgba(162, 162, 162, 0.66); } .text-light { color: rgba(255, 255, 255, 0.74); } .text-sm { font-size: 11.9px; } .text-md { font-size: 26.6px; } .text-lg { font-size: 42px; } .lh1 { line-height: 1; } .text-nowrap { white-space: nowrap; } .text-thin { font-weight: 100 !important; } .text-bold { font-weight: bold !important; } .text-normal { font-weight: normal !important; } .text-normal p { font-weight: normal; } .text-ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: bottom; } .inline { display: inline-block !important; } .block-center { margin: 0 auto; } .block { display: block !important; } .bg-white { background-color: #fff; color: inherit !important; } .bg-primary { background-color: #448AFF; color: #fff !important; } .bg-primary .text-muted { color: rgba(255, 255, 255, 0.5); } .bg-primary small { color: inherit; } .bg-success { background-color: #4CAF50; color: #fff !important; } .bg-success .text-muted { color: rgba(255, 255, 255, 0.5); } .bg-success small { color: inherit; } .bg-info { background-color: #03A9F4; color: #fff !important; } .bg-info .text-muted { color: rgba(255, 255, 255, 0.5); } .bg-info small { color: inherit; } .bg-warning { background-color: #FFB300; color: #fff !important; } .bg-warning .text-muted { color: rgba(255, 255, 255, 0.5); } .bg-warning small { color: inherit; } .bg-danger { background-color: #F44336; color: #fff !important; } .bg-danger .text-muted { color: rgba(255, 255, 255, 0.5); } .bg-danger small { color: inherit; } .bg-gray-darker { background-color: #263238; color: #fff !important; } .bg-gray-dark { background-color: #455A64; color: #fff !important; } .bg-gray { background-color: #607D8B; color: #6C7177 !important; } .bg-gray-light { background-color: #90A4AE; color: #6C7177 !important; } .bg-gray-lighter { background-color: #ECEFF1; color: #6C7177 !important; } .bg-transparent { background-color: transparent !important; } .bg-fade { background-color: transparent !important; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 55%, #000000); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 55%, #000000); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 55%, #000000); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000', GradientType=0); } .bg-cover { background-size: cover; } .bg-full { background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .bg-center { background-position: center center; background-size: cover; } .thumb8 { width: 8px !important; height: 8px !important; } .thumb16 { width: 16px !important; height: 16px !important; } .thumb24 { width: 24px !important; height: 24px !important; } .thumb32 { width: 32px !important; height: 32px !important; } .thumb40 { width: 40px !important; height: 40px !important; } .thumb48 { width: 48px !important; height: 48px !important; } .thumb64 { width: 64px !important; height: 64px !important; } .thumb80 { width: 80px !important; height: 80px !important; } .thumb96 { width: 96px !important; height: 96px !important; } .thumb128 { width: 128px !important; height: 128px !important; } .initial8 { width: 8px !important; height: 8px !important; line-height: 8px; text-align: center; border-radius: 50%; } .initial16 { width: 16px !important; height: 16px !important; line-height: 16px; text-align: center; border-radius: 50%; } .initial24 { width: 24px !important; height: 24px !important; line-height: 24px; text-align: center; border-radius: 50%; } .initial32 { width: 32px !important; height: 32px !important; line-height: 32px; text-align: center; border-radius: 50%; } .initial40 { width: 40px !important; height: 40px !important; line-height: 40px; text-align: center; border-radius: 50%; } .initial48 { width: 48px !important; height: 48px !important; line-height: 48px; text-align: center; border-radius: 50%; } .initial64 { width: 64px !important; height: 64px !important; line-height: 64px; text-align: center; border-radius: 50%; } .initial80 { width: 80px !important; height: 80px !important; line-height: 80px; text-align: center; border-radius: 50%; } .initial96 { width: 96px !important; height: 96px !important; line-height: 96px; text-align: center; border-radius: 50%; } .initial128 { width: 128px !important; height: 128px !important; line-height: 128px; text-align: center; border-radius: 50%; } .table-fixed { table-layout: fixed; width: 100%; } .shadow-clear { box-shadow: 0 0 0 #000 !important; } .radius-clear { border-radius: 0 !important; } .rounded { border-radius: 100px; } .item-grab { cursor: -webkit-grab; cursor: -moz-grab; } .item-grabbing { cursor: -webkit-grabbing; cursor: -moz-grabbing; } .clickable { cursor: pointer !important; } .rel-wrapper { position: relative !important; } .oh { overflow: hidden; } .oa { overflow: auto; } .icon-18 { font-size: 18px; vertical-align: -18%; } .icon-24 { font-size: 24px; vertical-align: -24%; } .icon-36 { font-size: 36px; vertical-align: -36%; } .icon-48 { font-size: 48px; vertical-align: -48%; } .icon-2x { font-size: 2em; } .icon-3x { font-size: 3em; } .icon-4x { font-size: 4em; } .icon-5x { font-size: 5em; } .icon-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .icon-fw { display: inline-block; width: 1.28571429em; text-align: center; } .icon-dark { color: rgba(0, 0, 0, 0.54); } .icon-dark.icon-inactive { color: rgba(0, 0, 0, 0.26); } .icon-light { color: #ffffff; } .icon-light.icon-inactive { color: rgba(255, 255, 255, 0.3); } .wd-xxs { width: 60px; } .wd-xs { width: 90px; } .wd-sm { width: 150px; } .wd-sd { width: 200px; } .wd-md { width: 240px; } .wd-lg { width: 280px; } .wd-xl { width: 320px; } .wd-xxl { width: 360px; } .wd-wide { width: 100%; } .wd-auto { width: auto; } .wd-zero { width: 0; } .link-unstyled { text-decoration: none !important; outline: none !important; } textarea.no-resize { resize: none; max-width: 100%; min-width: 100%; } .shadow-z0 { -webkit-box-shadow: 0 0 0 #000; box-shadow: 0 0 0 #000; } .shadow-z1 { -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.014); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.014); } .shadow-z2 { -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.014); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.014); } .shadow-z3 { -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.14), 0 6px 10px 0 rgba(0, 0, 0, 0.098), 0 1px 18px 0 rgba(0, 0, 0, 0.014); box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.14), 0 6px 10px 0 rgba(0, 0, 0, 0.098), 0 1px 18px 0 rgba(0, 0, 0, 0.014); } .shadow-z4 { -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.14), 0 8px 10px 1px rgba(0, 0, 0, 0.098), 0 3px 14px 2px rgba(0, 0, 0, 0.014); box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.14), 0 8px 10px 1px rgba(0, 0, 0, 0.098), 0 3px 14px 2px rgba(0, 0, 0, 0.014); } .shadow-z5 { -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.14), 0 16px 24px 2px rgba(0, 0, 0, 0.098), 0 6px 30px 5px rgba(0, 0, 0, 0.014); box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.14), 0 16px 24px 2px rgba(0, 0, 0, 0.098), 0 6px 30px 5px rgba(0, 0, 0, 0.014); } .image-list > a { margin-left: -8px; } .image-list > a:first-child { margin-left: 0; } .image-list > a:last-of-type { margin-right: 8px; } .list-group-unstyle > .list-group-item { border-left: 0; border-right: 0; } .list-group-unstyle > .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .list-group-unstyle > .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .icons-list { margin: 40px auto; padding-left: 0; width: 100%; list-style: none; text-align: center; font-size: 1px; } .icons-list > li { position: relative; z-index: 0; display: inline-block; padding: 22px; width: 84px; border-radius: 4px; list-style: none; text-align: center; font-weight: normal; font-size: 32px; cursor: pointer; } .icons-list > li:hover { background-color: rgba(255, 255, 255, 0.9); color: #03A9F4; -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.014); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.014); -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .bg-pic1 { background-image: url('../img/pic1.jpg'); } .bg-pic2 { background-image: url('../img/pic2.jpg'); } .bg-pic3 { background-image: url('../img/pic3.jpg'); } .bg-pic4 { background-image: url('../img/pic4.jpg'); } .bg-pic5 { background-image: url('../img/pic5.jpg'); } .bg-pic6 { background-image: url('../img/pic6.jpg'); } .reader-block p { margin: 16px auto; font-size: 16px; line-height: 28px; font-weight: normal; } .reader-block p > img { max-width: 100%; margin: 32px auto; } .box-placeholder { margin-bottom: 15px; padding: 20px; border: 1px dashed rgba(162, 162, 162, 0.26); background: transparent; color: inherit; } .box-placeholder > :last-child { margin-bottom: 0; } .box-placeholder.box-placeholder-lg { padding-top: 80px; padding-bottom: 80px; } @charset "UTF-8"; /* Full border-radius */ /* Single side border-radius */ /* border-radius-top */ /* border-radius-right */ /* border-radius-bottom */ /* border-radius-left */ /* opacity */ /* font-size */ /* line-height */ /* Transitions */ /* Arrows */ /* Arrow Up */ /* Arrow down */ /* Arrow right */ /* Arrow left */ /*FONTS STYLES*/ html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: auto; } body { font-family: Arial !important; font-size: 16px; } /*a, .btn-link { color: #76B6D2 !important; } a:focus, .btn-link:focus, a:hover, .btn-link:hover { color: #76B6D2 !important; }*/ /*a, .btn-link{ color: #76B6D2 !important; }*/ a:focus, .btn-link:focus, a:hover, .btn-link:hover { color: #3989A9; cursor: pointer; text-decoration: none; } a { -webkit-transition: .5s; /* ...and now for the proper property */ transition: .5s; } h5 { line-height: 1.3; } .main-container a:not(.btn) { color: #3989a9; } .main-container a:hover:not(.btn) { color: #73B7D2; } .text-primary-rav, .btn-flat.btn-primary-rav, .text-primary-hover-rav:hover { color: #073763 !important; } .text-dark-blue-rav { color: #3483AC; } .text-blue-rav { color: #71B6CF; } .text-heading-black { color: #242424; } .text-blue-two-rav { color: #73B7D2; } .text-grey-rav { color: #D3DAE2; } .text-default { color: #58595B; } a.text-blue-two-rav:focus, a.text-blue-two-rav:hover { color: #76B6D2; } .text-white { color: #fff !important; } .bg-dark-blue-rav { background-color: #01304E; } .bg-blue-rav { background-color: #74B7D2; } .bg-blue-light-rav { background-color: #EFF7FA; } .bg-primary-rav { background-color: #073763; } .bg-grey-rav { background-color: #D3DAE2 !important; } .bg-light-grey-rav { background-color: #F5F6F8 !important; } a.text-dark-blue-rav:hover, a.text-dark-blue-rav:hover, a.text-dark-blue-rav:focus { color: #00476D; } a.text-blue-rav:hover, a.text-blue-rav:hover, a.text-blue-rav:focus { color: #FFF; } .btn-primary.btn-primary-rav.btn-flat { background-color: transparent; } .btn-primary.btn-primary-rav { background-color: #073763; border-color: #073763; } .btn-primary.btn-primary-rav:hover, .btn-primary.btn-primary-rav:active:hover { background-color: #00476D; border-color: #00476D; } .btn-primary.btn-primary-rav:active, .btn-primary.btn-primary-rav.active, .open > .dropdown-toggle.btn-primary.btn-primary-rav, .btn-primary.btn-primary-rav:focus, .btn-primary.btn-primary-rav.focus, .btn-primary.btn-primary-rav:active:focus { color: #FFF; background-color: #0656a0; border-color: #0656a0; } .btn-primary.btn-blue-two-rav.btn-flat { background-color: transparent !important; } .btn-primary.btn-blue-two-rav.btn-flat.btn-bordered { color: #72B8D1 !important; border-color: #72B8D1 !important; border: 1px solid; } .btn-primary.btn-blue-two-rav { background-color: #3989AA; border-color: #3989AA; border-radius: 3px; } .btn-primary.btn-blue-two-rav:hover, .btn-primary.btn-blue-two-rav:active:hover { background-color: #2e6580; border-color: #2E6580; } .btn-primary.btn-blue-two-rav:active, .btn-primary.btn-blue-two-rav.active, .open > .dropdown-toggle.btn-primary.btn-blue-two-rav, .btn-primary.btn-blue-two-rav:focus, .btn-primary.btn-blue-two-rav.focus, .btn-primary.btn-blue-two-rav:active:focus { color: #FFF; background-color: #2e6580; border-color: #2e6580; } .text-gray-lighter-rav { color: #dedede; } .text-dark-rav { color: #000; } .text-light-dark-rav { color: #6C7177; } .text-success.text-success-rav { color: #AEC27A; } .text-warning.text-warning-rav { color: #DE6026; } .text-warning { color: #DE6026 !important; } .text-danger.text-danger-rav { color: #DE6026; } label { font-weight: normal !important; } .help-block { font-size: 12px; } .alert-success.alert-success-light-rav { background-color: #AEC27A; border-color: #AEC27A; } .alert-success.alert-success-rav { background-color: #3989AA !important; border-color: #3989AA !important; } .alert-info-rav { background-color: #3989AA !important; border-color: #3989AA !important; color: #fff !important; } .alert-warning-rav { background-color: #FABE4C !important; border-color: #FABE4C !important; color: #fff !important; } .alert-danger-rav { background-color: #DE6026 !important; border-color: #DE6026 !important; color: #fff !important; } .nav-tabs.nav-tabs-rav > li.active > a, .nav-tabs.nav-tabs-rav > li.active > a:focus, .nav-tabs.nav-tabs-rav > li.active > a:hover, .nav-tabs.nav-tabs-rav.nav-justified > .active > a, .nav-tabs.nav-tabs-rav.nav-justified > .active > a:hover, .nav-tabs.nav-tabs-rav.nav-justified > .active > a:focus { border-bottom: 4px solid; } .nav-tabs.nav-tabs-rav > li.active { color: #3989a9; } .c-radio input[type=radio]:checked + span { border: 2px solid #76B6D2 !important; } .c-checkbox:hover span, .c-radio:hover span { border: 2px solid #76B6D2 !important; } .c-radio input[type=radio]:checked + span:before { background-color: #76B6D2 !important; } /* Font Size -------------------------------*/ .fsize13 { font-size: 13px !important; } .fsize14 { font-size: 14px !important; } .fsize15 { font-size: 15px !important; } .fsize16 { font-size: 16px !important; } .fsize18 { font-size: 18px !important; } .fsize20 { font-size: 20px !important; } .fsize24 { font-size: 24px !important; } .fsize28 { font-size: 28px !important; } .fsize32 { font-size: 32px !important; } .fsize48 { font-size: 48px !important; } .fsize64 { font-size: 64px !important; } .fsize80 { font-size: 80px !important; } .fsize96 { font-size: 96px !important; } .fsize112 { font-size: 112px !important; } .fsize128 { font-size: 128px !important; } .white, .white p, .white strong { color: #ffffff !important; } .yellow, .yellow p, .yellow strong { color: #fae227 !important; } .black, .black p, .black strong { color: #000000 !important; } .blue, .blue p, .blue strong { color: #1e97d2 !important; } .red, .red p, .red strong { color: #ed594a !important; } .green, .green p, .green strong { color: #25bb38 !important; } .purple, .purple p, .purple strong { color: #a059d0 !important; } .pink, .pink p, .pink strong { color: #e444b3 !important; } .lightblue, .lightblue p, .lightblue strong { color: #16b7ef !important; } /*Tablet Styles (Portrait) (sm)*/ @media only screen and (min-width: 600px) { .white-sm, .white-sm p, .white-sm strong { color: #ffffff !important; } .yellow-sm, .yellow-sm p, .yellow-sm strong { color: #fae227 !important; } } /*Tablet Styles (Landscape) (md)*/ @media only screen and (min-width: 992px) { .white-md, .white-md p, .white-md strong { color: #ffffff !important; } .yellow-md, .yellow-md p, .yellow-md strong { color: #fae227 !important; } } /*Desktop Styles (lg)*/ @media only screen and (min-width: 1200px) { .white-lg, .white-lg p, .white-lg strong { color: #ffffff !important; } .yellow-lg, .yellow-lg p, .yellow-lg strong { color: #fae227 !important; } } /*HEADER/FOOTER STYLES*/ .theme-1 .layout-container > header, .theme-1 .layout-container > aside > .sidebar-header { background-color: #00476D !important; } .header-container > nav > ul > li > a > em { vertical-align: -18% !important; } /*Header*/ .header-container { position: relative; z-index: 1040 !important; margin: 0 auto !important; background: #00476D !important; } .menu-item { font-size: 15px; font-weight: bold; letter-spacing: 0px; } .copyright { font-size: 11px; text-align: center; padding-left: 75px; color: white; } .sidebar-header { -webkit-box-shadow: none !important; box-shadow: none !important; } .sidebar-container { width: 279px !important; } @media only screen and (min-width: 992px) { .main-container { margin-left: 279px !important; } } .sidebar-content { border-right: none !important; } .sidebar-nav ul > li > a { color: #58595b !important; } .sidebar-nav ul > li > a { height: 48px !important; /* border-top: 1px solid white !important; border-bottom: 1px solid white !important; */ } .sidebar-nav ul > li > a > .nav-icon { position: relative; display: inline-block; width: 1em; margin-right: 16px; text-align: center; font-size: 20px !important; vertical-align: middle inherit !important; top: 5px; height: 29px !important; } .sidebar-nav ul > li > a:hover, .sidebar-nav ul > li > a:focus { background: white !important; } .sidebar-nav ul > li.active { background: white !important; } .sidebar-nav ul > li:after { content: ""; background: white; position: absolute; left: 0; height: 2px; width: 252px; margin-left: 13px; } .sidebar-nav ul > li.active:after { height: 0px !important; } nav.container { -webkit-box-shadow: none !important; box-shadow: none !important; } .header-container > nav { -webkit-box-shadow: none !important; box-shadow: none !important; } .header-stripe { height: 10px; z-index: 1000; position: relative; background: #f02f17; background: -webkit-gradient(left top, right top, color-stop(0%, #f02f17), color-stop(0%, #f6290c), color-stop(0%, #f16f5c), color-stop(0%, #77b8ce), color-stop(100%, #bec661)); background: -webkit-gradient(linear, left top, right top, from(#f02f17), color-stop(0%, #f6290c), color-stop(0%, #f16f5c), color-stop(0%, #77b8ce), to(#bec661)); background: linear-gradient(to right, #f02f17 0%, #f6290c 0%, #f16f5c 0%, #77b8ce 0%, #bec661 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f02f17', endColorstr='#bec661', GradientType=1 ); } .header-container > nav { min-height: 90px !important; line-height: 90px !important; } .sidebar-header { height: 90px !important; } .sidebar-header + .sidebar-content { height: calc(100% - 90px) !important; } .header-container > nav > ul > li > .menu-link { padding-top: 38px !important; } .sidebar-header > .sidebar-header-logo > img, .sidebar-header > .sidebar-header-logo > svg { margin-top: 20px; vertical-align: middle !important; } .header-container > nav > ul > li { color: #fff; padding-left: 24px !important; } .header-container > nav > ul > li a.menu-item { color: #fff; } .quick_exit { float: right; } .header-container > nav > ul > li a.menu-item:hover { color: #73B7D2 !important; text-decoration: none; background: inherit; } .header-container > nav > ul > li a.menu-item:focus { text-decoration: none !important; } .btn-primary.btn-blue-two-rav.btn-flat.btn-bordered:hover { background-color: #72b8d1 !important; color: white !important; } .header-login-btn { padding: 10px 15px 10px 15px; border: 2px solid !important; } .rside-header { background: url("/img/settings/heading-texture.jpg") no-repeat; background-size: cover; } footer { position: relative; height: 200px !important; background-color: #242424; clear: both; } .login_footer footer { margin-top: -75px !important; } footer nav { display: block; float: left; width: 100%; } footer ul { list-style: none; width: 100%; margin: 0; padding: 0; } footer ul li { display: inline-block; } footer ul li a { display: block; padding: 15px; color: #fff; } footer { padding: 5px !important; } /* Remove Unnecessary Admin Menu Items */ #wp-admin-bar-TS_VCSC_Notification, #wp-admin-bar-masterkey_settings { display: none; } /* Margin All */ .ma100 { margin: 100px !important; } .ma90 { margin: 90px !important; } .ma80 { margin: 80px !important; } .ma70 { margin: 70px !important; } .ma60 { margin: 60px !important; } .ma50 { margin: 50px !important; } .ma45 { margin: 45px !important; } .ma40 { margin: 40px !important; } .ma35 { margin: 35px !important; } .ma30 { margin: 30px !important; } .ma25 { margin: 25px !important; } .ma20 { margin: 20px !important; } .ma15 { margin: 15px !important; } .ma10 { margin: 10px !important; } .ma5 { margin: 5px !important; } .ma0 { margin: 0px !important; } .ma10p { margin: 10% !important; } .ma20p { margin: 20% !important; } .ma30p { margin: 30% !important; } .ma40p { margin: 40% !important; } .ma50p { margin: 50% !important; } /* Margin Top*/ .mt100 { margin-top: 100px !important; } .mt90 { margin-top: 90px !important; } .mt80 { margin-top: 80px !important; } .mt70 { margin-top: 70px !important; } .mt60 { margin-top: 60px !important; } .mt50 { margin-top: 50px !important; } .mt45 { margin-top: 45px !important; } .mt40 { margin-top: 40px !important; } .mt35 { margin-top: 35px !important; } .mt30 { margin-top: 30px !important; } .mt25 { margin-top: 25px !important; } .mt20 { margin-top: 20px !important; } .mt15 { margin-top: 15px !important; } .mt10 { margin-top: 10px !important; } .mt9 { margin-top: 9px !important; } .mt8 { margin-top: 8px !important; } .mt7 { margin-top: 7px !important; } .mt6 { margin-top: 6px !important; } .mt5 { margin-top: 5px !important; } .mt4 { margin-top: 4px !important; } .mt3 { margin-top: 3px !important; } .mt2 { margin-top: 2px !important; } .mt1 { margin-top: 1px !important; } .mt0 { margin-top: 0px !important; } .mt-50 { margin-top: -50px !important; } .mt-45 { margin-top: -45px !important; } .mt-40 { margin-top: -40px !important; } .mt-35 { margin-top: -35px !important; } .mt-30 { margin-top: -30px !important; } .mt-25 { margin-top: -25px !important; } .mt-20 { margin-top: -20px !important; } .mt-15 { margin-top: -15px !important; } .mt-10 { margin-top: -10px !important; } .mt-5 { margin-top: -5px !important; } .mt10p { margin-top: 10% !important; } .mt20p { margin-top: 20% !important; } .mt30p { margin-top: 30% !important; } .mt40p { margin-top: 40% !important; } .mt50p { margin-top: 50% !important; } /* Margin Right*/ .mr100 { margin-right: 100px !important; } .mr90 { margin-right: 90px !important; } .mr80 { margin-right: 80px !important; } .mr70 { margin-right: 70px !important; } .mr60 { margin-right: 60px !important; } .mr50 { margin-right: 50px !important; } .mr45 { margin-right: 45px !important; } .mr40 { margin-right: 40px !important; } .mr35 { margin-right: 35px !important; } .mr30 { margin-right: 30px !important; } .mr25 { margin-right: 25px !important; } .mr20 { margin-right: 20px !important; } .mr15 { margin-right: 15px !important; } .mr10 { margin-right: 10px !important; } .mr9 { margin-right: 9px !important; } .mr8 { margin-right: 8px !important; } .mr7 { margin-right: 7px !important; } .mr6 { margin-right: 6px !important; } .mr5 { margin-right: 5px !important; } .mr4 { margin-right: 4px !important; } .mr3 { margin-right: 3px !important; } .mr2 { margin-right: 2px !important; } .mr1 { margin-right: 1px !important; } .mr0 { margin-right: 0px !important; } .mr-50 { margin-right: -50px !important; } .mr-45 { margin-right: -45px !important; } .mr-40 { margin-right: -40px !important; } .mr-35 { margin-right: -35px !important; } .mr-30 { margin-right: -30px !important; } .mr-25 { margin-right: -25px !important; } .mr-20 { margin-right: -20px !important; } .mr-15 { margin-right: -15px !important; } .mr-10 { margin-right: -10px !important; } .mr-5 { margin-right: -5px !important; } .mr10p { margin-right: 10% !important; } .mr20p { margin-right: 20% !important; } .mr30p { margin-right: 30% !important; } .mr40p { margin-right: 40% !important; } .mr50p { margin-right: 50% !important; } /* Margin Bottom*/ .mb100 { margin-bottom: 100px !important; } .mb90 { margin-bottom: 90px !important; } .mb80 { margin-bottom: 80px !important; } .mb70 { margin-bottom: 70px !important; } .mb60 { margin-bottom: 60px !important; } .mb50 { margin-bottom: 50px !important; } .mb45 { margin-bottom: 45px !important; } .mb40 { margin-bottom: 40px !important; } .mb35 { margin-bottom: 35px !important; } .mb30 { margin-bottom: 30px !important; } .mb25 { margin-bottom: 25px !important; } .mb20 { margin-bottom: 20px !important; } .mb15 { margin-bottom: 15px !important; } .mb10 { margin-bottom: 10px !important; } .mb9 { margin-bottom: 9px !important; } .mb8 { margin-bottom: 8px !important; } .mb7 { margin-bottom: 7px !important; } .mb6 { margin-bottom: 6px !important; } .mb5 { margin-bottom: 5px !important; } .mb4 { margin-bottom: 4px !important; } .mb3 { margin-bottom: 3px !important; } .mb2 { margin-bottom: 2px !important; } .mb1 { margin-bottom: 1px !important; } .mb0 { margin-bottom: 0px !important; } .mb-50 { margin-bottom: -50px !important; } .mb-45 { margin-bottom: -45px !important; } .mb-40 { margin-bottom: -40px !important; } .mb-35 { margin-bottom: -35px !important; } .mb-30 { margin-bottom: -30px !important; } .mb-25 { margin-bottom: -25px !important; } .mb-20 { margin-bottom: -20px !important; } .mb-15 { margin-bottom: -15px !important; } .mb-10 { margin-bottom: -10px !important; } .mb-5 { margin-bottom: -5px !important; } .mb10p { margin-bottom: 10% !important; } .mb20p { margin-bottom: 20% !important; } .mb30p { margin-bottom: 30% !important; } .mb40p { margin-bottom: 40% !important; } .mb50p { margin-bottom: 50% !important; } /* Margin Left*/ .ml100 { margin-left: 100px !important; } .ml90 { margin-left: 90px !important; } .ml80 { margin-left: 80px !important; } .ml70 { margin-left: 70px !important; } .ml60 { margin-left: 60px !important; } .ml50 { margin-left: 50px !important; } .ml45 { margin-left: 45px !important; } .ml40 { margin-left: 40px !important; } .ml35 { margin-left: 35px !important; } .ml30 { margin-left: 30px !important; } .ml25 { margin-left: 25px !important; } .ml20 { margin-left: 20px !important; } .ml15 { margin-left: 15px !important; } .ml10 { margin-left: 10px !important; } .ml9 { margin-left: 9px !important; } .ml8 { margin-left: 8px !important; } .ml7 { margin-left: 7px !important; } .ml6 { margin-left: 6px !important; } .ml5 { margin-left: 5px !important; } .ml4 { margin-left: 4px !important; } .ml3 { margin-left: 3px !important; } .ml2 { margin-left: 2px !important; } .ml1 { margin-left: 1px !important; } .ml0 { margin-left: 0px !important; } .ml-50 { margin-left: -50px !important; } .ml-45 { margin-left: -45px !important; } .ml-40 { margin-left: -40px !important; } .ml-35 { margin-left: -35px !important; } .ml-30 { margin-left: -30px !important; } .ml-25 { margin-left: -25px !important; } .ml-20 { margin-left: -20px !important; } .ml-15 { margin-left: -15px !important; } .ml-10 { margin-left: -10px !important; } .ml-5 { margin-left: -5px !important; } .ml10p { margin-left: 10% !important; } .ml20p { margin-left: 20% !important; } .ml30p { margin-left: 30% !important; } .ml40p { margin-left: 40% !important; } .ml50p { margin-left: 50% !important; } /* Padding All */ .pa100 { padding: 100px !important; } .pa90 { padding: 90px !important; } .pa80 { padding: 80px !important; } .pa70 { padding: 70px !important; } .pa60 { padding: 60px !important; } .pa50 { padding: 50px !important; } .pa45 { padding: 45px !important; } .pa40 { padding: 40px !important; } .pa35 { padding: 35px !important; } .pa30 { padding: 30px !important; } .pa25 { padding: 25px !important; } .pa20 { padding: 20px !important; } .pa15 { padding: 15px !important; } .pa10 { padding: 10px !important; } .pa5 { padding: 5px !important; } .pa0 { padding: 0px !important; } .pa10p { padding: 10% !important; } .pa20p { padding: 20% !important; } .pa30p { padding: 30% !important; } .pa40p { padding: 40% !important; } .pa50p { padding: 50% !important; } /* Padding Top*/ .pt100 { padding-top: 100px !important; } .pt90 { padding-top: 90px !important; } .pt80 { padding-top: 80px !important; } .pt70 { padding-top: 70px !important; } .pt60 { padding-top: 60px !important; } .pt50 { padding-top: 50px !important; } .pt45 { padding-top: 45px !important; } .pt40 { padding-top: 40px !important; } .pt35 { padding-top: 35px !important; } .pt30 { padding-top: 30px !important; } .pt25 { padding-top: 25px !important; } .pt20 { padding-top: 20px !important; } .pt15 { padding-top: 15px !important; } .pt10 { padding-top: 10px !important; } .pt9 { padding-top: 9px !important; } .pt8 { padding-top: 8px !important; } .pt7 { padding-top: 7px !important; } .pt6 { padding-top: 6px !important; } .pt5 { padding-top: 5px !important; } .pt4 { padding-top: 4px !important; } .pt3 { padding-top: 3px !important; } .pt2 { padding-top: 2px !important; } .pt1 { padding-top: 1px !important; } .pt0 { padding-top: 0px !important; } .pt-50 { padding-top: -50px !important; } .pt-45 { padding-top: -45px !important; } .pt-40 { padding-top: -40px !important; } .pt-35 { padding-top: -35px !important; } .pt-30 { padding-top: -30px !important; } .pt-25 { padding-top: -25px !important; } .pt-20 { padding-top: -20px !important; } .pt-15 { padding-top: -15px !important; } .pt-10 { padding-top: -10px !important; } .pt-5 { padding-top: -5px !important; } .pt10p { padding-top: 10% !important; } .pt20p { padding-top: 20% !important; } .pt30p { padding-top: 30% !important; } .pt40p { padding-top: 40% !important; } .pt50p { padding-top: 50% !important; } /* Padding Right*/ .pr100 { padding-right: 100px !important; } .pr90 { padding-right: 90px !important; } .pr80 { padding-right: 80px !important; } .pr70 { padding-right: 70px !important; } .pr60 { padding-right: 60px !important; } .pr50 { padding-right: 50px !important; } .pr45 { padding-right: 45px !important; } .pr40 { padding-right: 40px !important; } .pr35 { padding-right: 35px !important; } .pr30 { padding-right: 30px !important; } .pr25 { padding-right: 25px !important; } .pr20 { padding-right: 20px !important; } .pr15 { padding-right: 15px !important; } .pr10 { padding-right: 10px !important; } .pr9 { padding-right: 9px !important; } .pr8 { padding-right: 8px !important; } .pr7 { padding-right: 7px !important; } .pr6 { padding-right: 6px !important; } .pr5 { padding-right: 5px !important; } .pr4 { padding-right: 4px !important; } .pr3 { padding-right: 3px !important; } .pr2 { padding-right: 2px !important; } .pr1 { padding-right: 1px !important; } .pr0 { padding-right: 0px !important; } .pr-50 { padding-right: -50px !important; } .pr-45 { padding-right: -45px !important; } .pr-40 { padding-right: -40px !important; } .pr-35 { padding-right: -35px !important; } .pr-30 { padding-right: -30px !important; } .pr-25 { padding-right: -25px !important; } .pr-20 { padding-right: -20px !important; } .pr-15 { padding-right: -15px !important; } .pr-10 { padding-right: -10px !important; } .pr-5 { padding-right: -5px !important; } .pr10p { padding-right: 10% !important; } .pr20p { padding-right: 20% !important; } .pr30p { padding-right: 30% !important; } .pr40p { padding-right: 40% !important; } .pr50p { padding-right: 50% !important; } /* Padding Bottom*/ .pb100 { padding-bottom: 100px !important; } .pb90 { padding-bottom: 90px !important; } .pb80 { padding-bottom: 80px !important; } .pb70 { padding-bottom: 70px !important; } .pb60 { padding-bottom: 60px !important; } .pb50 { padding-bottom: 50px !important; } .pb45 { padding-bottom: 45px !important; } .pb40 { padding-bottom: 40px !important; } .pb35 { padding-bottom: 35px !important; } .pb30 { padding-bottom: 30px !important; } .pb25 { padding-bottom: 25px !important; } .pb20 { padding-bottom: 20px !important; } .pb15 { padding-bottom: 15px !important; } .pb10 { padding-bottom: 10px !important; } .pb9 { padding-bottom: 9px !important; } .pb8 { padding-bottom: 8px !important; } .pb7 { padding-bottom: 7px !important; } .pb6 { padding-bottom: 6px !important; } .pb5 { padding-bottom: 5px !important; } .pb4 { padding-bottom: 4px !important; } .pb3 { padding-bottom: 3px !important; } .pb2 { padding-bottom: 2px !important; } .pb1 { padding-bottom: 1px !important; } .pb0 { padding-bottom: 0px !important; } .pb-50 { padding-bottom: -50px !important; } .pb-45 { padding-bottom: -45px !important; } .pb-40 { padding-bottom: -40px !important; } .pb-35 { padding-bottom: -35px !important; } .pb-30 { padding-bottom: -30px !important; } .pb-25 { padding-bottom: -25px !important; } .pb-20 { padding-bottom: -20px !important; } .pb-15 { padding-bottom: -15px !important; } .pb-10 { padding-bottom: -10px !important; } .pb-5 { padding-bottom: -5px !important; } .pb10p { padding-bottom: 10% !important; } .pb20p { padding-bottom: 20% !important; } .pb30p { padding-bottom: 30% !important; } .pb40p { padding-bottom: 40% !important; } .pb50p { padding-bottom: 50% !important; } /* Padding Left*/ .pl100 { padding-left: 100px !important; } .pl90 { padding-left: 90px !important; } .pl80 { padding-left: 80px !important; } .pl70 { padding-left: 70px !important; } .pl60 { padding-left: 60px !important; } .pl50 { padding-left: 50px !important; } .pl45 { padding-left: 45px !important; } .pl40 { padding-left: 40px !important; } .pl35 { padding-left: 35px !important; } .pl30 { padding-left: 30px !important; } .pl25 { padding-left: 25px !important; } .pl20 { padding-left: 20px !important; } .pl15 { padding-left: 15px !important; } .pl10 { padding-left: 10px !important; } .pl9 { padding-left: 9px !important; } .pl8 { padding-left: 8px !important; } .pl7 { padding-left: 7px !important; } .pl6 { padding-left: 6px !important; } .pl5 { padding-left: 5px !important; } .pl4 { padding-left: 4px !important; } .pl3 { padding-left: 3px !important; } .pl2 { padding-left: 2px !important; } .pl1 { padding-left: 1px !important; } .pl0 { padding-left: 0px !important; } .pl-50 { padding-left: -50px !important; } .pl-45 { padding-left: -45px !important; } .pl-40 { padding-left: -40px !important; } .pl-35 { padding-left: -35px !important; } .pl-30 { padding-left: -30px !important; } .pl-25 { padding-left: -25px !important; } .pl-20 { padding-left: -20px !important; } .pl-15 { padding-left: -15px !important; } .pl-10 { padding-left: -10px !important; } .pl-5 { padding-left: -5px !important; } .pl10p { padding-left: 10% !important; } .pl20p { padding-left: 20% !important; } .pl30p { padding-left: 30% !important; } .pl40p { padding-left: 40% !important; } .pl50p { padding-left: 50% !important; } .m-0 { margin: 0 !important; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-1 { margin: .28575rem !important; } .mt-1 { margin-top: .28575rem !important; } .mr-1 { margin-right: .28575rem !important; } .mb-1 { margin-bottom: .28575rem !important; } .ml-1 { margin-left: .28575rem !important; } .mx-1 { margin-right: .28575rem !important; margin-left: .28575rem !important; } .my-1 { margin-top: .28575rem !important; margin-bottom: .28575rem !important; } .m-2 { margin: .5715rem !important; } .mt-2 { margin-top: .5715rem !important; } .mr-2 { margin-right: .5715rem !important; } .mb-2 { margin-bottom: .5715rem !important; } .ml-2 { margin-left: .5715rem !important; } .mx-2 { margin-right: .5715rem !important; margin-left: .5715rem !important; } .my-2 { margin-top: .5715rem !important; margin-bottom: .5715rem !important; } .m-3 { margin: 1.143rem !important; } .mt-3 { margin-top: 1.143rem !important; } .mr-3 { margin-right: 1.143rem !important; } .mb-3 { margin-bottom: 1.143rem !important; } .ml-3 { margin-left: 1.143rem !important; } .mx-3 { margin-right: 1.143rem !important; margin-left: 1.143rem !important; } .my-3 { margin-top: 1.143rem !important; margin-bottom: 1.143rem !important; } .m-4 { margin: 1.7145rem !important; } .mt-4 { margin-top: 1.7145rem !important; } .mr-4 { margin-right: 1.7145rem !important; } .mb-4 { margin-bottom: 1.7145rem !important; } .ml-4 { margin-left: 1.7145rem !important; } .mx-4 { margin-right: 1.7145rem !important; margin-left: 1.7145rem !important; } .my-4 { margin-top: 1.7145rem !important; margin-bottom: 1.7145rem !important; } .m-5 { margin: 3.429rem !important; } .mt-5 { margin-top: 3.429rem !important; } .mr-5 { margin-right: 3.429rem !important; } .mb-5 { margin-bottom: 3.429rem !important; } .ml-5 { margin-left: 3.429rem !important; } .mx-5 { margin-right: 3.429rem !important; margin-left: 3.429rem !important; } .my-5 { margin-top: 3.429rem !important; margin-bottom: 3.429rem !important; } .p-0 { padding: 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-1 { padding: .28575rem !important; } .pt-1 { padding-top: .28575rem !important; } .pr-1 { padding-right: .28575rem !important; } .pb-1 { padding-bottom: .28575rem !important; } .pl-1 { padding-left: .28575rem !important; } .px-1 { padding-right: .28575rem !important; padding-left: .28575rem !important; } .py-1 { padding-top: .28575rem !important; padding-bottom: .28575rem !important; } .p-2 { padding: .5715rem !important; } .pt-2 { padding-top: .5715rem !important; } .pr-2 { padding-right: .5715rem !important; } .pb-2 { padding-bottom: .5715rem !important; } .pl-2 { padding-left: .5715rem !important; } .px-2 { padding-right: .5715rem !important; padding-left: .5715rem !important; } .py-2 { padding-top: .5715rem !important; padding-bottom: .5715rem !important; } .p-3 { padding: 1.143rem !important; } .pt-3 { padding-top: 1.143rem !important; } .pr-3 { padding-right: 1.143rem !important; } .pb-3 { padding-bottom: 1.143rem !important; } .pl-3 { padding-left: 1.143rem !important; } .px-3 { padding-right: 1.143rem !important; padding-left: 1.143rem !important; } .py-3 { padding-top: 1.143rem !important; padding-bottom: 1.143rem !important; } .p-4 { padding: 1.7145rem !important; } .pt-4 { padding-top: 1.7145rem !important; } .pr-4 { padding-right: 1.7145rem !important; } .pb-4 { padding-bottom: 1.7145rem !important; } .pl-4 { padding-left: 1.7145rem !important; } .px-4 { padding-right: 1.7145rem !important; padding-left: 1.7145rem !important; } .py-4 { padding-top: 1.7145rem !important; padding-bottom: 1.7145rem !important; } .p-5 { padding: 3.429rem !important; } .pt-5 { padding-top: 3.429rem !important; } .pr-5 { padding-right: 3.429rem !important; } .pb-5 { padding-bottom: 3.429rem !important; } .pl-5 { padding-left: 3.429rem !important; } .px-5 { padding-right: 3.429rem !important; padding-left: 3.429rem !important; } .py-5 { padding-top: 3.429rem !important; padding-bottom: 3.429rem !important; } .m-auto { margin: auto !important; } .mt-auto { margin-top: auto !important; } .mr-auto { margin-right: auto !important; } .mb-auto { margin-bottom: auto !important; } .ml-auto { margin-left: auto !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } @media (min-width: 480px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0 { margin-top: 0 !important; } .mr-sm-0 { margin-right: 0 !important; } .mb-sm-0 { margin-bottom: 0 !important; } .ml-sm-0 { margin-left: 0 !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-sm-1 { margin: .28575rem !important; } .mt-sm-1 { margin-top: .28575rem !important; } .mr-sm-1 { margin-right: .28575rem !important; } .mb-sm-1 { margin-bottom: .28575rem !important; } .ml-sm-1 { margin-left: .28575rem !important; } .mx-sm-1 { margin-right: .28575rem !important; margin-left: .28575rem !important; } .my-sm-1 { margin-top: .28575rem !important; margin-bottom: .28575rem !important; } .m-sm-2 { margin: .5715rem !important; } .mt-sm-2 { margin-top: .5715rem !important; } .mr-sm-2 { margin-right: .5715rem !important; } .mb-sm-2 { margin-bottom: .5715rem !important; } .ml-sm-2 { margin-left: .5715rem !important; } .mx-sm-2 { margin-right: .5715rem !important; margin-left: .5715rem !important; } .my-sm-2 { margin-top: .5715rem !important; margin-bottom: .5715rem !important; } .m-sm-3 { margin: 1.143rem !important; } .mt-sm-3 { margin-top: 1.143rem !important; } .mr-sm-3 { margin-right: 1.143rem !important; } .mb-sm-3 { margin-bottom: 1.143rem !important; } .ml-sm-3 { margin-left: 1.143rem !important; } .mx-sm-3 { margin-right: 1.143rem !important; margin-left: 1.143rem !important; } .my-sm-3 { margin-top: 1.143rem !important; margin-bottom: 1.143rem !important; } .m-sm-4 { margin: 1.7145rem !important; } .mt-sm-4 { margin-top: 1.7145rem !important; } .mr-sm-4 { margin-right: 1.7145rem !important; } .mb-sm-4 { margin-bottom: 1.7145rem !important; } .ml-sm-4 { margin-left: 1.7145rem !important; } .mx-sm-4 { margin-right: 1.7145rem !important; margin-left: 1.7145rem !important; } .my-sm-4 { margin-top: 1.7145rem !important; margin-bottom: 1.7145rem !important; } .m-sm-5 { margin: 3.429rem !important; } .mt-sm-5 { margin-top: 3.429rem !important; } .mr-sm-5 { margin-right: 3.429rem !important; } .mb-sm-5 { margin-bottom: 3.429rem !important; } .ml-sm-5 { margin-left: 3.429rem !important; } .mx-sm-5 { margin-right: 3.429rem !important; margin-left: 3.429rem !important; } .my-sm-5 { margin-top: 3.429rem !important; margin-bottom: 3.429rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0 { padding-top: 0 !important; } .pr-sm-0 { padding-right: 0 !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pl-sm-0 { padding-left: 0 !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-sm-1 { padding: .28575rem !important; } .pt-sm-1 { padding-top: .28575rem !important; } .pr-sm-1 { padding-right: .28575rem !important; } .pb-sm-1 { padding-bottom: .28575rem !important; } .pl-sm-1 { padding-left: .28575rem !important; } .px-sm-1 { padding-right: .28575rem !important; padding-left: .28575rem !important; } .py-sm-1 { padding-top: .28575rem !important; padding-bottom: .28575rem !important; } .p-sm-2 { padding: .5715rem !important; } .pt-sm-2 { padding-top: .5715rem !important; } .pr-sm-2 { padding-right: .5715rem !important; } .pb-sm-2 { padding-bottom: .5715rem !important; } .pl-sm-2 { padding-left: .5715rem !important; } .px-sm-2 { padding-right: .5715rem !important; padding-left: .5715rem !important; } .py-sm-2 { padding-top: .5715rem !important; padding-bottom: .5715rem !important; } .p-sm-3 { padding: 1.143rem !important; } .pt-sm-3 { padding-top: 1.143rem !important; } .pr-sm-3 { padding-right: 1.143rem !important; } .pb-sm-3 { padding-bottom: 1.143rem !important; } .pl-sm-3 { padding-left: 1.143rem !important; } .px-sm-3 { padding-right: 1.143rem !important; padding-left: 1.143rem !important; } .py-sm-3 { padding-top: 1.143rem !important; padding-bottom: 1.143rem !important; } .p-sm-4 { padding: 1.7145rem !important; } .pt-sm-4 { padding-top: 1.7145rem !important; } .pr-sm-4 { padding-right: 1.7145rem !important; } .pb-sm-4 { padding-bottom: 1.7145rem !important; } .pl-sm-4 { padding-left: 1.7145rem !important; } .px-sm-4 { padding-right: 1.7145rem !important; padding-left: 1.7145rem !important; } .py-sm-4 { padding-top: 1.7145rem !important; padding-bottom: 1.7145rem !important; } .p-sm-5 { padding: 3.429rem !important; } .pt-sm-5 { padding-top: 3.429rem !important; } .pr-sm-5 { padding-right: 3.429rem !important; } .pb-sm-5 { padding-bottom: 3.429rem !important; } .pl-sm-5 { padding-left: 3.429rem !important; } .px-sm-5 { padding-right: 3.429rem !important; padding-left: 3.429rem !important; } .py-sm-5 { padding-top: 3.429rem !important; padding-bottom: 3.429rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto { margin-top: auto !important; } .mr-sm-auto { margin-right: auto !important; } .mb-sm-auto { margin-bottom: auto !important; } .ml-sm-auto { margin-left: auto !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0 { margin-top: 0 !important; } .mr-md-0 { margin-right: 0 !important; } .mb-md-0 { margin-bottom: 0 !important; } .ml-md-0 { margin-left: 0 !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-md-1 { margin: .28575rem !important; } .mt-md-1 { margin-top: .28575rem !important; } .mr-md-1 { margin-right: .28575rem !important; } .mb-md-1 { margin-bottom: .28575rem !important; } .ml-md-1 { margin-left: .28575rem !important; } .mx-md-1 { margin-right: .28575rem !important; margin-left: .28575rem !important; } .my-md-1 { margin-top: .28575rem !important; margin-bottom: .28575rem !important; } .m-md-2 { margin: .5715rem !important; } .mt-md-2 { margin-top: .5715rem !important; } .mr-md-2 { margin-right: .5715rem !important; } .mb-md-2 { margin-bottom: .5715rem !important; } .ml-md-2 { margin-left: .5715rem !important; } .mx-md-2 { margin-right: .5715rem !important; margin-left: .5715rem !important; } .my-md-2 { margin-top: .5715rem !important; margin-bottom: .5715rem !important; } .m-md-3 { margin: 1.143rem !important; } .mt-md-3 { margin-top: 1.143rem !important; } .mr-md-3 { margin-right: 1.143rem !important; } .mb-md-3 { margin-bottom: 1.143rem !important; } .ml-md-3 { margin-left: 1.143rem !important; } .mx-md-3 { margin-right: 1.143rem !important; margin-left: 1.143rem !important; } .my-md-3 { margin-top: 1.143rem !important; margin-bottom: 1.143rem !important; } .m-md-4 { margin: 1.7145rem !important; } .mt-md-4 { margin-top: 1.7145rem !important; } .mr-md-4 { margin-right: 1.7145rem !important; } .mb-md-4 { margin-bottom: 1.7145rem !important; } .ml-md-4 { margin-left: 1.7145rem !important; } .mx-md-4 { margin-right: 1.7145rem !important; margin-left: 1.7145rem !important; } .my-md-4 { margin-top: 1.7145rem !important; margin-bottom: 1.7145rem !important; } .m-md-5 { margin: 3.429rem !important; } .mt-md-5 { margin-top: 3.429rem !important; } .mr-md-5 { margin-right: 3.429rem !important; } .mb-md-5 { margin-bottom: 3.429rem !important; } .ml-md-5 { margin-left: 3.429rem !important; } .mx-md-5 { margin-right: 3.429rem !important; margin-left: 3.429rem !important; } .my-md-5 { margin-top: 3.429rem !important; margin-bottom: 3.429rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0 { padding-top: 0 !important; } .pr-md-0 { padding-right: 0 !important; } .pb-md-0 { padding-bottom: 0 !important; } .pl-md-0 { padding-left: 0 !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-md-1 { padding: .28575rem !important; } .pt-md-1 { padding-top: .28575rem !important; } .pr-md-1 { padding-right: .28575rem !important; } .pb-md-1 { padding-bottom: .28575rem !important; } .pl-md-1 { padding-left: .28575rem !important; } .px-md-1 { padding-right: .28575rem !important; padding-left: .28575rem !important; } .py-md-1 { padding-top: .28575rem !important; padding-bottom: .28575rem !important; } .p-md-2 { padding: .5715rem !important; } .pt-md-2 { padding-top: .5715rem !important; } .pr-md-2 { padding-right: .5715rem !important; } .pb-md-2 { padding-bottom: .5715rem !important; } .pl-md-2 { padding-left: .5715rem !important; } .px-md-2 { padding-right: .5715rem !important; padding-left: .5715rem !important; } .py-md-2 { padding-top: .5715rem !important; padding-bottom: .5715rem !important; } .p-md-3 { padding: 1.143rem !important; } .pt-md-3 { padding-top: 1.143rem !important; } .pr-md-3 { padding-right: 1.143rem !important; } .pb-md-3 { padding-bottom: 1.143rem !important; } .pl-md-3 { padding-left: 1.143rem !important; } .px-md-3 { padding-right: 1.143rem !important; padding-left: 1.143rem !important; } .py-md-3 { padding-top: 1.143rem !important; padding-bottom: 1.143rem !important; } .p-md-4 { padding: 1.7145rem !important; } .pt-md-4 { padding-top: 1.7145rem !important; } .pr-md-4 { padding-right: 1.7145rem !important; } .pb-md-4 { padding-bottom: 1.7145rem !important; } .pl-md-4 { padding-left: 1.7145rem !important; } .px-md-4 { padding-right: 1.7145rem !important; padding-left: 1.7145rem !important; } .py-md-4 { padding-top: 1.7145rem !important; padding-bottom: 1.7145rem !important; } .p-md-5 { padding: 3.429rem !important; } .pt-md-5 { padding-top: 3.429rem !important; } .pr-md-5 { padding-right: 3.429rem !important; } .pb-md-5 { padding-bottom: 3.429rem !important; } .pl-md-5 { padding-left: 3.429rem !important; } .px-md-5 { padding-right: 3.429rem !important; padding-left: 3.429rem !important; } .py-md-5 { padding-top: 3.429rem !important; padding-bottom: 3.429rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto { margin-top: auto !important; } .mr-md-auto { margin-right: auto !important; } .mb-md-auto { margin-bottom: auto !important; } .ml-md-auto { margin-left: auto !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0 { margin-top: 0 !important; } .mr-lg-0 { margin-right: 0 !important; } .mb-lg-0 { margin-bottom: 0 !important; } .ml-lg-0 { margin-left: 0 !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-lg-1 { margin: .28575rem !important; } .mt-lg-1 { margin-top: .28575rem !important; } .mr-lg-1 { margin-right: .28575rem !important; } .mb-lg-1 { margin-bottom: .28575rem !important; } .ml-lg-1 { margin-left: .28575rem !important; } .mx-lg-1 { margin-right: .28575rem !important; margin-left: .28575rem !important; } .my-lg-1 { margin-top: .28575rem !important; margin-bottom: .28575rem !important; } .m-lg-2 { margin: .5715rem !important; } .mt-lg-2 { margin-top: .5715rem !important; } .mr-lg-2 { margin-right: .5715rem !important; } .mb-lg-2 { margin-bottom: .5715rem !important; } .ml-lg-2 { margin-left: .5715rem !important; } .mx-lg-2 { margin-right: .5715rem !important; margin-left: .5715rem !important; } .my-lg-2 { margin-top: .5715rem !important; margin-bottom: .5715rem !important; } .m-lg-3 { margin: 1.143rem !important; } .mt-lg-3 { margin-top: 1.143rem !important; } .mr-lg-3 { margin-right: 1.143rem !important; } .mb-lg-3 { margin-bottom: 1.143rem !important; } .ml-lg-3 { margin-left: 1.143rem !important; } .mx-lg-3 { margin-right: 1.143rem !important; margin-left: 1.143rem !important; } .my-lg-3 { margin-top: 1.143rem !important; margin-bottom: 1.143rem !important; } .m-lg-4 { margin: 1.7145rem !important; } .mt-lg-4 { margin-top: 1.7145rem !important; } .mr-lg-4 { margin-right: 1.7145rem !important; } .mb-lg-4 { margin-bottom: 1.7145rem !important; } .ml-lg-4 { margin-left: 1.7145rem !important; } .mx-lg-4 { margin-right: 1.7145rem !important; margin-left: 1.7145rem !important; } .my-lg-4 { margin-top: 1.7145rem !important; margin-bottom: 1.7145rem !important; } .m-lg-5 { margin: 3.429rem !important; } .mt-lg-5 { margin-top: 3.429rem !important; } .mr-lg-5 { margin-right: 3.429rem !important; } .mb-lg-5 { margin-bottom: 3.429rem !important; } .ml-lg-5 { margin-left: 3.429rem !important; } .mx-lg-5 { margin-right: 3.429rem !important; margin-left: 3.429rem !important; } .my-lg-5 { margin-top: 3.429rem !important; margin-bottom: 3.429rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0 { padding-top: 0 !important; } .pr-lg-0 { padding-right: 0 !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pl-lg-0 { padding-left: 0 !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-lg-1 { padding: .28575rem !important; } .pt-lg-1 { padding-top: .28575rem !important; } .pr-lg-1 { padding-right: .28575rem !important; } .pb-lg-1 { padding-bottom: .28575rem !important; } .pl-lg-1 { padding-left: .28575rem !important; } .px-lg-1 { padding-right: .28575rem !important; padding-left: .28575rem !important; } .py-lg-1 { padding-top: .28575rem !important; padding-bottom: .28575rem !important; } .p-lg-2 { padding: .5715rem !important; } .pt-lg-2 { padding-top: .5715rem !important; } .pr-lg-2 { padding-right: .5715rem !important; } .pb-lg-2 { padding-bottom: .5715rem !important; } .pl-lg-2 { padding-left: .5715rem !important; } .px-lg-2 { padding-right: .5715rem !important; padding-left: .5715rem !important; } .py-lg-2 { padding-top: .5715rem !important; padding-bottom: .5715rem !important; } .p-lg-3 { padding: 1.143rem !important; } .pt-lg-3 { padding-top: 1.143rem !important; } .pr-lg-3 { padding-right: 1.143rem !important; } .pb-lg-3 { padding-bottom: 1.143rem !important; } .pl-lg-3 { padding-left: 1.143rem !important; } .px-lg-3 { padding-right: 1.143rem !important; padding-left: 1.143rem !important; } .py-lg-3 { padding-top: 1.143rem !important; padding-bottom: 1.143rem !important; } .p-lg-4 { padding: 1.7145rem !important; } .pt-lg-4 { padding-top: 1.7145rem !important; } .pr-lg-4 { padding-right: 1.7145rem !important; } .pb-lg-4 { padding-bottom: 1.7145rem !important; } .pl-lg-4 { padding-left: 1.7145rem !important; } .px-lg-4 { padding-right: 1.7145rem !important; padding-left: 1.7145rem !important; } .py-lg-4 { padding-top: 1.7145rem !important; padding-bottom: 1.7145rem !important; } .p-lg-5 { padding: 3.429rem !important; } .pt-lg-5 { padding-top: 3.429rem !important; } .pr-lg-5 { padding-right: 3.429rem !important; } .pb-lg-5 { padding-bottom: 3.429rem !important; } .pl-lg-5 { padding-left: 3.429rem !important; } .px-lg-5 { padding-right: 3.429rem !important; padding-left: 3.429rem !important; } .py-lg-5 { padding-top: 3.429rem !important; padding-bottom: 3.429rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto { margin-top: auto !important; } .mr-lg-auto { margin-right: auto !important; } .mb-lg-auto { margin-bottom: auto !important; } .ml-lg-auto { margin-left: auto !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0 { margin-top: 0 !important; } .mr-xl-0 { margin-right: 0 !important; } .mb-xl-0 { margin-bottom: 0 !important; } .ml-xl-0 { margin-left: 0 !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-xl-1 { margin: .28575rem !important; } .mt-xl-1 { margin-top: .28575rem !important; } .mr-xl-1 { margin-right: .28575rem !important; } .mb-xl-1 { margin-bottom: .28575rem !important; } .ml-xl-1 { margin-left: .28575rem !important; } .mx-xl-1 { margin-right: .28575rem !important; margin-left: .28575rem !important; } .my-xl-1 { margin-top: .28575rem !important; margin-bottom: .28575rem !important; } .m-xl-2 { margin: .5715rem !important; } .mt-xl-2 { margin-top: .5715rem !important; } .mr-xl-2 { margin-right: .5715rem !important; } .mb-xl-2 { margin-bottom: .5715rem !important; } .ml-xl-2 { margin-left: .5715rem !important; } .mx-xl-2 { margin-right: .5715rem !important; margin-left: .5715rem !important; } .my-xl-2 { margin-top: .5715rem !important; margin-bottom: .5715rem !important; } .m-xl-3 { margin: 1.143rem !important; } .mt-xl-3 { margin-top: 1.143rem !important; } .mr-xl-3 { margin-right: 1.143rem !important; } .mb-xl-3 { margin-bottom: 1.143rem !important; } .ml-xl-3 { margin-left: 1.143rem !important; } .mx-xl-3 { margin-right: 1.143rem !important; margin-left: 1.143rem !important; } .my-xl-3 { margin-top: 1.143rem !important; margin-bottom: 1.143rem !important; } .m-xl-4 { margin: 1.7145rem !important; } .mt-xl-4 { margin-top: 1.7145rem !important; } .mr-xl-4 { margin-right: 1.7145rem !important; } .mb-xl-4 { margin-bottom: 1.7145rem !important; } .ml-xl-4 { margin-left: 1.7145rem !important; } .mx-xl-4 { margin-right: 1.7145rem !important; margin-left: 1.7145rem !important; } .my-xl-4 { margin-top: 1.7145rem !important; margin-bottom: 1.7145rem !important; } .m-xl-5 { margin: 3.429rem !important; } .mt-xl-5 { margin-top: 3.429rem !important; } .mr-xl-5 { margin-right: 3.429rem !important; } .mb-xl-5 { margin-bottom: 3.429rem !important; } .ml-xl-5 { margin-left: 3.429rem !important; } .mx-xl-5 { margin-right: 3.429rem !important; margin-left: 3.429rem !important; } .my-xl-5 { margin-top: 3.429rem !important; margin-bottom: 3.429rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0 { padding-top: 0 !important; } .pr-xl-0 { padding-right: 0 !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pl-xl-0 { padding-left: 0 !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-xl-1 { padding: .28575rem !important; } .pt-xl-1 { padding-top: .28575rem !important; } .pr-xl-1 { padding-right: .28575rem !important; } .pb-xl-1 { padding-bottom: .28575rem !important; } .pl-xl-1 { padding-left: .28575rem !important; } .px-xl-1 { padding-right: .28575rem !important; padding-left: .28575rem !important; } .py-xl-1 { padding-top: .28575rem !important; padding-bottom: .28575rem !important; } .p-xl-2 { padding: .5715rem !important; } .pt-xl-2 { padding-top: .5715rem !important; } .pr-xl-2 { padding-right: .5715rem !important; } .pb-xl-2 { padding-bottom: .5715rem !important; } .pl-xl-2 { padding-left: .5715rem !important; } .px-xl-2 { padding-right: .5715rem !important; padding-left: .5715rem !important; } .py-xl-2 { padding-top: .5715rem !important; padding-bottom: .5715rem !important; } .p-xl-3 { padding: 1.143rem !important; } .pt-xl-3 { padding-top: 1.143rem !important; } .pr-xl-3 { padding-right: 1.143rem !important; } .pb-xl-3 { padding-bottom: 1.143rem !important; } .pl-xl-3 { padding-left: 1.143rem !important; } .px-xl-3 { padding-right: 1.143rem !important; padding-left: 1.143rem !important; } .py-xl-3 { padding-top: 1.143rem !important; padding-bottom: 1.143rem !important; } .p-xl-4 { padding: 1.7145rem !important; } .pt-xl-4 { padding-top: 1.7145rem !important; } .pr-xl-4 { padding-right: 1.7145rem !important; } .pb-xl-4 { padding-bottom: 1.7145rem !important; } .pl-xl-4 { padding-left: 1.7145rem !important; } .px-xl-4 { padding-right: 1.7145rem !important; padding-left: 1.7145rem !important; } .py-xl-4 { padding-top: 1.7145rem !important; padding-bottom: 1.7145rem !important; } .p-xl-5 { padding: 3.429rem !important; } .pt-xl-5 { padding-top: 3.429rem !important; } .pr-xl-5 { padding-right: 3.429rem !important; } .pb-xl-5 { padding-bottom: 3.429rem !important; } .pl-xl-5 { padding-left: 3.429rem !important; } .px-xl-5 { padding-right: 3.429rem !important; padding-left: 3.429rem !important; } .py-xl-5 { padding-top: 3.429rem !important; padding-bottom: 3.429rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto { margin-top: auto !important; } .mr-xl-auto { margin-right: auto !important; } .mb-xl-auto { margin-bottom: auto !important; } .ml-xl-auto { margin-left: auto !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 1600px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0 { margin-top: 0 !important; } .mr-xxl-0 { margin-right: 0 !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0 { margin-left: 0 !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-xxl-1 { margin: .28575rem !important; } .mt-xxl-1 { margin-top: .28575rem !important; } .mr-xxl-1 { margin-right: .28575rem !important; } .mb-xxl-1 { margin-bottom: .28575rem !important; } .ml-xxl-1 { margin-left: .28575rem !important; } .mx-xxl-1 { margin-right: .28575rem !important; margin-left: .28575rem !important; } .my-xxl-1 { margin-top: .28575rem !important; margin-bottom: .28575rem !important; } .m-xxl-2 { margin: .5715rem !important; } .mt-xxl-2 { margin-top: .5715rem !important; } .mr-xxl-2 { margin-right: .5715rem !important; } .mb-xxl-2 { margin-bottom: .5715rem !important; } .ml-xxl-2 { margin-left: .5715rem !important; } .mx-xxl-2 { margin-right: .5715rem !important; margin-left: .5715rem !important; } .my-xxl-2 { margin-top: .5715rem !important; margin-bottom: .5715rem !important; } .m-xxl-3 { margin: 1.143rem !important; } .mt-xxl-3 { margin-top: 1.143rem !important; } .mr-xxl-3 { margin-right: 1.143rem !important; } .mb-xxl-3 { margin-bottom: 1.143rem !important; } .ml-xxl-3 { margin-left: 1.143rem !important; } .mx-xxl-3 { margin-right: 1.143rem !important; margin-left: 1.143rem !important; } .my-xxl-3 { margin-top: 1.143rem !important; margin-bottom: 1.143rem !important; } .m-xxl-4 { margin: 1.7145rem !important; } .mt-xxl-4 { margin-top: 1.7145rem !important; } .mr-xxl-4 { margin-right: 1.7145rem !important; } .mb-xxl-4 { margin-bottom: 1.7145rem !important; } .ml-xxl-4 { margin-left: 1.7145rem !important; } .mx-xxl-4 { margin-right: 1.7145rem !important; margin-left: 1.7145rem !important; } .my-xxl-4 { margin-top: 1.7145rem !important; margin-bottom: 1.7145rem !important; } .m-xxl-5 { margin: 3.429rem !important; } .mt-xxl-5 { margin-top: 3.429rem !important; } .mr-xxl-5 { margin-right: 3.429rem !important; } .mb-xxl-5 { margin-bottom: 3.429rem !important; } .ml-xxl-5 { margin-left: 3.429rem !important; } .mx-xxl-5 { margin-right: 3.429rem !important; margin-left: 3.429rem !important; } .my-xxl-5 { margin-top: 3.429rem !important; margin-bottom: 3.429rem !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0 { padding-top: 0 !important; } .pr-xxl-0 { padding-right: 0 !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0 { padding-left: 0 !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-xxl-1 { padding: .28575rem !important; } .pt-xxl-1 { padding-top: .28575rem !important; } .pr-xxl-1 { padding-right: .28575rem !important; } .pb-xxl-1 { padding-bottom: .28575rem !important; } .pl-xxl-1 { padding-left: .28575rem !important; } .px-xxl-1 { padding-right: .28575rem !important; padding-left: .28575rem !important; } .py-xxl-1 { padding-top: .28575rem !important; padding-bottom: .28575rem !important; } .p-xxl-2 { padding: .5715rem !important; } .pt-xxl-2 { padding-top: .5715rem !important; } .pr-xxl-2 { padding-right: .5715rem !important; } .pb-xxl-2 { padding-bottom: .5715rem !important; } .pl-xxl-2 { padding-left: .5715rem !important; } .px-xxl-2 { padding-right: .5715rem !important; padding-left: .5715rem !important; } .py-xxl-2 { padding-top: .5715rem !important; padding-bottom: .5715rem !important; } .p-xxl-3 { padding: 1.143rem !important; } .pt-xxl-3 { padding-top: 1.143rem !important; } .pr-xxl-3 { padding-right: 1.143rem !important; } .pb-xxl-3 { padding-bottom: 1.143rem !important; } .pl-xxl-3 { padding-left: 1.143rem !important; } .px-xxl-3 { padding-right: 1.143rem !important; padding-left: 1.143rem !important; } .py-xxl-3 { padding-top: 1.143rem !important; padding-bottom: 1.143rem !important; } .p-xxl-4 { padding: 1.7145rem !important; } .pt-xxl-4 { padding-top: 1.7145rem !important; } .pr-xxl-4 { padding-right: 1.7145rem !important; } .pb-xxl-4 { padding-bottom: 1.7145rem !important; } .pl-xxl-4 { padding-left: 1.7145rem !important; } .px-xxl-4 { padding-right: 1.7145rem !important; padding-left: 1.7145rem !important; } .py-xxl-4 { padding-top: 1.7145rem !important; padding-bottom: 1.7145rem !important; } .p-xxl-5 { padding: 3.429rem !important; } .pt-xxl-5 { padding-top: 3.429rem !important; } .pr-xxl-5 { padding-right: 3.429rem !important; } .pb-xxl-5 { padding-bottom: 3.429rem !important; } .pl-xxl-5 { padding-left: 3.429rem !important; } .px-xxl-5 { padding-right: 3.429rem !important; padding-left: 3.429rem !important; } .py-xxl-5 { padding-top: 3.429rem !important; padding-bottom: 3.429rem !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto { margin-top: auto !important; } .mr-xxl-auto { margin-right: auto !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto { margin-left: auto !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } } /* FLOAT*/ .fleft { float: left !important; } .fright { float: right !important; } .fnone { float: none !important; } /* TEXT ALIGN*/ .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } /*Tablet Styles (Portrait) (sm)*/ @media only screen and (min-width: 768px) { /* FLOAT (sm)*/ .fleft-sm { float: left !important; } .fright-sm { float: right !important; } .fnone-sm { float: none !important; } /* TEXT ALIGN (sm)*/ .text-left-sm { text-align: left !important; } .text-right-sm { text-align: right !important; } .text-center-sm { text-align: center !important; } } /*Tablet Styles (Landscape) (md)*/ @media only screen and (min-width: 992px) { /* FLOAT (md)*/ .fleft-md { float: left !important; } .fright-md { float: right !important; } .fnone-md { float: none !important; } /* TEXT ALIGN (md)*/ .text-left-md { text-align: left !important; } .text-right-md { text-align: right !important; } .text-center-md { text-align: center !important; } } /*Desktop Styles (lg)*/ @media only screen and (min-width: 1200px) { /* FLOAT (lg)*/ .fleft-lg { float: left !important; } .fright-lg { float: right !important; } .fnone-lg { float: none !important; } /* TEXT ALIGN (lg)*/ .text-left-lg { text-align: left !important; } .text-right-lg { text-align: right !important; } .text-center-lg { text-align: center !important; } } /*WIDTHS*/ .width-100p { width: 100%; } .width-90p { width: 90%; } .width-80p { width: 80%; } .width-70p { width: 70%; } .width-60p { width: 60%; } .width-50p { width: 50%; } .width-45p { width: 45%; } .width-40p { width: 40%; } .width-35p { width: 35%; } .width-30p { width: 30%; } .width-25p { width: 25%; } .width-20p { width: 20%; } .width-15p { width: 15%; } .width-10p { width: 10%; } /*HEIGHT*/ .height-1000 { height: 1000px !important; } .height-950 { height: 950px !important; } .height-900 { height: 900px !important; } .height-850 { height: 850px !important; } .height-800 { height: 800px !important; } .height-750 { height: 750px !important; } .height-700 { height: 700px !important; } .height-650 { height: 650px !important; } .height-600 { height: 600px !important; } .height-550 { height: 550px !important; } .height-500 { height: 500px !important; } .height-450 { height: 450px !important; } .height-400 { height: 400px !important; } .height-350 { height: 350px !important; } .height-300 { height: 300px !important; } .height-250 { height: 250px !important; } .height-200 { height: 200px !important; } .height-150 { height: 150px !important; } .height-100 { height: 100px !important; } .height-50 { height: 50px !important; } .full_div { width: 100% !important; height: 100% !important; } /*Tablet Styles (Portrait) (sm)*/ @media only screen and (min-width: 768px) { /*WIDTHS*/ .width-100p-sm { width: 100%; } .width-90p-sm { width: 90%; } .width-80p-sm { width: 80%; } .width-70p-sm { width: 70%; } .width-60p-sm { width: 60%; } .width-50p-sm { width: 50%; } .width-45p-sm { width: 45%; } .width-40p-sm { width: 40%; } .width-35p-sm { width: 35%; } .width-30p-sm { width: 30%; } .width-25p-sm { width: 25%; } .width-20p-sm { width: 20%; } .width-15p-sm { width: 15%; } .width-10p-sm { width: 10%; } /*HEIGHT*/ .height-1000-sm { height: 1000px !important; } .height-950-sm { height: 950px !important; } .height-900-sm { height: 900px !important; } .height-850-sm { height: 850px !important; } .height-800-sm { height: 800px !important; } .height-750-sm { height: 750px !important; } .height-700-sm { height: 700px !important; } .height-650-sm { height: 650px !important; } .height-600-sm { height: 600px !important; } .height-550-sm { height: 550px !important; } .height-500-sm { height: 500px !important; } .height-450-sm { height: 450px !important; } .height-400-sm { height: 400px !important; } .height-350-sm { height: 350px !important; } .height-300-sm { height: 300px !important; } .height-250-sm { height: 250px !important; } .height-200-sm { height: 200px !important; } .height-150-sm { height: 150px !important; } .height-100-sm { height: 100px !important; } .height-50-sm { height: 50px !important; } } /*Tablet Styles (Landscape) (md)*/ @media only screen and (min-width: 992px) { /*WIDTHS*/ .width-100p-md { width: 100%; } .width-90p-md { width: 90%; } .width-80p-md { width: 80%; } .width-70p-md { width: 70%; } .width-60p-md { width: 60%; } .width-50p-md { width: 50%; } .width-45p-md { width: 45%; } .width-40p-md { width: 40%; } .width-35p-md { width: 35%; } .width-30p-md { width: 30%; } .width-25p-md { width: 25%; } .width-20p-md { width: 20%; } .width-15p-md { width: 15%; } .width-10p-md { width: 10%; } /*HEIGHT*/ .height-1000-md { height: 1000px !important; } .height-950-md { height: 950px !important; } .height-900-md { height: 900px !important; } .height-850-md { height: 850px !important; } .height-800-md { height: 800px !important; } .height-750-md { height: 750px !important; } .height-700-md { height: 700px !important; } .height-650-md { height: 650px !important; } .height-600-md { height: 600px !important; } .height-550-md { height: 550px !important; } .height-500-md { height: 500px !important; } .height-450-md { height: 450px !important; } .height-400-md { height: 400px !important; } .height-350-md { height: 350px !important; } .height-300-md { height: 300px !important; } .height-250-md { height: 250px !important; } .height-200-md { height: 200px !important; } .height-150-md { height: 150px !important; } .height-100-md { height: 100px !important; } .height-50-md { height: 50px !important; } } /*Desktop Styles (lg)*/ @media only screen and (min-width: 1200px) { /*WIDTHS*/ .width-100p-lg { width: 100%; } .width-90p-lg { width: 90%; } .width-80p-lg { width: 80%; } .width-70p-lg { width: 70%; } .width-60p-lg { width: 60%; } .width-50p-lg { width: 50%; } .width-45p-lg { width: 45%; } .width-40p-lg { width: 40%; } .width-35p-lg { width: 35%; } .width-30p-lg { width: 30%; } .width-25p-lg { width: 25%; } .width-20p-lg { width: 20%; } .width-15p-lg { width: 15%; } .width-10p-lg { width: 10%; } /*HEIGHT*/ .height-1000-lg { height: 1000px !important; } .height-950-lg { height: 950px !important; } .height-900-lg { height: 900px !important; } .height-850-lg { height: 850px !important; } .height-800-lg { height: 800px !important; } .height-750-lg { height: 750px !important; } .height-700-lg { height: 700px !important; } .height-650-lg { height: 650px !important; } .height-600-lg { height: 600px !important; } .height-550-lg { height: 550px !important; } .height-500-lg { height: 500px !important; } .height-450-lg { height: 450px !important; } .height-400-lg { height: 400px !important; } .height-350-lg { height: 350px !important; } .height-300-lg { height: 300px !important; } .height-250-lg { height: 250px !important; } .height-200-lg { height: 200px !important; } .height-150-lg { height: 150px !important; } .height-100-lg { height: 100px !important; } .height-50-lg { height: 50px !important; } } /*BUTTONS*/ /*.btn { @extend .ease; }*/ .btn-outline.btn-success { color: #4CAF50; border-color: #4CAF50; } .btn-outline.btn-success:hover, .btn-outline.btn-success:focus { background-color: #4CAF50; color: #fff; } .btn-outline.btn-success[disabled] { background-color: #4CAF50; color: #fff; } .btn-outline.btn-success { color: #4CAF50; border-color: #4CAF50; } .btn-outline.btn-success:hover, .btn-outline.btn-success:focus { background-color: #4CAF50; color: #fff; } .btn-outline.btn-success[disabled] { background-color: #4CAF50; color: #fff; } .btn-success.btn-success-rav { color: #BFC55D; border-color: #BFC55D; } .btn-outline.btn-success.btn-success-rav:hover, .btn-outline.btn-success.btn-success-rav:focus { background-color: #BFC55D; color: #fff; } .btn-outline.btn-success.btn-success-rav[disabled] { background-color: #BFC55D; color: #fff; } .btn-outline.btn-success.btn-success-rav { color: #BFC55D; border-color: #BFC55D; } .btn-outline.btn-success.btn-success-rav:hover, .btn-outline.btn-success.btn-success-rav:focus, .btn-outline.btn-success.btn-success-rav:active { background-color: #BFC55D; border-color: #BFC55D; color: #fff; } .btn-primary.btn-outline.btn-blue-rav[disabled] { background-color: inherit; border: 2px solid #73B7D2; color: #73B7D2; } .btn-primary.btn-outline.btn-blue-rav { color: #3989A9; background-color: inherit; border: 2px solid #3989A9; } .btn-primary.btn-outline.btn-blue-rav:hover, .btn-primary.btn-outline.btn-blue-rav:focus { background-color: inherit; border: 2px solid #73B7D2; color: #73B7D2; } .btn-primary.btn-outline.btn-blue-two-rav[disabled] { background-color: #BFC55D; color: #fff; } .btn-primary.btn-outline.btn-blue-two-rav { color: #72B8D1; border-color: #72B8D1; background-color: inherit; } .btn-primary.btn-outline.btn-blue-two-rav:hover, .btn-primary.btn-outline.btn-blue-two-rav:focus { background-color: #72B8D1; border-color: #72B8D1; color: #fff; } [v-cloak] { display: none; } /* Fix For Container Width */ @media (min-width: 1200px) { .container { width: 1140px; } } .panel-body { padding-left: 30px; padding-right: 30px; } .main-container section { min-height: calc(100vh - 60px); /* padding-left: 30px; padding-right: 30px; padding-bottom: 30px; */ } .container { padding-right: 0px; padding-left: 0px; } .nav-tabs.nav-justified > li > a { border-bottom: 2px solid #e6e7e8; font-size: 16px; } .alert-success { color: #FFF; background-color: #3989A9; border-radius: 0px; border: none; font-weight: bold; font-size: 16px; text-align: center; } .alert-warning { color: #FFF; background-color: #fabe4b; border-radius: 0px; border: none; font-weight: bold; font-size: 16px; text-align: center; } .alert-failure { color: #FFF; background-color: #DF6026; border-radius: 0px; border: none; font-weight: bold; font-size: 16px; text-align: center; } .alert-error { color: #FFF; background-color: #DF6026; border-radius: 0px; border: none; font-weight: bold; font-size: 16px; text-align: center; } /* Fix For Container Width */ .pos-relative { position: relative !important; } .cursor-pointer { cursor: pointer !important; } .default-cursor { cursor: default !important; } .hover-underline:hover { text-decoration: underline !important; } .display-inline { display: inline !important; } .inline-block { display: inline-block !important; } .valign-middle { vertical-align: middle !important; } .h-auto { height: auto !important; } .nb { border: 0px !important; } .text-underline { text-decoration: underline !important; } .text-italic { font-style: italic !important; } .text-center { text-align: center !important; } #app-loader-indicator { display: inline-block; } .loader-blue-rav .ball-pulse > div, .loader-blue-rav .ball-grid-pulse > div, .loader-blue-rav .square-spin > div, .loader-blue-rav .ball-pulse-rise > div, .loader-blue-rav .ball-rotate > div, .loader-blue-rav .ball-rotate > div:before, .loader-blue-rav .ball-rotate > div:after, .loader-blue-rav .cube-transition > div, .loader-blue-rav .ball-zig-zag > div, .loader-blue-rav .ball-zig-zag-deflect > div, .loader-blue-rav .ball-triangle-path > div, .loader-blue-rav .ball-scale > div, .loader-blue-rav .line-scale > div, .loader-blue-rav .line-scale-party > div, .loader-blue-rav .ball-scale-multiple > div, .loader-blue-rav .ball-pulse-sync > div, .loader-blue-rav .ball-beat > div, .loader-blue-rav .line-scale-pulse-out > div, .loader-blue-rav .line-scale-pulse-out-rapid > div, .loader-blue-rav .ball-spin-fade-loader > div, .loader-blue-rav .line-spin-fade-loader > div, .loader-blue-rav .triangle-skew-spin > div, .loader-blue-rav .ball-grid-beat > div, .loader-blue-rav .semi-circle-spin > div { background-color: #71B6CF; } .loader-dark-blue-rav .ball-pulse > div, .loader-dark-blue-rav .ball-grid-pulse > div, .loader-dark-blue-rav .square-spin > div, .loader-dark-blue-rav .ball-pulse-rise > div, .loader-dark-blue-rav .ball-rotate > div, .loader-dark-blue-rav .ball-rotate > div:before, .loader-dark-blue-rav .ball-rotate > div:after, .loader-dark-blue-rav .cube-transition > div, .loader-dark-blue-rav .ball-zig-zag > div, .loader-dark-blue-rav .ball-zig-zag-deflect > div, .loader-dark-blue-rav .ball-triangle-path > div, .loader-dark-blue-rav .ball-scale > div, .loader-dark-blue-rav .line-scale > div, .loader-dark-blue-rav .line-scale-party > div, .loader-dark-blue-rav .ball-scale-multiple > div, .loader-dark-blue-rav .ball-pulse-sync > div, .loader-dark-blue-rav .ball-beat > div, .loader-dark-blue-rav .line-scale-pulse-out > div, .loader-dark-blue-rav .line-scale-pulse-out-rapid > div, .loader-dark-blue-rav .ball-spin-fade-loader > div, .loader-dark-blue-rav .line-spin-fade-loader > div, .loader-dark-blue-rav .triangle-skew-spin > div, .loader-dark-blue-rav .ball-grid-beat > div, .loader-dark-blue-rav .semi-circle-spin > div { background-color: #3483AC; } .loader-inner-hld { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .loader-inner-hld .loader-inner { top: 30%; left: 50%; position: absolute; } .loader-inner-hld .loader-msg { position: relative; top: 60%; } .semibold { font-weight: 600 !important; } .ladda-button, .ladda-button .ladda-spinner, .ladda-button .ladda-label { -webkit-transition: 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; transition: 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; } fieldset.fieldset-border-rav { border-bottom: 2px solid rgba(162, 162, 162, 0.25); } .theme-1 .layout-container.no-sidebar > header { margin-left: 0px; } .layout-container.no-sidebar .main-container { margin-left: 0px !important; } .mda-input-group-right .mda-form-control > input { padding-right: 36px; } .mda-input-group-right > .mda-input-group-addon-right { position: absolute; top: 25px; right: 2px; } .mda-input-group-right > .mda-input-group-addon-right.on-success { display: none; } .mda-input-group-right.has-success > .mda-input-group-addon-right.on-success { display: block; width: 25px; } .ion-tick-accept-rav:before { content: url("/img/login/icon-tickaccept.svg"); } .form-control { font-size: 16px; height: 40px; } /* CENTER*/ .center-h { margin: 0 auto; display: block; text-align: center; } .center-v { /* Add to parent div (below column)*/ display: -webkit-box; display: flex; display: -ms-flexbox; display: -webkit-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .center-both { /* Add to parent div (below column)*/ display: -webkit-box; display: flex; display: -ms-flexbox; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bb { border-bottom: 1px solid #cccccc; } .bt { border-top: 1px solid #cccccc; } /* TEXT INDENT*/ .indent100 { text-indent: 100px !important; } .indent80 { text-indent: 80px !important; } .indent60 { text-indent: 60px !important; } .indent40 { text-indent: 40px !important; } .indent20 { text-indent: 20px !important; } .indent10 { text-indent: 10px !important; } .indent5 { text-indent: 5px !important; } .column_offset_border:before { content: ""; top: 20px; left: 20px; right: 20px; bottom: 20px; border: #ffffff 1px solid; position: absolute; } .ease { -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .img-fade-in { opacity: 0.7; -webkit-transition: all 0.3s; transition: all 0.3s; } .img-fade-in:hover { opacity: 1.0; } .img-fade-out { opacity: 1.0; -webkit-transition: all 0.3s; transition: all 0.3s; } .img-fade-out:hover { opacity: 0.95; } .img-faded { opacity: 0.3; } /*ARROWS*/ .arrow-up { content: ""; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 50px solid #000000; /*Put size and color*/ } .arrow-down { content: ""; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 50px solid #000000; /*Put size and color*/ } .arrow-right { content: ""; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 50px solid #000000; /*Put size and color*/ } .arrow-left { content: ""; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-right: 50px solid #000000; /*Put size and color*/ } /*BROWSER UPDATE*/ .buorg { font-size: 14px !important; } .buorg div { padding: 20px 36px 20px 40px !important; } .buorg a { color: #E25600; } #buorgclose { position: absolute; right: .5em; top: .2em; height: 20px; width: 12px; font-weight: bold; font-size: 14px; padding: 0; } .list-group-item { padding: 0; } .list-group-item a { padding: 10px 15px; display: block; } .list-group-item a:hover { background-color: #00b1e1; color: #ffffff; } a.social_icons { color: #5c5c5c; -webkit-transition: all 0.3s; transition: all 0.3s; } a.social_icons.facebook:hover { color: #3b5998; } a.social_icons.twitter:hover { color: #55acee; } a.social_icons.instagram:hover { color: #9b6954; } a.social_icons.youtube:hover { color: #bb0000; } a.social_icons.google:hover { color: #dd4b39; } i.fa.fa-home { font-size: 30px; position: relative; top: 3px; } /*PAGE STYLES*/ /*Header*/ .container-fluid { /*padding: 0 !important; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;*/ } @media (min-width: 1200px) { .container { width: 1170px; } } .layout-container { background: white; } .vocalcom-nav { z-index: 1039 !important; } .container-fluid { background: white; } #app { background: white; } .nav-tabs.nav-justified > li > a { border-bottom: 2px solid #e6e7e8; } .tab-content { background: white; } .main-container { height: calc(100% - 100px) !important; overflow: auto; padding-bottom: 200px; /* this needs to be bigger than footer height*/ } .layout-container { min-height: 100% !important; height: auto !important; } .sidebar-nav ul > li > a > .nav-icon > em, .sidebar-nav ul > li > a > .nav-icon > img, .sidebar-nav ul > li > a > .nav-icon > svg { color: #71B6CF !important; } /*PAGE STYLES*/ #frm_profile_update input.form-control, #frm_profile_update textarea.form-control { background-color: #F4F4F4; border: 0; } body.chat-maximized footer { display: none; } body.chat-maximized .footer-stripe { display: none; } /*CHAT PAGE*/ /* #vocalcom-navbar{ display: none; } */ /*APPOINTMENTS PAGE*/ #frm_pre_appt_questionnaire .q_no, #frm_post_appt_questionnaire .q_no { height: 30px; float: left; margin-right: 20px; } #frm_pre_appt_questionnaire fieldset, #frm_post_appt_questionnaire fieldset { border-bottom: 2px solid #fff; } ul.chat-transcript-list { list-style: none; padding-left: 10px; max-height: 500px; overflow-y: scroll; overflow-x: hidden; } .note-editor.note-frame .note-statusbar .note-resizebar { display: none; } /*SINGLE NEWS PAGE*/ /*CHAT PAGE*/ .chat { list-style: none; margin: 0; padding: 0; } .chat li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #B3A9A9; } .chat li .chat-body p { margin: 0; color: #777777; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } ::-webkit-scrollbar { width: 12px; background-color: #F5F5F5; } ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #555; } .chat-maximized .container-fluid.chat-container { display: block; position: relative; z-index: 1001; } .chat-active .container-fluid.chat-container { display: block; } .container-fluid.chat-container { display: none; position: fixed; width: 100%; z-index: 1001; bottom: 0; } #fullScreenTopBar { height: 60px; background-color: #D3DAE2 !important; position: relative; /*left: 0; top: 100px; width: 100%; z-index: 9999;*/ } .chatBubble { background: url(https://utils.qualityconnex.com/QC.Chat.ArtLiveMedia/icon-chat.svg) no-repeat center; width: 60px; height: 60px; z-index: 9999; } #chatIconTopBar { display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 130px; cursor: pointer; } #chatIconTopBar.active { background-color: #E9ECF1; } .activeChatIndicator { display: none; background-color: #ADC278; width: 10px; height: 10px; border-radius: 50%; } .chatLabel { color: #002E4D; font-weight: bold; font-family: Arial; } .linksAndResources { display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding-right: 10px; } .linksAndResources.active { background-color: #E9ECF1; } .linksAndResourcesIcon { background: url(https://utils.qualityconnex.com/QC.Chat.ArtLiveMedia/icon-linksresources.svg) no-repeat center; width: 60px; height: 60px; } .linksAndResourcesLabel { color: #002E4D; font-weight: bold; font-family: Arial; } #fullScreenTopBar .patient_info { display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding-right: 10px; padding-left: 10px; margin-left: 20px; } #fullScreenTopBar .patient_name, #fullScreenTopBar .patient_ip { color: #002E4D; font-weight: bold; font-family: Arial; padding: 0 10px 0 5px; } #minimizeChat { display: none; background-color: #D3DAE2; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; right: 0; top: 0; cursor: pointer; } .chat-maximized #minimizeChat { display: -webkit-box; display: -ms-flexbox; display: flex; } .minimizeChatIcon { background: url(https://utils.qualityconnex.com/QC.Chat.ArtLiveMedia/icon-minimise.svg) no-repeat center; width: 16px; height: 16px; margin: 20px; z-index: 9999; } .minimizeChatLabel { color: #002E4D; font-weight: bold; font-family: Arial; margin-right: 20px; } #maximizeChatContainer { background-color: #D3DAE2; display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; right: 0; bottom: 0; cursor: pointer; } .chat-maximized #maximizeChatContainer { display: none; } .maximizeChatIcon { background: url(https://utils.qualityconnex.com/QC.Chat.ArtLiveMedia/icon-maximise.svg) no-repeat center; width: 16px; height: 16px; margin: 20px; z-index: 9999; } .maximizeChatLabel { color: #002E4D; font-weight: bold; font-family: Arial; margin-right: 20px; } .chat-panel .chat-panel-footer .chat-typing-status { top: -28px !important; right: 24px !important; position: absolute; } .typing-status-container { background-color: #74B7D2; color: white; font-size: 12px; border-radius: 5px; padding: 3px 3px 3px 6px; font-style: italic; } .chat-panel .chat-panel-footer .chat-input-container { height: 60px; } .icon-thewave.icon-pencil { background-position: -154px -22px; width: 10px; height: 10px; } .icon-thewave { display: inline-block; background-image: url(http://omni.qualityconnex.com/hermes_net_v5/PlateformPublication/WebSitesLi…at/Commun/TheWave/E4B4847697A437B4_Q95dfAEK/TheNewWave/sprites.default.png); } .chat-panel .chat-panel-footer .chat-input-container textarea.the-wave-message-input { min-height: 100%; height: 100%; max-height: 100%; overflow-y: scroll; border: none; border-radius: 0; } .chat-panel .chat-panel-footer .chat-input-container .btn-container { display: inline-block; vertical-align: top; text-align: center; width: 20%; max-width: 20%; min-height: 100%; height: 100%; max-height: 100%; } .chat-panel .chat-panel-footer .btn-container .btn { color: white !important; display: block; background-color: #AEC27A; margin: 0 !important; padding: 15px 0 0 0 !important; height: 100%; border-radius: 0; font-size: 20px; -webkit-box-shadow: none !important; box-shadow: none !important; } .chat-panel .chat-panel-footer .chat-input-container .icon-thewave { position: static !important; top: 0 !important; margin-top: 0 !important; left: 0 !important; margin-left: 0 !important; } .icon-thewave.icon-send { width: 0 !important; height: 0 !important; position: static !important; margin: 5px !important; } .the-wave-message-send-btn:after { /*content: "SEND";*/ } .panel-body .the-wave-message .the-wave-message-body { background-color: white !important; border: none !important; position: relative; border-radius: 10px; min-height: 50px; margin: 0 10px; } .panel-body .the-wave-message .the-wave-message-body .the-wave-message-body-container { margin: 0; padding: 10px; } .chat-panel .panel-body { background-color: #F2F3F7 !important; overflow: hidden; padding: 0 10px; width: 100%; overflow-y: scroll; position: absolute; min-height: auto; max-height: none; /* height: calc(100% - 60px); */ height: auto; bottom: 60px; left: 0; top: 0; } .chat-panel { display: none; border: none; min-width: 100%; width: 100%; max-width: 100%; position: fixed; top: 160px; left: 0; bottom: 0px; margin: 0; } .chat-maximized .chat-panel { display: block; } .chat-panel .chat-panel-footer { position: absolute; min-height: 60px; height: 60px; max-height: 60px; bottom: 0; left: 0; width: 100%; } .chat-panel .panel-body .the-wave-message .the-wave-message-body { background-color: white !important; } .chat-panel .panel-body .the-wave-message .the-wave-message-body { border: none !important; } .chat-panel .panel-body .the-wave-message .the-wave-message-body { position: relative; border-radius: 10px; min-height: 50px; margin: 0 10px; } .chat-panel .panel-body .the-wave-message .the-wave-message-body .the-wave-message-body-chev { position: absolute; top: 10px; width: 0 !important; height: 0 !important; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid white; background-color: transparent !important; border-radius: 0; } .the-wave-message-body-chev { left: -8px !important; } .agent .the-wave-message-body-chev, .other .the-wave-message-body-chev { width: 0 !important; height: 0 !important; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #74B7D2; border-right: 0 !important; background-color: transparent !important; right: -8px !important; left: auto !important; } /*.agent .the-wave-message-body-chev, .other .the-wave-message-body-chev { right: -8px !important; left: auto !important; }*/ .chat-panel .panel-body .the-wave-message .the-wave-message-body .the-wave-message-body-container { color: #777; margin: 0; padding: 10px; } .chat-panel .panel-body .the-wave-message.self .the-wave-message-body, .chat-panel .panel-body .the-wave-message.client .the-wave-message-body { margin-left: 75px; } .chat-panel .panel-body .the-wave-message.other .the-wave-message-body, .chat-panel .panel-body .the-wave-message.agent .the-wave-message-body { background-color: #74B7D2 !important; margin-right: 75px; } .chat-panel .panel-body .the-wave-message.other .the-wave-message-body .the-wave-message-body-container, .chat-panel .panel-body .the-wave-message.agent .the-wave-message-body .the-wave-message-body-container { color: white !important; } .chat-panel .panel-body .the-wave-message .edit-info { font-size: 12px !important; color: gray; text-align: left; vertical-align: middle; margin: 0 10px; } .chat-panel .panel-body .the-wave-message.self .edit-info, .chat-panel .panel-body .the-wave-message.client .edit-info { text-align: right; } .chat-panel .panel-body .the-wave-message .edit-info .edit-info-value { padding: 4px 0 12px 0 !important; } .chat-panel .panel-body .the-wave-message .the-wave-message-info { text-align: center; position: relative; } .chat-panel .panel-body .the-wave-message { background-color: #F2F3F7 !important; } .the-wave-message-avatar { border: none !important; width: 52px !important; height: 52px !important; } .other_user_offline_msg_row { position: absolute; /* width: 500px; */ z-index: 99999; /* margin: 0 20% !important; */ /* margin: 0 auto !important; */ right: 0px; top: 0; bottom: 0; left: 0; opacity: 0.9; height: 100%; text-align: center; vertical-align: middle; background-color: #fff !important; margin: 0 !important; color: #000; } .other_user_offline_msg { position: absolute; top: 50%; /* left: 50%; */ /* width: 50%; */ /* left: 50%; */ padding: 0 50px; font-weight: bold; } .other_user_offline_alert { position: fixed; width: 75%; left: 0; right: 0; margin: 0 auto; /* top: 0; */ z-index: 1000; border-radius: 10px; } .chat-maximized aside { display: none; } .chat-maximized main { display: none; } .chat-messsages-container { padding-top: 50px; } .chat-input-container .select2-container { height: 100%; } .chat-input-container .select2-container, .chat-input-container .select2-container--default .select2-selection--single, .chat-input-container .select2-container--default .select2-selection--single .select2-selection__rendered { height: 100%; } .chat-input-container .select2-container--default .select2-selection--single .select2-selection__rendered { background-color: #fff; padding: 20px 10px; } @media (min-width: 992px) { .the-wave-message { margin: 0 120px !important; } } /*Invoice*/ .invoice-table.table-bordered { border: 1px solid #000; } .invoice-table.table-bordered > tbody > tr > td, .invoice-table.table-bordered > tbody > tr > th, .invoice-table.table-bordered > tfoot > tr > td, .invoice-table.table-bordered > tfoot > tr > th, .invoice-table.table-bordered > thead > tr > td, .invoice-table.table-bordered > thead > tr > th { border-color: #000 !important; } /*RESPONSIVE STYLES*/ /*Mobile Styles*/ /*Tablet Styles (Portrait) (sm)*/ @media only screen and (min-width: 768px) { .wd-auto-sm-above { width: auto !important; } } /*Tablet Styles (Landscape) (md)*/ /*Desktop Styles (lg)*/ /*Tablet Styles (Portrait) (sm)*/ @media only screen and (max-width: 768px) { .fw-sm-below { width: 100% !important; } .ml30 { margin-left: 0px !important; } .header-container > nav > ul > li { padding-left: 0px !important; } .main-logo img { height: 35px !important; margin-left: 30px; } .block-sm-below { display: block !important; } .nm-sm-below { margin: 0 !important; } .mt0-sm-below { margin-top: 0 !important; } .mt15-sm-below { margin-top: 15px !important; } span.block-sm-below.inc { line-height: 26px; } .mda-list > .mda-list-item > .mda-list-item-text { padding: 0px !important; } .np-sm-below { padding: 0 !important; } .pt0-sm-below { padding-top: 0 !important; } .pt15-sm-below { padding-top: 15px !important; } .other_user_offline_alert { font-size: 14px; } .chatLabel, .linksAndResourcesLabel, .minimizeChatLabel, .maximizeChatLabel { display: none; } #chatIconTopBar { width: 60px; } .chat-panel .panel-body { bottom: 110px; } .chat-panel .chat-panel-footer { height: 110px; max-height: 110px; } .the-wave-message-send-btn { height: 50px !important; } } /* ##Device = Most of the Smartphones Mobiles (Portrait) ##Screen = B/w 320px to 479px */