commit 6681c4bfa0a029cd3dccc94147fb7ed7842df4d1 Author: OliverParoczai Date: Fri Mar 26 16:45:14 2021 +0100 Web hozzáadása diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..e037f59 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +creds.php diff --git a/API/request.php b/API/request.php new file mode 100644 index 0000000..7a091d8 --- /dev/null +++ b/API/request.php @@ -0,0 +1,119 @@ +connect_error) { + header('Content-Type: application/json'); + echo json_encode(array('response' => "Database connection error (".$conn->connect_error.")")); + exit; +} + +if(isset($_GET["type"])){ + $type = $_GET["type"]; +}else{ + $type = null; +} + +if($type == null){ + echo json_encode(array('response' => "No type specified")); +}else{ + switch($type){ + case "schools": + $list = array(); + if ($result = $conn->query("SELECT * FROM `schools`")) { + while($row = $result->fetch_assoc()) { + $list[] = $row; + } + echo json_encode($list); + } + $result->close(); + $conn->close(); + break; + case "events": + echo json_encode(array('events' => "Linamar")); + break; + case "image": + if(isset($_GET["subtype"])){ + $subtype = $_GET["subtype"]; + }else{ + echo json_encode(array('response' => "No subtype specified")); + } + switch($subtype){ + case "school": + header('Content-Type: image/png'); + $file = "../images/school/".$_GET["id"].".png"; + if(file_exists($file)){ + include $file; + }else{ + include "../images/default.png"; + } + break; + case "user": + header('Content-Type: image/png'); + $file = "../images/user/".$_GET["id"].".png"; + if(file_exists($file)){ + include $file; + }else{ + include "../images/user/default.png"; + } + break; + default: + echo json_encode(array('response' => "Invalid subtype specified")); + break; + } + break; + case "string": + if(isset($_GET["subtype"])){ + $subtype = $_GET["subtype"]; + }else{ + echo json_encode(array('response' => "No subtype specified")); + } + //if(isset($_GET["lang"])){ + // $lang = $_GET["lang"]; + //}else{ + // echo json_encode(array('response' => "No language specified")); + //} + switch($subtype){ + case "school": + $list = array(); + if ($result = $conn->query("SELECT * FROM `schooltypes`")) { + while($row = $result->fetch_assoc()) { + $list[] = $row; + } + echo json_encode($list); + } + $result->close(); + $conn->close(); + break; + case "user": + $list = array(); + if ($result = $conn->query("SELECT * FROM `acctypes`")) { + while($row = $result->fetch_assoc()) { + $list[] = $row; + } + echo json_encode($list); + } + $result->close(); + $conn->close(); + break; + default: + break; + } + break; + default: + echo json_encode(array('response' => "Invalid type specified")); + break; + } +} +?> diff --git a/admin/dataupload.php b/admin/dataupload.php new file mode 100644 index 0000000..c90c16f --- /dev/null +++ b/admin/dataupload.php @@ -0,0 +1,185 @@ +close(); +?> + +
+
+
+

ADATFELTÖLTÉS

+
+ +
+
+
+
+

+ INTÉZMÉNY ADATAI +

+ +
+
+

Azonosíthatóság

+
+
+ Egyedi Azonosító (ID) +
+ + fact_check + +
+ " readOnly> +
+
+
+
+ Intézmény Neve +
+ + edit + +
+ "> +
+
+
+
+ Intézmény Típusa +
+ + school + +
+ +
+
+
+
+
+
+ Intézmény fotója +
+ + " height="100px" width="100px"> + +
+ + +
+
+
+
+ Intézmény által oktatott szakok +
+ + assignment + +
+ " name="spec"> +
+
+
+
+ Intézmény telefonszáma +
+ + phone + +
+ "> +
+
+
+
+ Intézmény e-mail címe +
+ + email + +
+ "> +
+
+
+
+
+
+

Elhelyezkedés

+
+
+ Irányítószám +
+ + local_post_office + +
+ "> +
+
+
+
+ Város +
+ + location_city + +
+ "> +
+
+
+
+ Utca, házszám +
+ + label + +
+ "> +
+
+
+
+ +
+
+
+
+ +
+
+ + + + \ No newline at end of file diff --git a/admin/index.php b/admin/index.php new file mode 100644 index 0000000..92cbab1 --- /dev/null +++ b/admin/index.php @@ -0,0 +1,176 @@ + + + +
+
+
+

KEZDŐLAP

+
+ + +
+
+
+
+ help +
+
+
TBF 1
+
+
+
+
+
+
+
+ help +
+
+
TBF 2
+
+
+
+
+
+
+
+ help +
+
+
TBF 3
+
+
+
+
+
+
+
+ help +
+
+
TBF 4
+
+
+
+
+
+ + +
+
+
+
+
+
+

JELENLEGI ERŐFORRÁSHASZNÁLAT (%)

+
+
+
+ VALÓS IDEJŰ + +
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+
+

TBF 1

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#NÉVHASZNÁLAT%
1TBF 1 +
+
+
+
78%
3TBF 2 +
+
+
+
72%
3TBF 3 +
+
+
+
30%
5TBF 4 +
+
+
+
10%
4TBF 5 +
+
+
+
0%
+
+
+
+
+ + +
+
+
+

TBF 2

+
+
+
+
+
+
+ +
+
+
+ + \ No newline at end of file diff --git a/css/Roboto-Regular.ttf b/css/Roboto-Regular.ttf new file mode 100644 index 0000000..2b6392f Binary files /dev/null and b/css/Roboto-Regular.ttf differ diff --git a/css/Roboto.woff2 b/css/Roboto.woff2 new file mode 100644 index 0000000..a52ee35 Binary files /dev/null and b/css/Roboto.woff2 differ diff --git a/css/font.css b/css/font.css new file mode 100644 index 0000000..117c4c4 --- /dev/null +++ b/css/font.css @@ -0,0 +1,23 @@ +/* fallback */ +@font-face { + font-family: 'Material Icons'; + font-style: normal; + font-weight: 400; + src: url(Roboto.woff2) format('woff2'); +} + +.material-icons { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -moz-font-feature-settings: 'liga'; + -moz-osx-font-smoothing: grayscale; +} diff --git a/css/icon.css b/css/icon.css new file mode 100644 index 0000000..b224dd7 --- /dev/null +++ b/css/icon.css @@ -0,0 +1,25 @@ +/* fallback */ +@font-face { + font-family: 'Material Icons'; + font-style: normal; + font-weight: 400; + src: url(icons.woff2) format('woff2'); +} + + +.material-icons { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + font-feature-settings: 'liga'; + -moz-font-feature-settings: 'liga'; + -moz-osx-font-smoothing: grayscale; +} diff --git a/css/icons.woff2 b/css/icons.woff2 new file mode 100644 index 0000000..84084a5 Binary files /dev/null and b/css/icons.woff2 differ diff --git a/css/materialize.css b/css/materialize.css new file mode 100644 index 0000000..9515953 --- /dev/null +++ b/css/materialize.css @@ -0,0 +1,416 @@ +/*! + * Materialize v0.97.7 (http://materializecss.com) + * Copyright 2014-2015 Materialize + * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE) + */ + +/* Radio Buttons + ========================================================================== */ +[type="radio"]:not(:checked), +[type="radio"]:checked { + position: absolute; + left: -9999px; + opacity: 0; +} + +[type="radio"]:not(:checked) + label, +[type="radio"]:checked + label { + position: relative; + padding-left: 35px; + cursor: pointer; + display: inline-block; + height: 25px; + line-height: 25px; + font-size: 1rem; + transition: .28s ease; + /* webkit (konqueror) browsers */ + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +[type="radio"] + label:before, +[type="radio"] + label:after { + content: ''; + position: absolute; + left: 0; + top: 0; + margin: 4px; + width: 16px; + height: 16px; + z-index: 0; + transition: .28s ease; +} + +/* Unchecked styles */ +[type="radio"]:not(:checked) + label:before, +[type="radio"]:not(:checked) + label:after, +[type="radio"]:checked + label:before, +[type="radio"]:checked + label:after, +[type="radio"].with-gap:checked + label:before, +[type="radio"].with-gap:checked + label:after { + border-radius: 50%; +} + +[type="radio"]:not(:checked) + label:before, +[type="radio"]:not(:checked) + label:after { + border: 2px solid #5a5a5a; +} + +[type="radio"]:not(:checked) + label:after { + z-index: -1; + -webkit-transform: scale(0); + transform: scale(0); +} + +/* Checked styles */ +[type="radio"]:checked + label:before { + border: 2px solid transparent; +} + +[type="radio"]:checked + label:after, +[type="radio"].with-gap:checked + label:before, +[type="radio"].with-gap:checked + label:after { + border: 2px solid #26a69a; +} + +[type="radio"]:checked + label:after, +[type="radio"].with-gap:checked + label:after { + background-color: #26a69a; + z-index: 0; +} + +[type="radio"]:checked + label:after { + -webkit-transform: scale(1.02); + transform: scale(1.02); +} + +/* Radio With gap */ +[type="radio"].with-gap:checked + label:after { + -webkit-transform: scale(0.5); + transform: scale(0.5); +} + +/* Focused styles */ +[type="radio"].tabbed:focus + label:before { + box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); +} + +/* Disabled Radio With gap */ +[type="radio"].with-gap:disabled:checked + label:before { + border: 2px solid rgba(0, 0, 0, 0.26); +} + +[type="radio"].with-gap:disabled:checked + label:after { + border: none; + background-color: rgba(0, 0, 0, 0.26); +} + +/* Disabled style */ +[type="radio"]:disabled:not(:checked) + label:before, +[type="radio"]:disabled:checked + label:before { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.26); +} + +[type="radio"]:disabled + label { + color: rgba(0, 0, 0, 0.26); +} + +[type="radio"]:disabled:not(:checked) + label:before { + border-color: rgba(0, 0, 0, 0.26); +} + +[type="radio"]:disabled:checked + label:after { + background-color: rgba(0, 0, 0, 0.26); + border-color: #BDBDBD; +} + +/* Checkboxes + ========================================================================== */ +/* CUSTOM CSS CHECKBOXES */ +form p { + margin-bottom: 10px; + text-align: left; +} + +form p:last-child { + margin-bottom: 0; +} + +/* Remove default checkbox */ +[type="checkbox"]:not(:checked), +[type="checkbox"]:checked { + position: absolute; + left: -9999px; + opacity: 0; +} + +[type="checkbox"] { + /* checkbox aspect */ +} + +[type="checkbox"] + label { + position: relative; + padding-left: 35px; + cursor: pointer; + display: inline-block; + height: 25px; + line-height: 25px; + font-size: 1rem; + -webkit-user-select: none; + /* webkit (safari, chrome) browsers */ + -moz-user-select: none; + /* mozilla browsers */ + -khtml-user-select: none; + /* webkit (konqueror) browsers */ + -ms-user-select: none; + /* IE10+ */ +} + +[type="checkbox"] + label:before, +[type="checkbox"]:not(.filled-in) + label:after { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 18px; + height: 18px; + z-index: 0; + border: 2px solid #5a5a5a; + border-radius: 1px; + margin-top: 2px; + transition: .2s; +} + +[type="checkbox"]:not(.filled-in) + label:after { + border: 0; + -webkit-transform: scale(0); + transform: scale(0); +} + +[type="checkbox"]:not(:checked):disabled + label:before { + border: none; + background-color: rgba(0, 0, 0, 0.26); +} + +[type="checkbox"].tabbed:focus + label:after { + -webkit-transform: scale(1); + transform: scale(1); + border: 0; + border-radius: 50%; + box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, 0.1); +} + +[type="checkbox"]:checked + label:before { + top: -4px; + left: -5px; + width: 12px; + height: 22px; + border-top: 2px solid transparent; + border-left: 2px solid transparent; + border-right: 2px solid #26a69a; + border-bottom: 2px solid #26a69a; + -webkit-transform: rotate(40deg); + transform: rotate(40deg); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; +} + +[type="checkbox"]:checked:disabled + label:before { + border-right: 2px solid rgba(0, 0, 0, 0.26); + border-bottom: 2px solid rgba(0, 0, 0, 0.26); +} + +/* Indeterminate checkbox */ +[type="checkbox"]:indeterminate + label:before { + top: -11px; + left: -12px; + width: 10px; + height: 22px; + border-top: none; + border-left: none; + border-right: 2px solid #26a69a; + border-bottom: none; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; +} + +[type="checkbox"]:indeterminate:disabled + label:before { + border-right: 2px solid rgba(0, 0, 0, 0.26); + background-color: transparent; +} + +[type="checkbox"].filled-in + label:after { + border-radius: 2px; +} + +[type="checkbox"].filled-in + label:before, +[type="checkbox"].filled-in + label:after { + content: ''; + left: 0; + position: absolute; + /* .1s delay is for check animation */ + transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; + z-index: 1; +} + +[type="checkbox"].filled-in:not(:checked) + label:before { + width: 0; + height: 0; + border: 3px solid transparent; + left: 6px; + top: 10px; + -webkit-transform: rotateZ(37deg); + transform: rotateZ(37deg); + -webkit-transform-origin: 20% 40%; + transform-origin: 100% 100%; +} + +[type="checkbox"].filled-in:not(:checked) + label:after { + height: 20px; + width: 20px; + background-color: transparent; + border: 2px solid #5a5a5a; + top: 0px; + z-index: 0; +} + +[type="checkbox"].filled-in:checked + label:before { + top: 0; + left: 1px; + width: 8px; + height: 13px; + border-top: 2px solid transparent; + border-left: 2px solid transparent; + border-right: 2px solid #fff; + border-bottom: 2px solid #fff; + -webkit-transform: rotateZ(37deg); + transform: rotateZ(37deg); + -webkit-transform-origin: 100% 100%; + transform-origin: 100% 100%; +} + +[type="checkbox"].filled-in:checked + label:after { + top: 0; + width: 20px; + height: 20px; + border: 2px solid #26a69a; + background-color: #26a69a; + z-index: 0; +} + +[type="checkbox"].filled-in.tabbed:focus + label:after { + border-radius: 2px; + border-color: #5a5a5a; + background-color: rgba(0, 0, 0, 0.1); +} + +[type="checkbox"].filled-in.tabbed:checked:focus + label:after { + border-radius: 2px; + background-color: #26a69a; + border-color: #26a69a; +} + +[type="checkbox"].filled-in:disabled:not(:checked) + label:before { + background-color: transparent; + border: 2px solid transparent; +} + +[type="checkbox"].filled-in:disabled:not(:checked) + label:after { + border-color: transparent; + background-color: #BDBDBD; +} + +[type="checkbox"].filled-in:disabled:checked + label:before { + background-color: transparent; +} + +[type="checkbox"].filled-in:disabled:checked + label:after { + background-color: #BDBDBD; + border-color: #BDBDBD; +} + +/* Switch + ========================================================================== */ +.switch, +.switch * { + -webkit-user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -ms-user-select: none; +} + +.switch label { + cursor: pointer; +} + +.switch label input[type=checkbox] { + opacity: 0; + width: 0; + height: 0; +} + +.switch label input[type=checkbox]:checked + .lever { + background-color: #84c7c1; +} + +.switch label input[type=checkbox]:checked + .lever:after { + background-color: #26a69a; + left: 24px; +} + +.switch label .lever { + content: ""; + display: inline-block; + position: relative; + width: 40px; + height: 15px; + background-color: #818181; + border-radius: 15px; + margin-right: 10px; + transition: background 0.3s ease; + vertical-align: middle; + margin: 0 16px; +} + +.switch label .lever:after { + content: ""; + position: absolute; + display: inline-block; + width: 21px; + height: 21px; + background-color: #F1F1F1; + border-radius: 21px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); + left: -5px; + top: -3px; + transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; +} + +input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after, +input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1); +} + +input[type=checkbox]:not(:disabled) ~ .lever:active:after, +input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); +} + +.switch input[type=checkbox][disabled] + .lever { + cursor: default; +} + +.switch label input[type=checkbox][disabled] + .lever:after, +.switch label input[type=checkbox][disabled]:checked + .lever:after { + background-color: #BDBDBD; +} \ No newline at end of file diff --git a/css/roboto.css b/css/roboto.css new file mode 100644 index 0000000..1f03dee --- /dev/null +++ b/css/roboto.css @@ -0,0 +1,8 @@ + +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: local('Roboto'), local('Roboto-Regular'), url("Roboto-Regular.ttf") format('ttf'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..9632e55 --- /dev/null +++ b/css/style.css @@ -0,0 +1,8233 @@ +/* Custom ParEdu mods ====================================== */ +.squircle { + border-radius: 4% !important; +} + +.listitemimg { + float:left; + display:inline-block; + height: 45px; + width: 45px; + margin-right: 10px; +} + +.listitem{ + display:block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +/* Navbar ====================================== */ +@import url(materialize.css); +.navbar { + font-family: "Roboto", sans-serif; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); + -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); + border: none; + position: fixed; + top: 0; + left: 0; + z-index: 12; + width: 100%; } + .navbar .navbar-brand { + white-space: nowrap; + -ms-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden; } + .navbar .navbar-custom-right-menu { + float: right; } + .navbar .navbar-toggle { + text-decoration: none; + color: #fff; + width: 20px; + height: 20px; + margin-top: -4px; + margin-right: 17px; } + .navbar .navbar-toggle:before { + content: '\E8D5'; + font-family: 'Material Icons'; + font-size: 26px; } + .navbar .navbar-collapse.in { + overflow: visible; } + +.ls-closed .sidebar { + margin-left: -300px; } + +.ls-closed section.content { + margin-left: 15px; } + +.ls-closed .bars:after, .ls-closed .bars:before { + font-family: 'Material Icons'; + font-size: 24px; + position: absolute; + top: 18px; + left: 20px; + margin-right: 10px; + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -webkit-transition: all 0.3s; + transition: all 0.3s; } + +.ls-closed .bars:before { + content: '\E5D2'; + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + -webkit-transform: scale(1); + transform: scale(1); } + +.ls-closed .bars:after { + content: '\E5C4'; + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); } + +.ls-closed .navbar-brand { + margin-left: 30px; } + +.overlay-open .bars:before { + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); } + +.overlay-open .bars:after { + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + -webkit-transform: scale(1); + transform: scale(1); } + +.navbar-header { + padding: 10px 7px; } + .navbar-header .bars { + float: left; + text-decoration: none; } + +.navbar-nav > li > a { + padding: 7px 7px 2px 7px; + margin-top: 17px; + margin-left: 5px; } + +.navbar-nav .dropdown-menu { + margin-top: -40px !important; } + +.label-count { + position: absolute; + top: 2px; + right: 6px; + font-size: 10px; + line-height: 15px; + background-color: #000; + padding: 0 4px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + border-radius: 3px; } + +.col-red .navbar .navbar-brand, +.col-red .navbar .navbar-brand:hover, +.col-red .navbar .navbar-brand:active, +.col-red .navbar .navbar-brand:focus { + color: #fff; } + +.col-red .navbar .nav > li > a:hover, +.col-red .navbar .nav > li > a:focus, +.col-red .navbar .nav .open > a, +.col-red .navbar .nav .open > a:hover, +.col-red .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-red .navbar .nav > li > a { + color: #fff; } + +.col-red .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-red .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-pink .navbar .navbar-brand, +.col-pink .navbar .navbar-brand:hover, +.col-pink .navbar .navbar-brand:active, +.col-pink .navbar .navbar-brand:focus { + color: #fff; } + +.col-pink .navbar .nav > li > a:hover, +.col-pink .navbar .nav > li > a:focus, +.col-pink .navbar .nav .open > a, +.col-pink .navbar .nav .open > a:hover, +.col-pink .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-pink .navbar .nav > li > a { + color: #fff; } + +.col-pink .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-pink .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-purple .navbar .navbar-brand, +.col-purple .navbar .navbar-brand:hover, +.col-purple .navbar .navbar-brand:active, +.col-purple .navbar .navbar-brand:focus { + color: #fff; } + +.col-purple .navbar .nav > li > a:hover, +.col-purple .navbar .nav > li > a:focus, +.col-purple .navbar .nav .open > a, +.col-purple .navbar .nav .open > a:hover, +.col-purple .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-purple .navbar .nav > li > a { + color: #fff; } + +.col-purple .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-purple .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-deep-purple .navbar .navbar-brand, +.col-deep-purple .navbar .navbar-brand:hover, +.col-deep-purple .navbar .navbar-brand:active, +.col-deep-purple .navbar .navbar-brand:focus { + color: #fff; } + +.col-deep-purple .navbar .nav > li > a:hover, +.col-deep-purple .navbar .nav > li > a:focus, +.col-deep-purple .navbar .nav .open > a, +.col-deep-purple .navbar .nav .open > a:hover, +.col-deep-purple .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-deep-purple .navbar .nav > li > a { + color: #fff; } + +.col-deep-purple .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-deep-purple .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-indigo .navbar .navbar-brand, +.col-indigo .navbar .navbar-brand:hover, +.col-indigo .navbar .navbar-brand:active, +.col-indigo .navbar .navbar-brand:focus { + color: #fff; } + +.col-indigo .navbar .nav > li > a:hover, +.col-indigo .navbar .nav > li > a:focus, +.col-indigo .navbar .nav .open > a, +.col-indigo .navbar .nav .open > a:hover, +.col-indigo .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-indigo .navbar .nav > li > a { + color: #fff; } + +.col-indigo .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-indigo .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-blue .navbar .navbar-brand, +.col-blue .navbar .navbar-brand:hover, +.col-blue .navbar .navbar-brand:active, +.col-blue .navbar .navbar-brand:focus { + color: #fff; } + +.col-blue .navbar .nav > li > a:hover, +.col-blue .navbar .nav > li > a:focus, +.col-blue .navbar .nav .open > a, +.col-blue .navbar .nav .open > a:hover, +.col-blue .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-blue .navbar .nav > li > a { + color: #fff; } + +.col-blue .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-blue .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-light-blue .navbar .navbar-brand, +.col-light-blue .navbar .navbar-brand:hover, +.col-light-blue .navbar .navbar-brand:active, +.col-light-blue .navbar .navbar-brand:focus { + color: #fff; } + +.col-light-blue .navbar .nav > li > a:hover, +.col-light-blue .navbar .nav > li > a:focus, +.col-light-blue .navbar .nav .open > a, +.col-light-blue .navbar .nav .open > a:hover, +.col-light-blue .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-light-blue .navbar .nav > li > a { + color: #fff; } + +.col-light-blue .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-light-blue .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-cyan .navbar .navbar-brand, +.col-cyan .navbar .navbar-brand:hover, +.col-cyan .navbar .navbar-brand:active, +.col-cyan .navbar .navbar-brand:focus { + color: #fff; } + +.col-cyan .navbar .nav > li > a:hover, +.col-cyan .navbar .nav > li > a:focus, +.col-cyan .navbar .nav .open > a, +.col-cyan .navbar .nav .open > a:hover, +.col-cyan .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-cyan .navbar .nav > li > a { + color: #fff; } + +.col-cyan .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-cyan .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-teal .navbar .navbar-brand, +.col-teal .navbar .navbar-brand:hover, +.col-teal .navbar .navbar-brand:active, +.col-teal .navbar .navbar-brand:focus { + color: #fff; } + +.col-teal .navbar .nav > li > a:hover, +.col-teal .navbar .nav > li > a:focus, +.col-teal .navbar .nav .open > a, +.col-teal .navbar .nav .open > a:hover, +.col-teal .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-teal .navbar .nav > li > a { + color: #fff; } + +.col-teal .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-teal .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-green .navbar .navbar-brand, +.col-green .navbar .navbar-brand:hover, +.col-green .navbar .navbar-brand:active, +.col-green .navbar .navbar-brand:focus { + color: #fff; } + +.col-green .navbar .nav > li > a:hover, +.col-green .navbar .nav > li > a:focus, +.col-green .navbar .nav .open > a, +.col-green .navbar .nav .open > a:hover, +.col-green .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-green .navbar .nav > li > a { + color: #fff; } + +.col-green .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-green .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-light-green .navbar .navbar-brand, +.col-light-green .navbar .navbar-brand:hover, +.col-light-green .navbar .navbar-brand:active, +.col-light-green .navbar .navbar-brand:focus { + color: #fff; } + +.col-light-green .navbar .nav > li > a:hover, +.col-light-green .navbar .nav > li > a:focus, +.col-light-green .navbar .nav .open > a, +.col-light-green .navbar .nav .open > a:hover, +.col-light-green .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-light-green .navbar .nav > li > a { + color: #fff; } + +.col-light-green .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-light-green .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-lime .navbar .navbar-brand, +.col-lime .navbar .navbar-brand:hover, +.col-lime .navbar .navbar-brand:active, +.col-lime .navbar .navbar-brand:focus { + color: #fff; } + +.col-lime .navbar .nav > li > a:hover, +.col-lime .navbar .nav > li > a:focus, +.col-lime .navbar .nav .open > a, +.col-lime .navbar .nav .open > a:hover, +.col-lime .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-lime .navbar .nav > li > a { + color: #fff; } + +.col-lime .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-lime .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-yellow .navbar .navbar-brand, +.col-yellow .navbar .navbar-brand:hover, +.col-yellow .navbar .navbar-brand:active, +.col-yellow .navbar .navbar-brand:focus { + color: #fff; } + +.col-yellow .navbar .nav > li > a:hover, +.col-yellow .navbar .nav > li > a:focus, +.col-yellow .navbar .nav .open > a, +.col-yellow .navbar .nav .open > a:hover, +.col-yellow .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-yellow .navbar .nav > li > a { + color: #fff; } + +.col-yellow .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-yellow .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-amber .navbar .navbar-brand, +.col-amber .navbar .navbar-brand:hover, +.col-amber .navbar .navbar-brand:active, +.col-amber .navbar .navbar-brand:focus { + color: #fff; } + +.col-amber .navbar .nav > li > a:hover, +.col-amber .navbar .nav > li > a:focus, +.col-amber .navbar .nav .open > a, +.col-amber .navbar .nav .open > a:hover, +.col-amber .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-amber .navbar .nav > li > a { + color: #fff; } + +.col-amber .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-amber .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-orange .navbar .navbar-brand, +.col-orange .navbar .navbar-brand:hover, +.col-orange .navbar .navbar-brand:active, +.col-orange .navbar .navbar-brand:focus { + color: #fff; } + +.col-orange .navbar .nav > li > a:hover, +.col-orange .navbar .nav > li > a:focus, +.col-orange .navbar .nav .open > a, +.col-orange .navbar .nav .open > a:hover, +.col-orange .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-orange .navbar .nav > li > a { + color: #fff; } + +.col-orange .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-orange .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-deep-orange .navbar .navbar-brand, +.col-deep-orange .navbar .navbar-brand:hover, +.col-deep-orange .navbar .navbar-brand:active, +.col-deep-orange .navbar .navbar-brand:focus { + color: #fff; } + +.col-deep-orange .navbar .nav > li > a:hover, +.col-deep-orange .navbar .nav > li > a:focus, +.col-deep-orange .navbar .nav .open > a, +.col-deep-orange .navbar .nav .open > a:hover, +.col-deep-orange .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-deep-orange .navbar .nav > li > a { + color: #fff; } + +.col-deep-orange .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-deep-orange .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-brown .navbar .navbar-brand, +.col-brown .navbar .navbar-brand:hover, +.col-brown .navbar .navbar-brand:active, +.col-brown .navbar .navbar-brand:focus { + color: #fff; } + +.col-brown .navbar .nav > li > a:hover, +.col-brown .navbar .nav > li > a:focus, +.col-brown .navbar .nav .open > a, +.col-brown .navbar .nav .open > a:hover, +.col-brown .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-brown .navbar .nav > li > a { + color: #fff; } + +.col-brown .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-brown .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-grey .navbar .navbar-brand, +.col-grey .navbar .navbar-brand:hover, +.col-grey .navbar .navbar-brand:active, +.col-grey .navbar .navbar-brand:focus { + color: #fff; } + +.col-grey .navbar .nav > li > a:hover, +.col-grey .navbar .nav > li > a:focus, +.col-grey .navbar .nav .open > a, +.col-grey .navbar .nav .open > a:hover, +.col-grey .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-grey .navbar .nav > li > a { + color: #fff; } + +.col-grey .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-grey .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-blue-grey .navbar .navbar-brand, +.col-blue-grey .navbar .navbar-brand:hover, +.col-blue-grey .navbar .navbar-brand:active, +.col-blue-grey .navbar .navbar-brand:focus { + color: #fff; } + +.col-blue-grey .navbar .nav > li > a:hover, +.col-blue-grey .navbar .nav > li > a:focus, +.col-blue-grey .navbar .nav .open > a, +.col-blue-grey .navbar .nav .open > a:hover, +.col-blue-grey .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-blue-grey .navbar .nav > li > a { + color: #fff; } + +.col-blue-grey .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-blue-grey .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-black .navbar .navbar-brand, +.col-black .navbar .navbar-brand:hover, +.col-black .navbar .navbar-brand:active, +.col-black .navbar .navbar-brand:focus { + color: #fff; } + +.col-black .navbar .nav > li > a:hover, +.col-black .navbar .nav > li > a:focus, +.col-black .navbar .nav .open > a, +.col-black .navbar .nav .open > a:hover, +.col-black .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-black .navbar .nav > li > a { + color: #fff; } + +.col-black .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-black .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-white .navbar .navbar-brand, +.col-white .navbar .navbar-brand:hover, +.col-white .navbar .navbar-brand:active, +.col-white .navbar .navbar-brand:focus { + color: #fff; } + +.col-white .navbar .nav > li > a:hover, +.col-white .navbar .nav > li > a:focus, +.col-white .navbar .nav .open > a, +.col-white .navbar .nav .open > a:hover, +.col-white .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-white .navbar .nav > li > a { + color: #fff; } + +.col-white .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-white .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +/* Material Icons ============================== */ +.material-icons.md-18 { + font-size: 18px; } + +.material-icons.md-24 { + font-size: 24px; } + +.material-icons.md-26 { + font-size: 26px; } + +.material-icons.md-28 { + font-size: 28px; } + +.material-icons.md-30 { + font-size: 30px; } + +.material-icons.md-32 { + font-size: 32px; } + +.material-icons.md-36 { + font-size: 36px; } + +.material-icons.md-48 { + font-size: 48px; } + +/* Helpers ===================================== */ +.m-l--125 { + margin-left: -125px; } + +.m-t--125 { + margin-top: -125px; } + +.m-r--125 { + margin-right: -125px; } + +.m-b--125 { + margin-bottom: -125px; } + +.m-l--120 { + margin-left: -120px; } + +.m-t--120 { + margin-top: -120px; } + +.m-r--120 { + margin-right: -120px; } + +.m-b--120 { + margin-bottom: -120px; } + +.m-l--115 { + margin-left: -115px; } + +.m-t--115 { + margin-top: -115px; } + +.m-r--115 { + margin-right: -115px; } + +.m-b--115 { + margin-bottom: -115px; } + +.m-l--110 { + margin-left: -110px; } + +.m-t--110 { + margin-top: -110px; } + +.m-r--110 { + margin-right: -110px; } + +.m-b--110 { + margin-bottom: -110px; } + +.m-l--105 { + margin-left: -105px; } + +.m-t--105 { + margin-top: -105px; } + +.m-r--105 { + margin-right: -105px; } + +.m-b--105 { + margin-bottom: -105px; } + +.m-l--100 { + margin-left: -100px; } + +.m-t--100 { + margin-top: -100px; } + +.m-r--100 { + margin-right: -100px; } + +.m-b--100 { + margin-bottom: -100px; } + +.m-l--95 { + margin-left: -95px; } + +.m-t--95 { + margin-top: -95px; } + +.m-r--95 { + margin-right: -95px; } + +.m-b--95 { + margin-bottom: -95px; } + +.m-l--90 { + margin-left: -90px; } + +.m-t--90 { + margin-top: -90px; } + +.m-r--90 { + margin-right: -90px; } + +.m-b--90 { + margin-bottom: -90px; } + +.m-l--85 { + margin-left: -85px; } + +.m-t--85 { + margin-top: -85px; } + +.m-r--85 { + margin-right: -85px; } + +.m-b--85 { + margin-bottom: -85px; } + +.m-l--80 { + margin-left: -80px; } + +.m-t--80 { + margin-top: -80px; } + +.m-r--80 { + margin-right: -80px; } + +.m-b--80 { + margin-bottom: -80px; } + +.m-l--75 { + margin-left: -75px; } + +.m-t--75 { + margin-top: -75px; } + +.m-r--75 { + margin-right: -75px; } + +.m-b--75 { + margin-bottom: -75px; } + +.m-l--70 { + margin-left: -70px; } + +.m-t--70 { + margin-top: -70px; } + +.m-r--70 { + margin-right: -70px; } + +.m-b--70 { + margin-bottom: -70px; } + +.m-l--65 { + margin-left: -65px; } + +.m-t--65 { + margin-top: -65px; } + +.m-r--65 { + margin-right: -65px; } + +.m-b--65 { + margin-bottom: -65px; } + +.m-l--60 { + margin-left: -60px; } + +.m-t--60 { + margin-top: -60px; } + +.m-r--60 { + margin-right: -60px; } + +.m-b--60 { + margin-bottom: -60px; } + +.m-l--55 { + margin-left: -55px; } + +.m-t--55 { + margin-top: -55px; } + +.m-r--55 { + margin-right: -55px; } + +.m-b--55 { + margin-bottom: -55px; } + +.m-l--50 { + margin-left: -50px; } + +.m-t--50 { + margin-top: -50px; } + +.m-r--50 { + margin-right: -50px; } + +.m-b--50 { + margin-bottom: -50px; } + +.m-l--45 { + margin-left: -45px; } + +.m-t--45 { + margin-top: -45px; } + +.m-r--45 { + margin-right: -45px; } + +.m-b--45 { + margin-bottom: -45px; } + +.m-l--40 { + margin-left: -40px; } + +.m-t--40 { + margin-top: -40px; } + +.m-r--40 { + margin-right: -40px; } + +.m-b--40 { + margin-bottom: -40px; } + +.m-l--35 { + margin-left: -35px; } + +.m-t--35 { + margin-top: -35px; } + +.m-r--35 { + margin-right: -35px; } + +.m-b--35 { + margin-bottom: -35px; } + +.m-l--30 { + margin-left: -30px; } + +.m-t--30 { + margin-top: -30px; } + +.m-r--30 { + margin-right: -30px; } + +.m-b--30 { + margin-bottom: -30px; } + +.m-l--25 { + margin-left: -25px; } + +.m-t--25 { + margin-top: -25px; } + +.m-r--25 { + margin-right: -25px; } + +.m-b--25 { + margin-bottom: -25px; } + +.m-l--20 { + margin-left: -20px; } + +.m-t--20 { + margin-top: -20px; } + +.m-r--20 { + margin-right: -20px; } + +.m-b--20 { + margin-bottom: -20px; } + +.m-l--15 { + margin-left: -15px; } + +.m-t--15 { + margin-top: -15px; } + +.m-r--15 { + margin-right: -15px; } + +.m-b--15 { + margin-bottom: -15px; } + +.m-l--10 { + margin-left: -10px; } + +.m-t--10 { + margin-top: -10px; } + +.m-r--10 { + margin-right: -10px; } + +.m-b--10 { + margin-bottom: -10px; } + +.m-l--5 { + margin-left: -5px; } + +.m-t--5 { + margin-top: -5px; } + +.m-r--5 { + margin-right: -5px; } + +.m-b--5 { + margin-bottom: -5px; } + +.m-l-0 { + margin-left: 0px; } + +.m-t-0 { + margin-top: 0px; } + +.m-r-0 { + margin-right: 0px; } + +.m-b-0 { + margin-bottom: 0px; } + +.m-l-5 { + margin-left: 5px; } + +.m-t-5 { + margin-top: 5px; } + +.m-r-5 { + margin-right: 5px; } + +.m-b-5 { + margin-bottom: 5px; } + +.m-l-10 { + margin-left: 10px; } + +.m-t-10 { + margin-top: 10px; } + +.m-r-10 { + margin-right: 10px; } + +.m-b-10 { + margin-bottom: 10px; } + +.m-l-15 { + margin-left: 15px; } + +.m-t-15 { + margin-top: 15px; } + +.m-r-15 { + margin-right: 15px; } + +.m-b-15 { + margin-bottom: 15px; } + +.m-l-20 { + margin-left: 20px; } + +.m-t-20 { + margin-top: 20px; } + +.m-r-20 { + margin-right: 20px; } + +.m-b-20 { + margin-bottom: 20px; } + +.m-l-25 { + margin-left: 25px; } + +.m-t-25 { + margin-top: 25px; } + +.m-r-25 { + margin-right: 25px; } + +.m-b-25 { + margin-bottom: 25px; } + +.m-l-30 { + margin-left: 30px; } + +.m-t-30 { + margin-top: 30px; } + +.m-r-30 { + margin-right: 30px; } + +.m-b-30 { + margin-bottom: 30px; } + +.m-l-35 { + margin-left: 35px; } + +.m-t-35 { + margin-top: 35px; } + +.m-r-35 { + margin-right: 35px; } + +.m-b-35 { + margin-bottom: 35px; } + +.m-l-40 { + margin-left: 40px; } + +.m-t-40 { + margin-top: 40px; } + +.m-r-40 { + margin-right: 40px; } + +.m-b-40 { + margin-bottom: 40px; } + +.m-l-45 { + margin-left: 45px; } + +.m-t-45 { + margin-top: 45px; } + +.m-r-45 { + margin-right: 45px; } + +.m-b-45 { + margin-bottom: 45px; } + +.m-l-50 { + margin-left: 50px; } + +.m-t-50 { + margin-top: 50px; } + +.m-r-50 { + margin-right: 50px; } + +.m-b-50 { + margin-bottom: 50px; } + +.m-l-55 { + margin-left: 55px; } + +.m-t-55 { + margin-top: 55px; } + +.m-r-55 { + margin-right: 55px; } + +.m-b-55 { + margin-bottom: 55px; } + +.m-l-60 { + margin-left: 60px; } + +.m-t-60 { + margin-top: 60px; } + +.m-r-60 { + margin-right: 60px; } + +.m-b-60 { + margin-bottom: 60px; } + +.m-l-65 { + margin-left: 65px; } + +.m-t-65 { + margin-top: 65px; } + +.m-r-65 { + margin-right: 65px; } + +.m-b-65 { + margin-bottom: 65px; } + +.m-l-70 { + margin-left: 70px; } + +.m-t-70 { + margin-top: 70px; } + +.m-r-70 { + margin-right: 70px; } + +.m-b-70 { + margin-bottom: 70px; } + +.m-l-75 { + margin-left: 75px; } + +.m-t-75 { + margin-top: 75px; } + +.m-r-75 { + margin-right: 75px; } + +.m-b-75 { + margin-bottom: 75px; } + +.m-l-80 { + margin-left: 80px; } + +.m-t-80 { + margin-top: 80px; } + +.m-r-80 { + margin-right: 80px; } + +.m-b-80 { + margin-bottom: 80px; } + +.m-l-85 { + margin-left: 85px; } + +.m-t-85 { + margin-top: 85px; } + +.m-r-85 { + margin-right: 85px; } + +.m-b-85 { + margin-bottom: 85px; } + +.m-l-90 { + margin-left: 90px; } + +.m-t-90 { + margin-top: 90px; } + +.m-r-90 { + margin-right: 90px; } + +.m-b-90 { + margin-bottom: 90px; } + +.m-l-95 { + margin-left: 95px; } + +.m-t-95 { + margin-top: 95px; } + +.m-r-95 { + margin-right: 95px; } + +.m-b-95 { + margin-bottom: 95px; } + +.m-l-100 { + margin-left: 100px; } + +.m-t-100 { + margin-top: 100px; } + +.m-r-100 { + margin-right: 100px; } + +.m-b-100 { + margin-bottom: 100px; } + +.m-l-105 { + margin-left: 105px; } + +.m-t-105 { + margin-top: 105px; } + +.m-r-105 { + margin-right: 105px; } + +.m-b-105 { + margin-bottom: 105px; } + +.m-l-110 { + margin-left: 110px; } + +.m-t-110 { + margin-top: 110px; } + +.m-r-110 { + margin-right: 110px; } + +.m-b-110 { + margin-bottom: 110px; } + +.m-l-115 { + margin-left: 115px; } + +.m-t-115 { + margin-top: 115px; } + +.m-r-115 { + margin-right: 115px; } + +.m-b-115 { + margin-bottom: 115px; } + +.m-l-120 { + margin-left: 120px; } + +.m-t-120 { + margin-top: 120px; } + +.m-r-120 { + margin-right: 120px; } + +.m-b-120 { + margin-bottom: 120px; } + +.m-l-125 { + margin-left: 125px; } + +.m-t-125 { + margin-top: 125px; } + +.m-r-125 { + margin-right: 125px; } + +.m-b-125 { + margin-bottom: 125px; } + +.margin-0 { + margin: 0; } + +.p-l-0 { + padding-left: 0px; } + +.p-t-0 { + padding-top: 0px; } + +.p-r-0 { + padding-right: 0px; } + +.p-b-0 { + padding-bottom: 0px; } + +.p-l-5 { + padding-left: 5px; } + +.p-t-5 { + padding-top: 5px; } + +.p-r-5 { + padding-right: 5px; } + +.p-b-5 { + padding-bottom: 5px; } + +.p-l-10 { + padding-left: 10px; } + +.p-t-10 { + padding-top: 10px; } + +.p-r-10 { + padding-right: 10px; } + +.p-b-10 { + padding-bottom: 10px; } + +.p-l-15 { + padding-left: 15px; } + +.p-t-15 { + padding-top: 15px; } + +.p-r-15 { + padding-right: 15px; } + +.p-b-15 { + padding-bottom: 15px; } + +.p-l-20 { + padding-left: 20px; } + +.p-t-20 { + padding-top: 20px; } + +.p-r-20 { + padding-right: 20px; } + +.p-b-20 { + padding-bottom: 20px; } + +.p-l-25 { + padding-left: 25px; } + +.p-t-25 { + padding-top: 25px; } + +.p-r-25 { + padding-right: 25px; } + +.p-b-25 { + padding-bottom: 25px; } + +.p-l-30 { + padding-left: 30px; } + +.p-t-30 { + padding-top: 30px; } + +.p-r-30 { + padding-right: 30px; } + +.p-b-30 { + padding-bottom: 30px; } + +.p-l-35 { + padding-left: 35px; } + +.p-t-35 { + padding-top: 35px; } + +.p-r-35 { + padding-right: 35px; } + +.p-b-35 { + padding-bottom: 35px; } + +.p-l-40 { + padding-left: 40px; } + +.p-t-40 { + padding-top: 40px; } + +.p-r-40 { + padding-right: 40px; } + +.p-b-40 { + padding-bottom: 40px; } + +.p-l-45 { + padding-left: 45px; } + +.p-t-45 { + padding-top: 45px; } + +.p-r-45 { + padding-right: 45px; } + +.p-b-45 { + padding-bottom: 45px; } + +.p-l-50 { + padding-left: 50px; } + +.p-t-50 { + padding-top: 50px; } + +.p-r-50 { + padding-right: 50px; } + +.p-b-50 { + padding-bottom: 50px; } + +.p-l-55 { + padding-left: 55px; } + +.p-t-55 { + padding-top: 55px; } + +.p-r-55 { + padding-right: 55px; } + +.p-b-55 { + padding-bottom: 55px; } + +.p-l-60 { + padding-left: 60px; } + +.p-t-60 { + padding-top: 60px; } + +.p-r-60 { + padding-right: 60px; } + +.p-b-60 { + padding-bottom: 60px; } + +.p-l-65 { + padding-left: 65px; } + +.p-t-65 { + padding-top: 65px; } + +.p-r-65 { + padding-right: 65px; } + +.p-b-65 { + padding-bottom: 65px; } + +.p-l-70 { + padding-left: 70px; } + +.p-t-70 { + padding-top: 70px; } + +.p-r-70 { + padding-right: 70px; } + +.p-b-70 { + padding-bottom: 70px; } + +.p-l-75 { + padding-left: 75px; } + +.p-t-75 { + padding-top: 75px; } + +.p-r-75 { + padding-right: 75px; } + +.p-b-75 { + padding-bottom: 75px; } + +.p-l-80 { + padding-left: 80px; } + +.p-t-80 { + padding-top: 80px; } + +.p-r-80 { + padding-right: 80px; } + +.p-b-80 { + padding-bottom: 80px; } + +.p-l-85 { + padding-left: 85px; } + +.p-t-85 { + padding-top: 85px; } + +.p-r-85 { + padding-right: 85px; } + +.p-b-85 { + padding-bottom: 85px; } + +.p-l-90 { + padding-left: 90px; } + +.p-t-90 { + padding-top: 90px; } + +.p-r-90 { + padding-right: 90px; } + +.p-b-90 { + padding-bottom: 90px; } + +.p-l-95 { + padding-left: 95px; } + +.p-t-95 { + padding-top: 95px; } + +.p-r-95 { + padding-right: 95px; } + +.p-b-95 { + padding-bottom: 95px; } + +.p-l-100 { + padding-left: 100px; } + +.p-t-100 { + padding-top: 100px; } + +.p-r-100 { + padding-right: 100px; } + +.p-b-100 { + padding-bottom: 100px; } + +.p-l-105 { + padding-left: 105px; } + +.p-t-105 { + padding-top: 105px; } + +.p-r-105 { + padding-right: 105px; } + +.p-b-105 { + padding-bottom: 105px; } + +.p-l-110 { + padding-left: 110px; } + +.p-t-110 { + padding-top: 110px; } + +.p-r-110 { + padding-right: 110px; } + +.p-b-110 { + padding-bottom: 110px; } + +.p-l-115 { + padding-left: 115px; } + +.p-t-115 { + padding-top: 115px; } + +.p-r-115 { + padding-right: 115px; } + +.p-b-115 { + padding-bottom: 115px; } + +.p-l-120 { + padding-left: 120px; } + +.p-t-120 { + padding-top: 120px; } + +.p-r-120 { + padding-right: 120px; } + +.p-b-120 { + padding-bottom: 120px; } + +.p-l-125 { + padding-left: 125px; } + +.p-t-125 { + padding-top: 125px; } + +.p-r-125 { + padding-right: 125px; } + +.p-b-125 { + padding-bottom: 125px; } + +.padding-0 { + padding: 0; } + +.font-6 { + font-size: 6px; } + +.font-7 { + font-size: 7px; } + +.font-8 { + font-size: 8px; } + +.font-9 { + font-size: 9px; } + +.font-10 { + font-size: 10px; } + +.font-11 { + font-size: 11px; } + +.font-12 { + font-size: 12px; } + +.font-13 { + font-size: 13px; } + +.font-14 { + font-size: 14px; } + +.font-15 { + font-size: 15px; } + +.font-16 { + font-size: 16px; } + +.font-17 { + font-size: 17px; } + +.font-18 { + font-size: 18px; } + +.font-19 { + font-size: 19px; } + +.font-20 { + font-size: 20px; } + +.font-21 { + font-size: 21px; } + +.font-22 { + font-size: 22px; } + +.font-23 { + font-size: 23px; } + +.font-24 { + font-size: 24px; } + +.font-25 { + font-size: 25px; } + +.font-26 { + font-size: 26px; } + +.font-27 { + font-size: 27px; } + +.font-28 { + font-size: 28px; } + +.font-29 { + font-size: 29px; } + +.font-30 { + font-size: 30px; } + +.font-31 { + font-size: 31px; } + +.font-32 { + font-size: 32px; } + +.font-33 { + font-size: 33px; } + +.font-34 { + font-size: 34px; } + +.font-35 { + font-size: 35px; } + +.font-36 { + font-size: 36px; } + +.font-37 { + font-size: 37px; } + +.font-38 { + font-size: 38px; } + +.font-39 { + font-size: 39px; } + +.font-40 { + font-size: 40px; } + +.font-41 { + font-size: 41px; } + +.font-42 { + font-size: 42px; } + +.font-43 { + font-size: 43px; } + +.font-44 { + font-size: 44px; } + +.font-45 { + font-size: 45px; } + +.font-46 { + font-size: 46px; } + +.font-47 { + font-size: 47px; } + +.font-48 { + font-size: 48px; } + +.font-49 { + font-size: 49px; } + +.font-50 { + font-size: 50px; } + +.align-left { + text-align: left; } + +.align-center { + text-align: center; } + +.align-right { + text-align: right; } + +.align-justify { + text-align: justify; } + +.no-resize { + resize: none; } + +.font-bold { + font-weight: bold; } + +.font-italic { + font-style: italic; } + +.font-underline { + text-decoration: underline; } + +.font-line-through { + text-decoration: line-through; } + +.font-overline { + text-decoration: overline; } + +.block-header { + margin-bottom: 15px; } + .block-header h2 { + margin: 0 !important; + color: #666 !important; + font-weight: normal; + font-size: 16px; } + .block-header h2 small { + display: block; + font-size: 12px; + margin-top: 8px; + color: #888; } + .block-header h2 small a { + font-weight: bold; + color: #777; } + +.bg-red { + background-color: #F44336 !important; + color: #fff; } + .bg-red .content .text, + .bg-red .content .number { + color: #fff !important; } + +.bg-pink { + background-color: #E91E63 !important; + color: #fff; } + .bg-pink .content .text, + .bg-pink .content .number { + color: #fff !important; } + +.bg-purple { + background-color: #9C27B0 !important; + color: #fff; } + .bg-purple .content .text, + .bg-purple .content .number { + color: #fff !important; } + +.bg-deep-purple { + background-color: #673AB7 !important; + color: #fff; } + .bg-deep-purple .content .text, + .bg-deep-purple .content .number { + color: #fff !important; } + +.bg-indigo { + background-color: #3F51B5 !important; + color: #fff; } + .bg-indigo .content .text, + .bg-indigo .content .number { + color: #fff !important; } + +.bg-blue { + background-color: #2196F3 !important; + color: #fff; } + .bg-blue .content .text, + .bg-blue .content .number { + color: #fff !important; } + +.bg-light-blue { + background-color: #03A9F4 !important; + color: #fff; } + .bg-light-blue .content .text, + .bg-light-blue .content .number { + color: #fff !important; } + +.bg-cyan { + background-color: #00BCD4 !important; + color: #fff; } + .bg-cyan .content .text, + .bg-cyan .content .number { + color: #fff !important; } + +.bg-teal { + background-color: #009688 !important; + color: #fff; } + .bg-teal .content .text, + .bg-teal .content .number { + color: #fff !important; } + +.bg-green { + background-color: #4CAF50 !important; + color: #fff; } + .bg-green .content .text, + .bg-green .content .number { + color: #fff !important; } + +.bg-light-green { + background-color: #8BC34A !important; + color: #fff; } + .bg-light-green .content .text, + .bg-light-green .content .number { + color: #fff !important; } + +.bg-lime { + background-color: #CDDC39 !important; + color: #fff; } + .bg-lime .content .text, + .bg-lime .content .number { + color: #fff !important; } + +.bg-yellow { + background-color: #ffe821 !important; + color: #fff; } + .bg-yellow .content .text, + .bg-yellow .content .number { + color: #fff !important; } + +.bg-amber { + background-color: #FFC107 !important; + color: #fff; } + .bg-amber .content .text, + .bg-amber .content .number { + color: #fff !important; } + +.bg-orange { + background-color: #FF9800 !important; + color: #fff; } + .bg-orange .content .text, + .bg-orange .content .number { + color: #fff !important; } + +.bg-deep-orange { + background-color: #FF5722 !important; + color: #fff; } + .bg-deep-orange .content .text, + .bg-deep-orange .content .number { + color: #fff !important; } + +.bg-brown { + background-color: #795548 !important; + color: #fff; } + .bg-brown .content .text, + .bg-brown .content .number { + color: #fff !important; } + +.bg-grey { + background-color: #9E9E9E !important; + color: #fff; } + .bg-grey .content .text, + .bg-grey .content .number { + color: #fff !important; } + +.bg-blue-grey { + background-color: #607D8B !important; + color: #fff; } + .bg-blue-grey .content .text, + .bg-blue-grey .content .number { + color: #fff !important; } + +.bg-black { + background-color: #000000 !important; + color: #fff; } + .bg-black .content .text, + .bg-black .content .number { + color: #fff !important; } + +.bg-white { + background-color: #ffffff !important; + color: #fff; } + .bg-white .content .text, + .bg-white .content .number { + color: #fff !important; } + +.col-red { + color: #F44336 !important; } + +.col-pink { + color: #E91E63 !important; } + +.col-purple { + color: #9C27B0 !important; } + +.col-deep-purple { + color: #673AB7 !important; } + +.col-indigo { + color: #3F51B5 !important; } + +.col-blue { + color: #2196F3 !important; } + +.col-light-blue { + color: #03A9F4 !important; } + +.col-cyan { + color: #00BCD4 !important; } + +.col-teal { + color: #009688 !important; } + +.col-green { + color: #4CAF50 !important; } + +.col-light-green { + color: #8BC34A !important; } + +.col-lime { + color: #CDDC39 !important; } + +.col-yellow { + color: #ffe821 !important; } + +.col-amber { + color: #FFC107 !important; } + +.col-orange { + color: #FF9800 !important; } + +.col-deep-orange { + color: #FF5722 !important; } + +.col-brown { + color: #795548 !important; } + +.col-grey { + color: #9E9E9E !important; } + +.col-blue-grey { + color: #607D8B !important; } + +.col-black { + color: #000000 !important; } + +.col-white { + color: #ffffff !important; } + +/* Custom Animate ============================== */ +@-ms-keyframes spin { + from { + -ms-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + to { + -ms-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -o-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@-moz-keyframes spin { + from { + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + to { + -moz-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@-webkit-keyframes spin { + from { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); } + to { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); } } + +@keyframes spin { + from { + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + to { + -moz-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +/* Demo ======================================== */ +.demo-button-sizes .btn { + margin-bottom: 5px; } + +.icon-button-demo button { + margin-right: 5px; + margin-bottom: 12px; } + +.icon-and-text-button-demo button { + margin-right: 5px; + margin-bottom: 12px; + width: 16.66666666666667%; } + +.button-demo ul { + padding-left: 0; } + .button-demo ul li { + list-style: none; + padding-left: 0; + display: inline-block; + margin-right: 7px; } + .button-demo ul li .btn { + display: block; + min-width: 175px; } + +.button-demo .btn { + margin-right: 8px; + margin-bottom: 13px; + min-width: 120px; } + +.demo-button-groups .btn-group { + margin-right: 10px; } + +.demo-button-toolbar .btn-toolbar { + float: left; + margin-right: 25px; } + +.demo-button-nesting > .btn-group { + margin-right: 15px; } + +.demo-single-button-dropdowns > .btn-group { + margin-right: 10px; } + +.demo-splite-button-dropdowns > .btn-group { + margin-right: 10px; } + +.demo-dropup .dropup { + margin-right: 10px; } + +.demo-checkbox label, +.demo-radio-button label { + min-width: 150px; } + +.demo-knob-chart div { + margin-right: 15px; } + +.demo-switch .switch { + display: inline-block; + min-width: 170px; } + +.demo-switch .demo-switch-title { + min-width: 95px; + display: inline-block; } + +.demo-color-box { + padding: 15px 0; + text-align: center; + margin-bottom: 20px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + border-radius: 3px; } + .demo-color-box .color-name { + font-size: 16px; + margin-bottom: 5px; } + .demo-color-box .color-code, + .demo-color-box .color-class-name { + font-size: 13px; } + +.demo-image-copyright { + text-align: right; + font-style: italic; + font-size: 12px; + color: #777; + margin: 5px 0 10px 0; } + .demo-image-copyright a { + font-weight: bold; + color: #555 !important; } + +.demo-tagsinput-area { + margin-bottom: 50px !important; } + +.demo-icon-container .demo-google-material-icon { + margin-bottom: 5px; + text-align: left; } + .demo-icon-container .demo-google-material-icon .icon-name { + position: relative; + top: -8px; + left: 7px; } + .demo-icon-container .demo-google-material-icon .material-icons { + width: 24px; } + +.demo-preloader .preloader { + margin-right: 10px; } + +.irs-demo { + margin-bottom: 40px; } + .irs-demo .irs { + margin-top: 15px; } + +.right-sidebar .nav-tabs + .tab-content { + padding: 0; } + +.right-sidebar p { + margin: 20px 15px 15px 15px; + font-weight: bold; + text-align: center; } + +.right-sidebar #settings .setting-list { + list-style: none; + padding-left: 0; + margin-bottom: 20px; } + .right-sidebar #settings .setting-list li { + padding: 15px; + position: relative; + border-top: 1px solid #eee; } + .right-sidebar #settings .setting-list li .switch { + position: absolute; + top: 15px; + right: 5px; } + +.demo-choose-skin { + list-style: none; + padding-left: 0; + overflow-y: hidden; } + .demo-choose-skin li { + border-bottom: 1px solid #eee; + padding: 10px 10px 4px 10px; + position: relative; + cursor: pointer; } + .demo-choose-skin li.active { + background-color: #eee; } + .demo-choose-skin li.active:after { + font-family: 'Material Icons'; + position: absolute; + top: 10px; + right: 10px; + content: '\E876'; + font-size: 18px; + font-weight: bold; } + .demo-choose-skin li:hover { + background-color: #eee; } + .demo-choose-skin li div { + width: 24px; + height: 24px; + display: inline-block; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + border-radius: 3px; } + .demo-choose-skin li span { + position: relative; + bottom: 7px; + left: 5px; } + .demo-choose-skin .red { + background-color: #F44336; } + .demo-choose-skin .pink { + background-color: #E91E63; } + .demo-choose-skin .purple { + background-color: #9C27B0; } + .demo-choose-skin .deep-purple { + background-color: #673AB7; } + .demo-choose-skin .indigo { + background-color: #3F51B5; } + .demo-choose-skin .blue { + background-color: #2196F3; } + .demo-choose-skin .light-blue { + background-color: #03A9F4; } + .demo-choose-skin .cyan { + background-color: #00BCD4; } + .demo-choose-skin .teal { + background-color: #009688; } + .demo-choose-skin .green { + background-color: #4CAF50; } + .demo-choose-skin .light-green { + background-color: #8BC34A; } + .demo-choose-skin .lime { + background-color: #CDDC39; } + .demo-choose-skin .yellow { + background-color: #ffe821; } + .demo-choose-skin .amber { + background-color: #FFC107; } + .demo-choose-skin .orange { + background-color: #FF9800; } + .demo-choose-skin .deep-orange { + background-color: #FF5722; } + .demo-choose-skin .brown { + background-color: #795548; } + .demo-choose-skin .grey { + background-color: #9E9E9E; } + .demo-choose-skin .blue-grey { + background-color: #607D8B; } + .demo-choose-skin .black { + background-color: #000000; } + .demo-choose-skin .white { + background-color: #ffffff; } + +/* Materialize Css | Taken from www.materializecss.com */ +/* Media ======================================= */ +@media (max-width: 767px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: 35px; + width: 73%; } + .navbar .navbar-header { + display: inline-block; + margin-bottom: -6px; + width: calc(100% + 30px); } + .navbar .nav > li { + display: inline-block; } + .navbar .navbar-nav { + margin-top: -10px; + margin-bottom: 1px; + margin-left: -7px; } + .navbar .navbar-nav .open .dropdown-menu { + background-color: #fff; + position: absolute; } + .navbar .dropdown-menu { + margin-left: -50px; } + .navbar .js-right-sidebar { + margin-top: 15px; } + .dt-buttons { + float: none !important; + text-align: center; + margin-bottom: 15px; } + .panel-switch-btn { + top: 12px; + right: 0 !important; } } + +@media (min-width: 768px) and (max-width: 991px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: 20px; } } + +@media (min-width: 992px) and (max-width: 1169px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: 20px; } } + +/* General ===================================== */ +body { + background-color: #e9e9e9; + -moz-transition: all 0.5s; + -o-transition: all 0.5s; + -webkit-transition: all 0.5s; + transition: all 0.5s; + font-family: 'Roboto', Arial, Tahoma, sans-serif; } + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: bold; } + +button, +input, +select, +a { + outline: none !important; } + +.no-animate { + -o-transition-property: none !important; + -moz-transition-property: none !important; + -ms-transition-property: none !important; + -webkit-transition-property: none !important; + transition-property: none !important; + -o-transform: none !important; + -moz-transform: none !important; + -ms-transform: none !important; + -webkit-transform: none !important; + transform: none !important; + -webkit-animation: none !important; + -moz-animation: none !important; + -o-animation: none !important; + -ms-animation: none !important; + animation: none !important; } + +section.content { + margin: 100px 15px 0 315px; + -moz-transition: 0.5s; + -o-transition: 0.5s; + -webkit-transition: 0.5s; + transition: 0.5s; } + +/* Dashboard =================================== */ +.dashboard-flot-chart { + height: 275px; } + +.dashboard-donut-chart { + height: 265px; } + +.dashboard-line-chart { + height: 250px; } + +.dashboard-stat-list { + list-style: none; + padding-left: 0; + margin-top: 40px; } + .dashboard-stat-list li { + padding: 16px 0 0 0; } + .dashboard-stat-list li small { + font-size: 8px; } + +.dashboard-task-infos .progress { + height: 10px; + margin-bottom: 0; + position: relative; + top: 6px; } + +/* Buttons ===================================== */ +.btn:focus { + outline: none !important; } + +.btn-circle { + border: none; + outline: none !important; + overflow: hidden; + width: 40px; + height: 40px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; } + .btn-circle i { + font-size: 18px; + position: relative; + left: -1px; } + +.btn-link { + font-weight: bold; + color: #333; + -moz-transition: 0.5s; + -o-transition: 0.5s; + -webkit-transition: 0.5s; + transition: 0.5s; } + .btn-link:active, .btn-link:focus { + text-decoration: none; + color: #333; } + .btn-link:hover { + text-decoration: none; + color: #333; + background-color: #ddd; } + +.btn-circle-lg { + border: none; + outline: none !important; + overflow: hidden; + width: 50px; + height: 50px; + -webkit-border-radius: 50% !important; + -moz-border-radius: 50% !important; + -ms-border-radius: 50% !important; + border-radius: 50% !important; } + .btn-circle-lg i { + font-size: 26px !important; + position: relative !important; + left: 0px !important; + top: 6px !important; } + +.btn:not(.btn-link):not(.btn-circle) { + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + border-radius: 2px; + border: none; + font-size: 13px; + outline: none; } + .btn:not(.btn-link):not(.btn-circle):hover { + outline: none; } + .btn:not(.btn-link):not(.btn-circle) i { + font-size: 20px; + position: relative; + top: 3px; } + .btn:not(.btn-link):not(.btn-circle) span { + position: relative; + top: -2px; + margin-left: 3px; } + +.btn-warning, +.btn-warning:hover, +.btn-warning:active, +.btn-warning:focus { + background-color: #ff9600 !important; } + +.btn-danger, +.btn-danger:hover, +.btn-danger:active, +.btn-danger:focus { + background-color: #fb483a !important; } + +.btn-info, +.btn-info:hover, +.btn-info:active, +.btn-info:focus { + background-color: #00b0e4 !important; } + +.btn-success, +.btn-success:hover, +.btn-success:active, +.btn-success:focus { + background-color: #2b982b !important; } + +.btn-primary, +.btn-primary:hover, +.btn-primary:active, +.btn-primary:focus { + background-color: #1f91f3 !important; } + +.btn-default, +.btn-default:hover, +.btn-default:active, +.btn-default:focus { + background-color: #fff !important; } + +.btn-group, +.btn-group-vertical { + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); } + .btn-group .btn, + .btn-group-vertical .btn { + box-shadow: none !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .btn-group .btn .caret, + .btn-group-vertical .btn .caret { + position: relative; + bottom: 1px; } + .btn-group .btn-group, + .btn-group-vertical .btn-group { + box-shadow: none !important; } + .btn-group .btn + .dropdown-toggle, + .btn-group-vertical .btn + .dropdown-toggle { + border-left: 1px solid rgba(0, 0, 0, 0.08) !important; } + +/* Bootstrap Tags Input ======================== */ +.bootstrap-tagsinput { + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + -ms-box-shadow: none !important; + box-shadow: none !important; + border: none !important; } + +/* noUISlider ================================== */ +.noUi-target { + -webkit-touch-callout: none; + -webkit-user-select: none; + -ms-touch-action: none; + touch-action: none; + -ms-user-select: none; + -moz-user-select: none; + user-select: none; + -moz-box-sizing: border-box; + box-sizing: border-box; + position: relative; + direction: ltr; } + .noUi-target * { + -webkit-touch-callout: none; + -webkit-user-select: none; + -ms-touch-action: none; + touch-action: none; + -ms-user-select: none; + -moz-user-select: none; + user-select: none; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +.noUi-base { + width: 100%; + height: 100%; + position: relative; + z-index: 1; } + +.noUi-origin { + position: absolute; + right: 0; + top: 6px; + left: 0; + bottom: 0; } + +.noUi-handle { + position: relative; + z-index: 1; } + +.noUi-stacking .noUi-handle { + z-index: 10; } + +.noUi-state-tap .noUi-origin { + -webkit-transition: left 0.25s, top 0.25s; + transition: left 0.25s, top 0.25s; } + +.noUi-state-drag * { + cursor: inherit !important; } + +.noUi-base { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + +.noUi-horizontal { + height: 18px; } + .noUi-horizontal .noUi-handle { + width: 34px; + height: 28px; + left: -17px; + top: -6px; } + +.noUi-vertical { + width: 18px; } + .noUi-vertical .noUi-handle { + width: 28px; + height: 34px; + left: -6px; + top: -17px; } + +.noUi-background { + background: #FAFAFA; + box-shadow: inset 0 1px 1px #f0f0f0; } + +.noUi-connect { + background: #3FB8AF; + box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); + -webkit-transition: background 450ms; + transition: background 450ms; } + +.noUi-origin { + border-radius: 2px; } + +.noUi-target { + border-radius: 4px; + border: 1px solid #D3D3D3; + box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } + .noUi-target.noUi-connect { + box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB; } + +.noUi-dragable { + cursor: w-resize; } + +.noUi-vertical .noUi-dragable { + cursor: n-resize; } + +.noUi-handle { + border: 1px solid #D9D9D9; + border-radius: 3px; + background: #FFF; + cursor: default; + box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } + +.noUi-active { + box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } + +.noUi-handle:before { + content: ""; + display: block; + position: absolute; + height: 14px; + width: 1px; + background: #E8E7E6; + left: 14px; + top: 6px; } + +.noUi-handle:after { + content: ""; + display: block; + position: absolute; + height: 14px; + width: 1px; + background: #E8E7E6; + left: 14px; + top: 6px; + left: 17px; } + +.noUi-vertical .noUi-handle:before { + width: 14px; + height: 1px; + left: 6px; + top: 14px; } + +.noUi-vertical .noUi-handle:after { + width: 14px; + height: 1px; + left: 6px; + top: 14px; + top: 17px; } + +[disabled].noUi-connect, [disabled] .noUi-connect { + background: #B8B8B8; } + +[disabled].noUi-origin, [disabled] .noUi-handle { + cursor: not-allowed; } + +.noUi-target { + box-shadow: none; + border: none; } + +.noUi-base { + height: 15px; + top: -6px; } + +.noUi-background { + height: 3px; + top: 6px; + background-color: #bfbfbf; + box-shadow: none; } + +.noUi-horizontal { + height: 3px; } + +.noUi-connect { + height: 3px; + top: 6px; + background-color: #26A69A; + box-shadow: none; } + +.noUi-horizontal .noUi-handle { + width: 15px; + height: 15px; + border-radius: 50%; + box-shadow: none; + background-color: #26A69A; + border: none; + left: -5px; + top: -6px; + transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); } + +.noUi-handle:before, .noUi-handle:after { + content: none; } + +.noUi-target .noUi-active.noUi-handle { + -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); + -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); + box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } + +.noUi-target .range-label { + position: absolute; + height: 30px; + width: 30px; + top: -17px; + left: -2px; + background-color: #26A69A; + border-radius: 50%; + transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); + transform: scale(0.5) rotate(-45deg); + transform-origin: 50% 100%; } + +.noUi-target .noUi-active .range-label { + border-radius: 15px 15px 15px 0; + transform: rotate(-45deg) translate(23px, -25px); } + +.range-label span { + width: 100%; + text-align: center; + color: #fff; + font-size: 12px; + transform: rotate(45deg); + opacity: 0; + position: absolute; + top: 7px; + left: -1px; + transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } + +.noUi-active .range-label span { + opacity: 1; } + +/* Multi Select ================================ */ +.ms-container { + width: auto !important; } + .ms-container .ms-list { + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + -ms-box-shadow: none !important; + box-shadow: none !important; + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + -ms-border-radius: 0 !important; + border-radius: 0 !important; } + .ms-container .ms-list.ms-focus { + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + -ms-box-shadow: none !important; + box-shadow: none !important; } + .ms-container .ms-selectable, + .ms-container .ms-selection { + min-width: 250px !important; } + .ms-container .ms-selectable li.ms-hover, + .ms-container .ms-selection li.ms-hover { + color: #000000 !important; + background-color: #e6e6e6 !important; } + .ms-container .ms-selectable li.ms-elem-selectable, + .ms-container .ms-selectable li.ms-elem-selection, + .ms-container .ms-selection li.ms-elem-selectable, + .ms-container .ms-selection li.ms-elem-selection { + padding: 9px 15px 6px 15px !important; } + .ms-container .ms-optgroup-label { + padding: 5px 0 0 8px !important; } + +/* Card ======================================== */ +.card { + background: #fff; + min-height: 50px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); + position: relative; + margin-bottom: 30px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + border-radius: 2px; } + .card .card-inside-title { + margin-top: 25px; + margin-bottom: 15px; + display: block; + font-size: 15px; + color: #000; } + .card .card-inside-title small { + color: #999; + display: block; + font-size: 11px; + margin-top: 5px; } + .card .card-inside-title small a { + color: #777; + font-weight: bold; } + .card .card-inside-title:first-child { + margin-top: 0; } + .card .bg-red, + .card .bg-pink, + .card .bg-purple, + .card .bg-deep-purple, + .card .bg-indigo, + .card .bg-blue, + .card .bg-light-blue, + .card .bg-cyan, + .card .bg-teal, + .card .bg-green, + .card .bg-light-green, + .card .bg-lime, + .card .bg-yellow, + .card .bg-amber, + .card .bg-orange, + .card .bg-deep-orange, + .card .bg-brown, + .card .bg-grey, + .card .bg-blue-grey, + .card .bg-black { + border-bottom: none !important; + color: #fff !important; } + .card .bg-red h2, .card .bg-red small, .card .bg-red .material-icons, + .card .bg-pink h2, + .card .bg-pink small, + .card .bg-pink .material-icons, + .card .bg-purple h2, + .card .bg-purple small, + .card .bg-purple .material-icons, + .card .bg-deep-purple h2, + .card .bg-deep-purple small, + .card .bg-deep-purple .material-icons, + .card .bg-indigo h2, + .card .bg-indigo small, + .card .bg-indigo .material-icons, + .card .bg-blue h2, + .card .bg-blue small, + .card .bg-blue .material-icons, + .card .bg-light-blue h2, + .card .bg-light-blue small, + .card .bg-light-blue .material-icons, + .card .bg-cyan h2, + .card .bg-cyan small, + .card .bg-cyan .material-icons, + .card .bg-teal h2, + .card .bg-teal small, + .card .bg-teal .material-icons, + .card .bg-green h2, + .card .bg-green small, + .card .bg-green .material-icons, + .card .bg-light-green h2, + .card .bg-light-green small, + .card .bg-light-green .material-icons, + .card .bg-lime h2, + .card .bg-lime small, + .card .bg-lime .material-icons, + .card .bg-yellow h2, + .card .bg-yellow small, + .card .bg-yellow .material-icons, + .card .bg-amber h2, + .card .bg-amber small, + .card .bg-amber .material-icons, + .card .bg-orange h2, + .card .bg-orange small, + .card .bg-orange .material-icons, + .card .bg-deep-orange h2, + .card .bg-deep-orange small, + .card .bg-deep-orange .material-icons, + .card .bg-brown h2, + .card .bg-brown small, + .card .bg-brown .material-icons, + .card .bg-grey h2, + .card .bg-grey small, + .card .bg-grey .material-icons, + .card .bg-blue-grey h2, + .card .bg-blue-grey small, + .card .bg-blue-grey .material-icons, + .card .bg-black h2, + .card .bg-black small, + .card .bg-black .material-icons { + color: #fff !important; } + .card .bg-red .badge, + .card .bg-pink .badge, + .card .bg-purple .badge, + .card .bg-deep-purple .badge, + .card .bg-indigo .badge, + .card .bg-blue .badge, + .card .bg-light-blue .badge, + .card .bg-cyan .badge, + .card .bg-teal .badge, + .card .bg-green .badge, + .card .bg-light-green .badge, + .card .bg-lime .badge, + .card .bg-yellow .badge, + .card .bg-amber .badge, + .card .bg-orange .badge, + .card .bg-deep-orange .badge, + .card .bg-brown .badge, + .card .bg-grey .badge, + .card .bg-blue-grey .badge, + .card .bg-black .badge { + background-color: #fff; + color: #555; } + .card .header { + color: #555; + padding: 20px; + position: relative; + border-bottom: 1px solid rgba(204, 204, 204, 0.35); } + .card .header .header-dropdown { + position: absolute; + top: 20px; + right: 15px; + list-style: none; } + .card .header .header-dropdown .dropdown-menu li { + display: block !important; } + .card .header .header-dropdown li { + display: inline-block; } + .card .header .header-dropdown i { + font-size: 20px; + color: #999; + -moz-transition: all 0.5s; + -o-transition: all 0.5s; + -webkit-transition: all 0.5s; + transition: all 0.5s; } + .card .header .header-dropdown i:hover { + color: #000; } + .card .header h2 { + margin: 0; + font-size: 18px; + font-weight: normal; + color: #111; } + .card .header h2 small { + display: block; + font-size: 12px; + margin-top: 5px; + color: #999; + line-height: 15px; } + .card .header h2 small a { + font-weight: bold; + color: #777; } + .card .header .col-xs-12 h2 { + margin-top: 5px; } + .card .body { + font-size: 14px; + color: #555; + padding: 20px; } + .card .body .col-xs-1, + .card .body .col-sm-1, + .card .body .col-md-1, + .card .body .col-lg-1 { + margin-bottom: 20px; } + .card .body .col-xs-2, + .card .body .col-sm-2, + .card .body .col-md-2, + .card .body .col-lg-2 { + margin-bottom: 20px; } + .card .body .col-xs-3, + .card .body .col-sm-3, + .card .body .col-md-3, + .card .body .col-lg-3 { + margin-bottom: 20px; } + .card .body .col-xs-4, + .card .body .col-sm-4, + .card .body .col-md-4, + .card .body .col-lg-4 { + margin-bottom: 20px; } + .card .body .col-xs-5, + .card .body .col-sm-5, + .card .body .col-md-5, + .card .body .col-lg-5 { + margin-bottom: 20px; } + .card .body .col-xs-6, + .card .body .col-sm-6, + .card .body .col-md-6, + .card .body .col-lg-6 { + margin-bottom: 20px; } + .card .body .col-xs-7, + .card .body .col-sm-7, + .card .body .col-md-7, + .card .body .col-lg-7 { + margin-bottom: 20px; } + .card .body .col-xs-8, + .card .body .col-sm-8, + .card .body .col-md-8, + .card .body .col-lg-8 { + margin-bottom: 20px; } + .card .body .col-xs-9, + .card .body .col-sm-9, + .card .body .col-md-9, + .card .body .col-lg-9 { + margin-bottom: 20px; } + .card .body .col-xs-10, + .card .body .col-sm-10, + .card .body .col-md-10, + .card .body .col-lg-10 { + margin-bottom: 20px; } + .card .body .col-xs-11, + .card .body .col-sm-11, + .card .body .col-md-11, + .card .body .col-lg-11 { + margin-bottom: 20px; } + .card .body .col-xs-12, + .card .body .col-sm-12, + .card .body .col-md-12, + .card .body .col-lg-12 { + margin-bottom: 20px; } + +/* Infobox ===================================== */ +.info-box { + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); + height: 80px; + display: flex; + cursor: default; + background-color: #fff; + position: relative; + overflow: hidden; + margin-bottom: 30px; } + .info-box .icon { + display: inline-block; + text-align: center; + background-color: rgba(0, 0, 0, 0.12); + width: 80px; } + .info-box .icon i { + color: #fff; + font-size: 50px; + line-height: 80px; } + .info-box .icon .chart.chart-bar { + height: 100%; + line-height: 100px; } + .info-box .icon .chart.chart-bar canvas { + vertical-align: baseline !important; } + .info-box .icon .chart.chart-pie { + height: 100%; + line-height: 123px; } + .info-box .icon .chart.chart-pie canvas { + vertical-align: baseline !important; } + .info-box .icon .chart.chart-line { + height: 100%; + line-height: 115px; } + .info-box .icon .chart.chart-line canvas { + vertical-align: baseline !important; } + .info-box .content { + display: inline-block; + padding: 7px 10px; } + .info-box .content .text { + font-size: 13px; + margin-top: 11px; + color: #555; } + .info-box .content .number { + font-weight: normal; + font-size: 26px; + margin-top: -4px; + color: #555; } + +.info-box.hover-zoom-effect .icon { + overflow: hidden; } + .info-box.hover-zoom-effect .icon i { + -moz-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + +.info-box.hover-zoom-effect:hover .icon i { + opacity: 0.4; + -moz-transform: rotate(-32deg) scale(1.4); + -ms-transform: rotate(-32deg) scale(1.4); + -o-transform: rotate(-32deg) scale(1.4); + -webkit-transform: rotate(-32deg) scale(1.4); + transform: rotate(-32deg) scale(1.4); } + +.info-box.hover-expand-effect:after { + background-color: rgba(0, 0, 0, 0.05); + content: "."; + position: absolute; + left: 80px; + top: 0; + width: 0; + height: 100%; + color: transparent; + -moz-transition: all 0.95s; + -o-transition: all 0.95s; + -webkit-transition: all 0.95s; + transition: all 0.95s; } + +.info-box.hover-expand-effect:hover:after { + width: 100%; } + +.info-box-2 { + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); + height: 80px; + display: flex; + cursor: default; + background-color: #fff; + position: relative; + overflow: hidden; + margin-bottom: 30px; } + .info-box-2 .icon { + display: inline-block; + text-align: center; + width: 80px; } + .info-box-2 .icon i { + color: #fff; + font-size: 50px; + line-height: 80px; } + .info-box-2 .chart.chart-bar { + height: 100%; + line-height: 105px; } + .info-box-2 .chart.chart-bar canvas { + vertical-align: baseline !important; } + .info-box-2 .chart.chart-pie { + height: 100%; + line-height: 123px; } + .info-box-2 .chart.chart-pie canvas { + vertical-align: baseline !important; } + .info-box-2 .chart.chart-line { + height: 100%; + line-height: 115px; } + .info-box-2 .chart.chart-line canvas { + vertical-align: baseline !important; } + .info-box-2 .content { + display: inline-block; + padding: 7px 10px; } + .info-box-2 .content .text { + font-size: 13px; + margin-top: 11px; + color: #555; } + .info-box-2 .content .number { + font-weight: normal; + font-size: 26px; + margin-top: -4px; + color: #555; } + +.info-box-2.hover-zoom-effect .icon { + overflow: hidden; } + .info-box-2.hover-zoom-effect .icon i { + -moz-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + +.info-box-2.hover-zoom-effect:hover .icon i { + opacity: 0.4; + -moz-transform: rotate(-32deg) scale(1.4); + -ms-transform: rotate(-32deg) scale(1.4); + -o-transform: rotate(-32deg) scale(1.4); + -webkit-transform: rotate(-32deg) scale(1.4); + transform: rotate(-32deg) scale(1.4); } + +.info-box-2.hover-expand-effect:after { + background-color: rgba(0, 0, 0, 0.05); + content: "."; + position: absolute; + left: 0; + top: 0; + width: 0; + height: 100%; + color: transparent; + -moz-transition: all 0.95s; + -o-transition: all 0.95s; + -webkit-transition: all 0.95s; + transition: all 0.95s; } + +.info-box-2.hover-expand-effect:hover:after { + width: 100%; } + +.info-box-3 { + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); + height: 80px; + display: flex; + cursor: default; + background-color: #fff; + position: relative; + overflow: hidden; + margin-bottom: 30px; } + .info-box-3 .icon { + position: absolute; + right: 10px; + bottom: 2px; + text-align: center; } + .info-box-3 .icon i { + color: rgba(0, 0, 0, 0.15); + font-size: 60px; } + .info-box-3 .chart { + margin-right: 5px; } + .info-box-3 .chart.chart-bar { + height: 100%; + line-height: 50px; } + .info-box-3 .chart.chart-bar canvas { + vertical-align: baseline !important; } + .info-box-3 .chart.chart-pie { + height: 100%; + line-height: 34px; } + .info-box-3 .chart.chart-pie canvas { + vertical-align: baseline !important; } + .info-box-3 .chart.chart-line { + height: 100%; + line-height: 40px; } + .info-box-3 .chart.chart-line canvas { + vertical-align: baseline !important; } + .info-box-3 .content { + display: inline-block; + padding: 7px 16px; } + .info-box-3 .content .text { + font-size: 13px; + margin-top: 11px; + color: #555; } + .info-box-3 .content .number { + font-weight: normal; + font-size: 26px; + margin-top: -4px; + color: #555; } + +.info-box-3.hover-zoom-effect .icon i { + -moz-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + +.info-box-3.hover-zoom-effect:hover .icon i { + opacity: 0.4; + -moz-transform: rotate(-32deg) scale(1.4); + -ms-transform: rotate(-32deg) scale(1.4); + -o-transform: rotate(-32deg) scale(1.4); + -webkit-transform: rotate(-32deg) scale(1.4); + transform: rotate(-32deg) scale(1.4); } + +.info-box-3.hover-expand-effect:after { + background-color: rgba(0, 0, 0, 0.05); + content: "."; + position: absolute; + left: 0; + top: 0; + width: 0; + height: 100%; + color: transparent; + -moz-transition: all 0.95s; + -o-transition: all 0.95s; + -webkit-transition: all 0.95s; + transition: all 0.95s; } + +.info-box-3.hover-expand-effect:hover:after { + width: 100%; } + +.info-box-4 { + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); + height: 80px; + display: flex; + cursor: default; + background-color: #fff; + position: relative; + overflow: hidden; + margin-bottom: 30px; } + .info-box-4 .icon { + position: absolute; + right: 10px; + bottom: 2px; + text-align: center; } + .info-box-4 .icon i { + color: rgba(0, 0, 0, 0.15); + font-size: 60px; } + .info-box-4 .chart { + margin-right: 5px; } + .info-box-4 .chart.chart-bar { + height: 100%; + line-height: 50px; } + .info-box-4 .chart.chart-bar canvas { + vertical-align: baseline !important; } + .info-box-4 .chart.chart-pie { + height: 100%; + line-height: 34px; } + .info-box-4 .chart.chart-pie canvas { + vertical-align: baseline !important; } + .info-box-4 .chart.chart-line { + height: 100%; + line-height: 40px; } + .info-box-4 .chart.chart-line canvas { + vertical-align: baseline !important; } + .info-box-4 .content { + display: inline-block; + padding: 7px 16px; } + .info-box-4 .content .text { + font-size: 13px; + margin-top: 11px; + color: #555; } + .info-box-4 .content .number { + font-weight: normal; + font-size: 26px; + margin-top: -4px; + color: #555; } + +.info-box-4.hover-zoom-effect .icon i { + -moz-transition: all 0.3s ease; + -o-transition: all 0.3s ease; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + +.info-box-4.hover-zoom-effect:hover .icon i { + opacity: 0.4; + -moz-transform: rotate(-32deg) scale(1.4); + -ms-transform: rotate(-32deg) scale(1.4); + -o-transform: rotate(-32deg) scale(1.4); + -webkit-transform: rotate(-32deg) scale(1.4); + transform: rotate(-32deg) scale(1.4); } + +.info-box-4.hover-expand-effect:after { + background-color: rgba(0, 0, 0, 0.05); + content: "."; + position: absolute; + left: 0; + top: 0; + width: 0; + height: 100%; + color: transparent; + -moz-transition: all 0.95s; + -o-transition: all 0.95s; + -webkit-transition: all 0.95s; + transition: all 0.95s; } + +.info-box-4.hover-expand-effect:hover:after { + width: 100%; } + +/* Alerts ====================================== */ +.alert { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + box-shadow: none; + border: none; + color: #fff !important; } + .alert .alert-link { + color: #fff; + text-decoration: underline; + font-weight: bold; } + +.alert-success { + background-color: #2b982b; } + +.alert-info { + background-color: #00b0e4; } + +.alert-warning { + background-color: #ff9600 !important; } + +.alert-danger { + background-color: #fb483a !important; } + +.alert-dismissible .close { + color: #fff; + opacity: 1; + border: none; + text-shadow: none; } + +/* Dialogs (SweetAlert) ======================== */ +.sweet-alert { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + -ms-border-radius: 0 !important; + border-radius: 0 !important; } + .sweet-alert p { + font-size: 14px !important; } + .sweet-alert .sa-input-error { + top: 23px !important; + right: 13px !important; } + .sweet-alert h2 { + font-size: 18px !important; + margin: 0 0 5px 0 !important; } + .sweet-alert button { + font-size: 15px !important; + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + -ms-border-radius: 0 !important; + border-radius: 0 !important; + padding: 5px 20px !important; } + +/* Checkbox & Radio ============================ */ +[type="checkbox"] + label { + padding-left: 26px; + height: 25px; + line-height: 21px; + font-size: 13px; + font-weight: normal; } + +[type="checkbox"]:checked + label:before { + top: -4px; + left: -2px; + width: 11px; + height: 19px; } + +[type="checkbox"]:checked.chk-col-red + label:before { + border-right: 2px solid #F44336; + border-bottom: 2px solid #F44336; } + +[type="checkbox"]:checked.chk-col-pink + label:before { + border-right: 2px solid #E91E63; + border-bottom: 2px solid #E91E63; } + +[type="checkbox"]:checked.chk-col-purple + label:before { + border-right: 2px solid #9C27B0; + border-bottom: 2px solid #9C27B0; } + +[type="checkbox"]:checked.chk-col-deep-purple + label:before { + border-right: 2px solid #673AB7; + border-bottom: 2px solid #673AB7; } + +[type="checkbox"]:checked.chk-col-indigo + label:before { + border-right: 2px solid #3F51B5; + border-bottom: 2px solid #3F51B5; } + +[type="checkbox"]:checked.chk-col-blue + label:before { + border-right: 2px solid #2196F3; + border-bottom: 2px solid #2196F3; } + +[type="checkbox"]:checked.chk-col-light-blue + label:before { + border-right: 2px solid #03A9F4; + border-bottom: 2px solid #03A9F4; } + +[type="checkbox"]:checked.chk-col-cyan + label:before { + border-right: 2px solid #00BCD4; + border-bottom: 2px solid #00BCD4; } + +[type="checkbox"]:checked.chk-col-teal + label:before { + border-right: 2px solid #009688; + border-bottom: 2px solid #009688; } + +[type="checkbox"]:checked.chk-col-green + label:before { + border-right: 2px solid #4CAF50; + border-bottom: 2px solid #4CAF50; } + +[type="checkbox"]:checked.chk-col-light-green + label:before { + border-right: 2px solid #8BC34A; + border-bottom: 2px solid #8BC34A; } + +[type="checkbox"]:checked.chk-col-lime + label:before { + border-right: 2px solid #CDDC39; + border-bottom: 2px solid #CDDC39; } + +[type="checkbox"]:checked.chk-col-yellow + label:before { + border-right: 2px solid #ffe821; + border-bottom: 2px solid #ffe821; } + +[type="checkbox"]:checked.chk-col-amber + label:before { + border-right: 2px solid #FFC107; + border-bottom: 2px solid #FFC107; } + +[type="checkbox"]:checked.chk-col-orange + label:before { + border-right: 2px solid #FF9800; + border-bottom: 2px solid #FF9800; } + +[type="checkbox"]:checked.chk-col-deep-orange + label:before { + border-right: 2px solid #FF5722; + border-bottom: 2px solid #FF5722; } + +[type="checkbox"]:checked.chk-col-brown + label:before { + border-right: 2px solid #795548; + border-bottom: 2px solid #795548; } + +[type="checkbox"]:checked.chk-col-grey + label:before { + border-right: 2px solid #9E9E9E; + border-bottom: 2px solid #9E9E9E; } + +[type="checkbox"]:checked.chk-col-blue-grey + label:before { + border-right: 2px solid #607D8B; + border-bottom: 2px solid #607D8B; } + +[type="checkbox"]:checked.chk-col-black + label:before { + border-right: 2px solid #000000; + border-bottom: 2px solid #000000; } + +[type="checkbox"]:checked.chk-col-white + label:before { + border-right: 2px solid #ffffff; + border-bottom: 2px solid #ffffff; } + +[type="checkbox"].filled-in:checked + label:after { + top: 0; + width: 20px; + height: 20px; + border: 2px solid #26a69a; + background-color: #26a69a; + z-index: 0; } + +[type="checkbox"].filled-in:checked + label:before { + border-right: 2px solid #fff !important; + border-bottom: 2px solid #fff !important; } + +[type="checkbox"].filled-in:checked.chk-col-red + label:after { + border: 2px solid #F44336; + background-color: #F44336; } + +[type="checkbox"].filled-in:checked.chk-col-pink + label:after { + border: 2px solid #E91E63; + background-color: #E91E63; } + +[type="checkbox"].filled-in:checked.chk-col-purple + label:after { + border: 2px solid #9C27B0; + background-color: #9C27B0; } + +[type="checkbox"].filled-in:checked.chk-col-deep-purple + label:after { + border: 2px solid #673AB7; + background-color: #673AB7; } + +[type="checkbox"].filled-in:checked.chk-col-indigo + label:after { + border: 2px solid #3F51B5; + background-color: #3F51B5; } + +[type="checkbox"].filled-in:checked.chk-col-blue + label:after { + border: 2px solid #2196F3; + background-color: #2196F3; } + +[type="checkbox"].filled-in:checked.chk-col-light-blue + label:after { + border: 2px solid #03A9F4; + background-color: #03A9F4; } + +[type="checkbox"].filled-in:checked.chk-col-cyan + label:after { + border: 2px solid #00BCD4; + background-color: #00BCD4; } + +[type="checkbox"].filled-in:checked.chk-col-teal + label:after { + border: 2px solid #009688; + background-color: #009688; } + +[type="checkbox"].filled-in:checked.chk-col-green + label:after { + border: 2px solid #4CAF50; + background-color: #4CAF50; } + +[type="checkbox"].filled-in:checked.chk-col-light-green + label:after { + border: 2px solid #8BC34A; + background-color: #8BC34A; } + +[type="checkbox"].filled-in:checked.chk-col-lime + label:after { + border: 2px solid #CDDC39; + background-color: #CDDC39; } + +[type="checkbox"].filled-in:checked.chk-col-yellow + label:after { + border: 2px solid #ffe821; + background-color: #ffe821; } + +[type="checkbox"].filled-in:checked.chk-col-amber + label:after { + border: 2px solid #FFC107; + background-color: #FFC107; } + +[type="checkbox"].filled-in:checked.chk-col-orange + label:after { + border: 2px solid #FF9800; + background-color: #FF9800; } + +[type="checkbox"].filled-in:checked.chk-col-deep-orange + label:after { + border: 2px solid #FF5722; + background-color: #FF5722; } + +[type="checkbox"].filled-in:checked.chk-col-brown + label:after { + border: 2px solid #795548; + background-color: #795548; } + +[type="checkbox"].filled-in:checked.chk-col-grey + label:after { + border: 2px solid #9E9E9E; + background-color: #9E9E9E; } + +[type="checkbox"].filled-in:checked.chk-col-blue-grey + label:after { + border: 2px solid #607D8B; + background-color: #607D8B; } + +[type="checkbox"].filled-in:checked.chk-col-black + label:after { + border: 2px solid #000000; + background-color: #000000; } + +[type="checkbox"].filled-in:checked.chk-col-white + label:after { + border: 2px solid #ffffff; + background-color: #ffffff; } + +[type="radio"]:not(:checked) + label { + padding-left: 26px; + height: 25px; + line-height: 25px; + font-size: 13px; + font-weight: normal; } + +[type="radio"]:checked + label { + padding-left: 26px; + height: 25px; + line-height: 25px; + font-size: 13px; + font-weight: normal; } + +[type="radio"].radio-col-red:checked + label:after { + background-color: #F44336; + border-color: #F44336; } + +[type="radio"].radio-col-pink:checked + label:after { + background-color: #E91E63; + border-color: #E91E63; } + +[type="radio"].radio-col-purple:checked + label:after { + background-color: #9C27B0; + border-color: #9C27B0; } + +[type="radio"].radio-col-deep-purple:checked + label:after { + background-color: #673AB7; + border-color: #673AB7; } + +[type="radio"].radio-col-indigo:checked + label:after { + background-color: #3F51B5; + border-color: #3F51B5; } + +[type="radio"].radio-col-blue:checked + label:after { + background-color: #2196F3; + border-color: #2196F3; } + +[type="radio"].radio-col-light-blue:checked + label:after { + background-color: #03A9F4; + border-color: #03A9F4; } + +[type="radio"].radio-col-cyan:checked + label:after { + background-color: #00BCD4; + border-color: #00BCD4; } + +[type="radio"].radio-col-teal:checked + label:after { + background-color: #009688; + border-color: #009688; } + +[type="radio"].radio-col-green:checked + label:after { + background-color: #4CAF50; + border-color: #4CAF50; } + +[type="radio"].radio-col-light-green:checked + label:after { + background-color: #8BC34A; + border-color: #8BC34A; } + +[type="radio"].radio-col-lime:checked + label:after { + background-color: #CDDC39; + border-color: #CDDC39; } + +[type="radio"].radio-col-yellow:checked + label:after { + background-color: #ffe821; + border-color: #ffe821; } + +[type="radio"].radio-col-amber:checked + label:after { + background-color: #FFC107; + border-color: #FFC107; } + +[type="radio"].radio-col-orange:checked + label:after { + background-color: #FF9800; + border-color: #FF9800; } + +[type="radio"].radio-col-deep-orange:checked + label:after { + background-color: #FF5722; + border-color: #FF5722; } + +[type="radio"].radio-col-brown:checked + label:after { + background-color: #795548; + border-color: #795548; } + +[type="radio"].radio-col-grey:checked + label:after { + background-color: #9E9E9E; + border-color: #9E9E9E; } + +[type="radio"].radio-col-blue-grey:checked + label:after { + background-color: #607D8B; + border-color: #607D8B; } + +[type="radio"].radio-col-black:checked + label:after { + background-color: #000000; + border-color: #000000; } + +[type="radio"].radio-col-white:checked + label:after { + background-color: #ffffff; + border-color: #ffffff; } + +[type="radio"].with-gap.radio-col-red:checked + label:before { + border: 2px solid #F44336; } + +[type="radio"].with-gap.radio-col-red:checked + label:after { + background-color: #F44336; + border: 2px solid #F44336; } + +[type="radio"].with-gap.radio-col-pink:checked + label:before { + border: 2px solid #E91E63; } + +[type="radio"].with-gap.radio-col-pink:checked + label:after { + background-color: #E91E63; + border: 2px solid #E91E63; } + +[type="radio"].with-gap.radio-col-purple:checked + label:before { + border: 2px solid #9C27B0; } + +[type="radio"].with-gap.radio-col-purple:checked + label:after { + background-color: #9C27B0; + border: 2px solid #9C27B0; } + +[type="radio"].with-gap.radio-col-deep-purple:checked + label:before { + border: 2px solid #673AB7; } + +[type="radio"].with-gap.radio-col-deep-purple:checked + label:after { + background-color: #673AB7; + border: 2px solid #673AB7; } + +[type="radio"].with-gap.radio-col-indigo:checked + label:before { + border: 2px solid #3F51B5; } + +[type="radio"].with-gap.radio-col-indigo:checked + label:after { + background-color: #3F51B5; + border: 2px solid #3F51B5; } + +[type="radio"].with-gap.radio-col-blue:checked + label:before { + border: 2px solid #2196F3; } + +[type="radio"].with-gap.radio-col-blue:checked + label:after { + background-color: #2196F3; + border: 2px solid #2196F3; } + +[type="radio"].with-gap.radio-col-light-blue:checked + label:before { + border: 2px solid #03A9F4; } + +[type="radio"].with-gap.radio-col-light-blue:checked + label:after { + background-color: #03A9F4; + border: 2px solid #03A9F4; } + +[type="radio"].with-gap.radio-col-cyan:checked + label:before { + border: 2px solid #00BCD4; } + +[type="radio"].with-gap.radio-col-cyan:checked + label:after { + background-color: #00BCD4; + border: 2px solid #00BCD4; } + +[type="radio"].with-gap.radio-col-teal:checked + label:before { + border: 2px solid #009688; } + +[type="radio"].with-gap.radio-col-teal:checked + label:after { + background-color: #009688; + border: 2px solid #009688; } + +[type="radio"].with-gap.radio-col-green:checked + label:before { + border: 2px solid #4CAF50; } + +[type="radio"].with-gap.radio-col-green:checked + label:after { + background-color: #4CAF50; + border: 2px solid #4CAF50; } + +[type="radio"].with-gap.radio-col-light-green:checked + label:before { + border: 2px solid #8BC34A; } + +[type="radio"].with-gap.radio-col-light-green:checked + label:after { + background-color: #8BC34A; + border: 2px solid #8BC34A; } + +[type="radio"].with-gap.radio-col-lime:checked + label:before { + border: 2px solid #CDDC39; } + +[type="radio"].with-gap.radio-col-lime:checked + label:after { + background-color: #CDDC39; + border: 2px solid #CDDC39; } + +[type="radio"].with-gap.radio-col-yellow:checked + label:before { + border: 2px solid #ffe821; } + +[type="radio"].with-gap.radio-col-yellow:checked + label:after { + background-color: #ffe821; + border: 2px solid #ffe821; } + +[type="radio"].with-gap.radio-col-amber:checked + label:before { + border: 2px solid #FFC107; } + +[type="radio"].with-gap.radio-col-amber:checked + label:after { + background-color: #FFC107; + border: 2px solid #FFC107; } + +[type="radio"].with-gap.radio-col-orange:checked + label:before { + border: 2px solid #FF9800; } + +[type="radio"].with-gap.radio-col-orange:checked + label:after { + background-color: #FF9800; + border: 2px solid #FF9800; } + +[type="radio"].with-gap.radio-col-deep-orange:checked + label:before { + border: 2px solid #FF5722; } + +[type="radio"].with-gap.radio-col-deep-orange:checked + label:after { + background-color: #FF5722; + border: 2px solid #FF5722; } + +[type="radio"].with-gap.radio-col-brown:checked + label:before { + border: 2px solid #795548; } + +[type="radio"].with-gap.radio-col-brown:checked + label:after { + background-color: #795548; + border: 2px solid #795548; } + +[type="radio"].with-gap.radio-col-grey:checked + label:before { + border: 2px solid #9E9E9E; } + +[type="radio"].with-gap.radio-col-grey:checked + label:after { + background-color: #9E9E9E; + border: 2px solid #9E9E9E; } + +[type="radio"].with-gap.radio-col-blue-grey:checked + label:before { + border: 2px solid #607D8B; } + +[type="radio"].with-gap.radio-col-blue-grey:checked + label:after { + background-color: #607D8B; + border: 2px solid #607D8B; } + +[type="radio"].with-gap.radio-col-black:checked + label:before { + border: 2px solid #000000; } + +[type="radio"].with-gap.radio-col-black:checked + label:after { + background-color: #000000; + border: 2px solid #000000; } + +[type="radio"].with-gap.radio-col-white:checked + label:before { + border: 2px solid #ffffff; } + +[type="radio"].with-gap.radio-col-white:checked + label:after { + background-color: #ffffff; + border: 2px solid #ffffff; } + +/* Switch ====================================== */ +.switch label { + font-weight: normal; + font-size: 13px; } + .switch label .lever { + margin: 0 14px; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-red:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(244, 67, 54, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-red { + background-color: rgba(244, 67, 54, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-red:after { + background-color: #F44336; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-pink:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-pink { + background-color: rgba(233, 30, 99, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-pink:after { + background-color: #E91E63; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-purple:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-purple { + background-color: rgba(156, 39, 176, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-purple:after { + background-color: #9C27B0; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-deep-purple:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-deep-purple { + background-color: rgba(103, 58, 183, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-deep-purple:after { + background-color: #673AB7; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-indigo:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-indigo { + background-color: rgba(63, 81, 181, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-indigo:after { + background-color: #3F51B5; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(33, 150, 243, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-blue { + background-color: rgba(33, 150, 243, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-blue:after { + background-color: #2196F3; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-light-blue:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-light-blue { + background-color: rgba(3, 169, 244, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-light-blue:after { + background-color: #03A9F4; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-cyan:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 188, 212, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-cyan { + background-color: rgba(0, 188, 212, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-cyan:after { + background-color: #00BCD4; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-teal:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-teal { + background-color: rgba(0, 150, 136, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-teal:after { + background-color: #009688; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-green:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(76, 175, 80, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-green { + background-color: rgba(76, 175, 80, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-green:after { + background-color: #4CAF50; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-light-green:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-light-green { + background-color: rgba(139, 195, 74, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-light-green:after { + background-color: #8BC34A; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-lime:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-lime { + background-color: rgba(205, 220, 57, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-lime:after { + background-color: #CDDC39; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-yellow:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 232, 33, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-yellow { + background-color: rgba(255, 232, 33, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-yellow:after { + background-color: #ffe821; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-amber:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-amber { + background-color: rgba(255, 193, 7, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-amber:after { + background-color: #FFC107; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-orange:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-orange { + background-color: rgba(255, 152, 0, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-orange:after { + background-color: #FF9800; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-deep-orange:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-deep-orange { + background-color: rgba(255, 87, 34, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-deep-orange:after { + background-color: #FF5722; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-brown:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-brown { + background-color: rgba(121, 85, 72, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-brown:after { + background-color: #795548; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-grey:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-grey { + background-color: rgba(158, 158, 158, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-grey:after { + background-color: #9E9E9E; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue-grey:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-blue-grey { + background-color: rgba(96, 125, 139, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-blue-grey:after { + background-color: #607D8B; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-black:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-black { + background-color: rgba(0, 0, 0, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-black:after { + background-color: #000000; } + .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-white:active:after { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1); } + .switch label input[type=checkbox]:checked + .lever.switch-col-white { + background-color: rgba(255, 255, 255, 0.5); } + .switch label input[type=checkbox]:checked + .lever.switch-col-white:after { + background-color: #ffffff; } + +/* DateTime Picker ============================= */ +.dtp div.dtp-date, +.dtp div.dtp-time { + background: #007d72; } + +.dtp > .dtp-content > .dtp-date-view > header.dtp-header { + background: #009688; } + +.dtp .dtp-buttons .dtp-btn-ok { + margin-left: 10px; } + +.dtp .dtp-buttons .dtp-btn-clear { + margin-right: 10px !important; } + +.dtp .p10 > a { + color: #fff; } + +.dtp div.dtp-actual-year { + font-size: 1.5em; + color: #ffffff; } + +.dtp table.dtp-picker-days tr td a.selected { + background: #007d72; + color: #fff; } + +.datepicker.datepicker-dropdown.dropdown-menu { + margin-top: 0 !important; } + +.datepicker table tr td.active { + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009688), to(#009688)); + background-image: -webkit-linear-gradient(to bottom, #009688, #009688); + background-image: -o-linear-gradient(to bottom, #009688, #009688); + background-image: linear-gradient(to bottom, #009688, #009688); + border: none; } + .datepicker table tr td.active:hover.active { + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009688), to(#009688)); + background-image: -webkit-linear-gradient(to bottom, #009688, #009688); + background-image: -o-linear-gradient(to bottom, #009688, #009688); + background-image: linear-gradient(to bottom, #009688, #009688); + border: none; } + +.datepicker table tr td.selected { + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009688), to(#009688)); + background-image: -webkit-linear-gradient(to bottom, #009688, #009688); + background-image: -o-linear-gradient(to bottom, #009688, #009688); + background-image: linear-gradient(to bottom, #009688, #009688); + border: none; } + +.datepicker table tr td span.active { + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009688), to(#009688)); + background-image: -webkit-linear-gradient(to bottom, #009688, #009688); + background-image: -o-linear-gradient(to bottom, #009688, #009688); + background-image: linear-gradient(to bottom, #009688, #009688); + border: none; } + .datepicker table tr td span.active:hover.active { + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009688), to(#009688)); + background-image: -webkit-linear-gradient(to bottom, #009688, #009688); + background-image: -o-linear-gradient(to bottom, #009688, #009688); + background-image: linear-gradient(to bottom, #009688, #009688); + border: none; } + +.datepicker table.table-condensed > tbody > tr > td { + padding: 6px 9px; } + +.input-daterange .form-control { + text-align: left; } + +.input-daterange .input-group-addon { + padding-right: 10px !important; } + +/* Bootstrap Select ============================ */ +.bootstrap-select { + box-shadow: none !important; + border-bottom: 1px solid #ddd !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:active { + outline: none !important; } + .bootstrap-select .bs-searchbox, + .bootstrap-select .bs-actionsbox, + .bootstrap-select .bs-donebutton { + padding: 0 0 5px 0; + border-bottom: 1px solid #e9e9e9; } + .bootstrap-select .bs-searchbox .form-control, + .bootstrap-select .bs-actionsbox .form-control, + .bootstrap-select .bs-donebutton .form-control { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + -ms-box-shadow: none !important; + box-shadow: none !important; + border: none; + margin-left: 30px; } + .bootstrap-select .bs-searchbox { + position: relative; } + .bootstrap-select .bs-searchbox:after { + content: '\E8B6'; + font-family: 'Material Icons'; + position: absolute; + top: 0; + left: 10px; + font-size: 25px; } + .bootstrap-select ul.dropdown-menu { + margin-top: 0 !important; } + .bootstrap-select .dropdown-menu li.selected a { + background-color: #eee !important; + color: #555 !important; } + .bootstrap-select .dropdown-menu .active a { + background-color: transparent; + color: #333 !important; } + .bootstrap-select .dropdown-menu .notify { + background-color: #F44336 !important; + color: #fff !important; + border: none !important; } + +.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { + margin-top: 9px; } + +/* Tooltip & Popovers ========================== */ +.tooltip { + font-size: 13px; } + .tooltip .tooltip-inner { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + +.popover { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.08); } + .popover .popover-title { + font-weight: bold; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + background-color: #e9e9e9; + border-bottom: 1px solid #ddd; } + .popover .popover-content { + font-size: 13px; + color: #777; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + +/* Nav Tabs ==================================== */ +.nav-tabs { + border-bottom: 2px solid #eee; } + .nav-tabs > li { + position: relative; + top: 3px; + left: -2px; } + .nav-tabs > li > a { + border: none !important; + color: #999 !important; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .nav-tabs > li > a:hover, .nav-tabs > li > a:active, .nav-tabs > li > a:focus { + background-color: transparent !important; } + .nav-tabs > li > a:before { + content: ''; + position: absolute; + left: 0; + width: 100%; + height: 0; + border-bottom: 2px solid #2196F3; + bottom: 2px; + -moz-transform: scaleX(0); + -ms-transform: scaleX(0); + -o-transform: scaleX(0); + -webkit-transform: scaleX(0); + transform: scaleX(0); + -moz-transition: 0.1s ease-in; + -o-transition: 0.1s ease-in; + -webkit-transition: 0.1s ease-in; + transition: 0.1s ease-in; } + .nav-tabs > li > a .material-icons { + position: relative; + top: 7px; + margin-bottom: 8px; } + .nav-tabs li.active a { + color: #222 !important; } + .nav-tabs li.active a:hover, .nav-tabs li.active a:active, .nav-tabs li.active a:focus { + background-color: transparent !important; } + .nav-tabs li.active a:before { + -moz-transform: scaleX(1); + -ms-transform: scaleX(1); + -o-transform: scaleX(1); + -webkit-transform: scaleX(1); + transform: scaleX(1); } + .nav-tabs + .tab-content { + padding: 15px 0; } + +.nav-tabs.tab-col-red > li > a:before { + border-bottom: 2px solid #F44336; } + +.nav-tabs.tab-col-pink > li > a:before { + border-bottom: 2px solid #E91E63; } + +.nav-tabs.tab-col-purple > li > a:before { + border-bottom: 2px solid #9C27B0; } + +.nav-tabs.tab-col-deep-purple > li > a:before { + border-bottom: 2px solid #673AB7; } + +.nav-tabs.tab-col-indigo > li > a:before { + border-bottom: 2px solid #3F51B5; } + +.nav-tabs.tab-col-blue > li > a:before { + border-bottom: 2px solid #2196F3; } + +.nav-tabs.tab-col-light-blue > li > a:before { + border-bottom: 2px solid #03A9F4; } + +.nav-tabs.tab-col-cyan > li > a:before { + border-bottom: 2px solid #00BCD4; } + +.nav-tabs.tab-col-teal > li > a:before { + border-bottom: 2px solid #009688; } + +.nav-tabs.tab-col-green > li > a:before { + border-bottom: 2px solid #4CAF50; } + +.nav-tabs.tab-col-light-green > li > a:before { + border-bottom: 2px solid #8BC34A; } + +.nav-tabs.tab-col-lime > li > a:before { + border-bottom: 2px solid #CDDC39; } + +.nav-tabs.tab-col-yellow > li > a:before { + border-bottom: 2px solid #ffe821; } + +.nav-tabs.tab-col-amber > li > a:before { + border-bottom: 2px solid #FFC107; } + +.nav-tabs.tab-col-orange > li > a:before { + border-bottom: 2px solid #FF9800; } + +.nav-tabs.tab-col-deep-orange > li > a:before { + border-bottom: 2px solid #FF5722; } + +.nav-tabs.tab-col-brown > li > a:before { + border-bottom: 2px solid #795548; } + +.nav-tabs.tab-col-grey > li > a:before { + border-bottom: 2px solid #9E9E9E; } + +.nav-tabs.tab-col-blue-grey > li > a:before { + border-bottom: 2px solid #607D8B; } + +.nav-tabs.tab-col-black > li > a:before { + border-bottom: 2px solid #000000; } + +.nav-tabs.tab-col-white > li > a:before { + border-bottom: 2px solid #ffffff; } + +/* Thumbnails ================================== */ +.thumbnail { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .thumbnail p:not(button) { + color: #999999; + font-size: 14px; } + .thumbnail h3 { + font-weight: bold; + font-size: 17px; } + +/* Modals ====================================== */ +.modal .modal-header { + border: none; + padding: 25px 25px 5px 25px; } + .modal .modal-header .modal-title { + font-weight: bold; + font-size: 16px; } + +.modal .modal-content { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31) !important; + border: none; } + .modal .modal-content .modal-body { + color: #777; + padding: 15px 25px; } + +.modal .modal-footer { + border: none; } + +.modal-col-red { + background-color: #F44336; } + .modal-col-red .modal-body, + .modal-col-red .modal-title { + color: #fff !important; } + .modal-col-red .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-red .modal-footer .btn-link { + color: #fff !important; } + .modal-col-red .modal-footer .btn-link:hover, .modal-col-red .modal-footer .btn-link:active, .modal-col-red .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-pink { + background-color: #E91E63; } + .modal-col-pink .modal-body, + .modal-col-pink .modal-title { + color: #fff !important; } + .modal-col-pink .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-pink .modal-footer .btn-link { + color: #fff !important; } + .modal-col-pink .modal-footer .btn-link:hover, .modal-col-pink .modal-footer .btn-link:active, .modal-col-pink .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-purple { + background-color: #9C27B0; } + .modal-col-purple .modal-body, + .modal-col-purple .modal-title { + color: #fff !important; } + .modal-col-purple .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-purple .modal-footer .btn-link { + color: #fff !important; } + .modal-col-purple .modal-footer .btn-link:hover, .modal-col-purple .modal-footer .btn-link:active, .modal-col-purple .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-deep-purple { + background-color: #673AB7; } + .modal-col-deep-purple .modal-body, + .modal-col-deep-purple .modal-title { + color: #fff !important; } + .modal-col-deep-purple .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-deep-purple .modal-footer .btn-link { + color: #fff !important; } + .modal-col-deep-purple .modal-footer .btn-link:hover, .modal-col-deep-purple .modal-footer .btn-link:active, .modal-col-deep-purple .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-indigo { + background-color: #3F51B5; } + .modal-col-indigo .modal-body, + .modal-col-indigo .modal-title { + color: #fff !important; } + .modal-col-indigo .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-indigo .modal-footer .btn-link { + color: #fff !important; } + .modal-col-indigo .modal-footer .btn-link:hover, .modal-col-indigo .modal-footer .btn-link:active, .modal-col-indigo .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-blue { + background-color: #2196F3; } + .modal-col-blue .modal-body, + .modal-col-blue .modal-title { + color: #fff !important; } + .modal-col-blue .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-blue .modal-footer .btn-link { + color: #fff !important; } + .modal-col-blue .modal-footer .btn-link:hover, .modal-col-blue .modal-footer .btn-link:active, .modal-col-blue .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-light-blue { + background-color: #03A9F4; } + .modal-col-light-blue .modal-body, + .modal-col-light-blue .modal-title { + color: #fff !important; } + .modal-col-light-blue .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-light-blue .modal-footer .btn-link { + color: #fff !important; } + .modal-col-light-blue .modal-footer .btn-link:hover, .modal-col-light-blue .modal-footer .btn-link:active, .modal-col-light-blue .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-cyan { + background-color: #00BCD4; } + .modal-col-cyan .modal-body, + .modal-col-cyan .modal-title { + color: #fff !important; } + .modal-col-cyan .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-cyan .modal-footer .btn-link { + color: #fff !important; } + .modal-col-cyan .modal-footer .btn-link:hover, .modal-col-cyan .modal-footer .btn-link:active, .modal-col-cyan .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-teal { + background-color: #009688; } + .modal-col-teal .modal-body, + .modal-col-teal .modal-title { + color: #fff !important; } + .modal-col-teal .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-teal .modal-footer .btn-link { + color: #fff !important; } + .modal-col-teal .modal-footer .btn-link:hover, .modal-col-teal .modal-footer .btn-link:active, .modal-col-teal .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-green { + background-color: #4CAF50; } + .modal-col-green .modal-body, + .modal-col-green .modal-title { + color: #fff !important; } + .modal-col-green .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-green .modal-footer .btn-link { + color: #fff !important; } + .modal-col-green .modal-footer .btn-link:hover, .modal-col-green .modal-footer .btn-link:active, .modal-col-green .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-light-green { + background-color: #8BC34A; } + .modal-col-light-green .modal-body, + .modal-col-light-green .modal-title { + color: #fff !important; } + .modal-col-light-green .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-light-green .modal-footer .btn-link { + color: #fff !important; } + .modal-col-light-green .modal-footer .btn-link:hover, .modal-col-light-green .modal-footer .btn-link:active, .modal-col-light-green .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-lime { + background-color: #CDDC39; } + .modal-col-lime .modal-body, + .modal-col-lime .modal-title { + color: #fff !important; } + .modal-col-lime .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-lime .modal-footer .btn-link { + color: #fff !important; } + .modal-col-lime .modal-footer .btn-link:hover, .modal-col-lime .modal-footer .btn-link:active, .modal-col-lime .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-yellow { + background-color: #ffe821; } + .modal-col-yellow .modal-body, + .modal-col-yellow .modal-title { + color: #fff !important; } + .modal-col-yellow .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-yellow .modal-footer .btn-link { + color: #fff !important; } + .modal-col-yellow .modal-footer .btn-link:hover, .modal-col-yellow .modal-footer .btn-link:active, .modal-col-yellow .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-amber { + background-color: #FFC107; } + .modal-col-amber .modal-body, + .modal-col-amber .modal-title { + color: #fff !important; } + .modal-col-amber .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-amber .modal-footer .btn-link { + color: #fff !important; } + .modal-col-amber .modal-footer .btn-link:hover, .modal-col-amber .modal-footer .btn-link:active, .modal-col-amber .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-orange { + background-color: #FF9800; } + .modal-col-orange .modal-body, + .modal-col-orange .modal-title { + color: #fff !important; } + .modal-col-orange .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-orange .modal-footer .btn-link { + color: #fff !important; } + .modal-col-orange .modal-footer .btn-link:hover, .modal-col-orange .modal-footer .btn-link:active, .modal-col-orange .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-deep-orange { + background-color: #FF5722; } + .modal-col-deep-orange .modal-body, + .modal-col-deep-orange .modal-title { + color: #fff !important; } + .modal-col-deep-orange .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-deep-orange .modal-footer .btn-link { + color: #fff !important; } + .modal-col-deep-orange .modal-footer .btn-link:hover, .modal-col-deep-orange .modal-footer .btn-link:active, .modal-col-deep-orange .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-brown { + background-color: #795548; } + .modal-col-brown .modal-body, + .modal-col-brown .modal-title { + color: #fff !important; } + .modal-col-brown .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-brown .modal-footer .btn-link { + color: #fff !important; } + .modal-col-brown .modal-footer .btn-link:hover, .modal-col-brown .modal-footer .btn-link:active, .modal-col-brown .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-grey { + background-color: #9E9E9E; } + .modal-col-grey .modal-body, + .modal-col-grey .modal-title { + color: #fff !important; } + .modal-col-grey .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-grey .modal-footer .btn-link { + color: #fff !important; } + .modal-col-grey .modal-footer .btn-link:hover, .modal-col-grey .modal-footer .btn-link:active, .modal-col-grey .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-blue-grey { + background-color: #607D8B; } + .modal-col-blue-grey .modal-body, + .modal-col-blue-grey .modal-title { + color: #fff !important; } + .modal-col-blue-grey .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-blue-grey .modal-footer .btn-link { + color: #fff !important; } + .modal-col-blue-grey .modal-footer .btn-link:hover, .modal-col-blue-grey .modal-footer .btn-link:active, .modal-col-blue-grey .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-black { + background-color: #000000; } + .modal-col-black .modal-body, + .modal-col-black .modal-title { + color: #fff !important; } + .modal-col-black .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-black .modal-footer .btn-link { + color: #fff !important; } + .modal-col-black .modal-footer .btn-link:hover, .modal-col-black .modal-footer .btn-link:active, .modal-col-black .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +.modal-col-white { + background-color: #ffffff; } + .modal-col-white .modal-body, + .modal-col-white .modal-title { + color: #fff !important; } + .modal-col-white .modal-footer { + background-color: rgba(0, 0, 0, 0.12); } + .modal-col-white .modal-footer .btn-link { + color: #fff !important; } + .modal-col-white .modal-footer .btn-link:hover, .modal-col-white .modal-footer .btn-link:active, .modal-col-white .modal-footer .btn-link:focus { + background-color: rgba(0, 0, 0, 0.12); } + +/* Labels ====================================== */ +.label { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + +.label-primary { + background-color: #1f91f3; } + +.label-success { + background-color: #2b982b; } + +.label-info { + background-color: #00b0e4; } + +.label-warning { + background-color: #ff9600; } + +.label-danger { + background-color: #fb483a; } + +/* Collapse ==================================== */ +.collapse .well, +.collapse.in .well, +.collapsing .well { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + margin-bottom: 0; } + +/* Tables ====================================== */ +.table tbody tr td, .table tbody tr th { + padding: 10px; + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; } + +.table tbody tr.primary td, .table tbody tr.primary th { + background-color: #1f91f3; + color: #fff; } + +.table tbody tr.success td, .table tbody tr.success th { + background-color: #2b982b; + color: #fff; } + +.table tbody tr.info td, .table tbody tr.info th { + background-color: #00b0e4; + color: #fff; } + +.table tbody tr.warning td, .table tbody tr.warning th { + background-color: #ff9600; + color: #fff; } + +.table tbody tr.danger td, .table tbody tr.danger th { + background-color: #fb483a; + color: #fff; } + +.table thead tr th { + padding: 10px; + border-bottom: 1px solid #eee; } + +.table-bordered { + border-top: 1px solid #eee; } + .table-bordered tbody tr td, .table-bordered tbody tr th { + padding: 10px; + border: 1px solid #eee; } + .table-bordered thead tr th { + padding: 10px; + border: 1px solid #eee; } + +/* Panel ======================================= */ +.panel-group .panel-col-red { + border: 1px solid #F44336; } + .panel-group .panel-col-red .panel-title { + background-color: #F44336 !important; + color: #fff; } + .panel-group .panel-col-red .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-pink { + border: 1px solid #E91E63; } + .panel-group .panel-col-pink .panel-title { + background-color: #E91E63 !important; + color: #fff; } + .panel-group .panel-col-pink .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-purple { + border: 1px solid #9C27B0; } + .panel-group .panel-col-purple .panel-title { + background-color: #9C27B0 !important; + color: #fff; } + .panel-group .panel-col-purple .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-deep-purple { + border: 1px solid #673AB7; } + .panel-group .panel-col-deep-purple .panel-title { + background-color: #673AB7 !important; + color: #fff; } + .panel-group .panel-col-deep-purple .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-indigo { + border: 1px solid #3F51B5; } + .panel-group .panel-col-indigo .panel-title { + background-color: #3F51B5 !important; + color: #fff; } + .panel-group .panel-col-indigo .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-blue { + border: 1px solid #2196F3; } + .panel-group .panel-col-blue .panel-title { + background-color: #2196F3 !important; + color: #fff; } + .panel-group .panel-col-blue .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-light-blue { + border: 1px solid #03A9F4; } + .panel-group .panel-col-light-blue .panel-title { + background-color: #03A9F4 !important; + color: #fff; } + .panel-group .panel-col-light-blue .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-cyan { + border: 1px solid #00BCD4; } + .panel-group .panel-col-cyan .panel-title { + background-color: #00BCD4 !important; + color: #fff; } + .panel-group .panel-col-cyan .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-teal { + border: 1px solid #009688; } + .panel-group .panel-col-teal .panel-title { + background-color: #009688 !important; + color: #fff; } + .panel-group .panel-col-teal .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-green { + border: 1px solid #4CAF50; } + .panel-group .panel-col-green .panel-title { + background-color: #4CAF50 !important; + color: #fff; } + .panel-group .panel-col-green .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-light-green { + border: 1px solid #8BC34A; } + .panel-group .panel-col-light-green .panel-title { + background-color: #8BC34A !important; + color: #fff; } + .panel-group .panel-col-light-green .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-lime { + border: 1px solid #CDDC39; } + .panel-group .panel-col-lime .panel-title { + background-color: #CDDC39 !important; + color: #fff; } + .panel-group .panel-col-lime .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-yellow { + border: 1px solid #ffe821; } + .panel-group .panel-col-yellow .panel-title { + background-color: #ffe821 !important; + color: #fff; } + .panel-group .panel-col-yellow .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-amber { + border: 1px solid #FFC107; } + .panel-group .panel-col-amber .panel-title { + background-color: #FFC107 !important; + color: #fff; } + .panel-group .panel-col-amber .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-orange { + border: 1px solid #FF9800; } + .panel-group .panel-col-orange .panel-title { + background-color: #FF9800 !important; + color: #fff; } + .panel-group .panel-col-orange .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-deep-orange { + border: 1px solid #FF5722; } + .panel-group .panel-col-deep-orange .panel-title { + background-color: #FF5722 !important; + color: #fff; } + .panel-group .panel-col-deep-orange .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-brown { + border: 1px solid #795548; } + .panel-group .panel-col-brown .panel-title { + background-color: #795548 !important; + color: #fff; } + .panel-group .panel-col-brown .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-grey { + border: 1px solid #9E9E9E; } + .panel-group .panel-col-grey .panel-title { + background-color: #9E9E9E !important; + color: #fff; } + .panel-group .panel-col-grey .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-blue-grey { + border: 1px solid #607D8B; } + .panel-group .panel-col-blue-grey .panel-title { + background-color: #607D8B !important; + color: #fff; } + .panel-group .panel-col-blue-grey .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-black { + border: 1px solid #000000; } + .panel-group .panel-col-black .panel-title { + background-color: #000000 !important; + color: #fff; } + .panel-group .panel-col-black .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel-col-white { + border: 1px solid #ffffff; } + .panel-group .panel-col-white .panel-title { + background-color: #ffffff !important; + color: #fff; } + .panel-group .panel-col-white .panel-body { + border-top-color: transparent !important; } + +.panel-group .panel { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .panel-group .panel .panel-title .material-icons { + float: left; + line-height: 16px; + margin-right: 8px; } + .panel-group .panel .panel-heading { + padding: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .panel-group .panel .panel-heading a { + display: block; + padding: 10px 15px; } + .panel-group .panel .panel-heading a:hover, .panel-group .panel .panel-heading a:focus, .panel-group .panel .panel-heading a:active { + text-decoration: none; } + .panel-group .panel .panel-body { + color: #555; } + +.panel-group .panel-primary { + border: 1px solid #1f91f3; } + .panel-group .panel-primary .panel-title { + background-color: #1f91f3; } + +.panel-group .panel-success { + border: 1px solid #2b982b; } + .panel-group .panel-success .panel-title { + background-color: #2b982b; + color: #fff; } + +.panel-group .panel-warning { + border: 1px solid #ff9600; } + .panel-group .panel-warning .panel-title { + background-color: #ff9600; + color: #fff; } + +.panel-group .panel-danger { + border: 1px solid #fb483a; } + .panel-group .panel-danger .panel-title { + background-color: #fb483a; + color: #fff; } + +.full-body .panel-col-red .panel-body { + border-top-color: #fff !important; + background-color: #F44336; + color: #fff; } + +.full-body .panel-col-pink .panel-body { + border-top-color: #fff !important; + background-color: #E91E63; + color: #fff; } + +.full-body .panel-col-purple .panel-body { + border-top-color: #fff !important; + background-color: #9C27B0; + color: #fff; } + +.full-body .panel-col-deep-purple .panel-body { + border-top-color: #fff !important; + background-color: #673AB7; + color: #fff; } + +.full-body .panel-col-indigo .panel-body { + border-top-color: #fff !important; + background-color: #3F51B5; + color: #fff; } + +.full-body .panel-col-blue .panel-body { + border-top-color: #fff !important; + background-color: #2196F3; + color: #fff; } + +.full-body .panel-col-light-blue .panel-body { + border-top-color: #fff !important; + background-color: #03A9F4; + color: #fff; } + +.full-body .panel-col-cyan .panel-body { + border-top-color: #fff !important; + background-color: #00BCD4; + color: #fff; } + +.full-body .panel-col-teal .panel-body { + border-top-color: #fff !important; + background-color: #009688; + color: #fff; } + +.full-body .panel-col-green .panel-body { + border-top-color: #fff !important; + background-color: #4CAF50; + color: #fff; } + +.full-body .panel-col-light-green .panel-body { + border-top-color: #fff !important; + background-color: #8BC34A; + color: #fff; } + +.full-body .panel-col-lime .panel-body { + border-top-color: #fff !important; + background-color: #CDDC39; + color: #fff; } + +.full-body .panel-col-yellow .panel-body { + border-top-color: #fff !important; + background-color: #ffe821; + color: #fff; } + +.full-body .panel-col-amber .panel-body { + border-top-color: #fff !important; + background-color: #FFC107; + color: #fff; } + +.full-body .panel-col-orange .panel-body { + border-top-color: #fff !important; + background-color: #FF9800; + color: #fff; } + +.full-body .panel-col-deep-orange .panel-body { + border-top-color: #fff !important; + background-color: #FF5722; + color: #fff; } + +.full-body .panel-col-brown .panel-body { + border-top-color: #fff !important; + background-color: #795548; + color: #fff; } + +.full-body .panel-col-grey .panel-body { + border-top-color: #fff !important; + background-color: #9E9E9E; + color: #fff; } + +.full-body .panel-col-blue-grey .panel-body { + border-top-color: #fff !important; + background-color: #607D8B; + color: #fff; } + +.full-body .panel-col-black .panel-body { + border-top-color: #fff !important; + background-color: #000000; + color: #fff; } + +.full-body .panel-col-white .panel-body { + border-top-color: #fff !important; + background-color: #ffffff; + color: #fff; } + +.full-body .panel-primary .panel-body { + border-top-color: #fff !important; + background-color: #1f91f3; + color: #fff; } + +.full-body .panel-success .panel-body { + border-top-color: #fff !important; + background-color: #2b982b; + color: #fff; } + +.full-body .panel-warning .panel-body { + border-top-color: #fff !important; + background-color: #ff9600; + color: #fff; } + +.full-body .panel-danger .panel-body { + border-top-color: #fff !important; + background-color: #fb483a; + color: #fff; } + +/* Progress Bars =============================== */ +.progress { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + height: 22px; } + .progress .progress-bar { + line-height: 23px; + background-color: #1f91f3; } + .progress .progress-bar-success { + background-color: #2b982b; } + .progress .progress-bar-info { + background-color: #00b0e4; } + .progress .progress-bar-warning { + background-color: #ff9600; } + .progress .progress-bar-danger { + background-color: #fb483a; } + +/* Ion Range Slider ============================ */ +.irs .irs-min, +.irs .irs-max, +.irs .irs-from, +.irs .irs-to, +.irs .irs-single { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + +/* Input Group ================================= */ +.input-group { + width: 100%; + margin-bottom: 20px; } + .input-group .form-line { + display: inline-block; + width: 100%; + border-bottom: 1px solid #ddd; + position: relative; } + .input-group .form-line:after { + content: ''; + position: absolute; + left: 0; + width: 100%; + bottom: -2px; + -moz-transform: scaleX(0); + -ms-transform: scaleX(0); + -o-transform: scaleX(0); + -webkit-transform: scaleX(0); + transform: scaleX(0); + -moz-transition: 0.25s ease-in; + -o-transition: 0.25s ease-in; + -webkit-transition: 0.25s ease-in; + transition: 0.25s ease-in; + border-bottom: 2px solid #1f91f3; } + .input-group .form-line + .input-group-addon { + padding-right: 0; + padding-left: 10px; } + .input-group .help-info { + float: right; + font-size: 12px; + margin-top: 5px; + color: #999; } + .input-group label.error { + font-size: 12px; + display: block; + margin-top: 5px; + font-weight: normal; + color: #F44336; } + .input-group .form-line.error:after { + border-bottom: 2px solid #F44336; } + .input-group .form-line.success:after { + border-bottom: 2px solid #4CAF50; } + .input-group .form-line.warning:after { + border-bottom: 2px solid #FFC107; } + .input-group .form-line.focused:after { + -moz-transform: scaleX(1); + -ms-transform: scaleX(1); + -o-transform: scaleX(1); + -webkit-transform: scaleX(1); + transform: scaleX(1); } + .input-group .form-line.focused .form-label { + bottom: 25px; + left: 0; + font-size: 12px; } + .input-group .input-group-addon { + border: none; + background-color: transparent; + padding-left: 0; + font-weight: bold; } + .input-group .input-group-addon .material-icons { + font-size: 18px; + color: #555; } + .input-group input[type="text"], + .input-group .form-control { + border: none; + box-shadow: none; + padding-left: 0; } + .input-group .form-control:focus { + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + -ms-box-shadow: none !important; + box-shadow: none !important; } + +.input-group.input-group-sm .input-group-addon i { + font-size: 14px; } + +.input-group.input-group-sm .form-control { + font-size: 12px; } + +.input-group.input-group-lg .input-group-addon i { + font-size: 26px; } + +.input-group.input-group-lg .form-control { + font-size: 18px; } + +.form-control-label { + text-align: right; } + .form-control-label label { + margin-top: 8px; } + +.form-horizontal .form-group { + margin-bottom: 0; } + +.form-group { + width: 100%; + margin-bottom: 25px; } + .form-group .form-control { + width: 100%; + border: none; + box-shadow: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + padding-left: 0; } + .form-group .help-info { + float: right; + font-size: 12px; + margin-top: 5px; + color: #999; } + .form-group label.error { + font-size: 12px; + display: block; + margin-top: 5px; + font-weight: normal; + color: #F44336; } + .form-group .form-line { + width: 100%; + position: relative; + border-bottom: 1px solid #ddd; } + .form-group .form-line:after { + content: ''; + position: absolute; + left: 0; + width: 100%; + height: 0; + bottom: -1px; + -moz-transform: scaleX(0); + -ms-transform: scaleX(0); + -o-transform: scaleX(0); + -webkit-transform: scaleX(0); + transform: scaleX(0); + -moz-transition: 0.25s ease-in; + -o-transition: 0.25s ease-in; + -webkit-transition: 0.25s ease-in; + transition: 0.25s ease-in; + border-bottom: 2px solid #1f91f3; } + .form-group .form-line .form-label { + font-weight: normal; + color: #aaa; + position: absolute; + top: 10px; + left: 0; + cursor: text; + -moz-transition: 0.2s; + -o-transition: 0.2s; + -webkit-transition: 0.2s; + transition: 0.2s; } + .form-group .form-line.error:after { + border-bottom: 2px solid #F44336; } + .form-group .form-line.success:after { + border-bottom: 2px solid #4CAF50; } + .form-group .form-line.warning:after { + border-bottom: 2px solid #FFC107; } + .form-group .form-line.focused:after { + -moz-transform: scaleX(1); + -ms-transform: scaleX(1); + -o-transform: scaleX(1); + -webkit-transform: scaleX(1); + transform: scaleX(1); } + .form-group .form-line.focused .form-label { + top: -10px; + left: 0; + font-size: 12px; } + +.form-group-sm .form-label { + font-size: 12px; } + +.form-group-sm .form-line.focused .form-label { + bottom: 20px; + font-size: 10px; } + +.form-group-lg .form-label { + font-size: 18px; } + +.form-group-lg .form-line.focused .form-label { + bottom: 35px; + font-size: 12px; } + +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + background-color: transparent; } + +/* Color Picker ================================ */ +.colorpicker { + z-index: 1; } + .colorpicker:before, .colorpicker:after { + display: none !important; } + +/* Dropzone ==================================== */ +.dropzone { + border: 2px solid transparent !important; + background-color: #eee !important; } + .dropzone .dz-message .drag-icon-cph .material-icons { + font-size: 80px; + color: #777; } + +.dz-drag-hover { + border: 2px dashed #888 !important; } + +/* Breadcrumbs ================================= */ +.breadcrumb { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + background-color: transparent; + font-size: 13px; + margin-bottom: 10px; } + .breadcrumb li a { + color: #444; + text-decoration: none; } + .breadcrumb li a .material-icons { + font-size: 18px; + position: relative; + top: 4px; } + .breadcrumb li .material-icons { + font-size: 18px; + position: relative; + top: 4px; } + .breadcrumb > li + li:before { + content: '>\00a0'; } + +.breadcrumb-col-red li a { + color: #F44336 !important; + font-weight: bold; } + +.breadcrumb-bg-red { + background-color: #F44336 !important; } + .breadcrumb-bg-red li { + color: #fff !important; } + .breadcrumb-bg-red li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-red li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-red li + li:before { + color: #fff; } + +.breadcrumb-col-pink li a { + color: #E91E63 !important; + font-weight: bold; } + +.breadcrumb-bg-pink { + background-color: #E91E63 !important; } + .breadcrumb-bg-pink li { + color: #fff !important; } + .breadcrumb-bg-pink li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-pink li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-pink li + li:before { + color: #fff; } + +.breadcrumb-col-purple li a { + color: #9C27B0 !important; + font-weight: bold; } + +.breadcrumb-bg-purple { + background-color: #9C27B0 !important; } + .breadcrumb-bg-purple li { + color: #fff !important; } + .breadcrumb-bg-purple li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-purple li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-purple li + li:before { + color: #fff; } + +.breadcrumb-col-deep-purple li a { + color: #673AB7 !important; + font-weight: bold; } + +.breadcrumb-bg-deep-purple { + background-color: #673AB7 !important; } + .breadcrumb-bg-deep-purple li { + color: #fff !important; } + .breadcrumb-bg-deep-purple li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-deep-purple li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-deep-purple li + li:before { + color: #fff; } + +.breadcrumb-col-indigo li a { + color: #3F51B5 !important; + font-weight: bold; } + +.breadcrumb-bg-indigo { + background-color: #3F51B5 !important; } + .breadcrumb-bg-indigo li { + color: #fff !important; } + .breadcrumb-bg-indigo li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-indigo li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-indigo li + li:before { + color: #fff; } + +.breadcrumb-col-blue li a { + color: #2196F3 !important; + font-weight: bold; } + +.breadcrumb-bg-blue { + background-color: #2196F3 !important; } + .breadcrumb-bg-blue li { + color: #fff !important; } + .breadcrumb-bg-blue li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-blue li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-blue li + li:before { + color: #fff; } + +.breadcrumb-col-light-blue li a { + color: #03A9F4 !important; + font-weight: bold; } + +.breadcrumb-bg-light-blue { + background-color: #03A9F4 !important; } + .breadcrumb-bg-light-blue li { + color: #fff !important; } + .breadcrumb-bg-light-blue li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-light-blue li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-light-blue li + li:before { + color: #fff; } + +.breadcrumb-col-cyan li a { + color: #00BCD4 !important; + font-weight: bold; } + +.breadcrumb-bg-cyan { + background-color: #00BCD4 !important; } + .breadcrumb-bg-cyan li { + color: #fff !important; } + .breadcrumb-bg-cyan li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-cyan li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-cyan li + li:before { + color: #fff; } + +.breadcrumb-col-teal li a { + color: #009688 !important; + font-weight: bold; } + +.breadcrumb-bg-teal { + background-color: #009688 !important; } + .breadcrumb-bg-teal li { + color: #fff !important; } + .breadcrumb-bg-teal li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-teal li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-teal li + li:before { + color: #fff; } + +.breadcrumb-col-green li a { + color: #4CAF50 !important; + font-weight: bold; } + +.breadcrumb-bg-green { + background-color: #4CAF50 !important; } + .breadcrumb-bg-green li { + color: #fff !important; } + .breadcrumb-bg-green li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-green li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-green li + li:before { + color: #fff; } + +.breadcrumb-col-light-green li a { + color: #8BC34A !important; + font-weight: bold; } + +.breadcrumb-bg-light-green { + background-color: #8BC34A !important; } + .breadcrumb-bg-light-green li { + color: #fff !important; } + .breadcrumb-bg-light-green li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-light-green li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-light-green li + li:before { + color: #fff; } + +.breadcrumb-col-lime li a { + color: #CDDC39 !important; + font-weight: bold; } + +.breadcrumb-bg-lime { + background-color: #CDDC39 !important; } + .breadcrumb-bg-lime li { + color: #fff !important; } + .breadcrumb-bg-lime li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-lime li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-lime li + li:before { + color: #fff; } + +.breadcrumb-col-yellow li a { + color: #ffe821 !important; + font-weight: bold; } + +.breadcrumb-bg-yellow { + background-color: #ffe821 !important; } + .breadcrumb-bg-yellow li { + color: #fff !important; } + .breadcrumb-bg-yellow li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-yellow li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-yellow li + li:before { + color: #fff; } + +.breadcrumb-col-amber li a { + color: #FFC107 !important; + font-weight: bold; } + +.breadcrumb-bg-amber { + background-color: #FFC107 !important; } + .breadcrumb-bg-amber li { + color: #fff !important; } + .breadcrumb-bg-amber li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-amber li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-amber li + li:before { + color: #fff; } + +.breadcrumb-col-orange li a { + color: #FF9800 !important; + font-weight: bold; } + +.breadcrumb-bg-orange { + background-color: #FF9800 !important; } + .breadcrumb-bg-orange li { + color: #fff !important; } + .breadcrumb-bg-orange li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-orange li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-orange li + li:before { + color: #fff; } + +.breadcrumb-col-deep-orange li a { + color: #FF5722 !important; + font-weight: bold; } + +.breadcrumb-bg-deep-orange { + background-color: #FF5722 !important; } + .breadcrumb-bg-deep-orange li { + color: #fff !important; } + .breadcrumb-bg-deep-orange li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-deep-orange li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-deep-orange li + li:before { + color: #fff; } + +.breadcrumb-col-brown li a { + color: #795548 !important; + font-weight: bold; } + +.breadcrumb-bg-brown { + background-color: #795548 !important; } + .breadcrumb-bg-brown li { + color: #fff !important; } + .breadcrumb-bg-brown li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-brown li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-brown li + li:before { + color: #fff; } + +.breadcrumb-col-grey li a { + color: #9E9E9E !important; + font-weight: bold; } + +.breadcrumb-bg-grey { + background-color: #9E9E9E !important; } + .breadcrumb-bg-grey li { + color: #fff !important; } + .breadcrumb-bg-grey li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-grey li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-grey li + li:before { + color: #fff; } + +.breadcrumb-col-blue-grey li a { + color: #607D8B !important; + font-weight: bold; } + +.breadcrumb-bg-blue-grey { + background-color: #607D8B !important; } + .breadcrumb-bg-blue-grey li { + color: #fff !important; } + .breadcrumb-bg-blue-grey li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-blue-grey li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-blue-grey li + li:before { + color: #fff; } + +.breadcrumb-col-black li a { + color: #000000 !important; + font-weight: bold; } + +.breadcrumb-bg-black { + background-color: #000000 !important; } + .breadcrumb-bg-black li { + color: #fff !important; } + .breadcrumb-bg-black li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-black li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-black li + li:before { + color: #fff; } + +.breadcrumb-col-white li a { + color: #ffffff !important; + font-weight: bold; } + +.breadcrumb-bg-white { + background-color: #ffffff !important; } + .breadcrumb-bg-white li { + color: #fff !important; } + .breadcrumb-bg-white li a { + color: #fff; + font-weight: bold; } + .breadcrumb-bg-white li a .material-icons { + padding-bottom: 8px; } + .breadcrumb-bg-white li + li:before { + color: #fff; } + +/* Badge | List Group Item ===================== */ +.badge { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + border-radius: 2px; } + +.list-group-item { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + -moz-transition: 0.5s; + -o-transition: 0.5s; + -webkit-transition: 0.5s; + transition: 0.5s; } + +.list-group .active { + background-color: #2196F3; + border-color: #2196F3; } + .list-group .active:hover, .list-group .active:focus, .list-group .active:active { + background-color: #2196F3; + border-color: #2196F3; } + .list-group .active .list-group-item-text { + color: #dfe9f1; + font-size: 13px; } + .list-group .active .list-group-item-text:hover, .list-group .active .list-group-item-text:active, .list-group .active .list-group-item-text:focus { + color: #dfe9f1; } + +.list-group .list-group-item.active:hover .list-group-item-text, .list-group .list-group-item.active:focus .list-group-item-text, .list-group .list-group-item.active:active .list-group-item-text { + color: #dfe9f1; } + +.list-group .list-group-item:first-child, .list-group .list-group-item:last-child { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + +.list-group .list-group-item .list-group-item-heading { + font-weight: bold; + font-size: 17px; } + +.list-group .list-group-item-success { + background-color: #2b982b; + border: none; + color: #fff; } + .list-group .list-group-item-success:hover, .list-group .list-group-item-success:focus { + background-color: #2b982b; + color: #fff; + opacity: 0.8; } + +.list-group .list-group-item-info { + background-color: #00b0e4; + border: none; + color: #fff; } + .list-group .list-group-item-info:hover, .list-group .list-group-item-info:focus { + background-color: #00b0e4; + color: #fff; + opacity: 0.8; } + +.list-group .list-group-item-warning { + background-color: #ff9600; + border: none; + color: #fff; } + .list-group .list-group-item-warning:hover, .list-group .list-group-item-warning:focus { + background-color: #ff9600; + color: #fff; + opacity: 0.8; } + +.list-group .list-group-item-danger { + background-color: #fb483a; + border: none; + color: #fff; } + .list-group .list-group-item-danger:hover, .list-group .list-group-item-danger:focus { + background-color: #fb483a; + color: #fff; + opacity: 0.8; } + +.list-group .pl-red { + stroke: #F44336; } + +.list-group .list-group-bg-red { + background-color: #F44336; + border: none; + color: #fff; } + .list-group .list-group-bg-red:hover, .list-group .list-group-bg-red:focus { + background-color: #F44336; + color: #fff; + opacity: 0.8; } + +.list-group .pl-pink { + stroke: #E91E63; } + +.list-group .list-group-bg-pink { + background-color: #E91E63; + border: none; + color: #fff; } + .list-group .list-group-bg-pink:hover, .list-group .list-group-bg-pink:focus { + background-color: #E91E63; + color: #fff; + opacity: 0.8; } + +.list-group .pl-purple { + stroke: #9C27B0; } + +.list-group .list-group-bg-purple { + background-color: #9C27B0; + border: none; + color: #fff; } + .list-group .list-group-bg-purple:hover, .list-group .list-group-bg-purple:focus { + background-color: #9C27B0; + color: #fff; + opacity: 0.8; } + +.list-group .pl-deep-purple { + stroke: #673AB7; } + +.list-group .list-group-bg-deep-purple { + background-color: #673AB7; + border: none; + color: #fff; } + .list-group .list-group-bg-deep-purple:hover, .list-group .list-group-bg-deep-purple:focus { + background-color: #673AB7; + color: #fff; + opacity: 0.8; } + +.list-group .pl-indigo { + stroke: #3F51B5; } + +.list-group .list-group-bg-indigo { + background-color: #3F51B5; + border: none; + color: #fff; } + .list-group .list-group-bg-indigo:hover, .list-group .list-group-bg-indigo:focus { + background-color: #3F51B5; + color: #fff; + opacity: 0.8; } + +.list-group .pl-blue { + stroke: #2196F3; } + +.list-group .list-group-bg-blue { + background-color: #2196F3; + border: none; + color: #fff; } + .list-group .list-group-bg-blue:hover, .list-group .list-group-bg-blue:focus { + background-color: #2196F3; + color: #fff; + opacity: 0.8; } + +.list-group .pl-light-blue { + stroke: #03A9F4; } + +.list-group .list-group-bg-light-blue { + background-color: #03A9F4; + border: none; + color: #fff; } + .list-group .list-group-bg-light-blue:hover, .list-group .list-group-bg-light-blue:focus { + background-color: #03A9F4; + color: #fff; + opacity: 0.8; } + +.list-group .pl-cyan { + stroke: #00BCD4; } + +.list-group .list-group-bg-cyan { + background-color: #00BCD4; + border: none; + color: #fff; } + .list-group .list-group-bg-cyan:hover, .list-group .list-group-bg-cyan:focus { + background-color: #00BCD4; + color: #fff; + opacity: 0.8; } + +.list-group .pl-teal { + stroke: #009688; } + +.list-group .list-group-bg-teal { + background-color: #009688; + border: none; + color: #fff; } + .list-group .list-group-bg-teal:hover, .list-group .list-group-bg-teal:focus { + background-color: #009688; + color: #fff; + opacity: 0.8; } + +.list-group .pl-green { + stroke: #4CAF50; } + +.list-group .list-group-bg-green { + background-color: #4CAF50; + border: none; + color: #fff; } + .list-group .list-group-bg-green:hover, .list-group .list-group-bg-green:focus { + background-color: #4CAF50; + color: #fff; + opacity: 0.8; } + +.list-group .pl-light-green { + stroke: #8BC34A; } + +.list-group .list-group-bg-light-green { + background-color: #8BC34A; + border: none; + color: #fff; } + .list-group .list-group-bg-light-green:hover, .list-group .list-group-bg-light-green:focus { + background-color: #8BC34A; + color: #fff; + opacity: 0.8; } + +.list-group .pl-lime { + stroke: #CDDC39; } + +.list-group .list-group-bg-lime { + background-color: #CDDC39; + border: none; + color: #fff; } + .list-group .list-group-bg-lime:hover, .list-group .list-group-bg-lime:focus { + background-color: #CDDC39; + color: #fff; + opacity: 0.8; } + +.list-group .pl-yellow { + stroke: #ffe821; } + +.list-group .list-group-bg-yellow { + background-color: #ffe821; + border: none; + color: #fff; } + .list-group .list-group-bg-yellow:hover, .list-group .list-group-bg-yellow:focus { + background-color: #ffe821; + color: #fff; + opacity: 0.8; } + +.list-group .pl-amber { + stroke: #FFC107; } + +.list-group .list-group-bg-amber { + background-color: #FFC107; + border: none; + color: #fff; } + .list-group .list-group-bg-amber:hover, .list-group .list-group-bg-amber:focus { + background-color: #FFC107; + color: #fff; + opacity: 0.8; } + +.list-group .pl-orange { + stroke: #FF9800; } + +.list-group .list-group-bg-orange { + background-color: #FF9800; + border: none; + color: #fff; } + .list-group .list-group-bg-orange:hover, .list-group .list-group-bg-orange:focus { + background-color: #FF9800; + color: #fff; + opacity: 0.8; } + +.list-group .pl-deep-orange { + stroke: #FF5722; } + +.list-group .list-group-bg-deep-orange { + background-color: #FF5722; + border: none; + color: #fff; } + .list-group .list-group-bg-deep-orange:hover, .list-group .list-group-bg-deep-orange:focus { + background-color: #FF5722; + color: #fff; + opacity: 0.8; } + +.list-group .pl-brown { + stroke: #795548; } + +.list-group .list-group-bg-brown { + background-color: #795548; + border: none; + color: #fff; } + .list-group .list-group-bg-brown:hover, .list-group .list-group-bg-brown:focus { + background-color: #795548; + color: #fff; + opacity: 0.8; } + +.list-group .pl-grey { + stroke: #9E9E9E; } + +.list-group .list-group-bg-grey { + background-color: #9E9E9E; + border: none; + color: #fff; } + .list-group .list-group-bg-grey:hover, .list-group .list-group-bg-grey:focus { + background-color: #9E9E9E; + color: #fff; + opacity: 0.8; } + +.list-group .pl-blue-grey { + stroke: #607D8B; } + +.list-group .list-group-bg-blue-grey { + background-color: #607D8B; + border: none; + color: #fff; } + .list-group .list-group-bg-blue-grey:hover, .list-group .list-group-bg-blue-grey:focus { + background-color: #607D8B; + color: #fff; + opacity: 0.8; } + +.list-group .pl-black { + stroke: #000000; } + +.list-group .list-group-bg-black { + background-color: #000000; + border: none; + color: #fff; } + .list-group .list-group-bg-black:hover, .list-group .list-group-bg-black:focus { + background-color: #000000; + color: #fff; + opacity: 0.8; } + +.list-group .pl-white { + stroke: #ffffff; } + +.list-group .list-group-bg-white { + background-color: #ffffff; + border: none; + color: #fff; } + .list-group .list-group-bg-white:hover, .list-group .list-group-bg-white:focus { + background-color: #ffffff; + color: #fff; + opacity: 0.8; } + +/* Pagination & Pager ========================== */ +.pager li > a { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + border: none; + background-color: transparent; + color: #222; + font-weight: bold; } + +.pager li a:focus, +.pager li a:active { + background-color: transparent; } + +.pagination .disabled a, +.pagination .disabled a:hover, +.pagination .disabled a:focus, +.pagination .disabled a:active { + color: #bbb; } + +.pagination li.active a { + background-color: #2196F3; } + +.pagination li { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .pagination li a:focus, + .pagination li a:active { + background-color: transparent; + color: #555; } + +.pagination > li > a { + border: none; + font-weight: bold; + color: #555; } + +.pagination > li:first-child > a, +.pagination > li:last-child > a { + width: auto; + height: 32px; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .pagination > li:first-child > a .material-icons, + .pagination > li:last-child > a .material-icons { + position: relative; + bottom: 2px; } + +.pagination-sm > li:first-child > a, +.pagination-sm > li:last-child > a { + width: 28px; + height: 28px; } + .pagination-sm > li:first-child > a .material-icons, + .pagination-sm > li:last-child > a .material-icons { + position: relative; + top: -1px; + left: -6px; + font-size: 20px; } + +.pagination-lg > li:first-child > a, +.pagination-lg > li:last-child > a { + width: 44px; + height: 44px; } + .pagination-lg > li:first-child > a .material-icons, + .pagination-lg > li:last-child > a .material-icons { + font-size: 30px; + position: relative; + top: -3px; + left: -10px; } + +/* Media Object ================================ */ +.media { + margin-bottom: 25px; } + .media .media-body { + color: #777; + font-size: 13px; } + .media .media-body .media-heading { + font-size: 16px; + font-weight: bold; + color: #333; } + +/* Form Wizard ================================= */ +.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; } + +/* Accessibility */ +.wizard > .steps .current-info, +.tabcontrol > .steps .current-info, +.wizard > .content > .title, +.tabcontrol > .content > .title { + position: absolute; + left: -999em; } + +.wizard > .steps { + position: relative; + display: block; + width: 100%; } + +.wizard.vertical > .steps { + float: left; + width: 30%; } + +.wizard.vertical > .steps > ul > li { + float: none; + width: 100%; } + +.wizard.vertical > .content { + float: left; + margin: 0 0 0.5em 0; + width: 70%; } + +.wizard.vertical > .actions { + float: right; + width: 100%; } + +.wizard.vertical > .actions > ul > li { + margin: 0 0 0 1em; } + +.wizard > .steps .number { + font-size: 1.429em; } + +.wizard > .steps > ul > li { + width: 25%; + float: left; } + +.wizard > .actions > ul > li { + float: left; } + +.wizard > .steps a { + 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: 5px; } + .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: 5px; } + +.wizard > .steps .disabled a { + background: #eee; + color: #aaa; + cursor: default; } + .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active { + background: #eee; + color: #aaa; + cursor: default; } + +.wizard > .steps .current a { + background: #2184be; + color: #fff; + cursor: default; } + .wizard > .steps .current a:hover, .wizard > .steps .current a:active { + background: #2184be; + color: #fff; + cursor: default; } + +.wizard > .steps .done a { + background: #9dc8e2; + color: #fff; } + .wizard > .steps .done a:hover, .wizard > .steps .done a:active { + background: #9dc8e2; + color: #fff; } + +.wizard > .steps .error a { + background: #ff3111; + color: #fff; } + .wizard > .steps .error a:hover, .wizard > .steps .error a:active { + background: #ff3111; + color: #fff; } + +.wizard > .content { + border: 1px solid #ddd; + display: block; + margin: 0.5em; + min-height: 35em; + overflow: hidden; + position: relative; + width: auto; } + +.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 > .actions a { + background: #009688; + color: #fff; + display: block; + padding: 0.5em 1em; + text-decoration: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .wizard > .actions a:hover, .wizard > .actions a:active { + background: #009688; + color: #fff; + display: block; + padding: 0.5em 1em; + text-decoration: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + +.wizard > .actions .disabled a { + background: #eee; + color: #aaa; } + .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active { + background: #eee; + color: #aaa; } + +.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: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 > .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 > .content { + position: relative; + display: inline-block; + width: 100%; + height: 35em; + 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; } + +.wizard .content { + min-height: 245px; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + overflow-y: auto; } + .wizard .content .body { + padding: 15px; } + +.wizard .steps a { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + -moz-transition: 0.5s; + -o-transition: 0.5s; + -webkit-transition: 0.5s; + transition: 0.5s; } + .wizard .steps a:active, .wizard .steps a:focus, .wizard .steps a:hover { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + +.wizard .steps .done a { + background-color: rgba(0, 150, 136, 0.6); } + .wizard .steps .done a:hover, .wizard .steps .done a:active, .wizard .steps .done a:focus { + background-color: rgba(0, 150, 136, 0.5); } + +.wizard .steps .error a { + background-color: #F44336 !important; } + +.wizard .steps .current a { + background-color: #009688; } + .wizard .steps .current a:active, .wizard .steps .current a:focus, .wizard .steps .current a:hover { + background-color: #009688; } + +/* Waves ======================================= */ +.waves-effect.waves-red .waves-ripple { + background: rgba(244, 67, 54, 0.5); } + +.waves-effect.waves-pink .waves-ripple { + background: rgba(233, 30, 99, 0.5); } + +.waves-effect.waves-purple .waves-ripple { + background: rgba(156, 39, 176, 0.5); } + +.waves-effect.waves-deep-purple .waves-ripple { + background: rgba(103, 58, 183, 0.5); } + +.waves-effect.waves-indigo .waves-ripple { + background: rgba(63, 81, 181, 0.5); } + +.waves-effect.waves-blue .waves-ripple { + background: rgba(33, 150, 243, 0.5); } + +.waves-effect.waves-light-blue .waves-ripple { + background: rgba(3, 169, 244, 0.5); } + +.waves-effect.waves-cyan .waves-ripple { + background: rgba(0, 188, 212, 0.5); } + +.waves-effect.waves-teal .waves-ripple { + background: rgba(0, 150, 136, 0.5); } + +.waves-effect.waves-green .waves-ripple { + background: rgba(76, 175, 80, 0.5); } + +.waves-effect.waves-light-green .waves-ripple { + background: rgba(139, 195, 74, 0.5); } + +.waves-effect.waves-lime .waves-ripple { + background: rgba(205, 220, 57, 0.5); } + +.waves-effect.waves-yellow .waves-ripple { + background: rgba(255, 232, 33, 0.5); } + +.waves-effect.waves-amber .waves-ripple { + background: rgba(255, 193, 7, 0.5); } + +.waves-effect.waves-orange .waves-ripple { + background: rgba(255, 152, 0, 0.5); } + +.waves-effect.waves-deep-orange .waves-ripple { + background: rgba(255, 87, 34, 0.5); } + +.waves-effect.waves-brown .waves-ripple { + background: rgba(121, 85, 72, 0.5); } + +.waves-effect.waves-grey .waves-ripple { + background: rgba(158, 158, 158, 0.5); } + +.waves-effect.waves-blue-grey .waves-ripple { + background: rgba(96, 125, 139, 0.5); } + +.waves-effect.waves-black .waves-ripple { + background: rgba(0, 0, 0, 0.5); } + +.waves-effect.waves-white .waves-ripple { + background: rgba(255, 255, 255, 0.5); } + +/* Page Loader ================================= */ +.page-loader-wrapper { + z-index: 99999999; + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 100%; + height: 100%; + background: #eee; + overflow: hidden; + text-align: center; } + .page-loader-wrapper p { + font-size: 13px; + margin-top: 10px; + font-weight: bold; + color: #444; } + .page-loader-wrapper .loader { + position: relative; + top: calc(50% - 30px); } + +/* Preloaders ================================== */ +.md-preloader .pl-red { + stroke: #F44336; } + +.md-preloader .pl-pink { + stroke: #E91E63; } + +.md-preloader .pl-purple { + stroke: #9C27B0; } + +.md-preloader .pl-deep-purple { + stroke: #673AB7; } + +.md-preloader .pl-indigo { + stroke: #3F51B5; } + +.md-preloader .pl-blue { + stroke: #2196F3; } + +.md-preloader .pl-light-blue { + stroke: #03A9F4; } + +.md-preloader .pl-cyan { + stroke: #00BCD4; } + +.md-preloader .pl-teal { + stroke: #009688; } + +.md-preloader .pl-green { + stroke: #4CAF50; } + +.md-preloader .pl-light-green { + stroke: #8BC34A; } + +.md-preloader .pl-lime { + stroke: #CDDC39; } + +.md-preloader .pl-yellow { + stroke: #ffe821; } + +.md-preloader .pl-amber { + stroke: #FFC107; } + +.md-preloader .pl-orange { + stroke: #FF9800; } + +.md-preloader .pl-deep-orange { + stroke: #FF5722; } + +.md-preloader .pl-brown { + stroke: #795548; } + +.md-preloader .pl-grey { + stroke: #9E9E9E; } + +.md-preloader .pl-blue-grey { + stroke: #607D8B; } + +.md-preloader .pl-black { + stroke: #000000; } + +.md-preloader .pl-white { + stroke: #ffffff; } + +.preloader { + display: inline-block; + position: relative; + width: 50px; + height: 50px; + -webkit-animation: container-rotate 1568ms linear infinite; + -moz-animation: container-rotate 1568ms linear infinite; + -o-animation: container-rotate 1568ms linear infinite; + animation: container-rotate 1568ms linear infinite; } + .preloader.pl-size-xl { + width: 75px; + height: 75px; } + .preloader.pl-size-l { + width: 60px; + height: 60px; } + .preloader.pl-size-md { + width: 50px; + height: 50px; } + .preloader.pl-size-sm { + width: 40px; + height: 40px; } + .preloader.pl-size-xs { + width: 25px; + height: 25px; } + +.spinner-layer { + position: absolute; + width: 100%; + height: 100%; + border-color: #F44336; + -ms-opacity: 1; + opacity: 1; + -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + -moz-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + -o-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } + .spinner-layer.pl-red { + border-color: #F44336; } + .spinner-layer.pl-pink { + border-color: #E91E63; } + .spinner-layer.pl-purple { + border-color: #9C27B0; } + .spinner-layer.pl-deep-purple { + border-color: #673AB7; } + .spinner-layer.pl-indigo { + border-color: #3F51B5; } + .spinner-layer.pl-blue { + border-color: #2196F3; } + .spinner-layer.pl-light-blue { + border-color: #03A9F4; } + .spinner-layer.pl-cyan { + border-color: #00BCD4; } + .spinner-layer.pl-teal { + border-color: #009688; } + .spinner-layer.pl-green { + border-color: #4CAF50; } + .spinner-layer.pl-light-green { + border-color: #8BC34A; } + .spinner-layer.pl-lime { + border-color: #CDDC39; } + .spinner-layer.pl-yellow { + border-color: #ffe821; } + .spinner-layer.pl-amber { + border-color: #FFC107; } + .spinner-layer.pl-orange { + border-color: #FF9800; } + .spinner-layer.pl-deep-orange { + border-color: #FF5722; } + .spinner-layer.pl-brown { + border-color: #795548; } + .spinner-layer.pl-grey { + border-color: #9E9E9E; } + .spinner-layer.pl-blue-grey { + border-color: #607D8B; } + .spinner-layer.pl-black { + border-color: #000000; } + .spinner-layer.pl-white { + border-color: #ffffff; } + +.right { + float: right !important; } + +.gap-patch { + position: absolute; + top: 0; + left: 45%; + width: 10%; + height: 100%; + overflow: hidden; + border-color: inherit; } + .gap-patch.circle { + width: 1000%; + left: -450%; } + +.circle-clipper { + display: inline-block; + position: relative; + width: 50%; + height: 100%; + overflow: hidden; + border-color: inherit; } + .circle-clipper .circle { + width: 200%; + height: 100%; + border-width: 3px; + border-style: solid; + border-color: inherit; + border-bottom-color: transparent !important; + -ms-border-radius: 50%; + border-radius: 50%; + -webkit-animation: none; + animation: none; + position: absolute; + top: 0; + right: 0; + bottom: 0; } + .circle-clipper.left .circle { + left: 0; + border-right-color: transparent !important; + -webkit-transform: rotate(129deg); + -moz-transform: rotate(129deg); + -ms-transform: rotate(129deg); + -o-transform: rotate(129deg); + transform: rotate(129deg); + -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + -moz-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + -o-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } + .circle-clipper.right .circle { + left: -100%; + border-left-color: transparent !important; + -webkit-transform: rotate(-129deg); + -moz-transform: rotate(-129deg); + -ms-transform: rotate(-129deg); + -o-transform: rotate(-129deg); + transform: rotate(-129deg); + -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + -moz-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + -o-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; + animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } + +@-webkit-keyframes container-rotate { + to { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); } } + +@keyframes container-rotate { + to { + -moz-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@-webkit-keyframes fill-unfill-rotate { + 12.5% { + -webkit-transform: rotate(135deg); + transform: rotate(135deg); } + 25% { + -webkit-transform: rotate(270deg); + transform: rotate(270deg); } + 37.5% { + -webkit-transform: rotate(405deg); + transform: rotate(405deg); } + 50% { + -webkit-transform: rotate(540deg); + transform: rotate(540deg); } + 62.5% { + -webkit-transform: rotate(675deg); + transform: rotate(675deg); } + 75% { + -webkit-transform: rotate(810deg); + transform: rotate(810deg); } + 87.5% { + -webkit-transform: rotate(945deg); + transform: rotate(945deg); } + to { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg); } } + +@keyframes fill-unfill-rotate { + 12.5% { + transform: rotate(135deg); } + 25% { + transform: rotate(270deg); } + 37.5% { + transform: rotate(405deg); } + 50% { + transform: rotate(540deg); } + 62.5% { + transform: rotate(675deg); } + 75% { + transform: rotate(810deg); } + 87.5% { + transform: rotate(945deg); } + to { + transform: rotate(1080deg); } } + +@-webkit-keyframes left-spin { + from { + -webkit-transform: rotate(130deg); + -moz-transform: rotate(130deg); + -ms-transform: rotate(130deg); + -o-transform: rotate(130deg); + transform: rotate(130deg); } + 50% { + -webkit-transform: rotate(-5deg); + -moz-transform: rotate(-5deg); + -ms-transform: rotate(-5deg); + -o-transform: rotate(-5deg); + transform: rotate(-5deg); } + to { + -webkit-transform: rotate(130deg); + -moz-transform: rotate(130deg); + -ms-transform: rotate(130deg); + -o-transform: rotate(130deg); + transform: rotate(130deg); } } + +@keyframes left-spin { + from { + -moz-transform: rotate(130deg); + -ms-transform: rotate(130deg); + -o-transform: rotate(130deg); + -webkit-transform: rotate(130deg); + transform: rotate(130deg); } + 50% { + -moz-transform: rotate(-5deg); + -ms-transform: rotate(-5deg); + -o-transform: rotate(-5deg); + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); } + to { + -moz-transform: rotate(130deg); + -ms-transform: rotate(130deg); + -o-transform: rotate(130deg); + -webkit-transform: rotate(130deg); + transform: rotate(130deg); } } + +@-webkit-keyframes right-spin { + from { + -webkit-transform: rotate(-130deg); + -moz-transform: rotate(-130deg); + -ms-transform: rotate(-130deg); + -o-transform: rotate(-130deg); + transform: rotate(-130deg); } + 50% { + -webkit-transform: rotate(5deg); + -moz-transform: rotate(5deg); + -ms-transform: rotate(5deg); + -o-transform: rotate(5deg); + transform: rotate(5deg); } + to { + -webkit-transform: rotate(-130deg); + -moz-transform: rotate(-130deg); + -ms-transform: rotate(-130deg); + -o-transform: rotate(-130deg); + transform: rotate(-130deg); } } + +@-moz-keyframes right-spin { + from { + -moz-transform: rotate(-130deg); + -ms-transform: rotate(-130deg); + -o-transform: rotate(-130deg); + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); } + 50% { + -moz-transform: rotate(5deg); + -ms-transform: rotate(5deg); + -o-transform: rotate(5deg); + -webkit-transform: rotate(5deg); + transform: rotate(5deg); } + to { + -moz-transform: rotate(-130deg); + -ms-transform: rotate(-130deg); + -o-transform: rotate(-130deg); + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); } } + +@keyframes right-spin { + from { + -moz-transform: rotate(-130deg); + -ms-transform: rotate(-130deg); + -o-transform: rotate(-130deg); + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); } + 50% { + -moz-transform: rotate(5deg); + -ms-transform: rotate(5deg); + -o-transform: rotate(5deg); + -webkit-transform: rotate(5deg); + transform: rotate(5deg); } + to { + -moz-transform: rotate(-130deg); + -ms-transform: rotate(-130deg); + -o-transform: rotate(-130deg); + -webkit-transform: rotate(-130deg); + transform: rotate(-130deg); } } + +/* Navbars ===================================== */ +.navbar { + font-family: "Roboto", sans-serif; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); + -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); + border: none; + position: fixed; + top: 0; + left: 0; + z-index: 12; + width: 100%; } + .navbar .navbar-brand { + white-space: nowrap; + -ms-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden; } + .navbar .navbar-custom-right-menu { + float: right; } + .navbar .navbar-toggle { + text-decoration: none; + color: #fff; + width: 20px; + height: 20px; + margin-top: -4px; + margin-right: 17px; } + .navbar .navbar-toggle:before { + content: '\E8D5'; + font-family: 'Material Icons'; + font-size: 26px; } + .navbar .navbar-collapse.in { + overflow: visible; } + +.ls-closed .sidebar { + margin-left: -300px; } + +.ls-closed section.content { + margin-left: 15px; } + +.ls-closed .bars:after, .ls-closed .bars:before { + font-family: 'Material Icons'; + font-size: 24px; + position: absolute; + top: 18px; + left: 20px; + margin-right: 10px; + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -webkit-transition: all 0.3s; + transition: all 0.3s; } + +.ls-closed .bars:before { + content: '\E5D2'; + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + -webkit-transform: scale(1); + transform: scale(1); } + +.ls-closed .bars:after { + content: '\E5C4'; + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); } + +.ls-closed .navbar-brand { + margin-left: 30px; } + +.overlay-open .bars:before { + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); } + +.overlay-open .bars:after { + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + -webkit-transform: scale(1); + transform: scale(1); } + +.navbar-header { + padding: 10px 7px; } + .navbar-header .bars { + float: left; + text-decoration: none; } + +.navbar-nav > li > a { + padding: 7px 7px 2px 7px; + margin-top: 17px; + margin-left: 5px; } + +.navbar-nav .dropdown-menu { + margin-top: -40px !important; } + +.label-count { + position: absolute; + top: 2px; + right: 6px; + font-size: 10px; + line-height: 15px; + background-color: #000; + padding: 0 4px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + border-radius: 3px; } + +.col-red .navbar .navbar-brand, +.col-red .navbar .navbar-brand:hover, +.col-red .navbar .navbar-brand:active, +.col-red .navbar .navbar-brand:focus { + color: #fff; } + +.col-red .navbar .nav > li > a:hover, +.col-red .navbar .nav > li > a:focus, +.col-red .navbar .nav .open > a, +.col-red .navbar .nav .open > a:hover, +.col-red .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-red .navbar .nav > li > a { + color: #fff; } + +.col-red .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-red .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-pink .navbar .navbar-brand, +.col-pink .navbar .navbar-brand:hover, +.col-pink .navbar .navbar-brand:active, +.col-pink .navbar .navbar-brand:focus { + color: #fff; } + +.col-pink .navbar .nav > li > a:hover, +.col-pink .navbar .nav > li > a:focus, +.col-pink .navbar .nav .open > a, +.col-pink .navbar .nav .open > a:hover, +.col-pink .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-pink .navbar .nav > li > a { + color: #fff; } + +.col-pink .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-pink .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-purple .navbar .navbar-brand, +.col-purple .navbar .navbar-brand:hover, +.col-purple .navbar .navbar-brand:active, +.col-purple .navbar .navbar-brand:focus { + color: #fff; } + +.col-purple .navbar .nav > li > a:hover, +.col-purple .navbar .nav > li > a:focus, +.col-purple .navbar .nav .open > a, +.col-purple .navbar .nav .open > a:hover, +.col-purple .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-purple .navbar .nav > li > a { + color: #fff; } + +.col-purple .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-purple .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-deep-purple .navbar .navbar-brand, +.col-deep-purple .navbar .navbar-brand:hover, +.col-deep-purple .navbar .navbar-brand:active, +.col-deep-purple .navbar .navbar-brand:focus { + color: #fff; } + +.col-deep-purple .navbar .nav > li > a:hover, +.col-deep-purple .navbar .nav > li > a:focus, +.col-deep-purple .navbar .nav .open > a, +.col-deep-purple .navbar .nav .open > a:hover, +.col-deep-purple .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-deep-purple .navbar .nav > li > a { + color: #fff; } + +.col-deep-purple .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-deep-purple .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-indigo .navbar .navbar-brand, +.col-indigo .navbar .navbar-brand:hover, +.col-indigo .navbar .navbar-brand:active, +.col-indigo .navbar .navbar-brand:focus { + color: #fff; } + +.col-indigo .navbar .nav > li > a:hover, +.col-indigo .navbar .nav > li > a:focus, +.col-indigo .navbar .nav .open > a, +.col-indigo .navbar .nav .open > a:hover, +.col-indigo .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-indigo .navbar .nav > li > a { + color: #fff; } + +.col-indigo .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-indigo .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-blue .navbar .navbar-brand, +.col-blue .navbar .navbar-brand:hover, +.col-blue .navbar .navbar-brand:active, +.col-blue .navbar .navbar-brand:focus { + color: #fff; } + +.col-blue .navbar .nav > li > a:hover, +.col-blue .navbar .nav > li > a:focus, +.col-blue .navbar .nav .open > a, +.col-blue .navbar .nav .open > a:hover, +.col-blue .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-blue .navbar .nav > li > a { + color: #fff; } + +.col-blue .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-blue .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-light-blue .navbar .navbar-brand, +.col-light-blue .navbar .navbar-brand:hover, +.col-light-blue .navbar .navbar-brand:active, +.col-light-blue .navbar .navbar-brand:focus { + color: #fff; } + +.col-light-blue .navbar .nav > li > a:hover, +.col-light-blue .navbar .nav > li > a:focus, +.col-light-blue .navbar .nav .open > a, +.col-light-blue .navbar .nav .open > a:hover, +.col-light-blue .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-light-blue .navbar .nav > li > a { + color: #fff; } + +.col-light-blue .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-light-blue .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-cyan .navbar .navbar-brand, +.col-cyan .navbar .navbar-brand:hover, +.col-cyan .navbar .navbar-brand:active, +.col-cyan .navbar .navbar-brand:focus { + color: #fff; } + +.col-cyan .navbar .nav > li > a:hover, +.col-cyan .navbar .nav > li > a:focus, +.col-cyan .navbar .nav .open > a, +.col-cyan .navbar .nav .open > a:hover, +.col-cyan .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-cyan .navbar .nav > li > a { + color: #fff; } + +.col-cyan .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-cyan .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-teal .navbar .navbar-brand, +.col-teal .navbar .navbar-brand:hover, +.col-teal .navbar .navbar-brand:active, +.col-teal .navbar .navbar-brand:focus { + color: #fff; } + +.col-teal .navbar .nav > li > a:hover, +.col-teal .navbar .nav > li > a:focus, +.col-teal .navbar .nav .open > a, +.col-teal .navbar .nav .open > a:hover, +.col-teal .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-teal .navbar .nav > li > a { + color: #fff; } + +.col-teal .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-teal .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-green .navbar .navbar-brand, +.col-green .navbar .navbar-brand:hover, +.col-green .navbar .navbar-brand:active, +.col-green .navbar .navbar-brand:focus { + color: #fff; } + +.col-green .navbar .nav > li > a:hover, +.col-green .navbar .nav > li > a:focus, +.col-green .navbar .nav .open > a, +.col-green .navbar .nav .open > a:hover, +.col-green .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-green .navbar .nav > li > a { + color: #fff; } + +.col-green .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-green .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-light-green .navbar .navbar-brand, +.col-light-green .navbar .navbar-brand:hover, +.col-light-green .navbar .navbar-brand:active, +.col-light-green .navbar .navbar-brand:focus { + color: #fff; } + +.col-light-green .navbar .nav > li > a:hover, +.col-light-green .navbar .nav > li > a:focus, +.col-light-green .navbar .nav .open > a, +.col-light-green .navbar .nav .open > a:hover, +.col-light-green .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-light-green .navbar .nav > li > a { + color: #fff; } + +.col-light-green .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-light-green .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-lime .navbar .navbar-brand, +.col-lime .navbar .navbar-brand:hover, +.col-lime .navbar .navbar-brand:active, +.col-lime .navbar .navbar-brand:focus { + color: #fff; } + +.col-lime .navbar .nav > li > a:hover, +.col-lime .navbar .nav > li > a:focus, +.col-lime .navbar .nav .open > a, +.col-lime .navbar .nav .open > a:hover, +.col-lime .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-lime .navbar .nav > li > a { + color: #fff; } + +.col-lime .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-lime .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-yellow .navbar .navbar-brand, +.col-yellow .navbar .navbar-brand:hover, +.col-yellow .navbar .navbar-brand:active, +.col-yellow .navbar .navbar-brand:focus { + color: #fff; } + +.col-yellow .navbar .nav > li > a:hover, +.col-yellow .navbar .nav > li > a:focus, +.col-yellow .navbar .nav .open > a, +.col-yellow .navbar .nav .open > a:hover, +.col-yellow .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-yellow .navbar .nav > li > a { + color: #fff; } + +.col-yellow .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-yellow .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-amber .navbar .navbar-brand, +.col-amber .navbar .navbar-brand:hover, +.col-amber .navbar .navbar-brand:active, +.col-amber .navbar .navbar-brand:focus { + color: #fff; } + +.col-amber .navbar .nav > li > a:hover, +.col-amber .navbar .nav > li > a:focus, +.col-amber .navbar .nav .open > a, +.col-amber .navbar .nav .open > a:hover, +.col-amber .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-amber .navbar .nav > li > a { + color: #fff; } + +.col-amber .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-amber .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-orange .navbar .navbar-brand, +.col-orange .navbar .navbar-brand:hover, +.col-orange .navbar .navbar-brand:active, +.col-orange .navbar .navbar-brand:focus { + color: #fff; } + +.col-orange .navbar .nav > li > a:hover, +.col-orange .navbar .nav > li > a:focus, +.col-orange .navbar .nav .open > a, +.col-orange .navbar .nav .open > a:hover, +.col-orange .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-orange .navbar .nav > li > a { + color: #fff; } + +.col-orange .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-orange .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-deep-orange .navbar .navbar-brand, +.col-deep-orange .navbar .navbar-brand:hover, +.col-deep-orange .navbar .navbar-brand:active, +.col-deep-orange .navbar .navbar-brand:focus { + color: #fff; } + +.col-deep-orange .navbar .nav > li > a:hover, +.col-deep-orange .navbar .nav > li > a:focus, +.col-deep-orange .navbar .nav .open > a, +.col-deep-orange .navbar .nav .open > a:hover, +.col-deep-orange .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-deep-orange .navbar .nav > li > a { + color: #fff; } + +.col-deep-orange .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-deep-orange .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-brown .navbar .navbar-brand, +.col-brown .navbar .navbar-brand:hover, +.col-brown .navbar .navbar-brand:active, +.col-brown .navbar .navbar-brand:focus { + color: #fff; } + +.col-brown .navbar .nav > li > a:hover, +.col-brown .navbar .nav > li > a:focus, +.col-brown .navbar .nav .open > a, +.col-brown .navbar .nav .open > a:hover, +.col-brown .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-brown .navbar .nav > li > a { + color: #fff; } + +.col-brown .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-brown .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-grey .navbar .navbar-brand, +.col-grey .navbar .navbar-brand:hover, +.col-grey .navbar .navbar-brand:active, +.col-grey .navbar .navbar-brand:focus { + color: #fff; } + +.col-grey .navbar .nav > li > a:hover, +.col-grey .navbar .nav > li > a:focus, +.col-grey .navbar .nav .open > a, +.col-grey .navbar .nav .open > a:hover, +.col-grey .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-grey .navbar .nav > li > a { + color: #fff; } + +.col-grey .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-grey .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-blue-grey .navbar .navbar-brand, +.col-blue-grey .navbar .navbar-brand:hover, +.col-blue-grey .navbar .navbar-brand:active, +.col-blue-grey .navbar .navbar-brand:focus { + color: #fff; } + +.col-blue-grey .navbar .nav > li > a:hover, +.col-blue-grey .navbar .nav > li > a:focus, +.col-blue-grey .navbar .nav .open > a, +.col-blue-grey .navbar .nav .open > a:hover, +.col-blue-grey .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-blue-grey .navbar .nav > li > a { + color: #fff; } + +.col-blue-grey .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-blue-grey .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-black .navbar .navbar-brand, +.col-black .navbar .navbar-brand:hover, +.col-black .navbar .navbar-brand:active, +.col-black .navbar .navbar-brand:focus { + color: #fff; } + +.col-black .navbar .nav > li > a:hover, +.col-black .navbar .nav > li > a:focus, +.col-black .navbar .nav .open > a, +.col-black .navbar .nav .open > a:hover, +.col-black .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-black .navbar .nav > li > a { + color: #fff; } + +.col-black .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-black .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +.col-white .navbar .navbar-brand, +.col-white .navbar .navbar-brand:hover, +.col-white .navbar .navbar-brand:active, +.col-white .navbar .navbar-brand:focus { + color: #fff; } + +.col-white .navbar .nav > li > a:hover, +.col-white .navbar .nav > li > a:focus, +.col-white .navbar .nav .open > a, +.col-white .navbar .nav .open > a:hover, +.col-white .navbar .nav .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); } + +.col-white .navbar .nav > li > a { + color: #fff; } + +.col-white .navbar .bars { + float: left; + padding: 10px 20px; + font-size: 22px; + color: #fff; + margin-right: 10px; + margin-left: -10px; + margin-top: 4px; } + +.col-white .navbar .bars:hover { + background-color: rgba(0, 0, 0, 0.08); } + +/* Dropdown Menu =============================== */ +.dropdown-menu { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + margin-top: -35px !important; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); + border: none; } + .dropdown-menu .divider { + margin: 5px 0; } + .dropdown-menu .header { + font-size: 13px; + font-weight: bold; + min-width: 270px; + border-bottom: 1px solid #eee; + text-align: center; + padding: 4px 0 6px 0; } + .dropdown-menu ul.menu { + padding-left: 0; } + .dropdown-menu ul.menu.tasks h4 { + color: #333; + font-size: 13px; + margin: 0 0 8px 0; } + .dropdown-menu ul.menu.tasks h4 small { + float: right; + margin-top: 6px; } + .dropdown-menu ul.menu.tasks .progress { + height: 7px; + margin-bottom: 7px; } + .dropdown-menu ul.menu .icon-circle { + width: 36px; + height: 36px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; + color: #fff; + text-align: center; + display: inline-block; } + .dropdown-menu ul.menu .icon-circle i { + font-size: 18px; + line-height: 36px; } + .dropdown-menu ul.menu li { + border-bottom: 1px solid #eee; } + .dropdown-menu ul.menu li:last-child { + border-bottom: none; } + .dropdown-menu ul.menu li a { + padding: 7px 11px; + text-decoration: none; + -moz-transition: 0.5s; + -o-transition: 0.5s; + -webkit-transition: 0.5s; + transition: 0.5s; } + .dropdown-menu ul.menu li a:hover { + background-color: #e9e9e9; } + .dropdown-menu ul.menu .menu-info { + display: inline-block; + position: relative; + top: 3px; + left: 5px; } + .dropdown-menu ul.menu .menu-info h4 { + margin: 0; + font-size: 13px; + color: #333; } + .dropdown-menu ul.menu .menu-info p { + margin: 0; + font-size: 11px; + color: #aaa; } + .dropdown-menu ul.menu .menu-info p .material-icons { + font-size: 13px; + color: #aaa; + position: relative; + top: 2px; } + .dropdown-menu .footer a { + text-align: center; + border-top: 1px solid #eee; + padding: 5px 0 5px 0; + font-size: 12px; + margin-bottom: -5px; } + .dropdown-menu .footer a:hover { + background-color: transparent; } + .dropdown-menu > li > a { + padding: 7px 18px; + color: #666; + -moz-transition: all 0.5s; + -o-transition: all 0.5s; + -webkit-transition: all 0.5s; + transition: all 0.5s; + font-size: 14px; + line-height: 25px; } + .dropdown-menu > li > a:hover { + background-color: rgba(0, 0, 0, 0.075); } + .dropdown-menu > li > a i.material-icons { + float: left; + margin-right: 7px; + margin-top: 2px; + font-size: 20px; } + +.dropdown-animated { + -webkit-animation-duration: .3s !important; + -moz-animation-duration: .3s !important; + -o-animation-duration: .3s !important; + animation-duration: .3s !important; } + +/* Left Sidebar & Overlay ====================== */ +.overlay { + position: fixed; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.5); + display: none; + z-index: 10; } + +.overlay-open .sidebar { + margin-left: 0; + z-index: 99999999; } + +.sidebar { + -moz-transition: all 0.5s; + -o-transition: all 0.5s; + -webkit-transition: all 0.5s; + transition: all 0.5s; + font-family: "Roboto", sans-serif; + background: #fdfdfd; + width: 300px; + overflow: hidden; + display: inline-block; + height: calc(100vh - 70px); + position: fixed; + top: 70px; + left: 0; + -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); + -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); + box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); + z-index: 11 !important; } + .sidebar .legal { + position: absolute; + bottom: 0; + width: 100%; + border-top: 1px solid #eee; + padding: 15px; + overflow: hidden; } + .sidebar .legal .copyright { + font-size: 13px; + white-space: nowrap; + -ms-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden; } + .sidebar .legal .copyright a { + font-weight: bold; + text-decoration: none; } + .sidebar .legal .version { + white-space: nowrap; + -ms-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden; + margin-top: 5px; + font-size: 13px; } + .sidebar .user-info { + padding: 13px 15px 12px 15px; + white-space: nowrap; + position: relative; + border-bottom: 1px solid #e9e9e9; + background: url("../images/user-img-background.jpg") no-repeat no-repeat; + height: 135px; } + .sidebar .user-info .image { + margin-right: 12px; + display: inline-block; } + .sidebar .user-info .image img { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; + vertical-align: bottom !important; } + .sidebar .user-info .info-container { + cursor: default; + display: block; + position: relative; + top: 25px; } + .sidebar .user-info .info-container .name { + white-space: nowrap; + -ms-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden; + font-size: 14px; + max-width: 200px; + color: #fff; } + .sidebar .user-info .info-container .email { + white-space: nowrap; + -ms-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + overflow: hidden; + font-size: 12px; + max-width: 200px; + color: #fff; } + .sidebar .user-info .info-container .user-helper-dropdown { + position: absolute; + right: -3px; + bottom: -12px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + box-shadow: none; + cursor: pointer; + color: #fff; } + .sidebar .menu { + position: relative; + overflow-y: auto; + height: 90vh; } + .sidebar .menu .list { + list-style: none; + padding-left: 0; } + .sidebar .menu .list li.active > :first-child span { + font-weight: bold; } + .sidebar .menu .list .header { + background: #eee; + font-size: 12px; + font-weight: 600; + padding: 8px 16px; } + .sidebar .menu .list i.material-icons { + margin-top: 4px; } + .sidebar .menu .list .menu-toggle:after, .sidebar .menu .list .menu-toggle:before { + position: absolute; + top: calc(50% - 14px); + right: 17px; + font-size: 19px; + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + -webkit-transition: all 0.3s; + transition: all 0.3s; } + .sidebar .menu .list .menu-toggle:before { + content: '+'; + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + -webkit-transform: scale(1); + transform: scale(1); } + .sidebar .menu .list .menu-toggle:after { + content: '\2013'; + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); } + .sidebar .menu .list .menu-toggle.toggled:before { + -moz-transform: scale(0); + -ms-transform: scale(0); + -o-transform: scale(0); + -webkit-transform: scale(0); + transform: scale(0); } + .sidebar .menu .list .menu-toggle.toggled:after { + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + -webkit-transform: scale(1); + transform: scale(1); } + .sidebar .menu .list a { + color: #747474; + position: relative; + display: inline-flex; + vertical-align: middle; + width: 100%; + padding: 10px 13px; } + .sidebar .menu .list a:hover, .sidebar .menu .list a:active, .sidebar .menu .list a:focus { + text-decoration: none !important; } + .sidebar .menu .list a small { + position: absolute; + top: calc(50% - 7.5px); + right: 15px; } + .sidebar .menu .list a span { + margin: 7px 0 7px 12px; + color: #333; + font-weight: bold; + font-size: 14px; + overflow: hidden; } + .sidebar .menu .list .ml-menu { + list-style: none; + display: none; + padding-left: 0; } + .sidebar .menu .list .ml-menu span { + font-weight: normal; + font-size: 14px; + margin: 3px 0 1px 6px; } + .sidebar .menu .list .ml-menu li a { + padding-left: 55px; + padding-top: 7px; + padding-bottom: 7px; } + .sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) { + font-weight: 600; + margin-left: 5px; } + .sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before { + content: '\E315'; + font-family: 'Material Icons'; + position: relative; + font-size: 21px; + height: 20px; + top: -5px; + right: 0px; } + .sidebar .menu .list .ml-menu li .ml-menu li a { + padding-left: 80px; } + .sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a { + padding-left: 95px; } + +.right-sidebar { + width: 280px; + height: calc(100vh - 70px); + position: fixed; + right: -300px; + top: 70px; + background: #fdfdfd; + z-index: 11 !important; + -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); + -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); + -ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); + box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); + overflow: hidden; + -moz-transition: 0.5s; + -o-transition: 0.5s; + -webkit-transition: 0.5s; + transition: 0.5s; } + .right-sidebar.open { + right: 0; } + .right-sidebar .nav-tabs { + font-weight: 600; + font-size: 13px; + width: 100%; + margin-left: 2px; } + .right-sidebar .nav-tabs li { + text-align: center; } + .right-sidebar .nav-tabs li > a { + margin-right: 0; } + .right-sidebar .nav-tabs li:first-child { + width: 45%; } + .right-sidebar .nav-tabs li:last-child { + width: 55%; } + +/* Bootstrap Notify ============================ */ +.bootstrap-notify-container { + max-width: 320px; + text-align: center; } + +/* Jquery Nestable ============================= */ +.dd-handle { + background-color: #f9f9f9 !important; } + .dd-handle:hover { + color: #2196F3; } + +.nestable-dark-theme .dd-handle { + background: #ccc !important; + border: 1px solid #999 !important; } + +.dd3-handle { + background: #999 !important; } + +.dd3-content:hover { + color: #2196F3; } + +/* Login Page ================================== */ +.login-page { + background-color: #00BCD4; + padding-left: 0; + max-width: 360px; + margin: 5% auto; + overflow-x: hidden; } + .login-page .login-box .msg { + color: #555; + margin-bottom: 30px; + text-align: center; } + .login-page .login-box a { + font-size: 14px; + text-decoration: none; + color: #00BCD4; } + .login-page .login-box .logo { + margin-bottom: 20px; } + .login-page .login-box .logo a { + font-size: 36px; + display: block; + width: 100%; + text-align: center; + color: #fff; } + .login-page .login-box .logo small { + display: block; + width: 100%; + text-align: center; + color: #fff; + margin-top: -5px; } + +/* Sign Up Page ================================ */ +.signup-page { + background-color: #00BCD4; + padding-left: 0; + max-width: 360px; + margin: 5% auto; + overflow-x: hidden; } + .signup-page .signup-box .msg { + color: #555; + margin-bottom: 30px; + text-align: center; } + .signup-page .signup-box a { + font-size: 14px; + text-decoration: none; + color: #00BCD4; } + .signup-page .signup-box .logo { + margin-bottom: 20px; } + .signup-page .signup-box .logo a { + font-size: 36px; + display: block; + width: 100%; + text-align: center; + color: #fff; } + .signup-page .signup-box .logo small { + display: block; + width: 100%; + text-align: center; + color: #fff; + margin-top: -5px; } + +/* Forgot Password Page ======================== */ +.fp-page { + background-color: #00BCD4; + padding-left: 0; + max-width: 360px; + margin: 5% auto; + overflow-x: hidden; } + .fp-page .fp-box .msg { + color: #555; + margin-bottom: 30px; + text-align: center; } + .fp-page .fp-box a { + font-size: 14px; + text-decoration: none; + color: #00BCD4; } + .fp-page .fp-box .logo { + margin-bottom: 20px; } + .fp-page .fp-box .logo a { + font-size: 36px; + display: block; + width: 100%; + text-align: center; + color: #fff; } + .fp-page .fp-box .logo small { + display: block; + width: 100%; + text-align: center; + color: #fff; + margin-top: -5px; } + +/* 404 Not Found Page ========================== */ +.four-zero-four { + width: 100%; + text-align: center; + margin: 5% auto; } + .four-zero-four .four-zero-four-container .error-code { + font-size: 160px; } + .four-zero-four .four-zero-four-container .error-message { + font-size: 26px; + color: #333; + font-weight: bold; + margin-top: -40px; } + .four-zero-four .four-zero-four-container .button-place { + margin-top: 32px; } + +/* 500 Server Error Page ======================= */ +.five-zero-zero { + width: 100%; + text-align: center; + margin: 5% auto; } + .five-zero-zero .five-zero-zero-container .error-code { + font-size: 160px; } + .five-zero-zero .five-zero-zero-container .error-message { + font-size: 27px; + color: #333; + font-weight: bold; + margin-top: -40px; } + .five-zero-zero .five-zero-zero-container .button-place { + margin-top: 32px; } + +/* Profile Page ================================ */ +.profile-card .profile-header { + background-color: #ad1455; + padding: 42px 0; } + +.profile-card .profile-body .image-area { + text-align: center; + margin-top: -64px; } + .profile-card .profile-body .image-area img { + border: 2px solid #ad1455; + padding: 2px; + margin: 2px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; } + +.profile-card .profile-body .content-area { + text-align: center; + border-bottom: 1px solid #ddd; + padding-bottom: 15px; } + .profile-card .profile-body .content-area p { + margin-bottom: 0; } + .profile-card .profile-body .content-area p:last-child { + font-weight: 600; + color: #ad1455; + margin-top: 5px; } + +.profile-card .profile-footer { + padding: 15px; } + .profile-card .profile-footer ul { + margin: 0; + padding: 0; + list-style: none; } + .profile-card .profile-footer ul li { + border-bottom: 1px solid #eee; + padding: 10px 0; } + .profile-card .profile-footer ul li:last-child { + border-bottom: none; + margin-bottom: 15px; } + .profile-card .profile-footer ul li span:first-child { + font-weight: bold; } + .profile-card .profile-footer ul li span:last-child { + float: right; } + +.card-about-me .body ul { + margin: 0; + padding: 0; + list-style: none; } + .card-about-me .body ul li { + border-bottom: 1px solid #eee; + margin-bottom: 10px; + padding-bottom: 15px; } + .card-about-me .body ul li:last-child { + border: none; + margin-bottom: 0; + padding-bottom: 0; } + .card-about-me .body ul li .title { + font-weight: bold; + color: #666; } + .card-about-me .body ul li .title i { + margin-right: 2px; + position: relative; + top: 7px; } + .card-about-me .body ul li .content { + margin-top: 10px; + color: #999; + font-size: 13px; } + +.panel-post { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .panel-post .panel-heading { + background-color: #fff; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + .panel-post .panel-heading .media { + margin-bottom: 0; } + .panel-post .panel-heading .media a img { + width: 42px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + border-radius: 50%; } + .panel-post .panel-heading .media .media-body { + padding-top: 5px; } + .panel-post .panel-heading .media .media-body h4 { + font-size: 14px; } + .panel-post .panel-heading .media .media-body h4 a { + color: #666; } + .panel-post .panel-body { + padding: 0; } + .panel-post .panel-body .post .post-heading { + padding: 12px 15px; } + .panel-post .panel-body .post .post-heading p { + margin-bottom: 0; } + .panel-post .panel-footer { + background-color: #fff; + border: none; } + .panel-post .panel-footer ul { + margin: 0; + padding: 0; + list-style: none; } + .panel-post .panel-footer ul li { + display: inline-block; + margin-right: 12px; } + .panel-post .panel-footer ul li:last-child { + float: right; + margin-right: 0; } + .panel-post .panel-footer ul li a { + color: #777; + text-decoration: none; } + .panel-post .panel-footer ul li a i { + font-size: 16px; + position: relative; + top: 4px; + margin-right: 2px; } + .panel-post .panel-footer ul li a span { + font-size: 13px; } + .panel-post .panel-footer .form-group { + margin-bottom: 5px; + margin-top: 20px; } + +/* Maps ======================================== */ +/* Google Maps */ +.gmap { + width: 100%; + height: 400px; } + +/* jVector Map */ +.jvector-map { + width: 100%; + height: 600px; } + +/* Charts ====================================== */ +/* Morris */ +.morris-hover.morris-default-style { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; } + +/* Flot */ +.flot-chart { + width: 100%; + height: 320px; } + +.panel-switch-btn { + position: relative; + right: 20px; + z-index: 9; } + .panel-switch-btn label { + font-weight: bold !important; } + +.legendLabel { + width: 85px !important; + position: relative; + left: 3px; } + +#multiple_axis_chart .legendLabel { + width: 160px !important; } + +/* Sparkline */ +.sparkline { + text-align: center; } + +/* Searchbar =================================== */ +.search-bar { + position: fixed; + top: -100px; + left: 0; + z-index: 9999999; + width: 100%; + -moz-transition: 0.25s; + -o-transition: 0.25s; + -webkit-transition: 0.25s; + transition: 0.25s; } + .search-bar.open { + top: 0; } + .search-bar .search-icon { + position: absolute; + top: 20px; + left: 14px; } + .search-bar .search-icon .material-icons { + font-size: 32px; + color: #999; } + .search-bar .close-search { + position: absolute; + cursor: pointer; + font-size: 30px; + top: 16px; + right: 18px; } + .search-bar .close-search .material-icons { + color: #999; + opacity: 1; + -moz-transition: 0.5s; + -o-transition: 0.5s; + -webkit-transition: 0.5s; + transition: 0.5s; } + .search-bar .close-search .material-icons:hover { + opacity: .5; } + .search-bar input[type="text"] { + width: 100%; + font-size: 16px; + padding: 25px 60px 23px 56px; + border: none; } + +/* Jquery DataTable ============================ */ +.dataTables_wrapper { + position: relative; } + .dataTables_wrapper select { + border: none; + border-bottom: 1px solid #ddd; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + box-shadow: none; } + .dataTables_wrapper select:active, .dataTables_wrapper select:focus { + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + box-shadow: none; } + .dataTables_wrapper input[type="search"] { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + box-shadow: none; + border: none; + font-size: 12px; + border-bottom: 1px solid #ddd; } + .dataTables_wrapper input[type="search"]:focus, .dataTables_wrapper input[type="search"]:active { + border-bottom: 2px solid #1f91f3; } + .dataTables_wrapper .dt-buttons { + float: left; } + .dataTables_wrapper .dt-buttons a.dt-button { + background-color: #607D8B; + color: #fff; + padding: 7px 12px; + margin-right: 5px; + text-decoration: none; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + border-radius: 2px; + border: none; + font-size: 13px; + outline: none; } + .dataTables_wrapper .dt-buttons a.dt-button:active { + opacity: 0.8; } + +.dt-button-info { + position: fixed; + top: 50%; + left: 50%; + min-width: 400px; + text-align: center; + background-color: #fff; + border: 2px solid #999; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + border-radius: 3px; + margin-top: -100px; + margin-left: -200px; + z-index: 21; } + .dt-button-info h2 { + color: #777; } + .dt-button-info div { + color: #777; + margin-bottom: 20px; } + +/* Light Gallery ================================ */ +.lg-outer .lg-thumb-item, +.lg-outer .lg-toogle-thumb { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + -ms-border-radius: 0 !important; + border-radius: 0 !important; } + +/* For Internet Explorer 10 ===================== */ +html.ie10 .sidebar .menu .list li { + line-height: 30px; } + +html.ie10 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before { + top: 6px !important; + line-height: 20px !important; } + +html.ie10 .sidebar .user-info .info-container { + top: 15px; } + +html.ie10 .search-bar input[type="text"] { + padding: 26px 60px 26px 56px; } + +html.ie10 .dropdown-menu ul.menu li a { + margin-top: -22px; } + +html.ie10 .bs-searchbox .form-control { + width: 90%; } + +/* For Internet Explorer 11 ===================== */ +html.ie11 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before { + top: 6px !important; + line-height: 20px !important; } + +html.ie11 .sidebar .user-info .info-container { + top: 15px; } + +html.ie11 .search-bar input[type="text"] { + padding: 26px 60px 26px 56px; } + +html.ie11 .dropdown-menu ul.menu li a { + margin-top: -22px; } + +html.ie11 .bs-searchbox .form-control { + width: 90%; } diff --git a/css/style.min.css b/css/style.min.css new file mode 100644 index 0000000..8812c3f --- /dev/null +++ b/css/style.min.css @@ -0,0 +1 @@ +@import url(materialize.css);.navbar{font-family:"Roboto",sans-serif;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);-moz-box-shadow:0 1px 5px rgba(0,0,0,.3);-ms-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3);border:none;position:fixed;top:0;left:0;z-index:12;width:100%;}.navbar .navbar-brand{white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;}.navbar .navbar-custom-right-menu{float:right;}.navbar .navbar-toggle{text-decoration:none;color:#fff;width:20px;height:20px;margin-top:-4px;margin-right:17px;}.navbar .navbar-toggle:before{content:'';font-family:'Material Icons';font-size:26px;}.navbar .navbar-collapse.in{overflow:visible;}.ls-closed .sidebar{margin-left:-300px;}.ls-closed section.content{margin-left:15px;}.ls-closed .bars:after,.ls-closed .bars:before{font-family:'Material Icons';font-size:24px;position:absolute;top:18px;left:20px;margin-right:10px;-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}.ls-closed .bars:before{content:'';-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}.ls-closed .bars:after{content:'';-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}.ls-closed .navbar-brand{margin-left:30px;}.overlay-open .bars:before{-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}.overlay-open .bars:after{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}.navbar-header{padding:10px 7px;}.navbar-header .bars{float:left;text-decoration:none;}.navbar-nav>li>a{padding:7px 7px 2px 7px;margin-top:17px;margin-left:5px;}.navbar-nav .dropdown-menu{margin-top:-40px !important;}.label-count{position:absolute;top:2px;right:6px;font-size:10px;line-height:15px;background-color:#000;padding:0 4px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;}.col-red .navbar .navbar-brand,.col-red .navbar .navbar-brand:hover,.col-red .navbar .navbar-brand:active,.col-red .navbar .navbar-brand:focus{color:#fff;}.col-red .navbar .nav>li>a:hover,.col-red .navbar .nav>li>a:focus,.col-red .navbar .nav .open>a,.col-red .navbar .nav .open>a:hover,.col-red .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-red .navbar .nav>li>a{color:#fff;}.col-red .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-red .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-pink .navbar .navbar-brand,.col-pink .navbar .navbar-brand:hover,.col-pink .navbar .navbar-brand:active,.col-pink .navbar .navbar-brand:focus{color:#fff;}.col-pink .navbar .nav>li>a:hover,.col-pink .navbar .nav>li>a:focus,.col-pink .navbar .nav .open>a,.col-pink .navbar .nav .open>a:hover,.col-pink .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-pink .navbar .nav>li>a{color:#fff;}.col-pink .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-pink .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-purple .navbar .navbar-brand,.col-purple .navbar .navbar-brand:hover,.col-purple .navbar .navbar-brand:active,.col-purple .navbar .navbar-brand:focus{color:#fff;}.col-purple .navbar .nav>li>a:hover,.col-purple .navbar .nav>li>a:focus,.col-purple .navbar .nav .open>a,.col-purple .navbar .nav .open>a:hover,.col-purple .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-purple .navbar .nav>li>a{color:#fff;}.col-purple .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-purple .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-deep-purple .navbar .navbar-brand,.col-deep-purple .navbar .navbar-brand:hover,.col-deep-purple .navbar .navbar-brand:active,.col-deep-purple .navbar .navbar-brand:focus{color:#fff;}.col-deep-purple .navbar .nav>li>a:hover,.col-deep-purple .navbar .nav>li>a:focus,.col-deep-purple .navbar .nav .open>a,.col-deep-purple .navbar .nav .open>a:hover,.col-deep-purple .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-deep-purple .navbar .nav>li>a{color:#fff;}.col-deep-purple .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-deep-purple .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-indigo .navbar .navbar-brand,.col-indigo .navbar .navbar-brand:hover,.col-indigo .navbar .navbar-brand:active,.col-indigo .navbar .navbar-brand:focus{color:#fff;}.col-indigo .navbar .nav>li>a:hover,.col-indigo .navbar .nav>li>a:focus,.col-indigo .navbar .nav .open>a,.col-indigo .navbar .nav .open>a:hover,.col-indigo .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-indigo .navbar .nav>li>a{color:#fff;}.col-indigo .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-indigo .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-blue .navbar .navbar-brand,.col-blue .navbar .navbar-brand:hover,.col-blue .navbar .navbar-brand:active,.col-blue .navbar .navbar-brand:focus{color:#fff;}.col-blue .navbar .nav>li>a:hover,.col-blue .navbar .nav>li>a:focus,.col-blue .navbar .nav .open>a,.col-blue .navbar .nav .open>a:hover,.col-blue .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-blue .navbar .nav>li>a{color:#fff;}.col-blue .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-blue .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-light-blue .navbar .navbar-brand,.col-light-blue .navbar .navbar-brand:hover,.col-light-blue .navbar .navbar-brand:active,.col-light-blue .navbar .navbar-brand:focus{color:#fff;}.col-light-blue .navbar .nav>li>a:hover,.col-light-blue .navbar .nav>li>a:focus,.col-light-blue .navbar .nav .open>a,.col-light-blue .navbar .nav .open>a:hover,.col-light-blue .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-light-blue .navbar .nav>li>a{color:#fff;}.col-light-blue .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-light-blue .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-cyan .navbar .navbar-brand,.col-cyan .navbar .navbar-brand:hover,.col-cyan .navbar .navbar-brand:active,.col-cyan .navbar .navbar-brand:focus{color:#fff;}.col-cyan .navbar .nav>li>a:hover,.col-cyan .navbar .nav>li>a:focus,.col-cyan .navbar .nav .open>a,.col-cyan .navbar .nav .open>a:hover,.col-cyan .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-cyan .navbar .nav>li>a{color:#fff;}.col-cyan .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-cyan .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-teal .navbar .navbar-brand,.col-teal .navbar .navbar-brand:hover,.col-teal .navbar .navbar-brand:active,.col-teal .navbar .navbar-brand:focus{color:#fff;}.col-teal .navbar .nav>li>a:hover,.col-teal .navbar .nav>li>a:focus,.col-teal .navbar .nav .open>a,.col-teal .navbar .nav .open>a:hover,.col-teal .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-teal .navbar .nav>li>a{color:#fff;}.col-teal .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-teal .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-green .navbar .navbar-brand,.col-green .navbar .navbar-brand:hover,.col-green .navbar .navbar-brand:active,.col-green .navbar .navbar-brand:focus{color:#fff;}.col-green .navbar .nav>li>a:hover,.col-green .navbar .nav>li>a:focus,.col-green .navbar .nav .open>a,.col-green .navbar .nav .open>a:hover,.col-green .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-green .navbar .nav>li>a{color:#fff;}.col-green .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-green .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-light-green .navbar .navbar-brand,.col-light-green .navbar .navbar-brand:hover,.col-light-green .navbar .navbar-brand:active,.col-light-green .navbar .navbar-brand:focus{color:#fff;}.col-light-green .navbar .nav>li>a:hover,.col-light-green .navbar .nav>li>a:focus,.col-light-green .navbar .nav .open>a,.col-light-green .navbar .nav .open>a:hover,.col-light-green .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-light-green .navbar .nav>li>a{color:#fff;}.col-light-green .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-light-green .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-lime .navbar .navbar-brand,.col-lime .navbar .navbar-brand:hover,.col-lime .navbar .navbar-brand:active,.col-lime .navbar .navbar-brand:focus{color:#fff;}.col-lime .navbar .nav>li>a:hover,.col-lime .navbar .nav>li>a:focus,.col-lime .navbar .nav .open>a,.col-lime .navbar .nav .open>a:hover,.col-lime .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-lime .navbar .nav>li>a{color:#fff;}.col-lime .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-lime .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-yellow .navbar .navbar-brand,.col-yellow .navbar .navbar-brand:hover,.col-yellow .navbar .navbar-brand:active,.col-yellow .navbar .navbar-brand:focus{color:#fff;}.col-yellow .navbar .nav>li>a:hover,.col-yellow .navbar .nav>li>a:focus,.col-yellow .navbar .nav .open>a,.col-yellow .navbar .nav .open>a:hover,.col-yellow .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-yellow .navbar .nav>li>a{color:#fff;}.col-yellow .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-yellow .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-amber .navbar .navbar-brand,.col-amber .navbar .navbar-brand:hover,.col-amber .navbar .navbar-brand:active,.col-amber .navbar .navbar-brand:focus{color:#fff;}.col-amber .navbar .nav>li>a:hover,.col-amber .navbar .nav>li>a:focus,.col-amber .navbar .nav .open>a,.col-amber .navbar .nav .open>a:hover,.col-amber .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-amber .navbar .nav>li>a{color:#fff;}.col-amber .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-amber .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-orange .navbar .navbar-brand,.col-orange .navbar .navbar-brand:hover,.col-orange .navbar .navbar-brand:active,.col-orange .navbar .navbar-brand:focus{color:#fff;}.col-orange .navbar .nav>li>a:hover,.col-orange .navbar .nav>li>a:focus,.col-orange .navbar .nav .open>a,.col-orange .navbar .nav .open>a:hover,.col-orange .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-orange .navbar .nav>li>a{color:#fff;}.col-orange .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-orange .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-deep-orange .navbar .navbar-brand,.col-deep-orange .navbar .navbar-brand:hover,.col-deep-orange .navbar .navbar-brand:active,.col-deep-orange .navbar .navbar-brand:focus{color:#fff;}.col-deep-orange .navbar .nav>li>a:hover,.col-deep-orange .navbar .nav>li>a:focus,.col-deep-orange .navbar .nav .open>a,.col-deep-orange .navbar .nav .open>a:hover,.col-deep-orange .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-deep-orange .navbar .nav>li>a{color:#fff;}.col-deep-orange .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-deep-orange .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-brown .navbar .navbar-brand,.col-brown .navbar .navbar-brand:hover,.col-brown .navbar .navbar-brand:active,.col-brown .navbar .navbar-brand:focus{color:#fff;}.col-brown .navbar .nav>li>a:hover,.col-brown .navbar .nav>li>a:focus,.col-brown .navbar .nav .open>a,.col-brown .navbar .nav .open>a:hover,.col-brown .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-brown .navbar .nav>li>a{color:#fff;}.col-brown .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-brown .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-grey .navbar .navbar-brand,.col-grey .navbar .navbar-brand:hover,.col-grey .navbar .navbar-brand:active,.col-grey .navbar .navbar-brand:focus{color:#fff;}.col-grey .navbar .nav>li>a:hover,.col-grey .navbar .nav>li>a:focus,.col-grey .navbar .nav .open>a,.col-grey .navbar .nav .open>a:hover,.col-grey .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-grey .navbar .nav>li>a{color:#fff;}.col-grey .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-grey .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-blue-grey .navbar .navbar-brand,.col-blue-grey .navbar .navbar-brand:hover,.col-blue-grey .navbar .navbar-brand:active,.col-blue-grey .navbar .navbar-brand:focus{color:#fff;}.col-blue-grey .navbar .nav>li>a:hover,.col-blue-grey .navbar .nav>li>a:focus,.col-blue-grey .navbar .nav .open>a,.col-blue-grey .navbar .nav .open>a:hover,.col-blue-grey .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-blue-grey .navbar .nav>li>a{color:#fff;}.col-blue-grey .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-blue-grey .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-black .navbar .navbar-brand,.col-black .navbar .navbar-brand:hover,.col-black .navbar .navbar-brand:active,.col-black .navbar .navbar-brand:focus{color:#fff;}.col-black .navbar .nav>li>a:hover,.col-black .navbar .nav>li>a:focus,.col-black .navbar .nav .open>a,.col-black .navbar .nav .open>a:hover,.col-black .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-black .navbar .nav>li>a{color:#fff;}.col-black .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-black .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-white .navbar .navbar-brand,.col-white .navbar .navbar-brand:hover,.col-white .navbar .navbar-brand:active,.col-white .navbar .navbar-brand:focus{color:#fff;}.col-white .navbar .nav>li>a:hover,.col-white .navbar .nav>li>a:focus,.col-white .navbar .nav .open>a,.col-white .navbar .nav .open>a:hover,.col-white .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-white .navbar .nav>li>a{color:#fff;}.col-white .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-white .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.material-icons.md-18{font-size:18px;}.material-icons.md-24{font-size:24px;}.material-icons.md-26{font-size:26px;}.material-icons.md-28{font-size:28px;}.material-icons.md-30{font-size:30px;}.material-icons.md-32{font-size:32px;}.material-icons.md-36{font-size:36px;}.material-icons.md-48{font-size:48px;}.m-l--125{margin-left:-125px;}.m-t--125{margin-top:-125px;}.m-r--125{margin-right:-125px;}.m-b--125{margin-bottom:-125px;}.m-l--120{margin-left:-120px;}.m-t--120{margin-top:-120px;}.m-r--120{margin-right:-120px;}.m-b--120{margin-bottom:-120px;}.m-l--115{margin-left:-115px;}.m-t--115{margin-top:-115px;}.m-r--115{margin-right:-115px;}.m-b--115{margin-bottom:-115px;}.m-l--110{margin-left:-110px;}.m-t--110{margin-top:-110px;}.m-r--110{margin-right:-110px;}.m-b--110{margin-bottom:-110px;}.m-l--105{margin-left:-105px;}.m-t--105{margin-top:-105px;}.m-r--105{margin-right:-105px;}.m-b--105{margin-bottom:-105px;}.m-l--100{margin-left:-100px;}.m-t--100{margin-top:-100px;}.m-r--100{margin-right:-100px;}.m-b--100{margin-bottom:-100px;}.m-l--95{margin-left:-95px;}.m-t--95{margin-top:-95px;}.m-r--95{margin-right:-95px;}.m-b--95{margin-bottom:-95px;}.m-l--90{margin-left:-90px;}.m-t--90{margin-top:-90px;}.m-r--90{margin-right:-90px;}.m-b--90{margin-bottom:-90px;}.m-l--85{margin-left:-85px;}.m-t--85{margin-top:-85px;}.m-r--85{margin-right:-85px;}.m-b--85{margin-bottom:-85px;}.m-l--80{margin-left:-80px;}.m-t--80{margin-top:-80px;}.m-r--80{margin-right:-80px;}.m-b--80{margin-bottom:-80px;}.m-l--75{margin-left:-75px;}.m-t--75{margin-top:-75px;}.m-r--75{margin-right:-75px;}.m-b--75{margin-bottom:-75px;}.m-l--70{margin-left:-70px;}.m-t--70{margin-top:-70px;}.m-r--70{margin-right:-70px;}.m-b--70{margin-bottom:-70px;}.m-l--65{margin-left:-65px;}.m-t--65{margin-top:-65px;}.m-r--65{margin-right:-65px;}.m-b--65{margin-bottom:-65px;}.m-l--60{margin-left:-60px;}.m-t--60{margin-top:-60px;}.m-r--60{margin-right:-60px;}.m-b--60{margin-bottom:-60px;}.m-l--55{margin-left:-55px;}.m-t--55{margin-top:-55px;}.m-r--55{margin-right:-55px;}.m-b--55{margin-bottom:-55px;}.m-l--50{margin-left:-50px;}.m-t--50{margin-top:-50px;}.m-r--50{margin-right:-50px;}.m-b--50{margin-bottom:-50px;}.m-l--45{margin-left:-45px;}.m-t--45{margin-top:-45px;}.m-r--45{margin-right:-45px;}.m-b--45{margin-bottom:-45px;}.m-l--40{margin-left:-40px;}.m-t--40{margin-top:-40px;}.m-r--40{margin-right:-40px;}.m-b--40{margin-bottom:-40px;}.m-l--35{margin-left:-35px;}.m-t--35{margin-top:-35px;}.m-r--35{margin-right:-35px;}.m-b--35{margin-bottom:-35px;}.m-l--30{margin-left:-30px;}.m-t--30{margin-top:-30px;}.m-r--30{margin-right:-30px;}.m-b--30{margin-bottom:-30px;}.m-l--25{margin-left:-25px;}.m-t--25{margin-top:-25px;}.m-r--25{margin-right:-25px;}.m-b--25{margin-bottom:-25px;}.m-l--20{margin-left:-20px;}.m-t--20{margin-top:-20px;}.m-r--20{margin-right:-20px;}.m-b--20{margin-bottom:-20px;}.m-l--15{margin-left:-15px;}.m-t--15{margin-top:-15px;}.m-r--15{margin-right:-15px;}.m-b--15{margin-bottom:-15px;}.m-l--10{margin-left:-10px;}.m-t--10{margin-top:-10px;}.m-r--10{margin-right:-10px;}.m-b--10{margin-bottom:-10px;}.m-l--5{margin-left:-5px;}.m-t--5{margin-top:-5px;}.m-r--5{margin-right:-5px;}.m-b--5{margin-bottom:-5px;}.m-l-0{margin-left:0;}.m-t-0{margin-top:0;}.m-r-0{margin-right:0;}.m-b-0{margin-bottom:0;}.m-l-5{margin-left:5px;}.m-t-5{margin-top:5px;}.m-r-5{margin-right:5px;}.m-b-5{margin-bottom:5px;}.m-l-10{margin-left:10px;}.m-t-10{margin-top:10px;}.m-r-10{margin-right:10px;}.m-b-10{margin-bottom:10px;}.m-l-15{margin-left:15px;}.m-t-15{margin-top:15px;}.m-r-15{margin-right:15px;}.m-b-15{margin-bottom:15px;}.m-l-20{margin-left:20px;}.m-t-20{margin-top:20px;}.m-r-20{margin-right:20px;}.m-b-20{margin-bottom:20px;}.m-l-25{margin-left:25px;}.m-t-25{margin-top:25px;}.m-r-25{margin-right:25px;}.m-b-25{margin-bottom:25px;}.m-l-30{margin-left:30px;}.m-t-30{margin-top:30px;}.m-r-30{margin-right:30px;}.m-b-30{margin-bottom:30px;}.m-l-35{margin-left:35px;}.m-t-35{margin-top:35px;}.m-r-35{margin-right:35px;}.m-b-35{margin-bottom:35px;}.m-l-40{margin-left:40px;}.m-t-40{margin-top:40px;}.m-r-40{margin-right:40px;}.m-b-40{margin-bottom:40px;}.m-l-45{margin-left:45px;}.m-t-45{margin-top:45px;}.m-r-45{margin-right:45px;}.m-b-45{margin-bottom:45px;}.m-l-50{margin-left:50px;}.m-t-50{margin-top:50px;}.m-r-50{margin-right:50px;}.m-b-50{margin-bottom:50px;}.m-l-55{margin-left:55px;}.m-t-55{margin-top:55px;}.m-r-55{margin-right:55px;}.m-b-55{margin-bottom:55px;}.m-l-60{margin-left:60px;}.m-t-60{margin-top:60px;}.m-r-60{margin-right:60px;}.m-b-60{margin-bottom:60px;}.m-l-65{margin-left:65px;}.m-t-65{margin-top:65px;}.m-r-65{margin-right:65px;}.m-b-65{margin-bottom:65px;}.m-l-70{margin-left:70px;}.m-t-70{margin-top:70px;}.m-r-70{margin-right:70px;}.m-b-70{margin-bottom:70px;}.m-l-75{margin-left:75px;}.m-t-75{margin-top:75px;}.m-r-75{margin-right:75px;}.m-b-75{margin-bottom:75px;}.m-l-80{margin-left:80px;}.m-t-80{margin-top:80px;}.m-r-80{margin-right:80px;}.m-b-80{margin-bottom:80px;}.m-l-85{margin-left:85px;}.m-t-85{margin-top:85px;}.m-r-85{margin-right:85px;}.m-b-85{margin-bottom:85px;}.m-l-90{margin-left:90px;}.m-t-90{margin-top:90px;}.m-r-90{margin-right:90px;}.m-b-90{margin-bottom:90px;}.m-l-95{margin-left:95px;}.m-t-95{margin-top:95px;}.m-r-95{margin-right:95px;}.m-b-95{margin-bottom:95px;}.m-l-100{margin-left:100px;}.m-t-100{margin-top:100px;}.m-r-100{margin-right:100px;}.m-b-100{margin-bottom:100px;}.m-l-105{margin-left:105px;}.m-t-105{margin-top:105px;}.m-r-105{margin-right:105px;}.m-b-105{margin-bottom:105px;}.m-l-110{margin-left:110px;}.m-t-110{margin-top:110px;}.m-r-110{margin-right:110px;}.m-b-110{margin-bottom:110px;}.m-l-115{margin-left:115px;}.m-t-115{margin-top:115px;}.m-r-115{margin-right:115px;}.m-b-115{margin-bottom:115px;}.m-l-120{margin-left:120px;}.m-t-120{margin-top:120px;}.m-r-120{margin-right:120px;}.m-b-120{margin-bottom:120px;}.m-l-125{margin-left:125px;}.m-t-125{margin-top:125px;}.m-r-125{margin-right:125px;}.m-b-125{margin-bottom:125px;}.margin-0{margin:0;}.p-l-0{padding-left:0;}.p-t-0{padding-top:0;}.p-r-0{padding-right:0;}.p-b-0{padding-bottom:0;}.p-l-5{padding-left:5px;}.p-t-5{padding-top:5px;}.p-r-5{padding-right:5px;}.p-b-5{padding-bottom:5px;}.p-l-10{padding-left:10px;}.p-t-10{padding-top:10px;}.p-r-10{padding-right:10px;}.p-b-10{padding-bottom:10px;}.p-l-15{padding-left:15px;}.p-t-15{padding-top:15px;}.p-r-15{padding-right:15px;}.p-b-15{padding-bottom:15px;}.p-l-20{padding-left:20px;}.p-t-20{padding-top:20px;}.p-r-20{padding-right:20px;}.p-b-20{padding-bottom:20px;}.p-l-25{padding-left:25px;}.p-t-25{padding-top:25px;}.p-r-25{padding-right:25px;}.p-b-25{padding-bottom:25px;}.p-l-30{padding-left:30px;}.p-t-30{padding-top:30px;}.p-r-30{padding-right:30px;}.p-b-30{padding-bottom:30px;}.p-l-35{padding-left:35px;}.p-t-35{padding-top:35px;}.p-r-35{padding-right:35px;}.p-b-35{padding-bottom:35px;}.p-l-40{padding-left:40px;}.p-t-40{padding-top:40px;}.p-r-40{padding-right:40px;}.p-b-40{padding-bottom:40px;}.p-l-45{padding-left:45px;}.p-t-45{padding-top:45px;}.p-r-45{padding-right:45px;}.p-b-45{padding-bottom:45px;}.p-l-50{padding-left:50px;}.p-t-50{padding-top:50px;}.p-r-50{padding-right:50px;}.p-b-50{padding-bottom:50px;}.p-l-55{padding-left:55px;}.p-t-55{padding-top:55px;}.p-r-55{padding-right:55px;}.p-b-55{padding-bottom:55px;}.p-l-60{padding-left:60px;}.p-t-60{padding-top:60px;}.p-r-60{padding-right:60px;}.p-b-60{padding-bottom:60px;}.p-l-65{padding-left:65px;}.p-t-65{padding-top:65px;}.p-r-65{padding-right:65px;}.p-b-65{padding-bottom:65px;}.p-l-70{padding-left:70px;}.p-t-70{padding-top:70px;}.p-r-70{padding-right:70px;}.p-b-70{padding-bottom:70px;}.p-l-75{padding-left:75px;}.p-t-75{padding-top:75px;}.p-r-75{padding-right:75px;}.p-b-75{padding-bottom:75px;}.p-l-80{padding-left:80px;}.p-t-80{padding-top:80px;}.p-r-80{padding-right:80px;}.p-b-80{padding-bottom:80px;}.p-l-85{padding-left:85px;}.p-t-85{padding-top:85px;}.p-r-85{padding-right:85px;}.p-b-85{padding-bottom:85px;}.p-l-90{padding-left:90px;}.p-t-90{padding-top:90px;}.p-r-90{padding-right:90px;}.p-b-90{padding-bottom:90px;}.p-l-95{padding-left:95px;}.p-t-95{padding-top:95px;}.p-r-95{padding-right:95px;}.p-b-95{padding-bottom:95px;}.p-l-100{padding-left:100px;}.p-t-100{padding-top:100px;}.p-r-100{padding-right:100px;}.p-b-100{padding-bottom:100px;}.p-l-105{padding-left:105px;}.p-t-105{padding-top:105px;}.p-r-105{padding-right:105px;}.p-b-105{padding-bottom:105px;}.p-l-110{padding-left:110px;}.p-t-110{padding-top:110px;}.p-r-110{padding-right:110px;}.p-b-110{padding-bottom:110px;}.p-l-115{padding-left:115px;}.p-t-115{padding-top:115px;}.p-r-115{padding-right:115px;}.p-b-115{padding-bottom:115px;}.p-l-120{padding-left:120px;}.p-t-120{padding-top:120px;}.p-r-120{padding-right:120px;}.p-b-120{padding-bottom:120px;}.p-l-125{padding-left:125px;}.p-t-125{padding-top:125px;}.p-r-125{padding-right:125px;}.p-b-125{padding-bottom:125px;}.padding-0{padding:0;}.font-6{font-size:6px;}.font-7{font-size:7px;}.font-8{font-size:8px;}.font-9{font-size:9px;}.font-10{font-size:10px;}.font-11{font-size:11px;}.font-12{font-size:12px;}.font-13{font-size:13px;}.font-14{font-size:14px;}.font-15{font-size:15px;}.font-16{font-size:16px;}.font-17{font-size:17px;}.font-18{font-size:18px;}.font-19{font-size:19px;}.font-20{font-size:20px;}.font-21{font-size:21px;}.font-22{font-size:22px;}.font-23{font-size:23px;}.font-24{font-size:24px;}.font-25{font-size:25px;}.font-26{font-size:26px;}.font-27{font-size:27px;}.font-28{font-size:28px;}.font-29{font-size:29px;}.font-30{font-size:30px;}.font-31{font-size:31px;}.font-32{font-size:32px;}.font-33{font-size:33px;}.font-34{font-size:34px;}.font-35{font-size:35px;}.font-36{font-size:36px;}.font-37{font-size:37px;}.font-38{font-size:38px;}.font-39{font-size:39px;}.font-40{font-size:40px;}.font-41{font-size:41px;}.font-42{font-size:42px;}.font-43{font-size:43px;}.font-44{font-size:44px;}.font-45{font-size:45px;}.font-46{font-size:46px;}.font-47{font-size:47px;}.font-48{font-size:48px;}.font-49{font-size:49px;}.font-50{font-size:50px;}.align-left{text-align:left;}.align-center{text-align:center;}.align-right{text-align:right;}.align-justify{text-align:justify;}.no-resize{resize:none;}.font-bold{font-weight:bold;}.font-italic{font-style:italic;}.font-underline{text-decoration:underline;}.font-line-through{text-decoration:line-through;}.font-overline{text-decoration:overline;}.block-header{margin-bottom:15px;}.block-header h2{margin:0 !important;color:#666 !important;font-weight:normal;font-size:16px;}.block-header h2 small{display:block;font-size:12px;margin-top:8px;color:#888;}.block-header h2 small a{font-weight:bold;color:#777;}.bg-red{background-color:#f44336 !important;color:#fff;}.bg-red .content .text,.bg-red .content .number{color:#fff !important;}.bg-pink{background-color:#e91e63 !important;color:#fff;}.bg-pink .content .text,.bg-pink .content .number{color:#fff !important;}.bg-purple{background-color:#9c27b0 !important;color:#fff;}.bg-purple .content .text,.bg-purple .content .number{color:#fff !important;}.bg-deep-purple{background-color:#673ab7 !important;color:#fff;}.bg-deep-purple .content .text,.bg-deep-purple .content .number{color:#fff !important;}.bg-indigo{background-color:#3f51b5 !important;color:#fff;}.bg-indigo .content .text,.bg-indigo .content .number{color:#fff !important;}.bg-blue{background-color:#2196f3 !important;color:#fff;}.bg-blue .content .text,.bg-blue .content .number{color:#fff !important;}.bg-light-blue{background-color:#03a9f4 !important;color:#fff;}.bg-light-blue .content .text,.bg-light-blue .content .number{color:#fff !important;}.bg-cyan{background-color:#00bcd4 !important;color:#fff;}.bg-cyan .content .text,.bg-cyan .content .number{color:#fff !important;}.bg-teal{background-color:#009688 !important;color:#fff;}.bg-teal .content .text,.bg-teal .content .number{color:#fff !important;}.bg-green{background-color:#4caf50 !important;color:#fff;}.bg-green .content .text,.bg-green .content .number{color:#fff !important;}.bg-light-green{background-color:#8bc34a !important;color:#fff;}.bg-light-green .content .text,.bg-light-green .content .number{color:#fff !important;}.bg-lime{background-color:#cddc39 !important;color:#fff;}.bg-lime .content .text,.bg-lime .content .number{color:#fff !important;}.bg-yellow{background-color:#ffe821 !important;color:#fff;}.bg-yellow .content .text,.bg-yellow .content .number{color:#fff !important;}.bg-amber{background-color:#ffc107 !important;color:#fff;}.bg-amber .content .text,.bg-amber .content .number{color:#fff !important;}.bg-orange{background-color:#ff9800 !important;color:#fff;}.bg-orange .content .text,.bg-orange .content .number{color:#fff !important;}.bg-deep-orange{background-color:#ff5722 !important;color:#fff;}.bg-deep-orange .content .text,.bg-deep-orange .content .number{color:#fff !important;}.bg-brown{background-color:#795548 !important;color:#fff;}.bg-brown .content .text,.bg-brown .content .number{color:#fff !important;}.bg-grey{background-color:#9e9e9e !important;color:#fff;}.bg-grey .content .text,.bg-grey .content .number{color:#fff !important;}.bg-blue-grey{background-color:#607d8b !important;color:#fff;}.bg-blue-grey .content .text,.bg-blue-grey .content .number{color:#fff !important;}.bg-black{background-color:#000 !important;color:#fff;}.bg-black .content .text,.bg-black .content .number{color:#fff !important;}.bg-white{background-color:#fff !important;color:#fff;}.bg-white .content .text,.bg-white .content .number{color:#fff !important;}.col-red{color:#f44336 !important;}.col-pink{color:#e91e63 !important;}.col-purple{color:#9c27b0 !important;}.col-deep-purple{color:#673ab7 !important;}.col-indigo{color:#3f51b5 !important;}.col-blue{color:#2196f3 !important;}.col-light-blue{color:#03a9f4 !important;}.col-cyan{color:#00bcd4 !important;}.col-teal{color:#009688 !important;}.col-green{color:#4caf50 !important;}.col-light-green{color:#8bc34a !important;}.col-lime{color:#cddc39 !important;}.col-yellow{color:#ffe821 !important;}.col-amber{color:#ffc107 !important;}.col-orange{color:#ff9800 !important;}.col-deep-orange{color:#ff5722 !important;}.col-brown{color:#795548 !important;}.col-grey{color:#9e9e9e !important;}.col-blue-grey{color:#607d8b !important;}.col-black{color:#000 !important;}.col-white{color:#fff !important;}@-ms-keyframes spin{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@-moz-keyframes spin{from{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}to{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes spin{from{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}to{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}}.demo-button-sizes .btn{margin-bottom:5px;}.icon-button-demo button{margin-right:5px;margin-bottom:12px;}.icon-and-text-button-demo button{margin-right:5px;margin-bottom:12px;width:16.66666666666667%;}.button-demo ul{padding-left:0;}.button-demo ul li{list-style:none;padding-left:0;display:inline-block;margin-right:7px;}.button-demo ul li .btn{display:block;min-width:175px;}.button-demo .btn{margin-right:8px;margin-bottom:13px;min-width:120px;}.demo-button-groups .btn-group{margin-right:10px;}.demo-button-toolbar .btn-toolbar{float:left;margin-right:25px;}.demo-button-nesting>.btn-group{margin-right:15px;}.demo-single-button-dropdowns>.btn-group{margin-right:10px;}.demo-splite-button-dropdowns>.btn-group{margin-right:10px;}.demo-dropup .dropup{margin-right:10px;}.demo-checkbox label,.demo-radio-button label{min-width:150px;}.demo-knob-chart div{margin-right:15px;}.demo-switch .switch{display:inline-block;min-width:170px;}.demo-switch .demo-switch-title{min-width:95px;display:inline-block;}.demo-color-box{padding:15px 0;text-align:center;margin-bottom:20px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;}.demo-color-box .color-name{font-size:16px;margin-bottom:5px;}.demo-color-box .color-code,.demo-color-box .color-class-name{font-size:13px;}.demo-image-copyright{text-align:right;font-style:italic;font-size:12px;color:#777;margin:5px 0 10px 0;}.demo-image-copyright a{font-weight:bold;color:#555 !important;}.demo-tagsinput-area{margin-bottom:50px !important;}.demo-icon-container .demo-google-material-icon{margin-bottom:5px;text-align:left;}.demo-icon-container .demo-google-material-icon .icon-name{position:relative;top:-8px;left:7px;}.demo-icon-container .demo-google-material-icon .material-icons{width:24px;}.demo-preloader .preloader{margin-right:10px;}.irs-demo{margin-bottom:40px;}.irs-demo .irs{margin-top:15px;}.right-sidebar .nav-tabs+.tab-content{padding:0;}.right-sidebar p{margin:20px 15px 15px 15px;font-weight:bold;text-align:center;}.right-sidebar #settings .setting-list{list-style:none;padding-left:0;margin-bottom:20px;}.right-sidebar #settings .setting-list li{padding:15px;position:relative;border-top:1px solid #eee;}.right-sidebar #settings .setting-list li .switch{position:absolute;top:15px;right:5px;}.demo-choose-skin{list-style:none;padding-left:0;overflow-y:hidden;}.demo-choose-skin li{border-bottom:1px solid #eee;padding:10px 10px 4px 10px;position:relative;cursor:pointer;}.demo-choose-skin li.active{background-color:#eee;}.demo-choose-skin li.active:after{font-family:'Material Icons';position:absolute;top:10px;right:10px;content:'';font-size:18px;font-weight:bold;}.demo-choose-skin li:hover{background-color:#eee;}.demo-choose-skin li div{width:24px;height:24px;display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;}.demo-choose-skin li span{position:relative;bottom:7px;left:5px;}.demo-choose-skin .red{background-color:#f44336;}.demo-choose-skin .pink{background-color:#e91e63;}.demo-choose-skin .purple{background-color:#9c27b0;}.demo-choose-skin .deep-purple{background-color:#673ab7;}.demo-choose-skin .indigo{background-color:#3f51b5;}.demo-choose-skin .blue{background-color:#2196f3;}.demo-choose-skin .light-blue{background-color:#03a9f4;}.demo-choose-skin .cyan{background-color:#00bcd4;}.demo-choose-skin .teal{background-color:#009688;}.demo-choose-skin .green{background-color:#4caf50;}.demo-choose-skin .light-green{background-color:#8bc34a;}.demo-choose-skin .lime{background-color:#cddc39;}.demo-choose-skin .yellow{background-color:#ffe821;}.demo-choose-skin .amber{background-color:#ffc107;}.demo-choose-skin .orange{background-color:#ff9800;}.demo-choose-skin .deep-orange{background-color:#ff5722;}.demo-choose-skin .brown{background-color:#795548;}.demo-choose-skin .grey{background-color:#9e9e9e;}.demo-choose-skin .blue-grey{background-color:#607d8b;}.demo-choose-skin .black{background-color:#000;}.demo-choose-skin .white{background-color:#fff;}@media(max-width:767px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:35px;width:73%;}.navbar .navbar-header{display:inline-block;margin-bottom:-6px;width:calc(100% + 30px);}.navbar .nav>li{display:inline-block;}.navbar .navbar-nav{margin-top:-10px;margin-bottom:1px;margin-left:-7px;}.navbar .navbar-nav .open .dropdown-menu{background-color:#fff;position:absolute;}.navbar .dropdown-menu{margin-left:-50px;}.navbar .js-right-sidebar{margin-top:15px;}.dt-buttons{float:none !important;text-align:center;margin-bottom:15px;}.panel-switch-btn{top:12px;right:0 !important;}}@media(min-width:768px) and (max-width:991px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:20px;}}@media(min-width:992px) and (max-width:1169px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:20px;}}body{background-color:#e9e9e9;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;font-family:'Roboto',Arial,Tahoma,sans-serif;}h1,h2,h3,h4,h5,h6{font-weight:bold;}button,input,select,a{outline:none !important;}.no-animate{-o-transition-property:none !important;-moz-transition-property:none !important;-ms-transition-property:none !important;-webkit-transition-property:none !important;transition-property:none !important;-o-transform:none !important;-moz-transform:none !important;-ms-transform:none !important;-webkit-transform:none !important;transform:none !important;-webkit-animation:none !important;-moz-animation:none !important;-o-animation:none !important;-ms-animation:none !important;animation:none !important;}section.content{margin:100px 15px 0 315px;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s;}.dashboard-flot-chart{height:275px;}.dashboard-donut-chart{height:265px;}.dashboard-line-chart{height:250px;}.dashboard-stat-list{list-style:none;padding-left:0;margin-top:40px;}.dashboard-stat-list li{padding:16px 0 0 0;}.dashboard-stat-list li small{font-size:8px;}.dashboard-task-infos .progress{height:10px;margin-bottom:0;position:relative;top:6px;}.btn:focus{outline:none !important;}.btn-circle{border:none;outline:none !important;overflow:hidden;width:40px;height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;}.btn-circle i{font-size:18px;position:relative;left:-1px;}.btn-link{font-weight:bold;color:#333;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s;}.btn-link:active,.btn-link:focus{text-decoration:none;color:#333;}.btn-link:hover{text-decoration:none;color:#333;background-color:#ddd;}.btn-circle-lg{border:none;outline:none !important;overflow:hidden;width:50px;height:50px;-webkit-border-radius:50% !important;-moz-border-radius:50% !important;-ms-border-radius:50% !important;border-radius:50% !important;}.btn-circle-lg i{font-size:26px !important;position:relative !important;left:0 !important;top:6px !important;}.btn:not(.btn-link):not(.btn-circle){box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;border:none;font-size:13px;outline:none;}.btn:not(.btn-link):not(.btn-circle):hover{outline:none;}.btn:not(.btn-link):not(.btn-circle) i{font-size:20px;position:relative;top:3px;}.btn:not(.btn-link):not(.btn-circle) span{position:relative;top:-2px;margin-left:3px;}.btn-warning,.btn-warning:hover,.btn-warning:active,.btn-warning:focus{background-color:#ff9600 !important;}.btn-danger,.btn-danger:hover,.btn-danger:active,.btn-danger:focus{background-color:#fb483a !important;}.btn-info,.btn-info:hover,.btn-info:active,.btn-info:focus{background-color:#00b0e4 !important;}.btn-success,.btn-success:hover,.btn-success:active,.btn-success:focus{background-color:#2b982b !important;}.btn-primary,.btn-primary:hover,.btn-primary:active,.btn-primary:focus{background-color:#1f91f3 !important;}.btn-default,.btn-default:hover,.btn-default:active,.btn-default:focus{background-color:#fff !important;}.btn-group,.btn-group-vertical{box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);}.btn-group .btn,.btn-group-vertical .btn{box-shadow:none !important;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.btn-group .btn .caret,.btn-group-vertical .btn .caret{position:relative;bottom:1px;}.btn-group .btn-group,.btn-group-vertical .btn-group{box-shadow:none !important;}.btn-group .btn+.dropdown-toggle,.btn-group-vertical .btn+.dropdown-toggle{border-left:1px solid rgba(0,0,0,.08) !important;}.bootstrap-tagsinput{-webkit-box-shadow:none !important;-moz-box-shadow:none !important;-ms-box-shadow:none !important;box-shadow:none !important;border:none !important;}.noUi-target{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;direction:ltr;}.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box;}.noUi-base{width:100%;height:100%;position:relative;z-index:1;}.noUi-origin{position:absolute;right:0;top:6px;left:0;bottom:0;}.noUi-handle{position:relative;z-index:1;}.noUi-stacking .noUi-handle{z-index:10;}.noUi-state-tap .noUi-origin{-webkit-transition:left .25s,top .25s;transition:left .25s,top .25s;}.noUi-state-drag *{cursor:inherit !important;}.noUi-base{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.noUi-horizontal{height:18px;}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px;}.noUi-vertical{width:18px;}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px;}.noUi-background{background:#fafafa;box-shadow:inset 0 1px 1px #f0f0f0;}.noUi-connect{background:#3fb8af;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms;}.noUi-origin{border-radius:2px;}.noUi-target{border-radius:4px;border:1px solid #d3d3d3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;}.noUi-target.noUi-connect{box-shadow:inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #bbb;}.noUi-dragable{cursor:w-resize;}.noUi-vertical .noUi-dragable{cursor:n-resize;}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;}.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px;}.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px;left:17px;}.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px;}.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px;top:17px;}[disabled].noUi-connect,[disabled] .noUi-connect{background:#b8b8b8;}[disabled].noUi-origin,[disabled] .noUi-handle{cursor:not-allowed;}.noUi-target{box-shadow:none;border:none;}.noUi-base{height:15px;top:-6px;}.noUi-background{height:3px;top:6px;background-color:#bfbfbf;box-shadow:none;}.noUi-horizontal{height:3px;}.noUi-connect{height:3px;top:6px;background-color:#26a69a;box-shadow:none;}.noUi-horizontal .noUi-handle{width:15px;height:15px;border-radius:50%;box-shadow:none;background-color:#26a69a;border:none;left:-5px;top:-6px;transition:width .2s cubic-bezier(.215,.61,.355,1),height .2s cubic-bezier(.215,.61,.355,1),left .2s cubic-bezier(.215,.61,.355,1),top .2s cubic-bezier(.215,.61,.355,1);}.noUi-handle:before,.noUi-handle:after{content:none;}.noUi-target .noUi-active.noUi-handle{-webkit-box-shadow:0 0 20px rgba(0,0,0,.5);-moz-box-shadow:0 0 20px rgba(0,0,0,.5);-ms-box-shadow:0 0 20px rgba(0,0,0,.5);box-shadow:0 0 20px rgba(0,0,0,.5);}.noUi-target .range-label{position:absolute;height:30px;width:30px;top:-17px;left:-2px;background-color:#26a69a;border-radius:50%;transition:border-radius .25s cubic-bezier(.215,.61,.355,1),transform .25s cubic-bezier(.215,.61,.355,1);transform:scale(.5) rotate(-45deg);transform-origin:50% 100%;}.noUi-target .noUi-active .range-label{border-radius:15px 15px 15px 0;transform:rotate(-45deg) translate(23px,-25px);}.range-label span{width:100%;text-align:center;color:#fff;font-size:12px;transform:rotate(45deg);opacity:0;position:absolute;top:7px;left:-1px;transition:opacity .25s cubic-bezier(.215,.61,.355,1);}.noUi-active .range-label span{opacity:1;}.ms-container{width:auto !important;}.ms-container .ms-list{-webkit-box-shadow:none !important;-moz-box-shadow:none !important;-ms-box-shadow:none !important;box-shadow:none !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;-ms-border-radius:0 !important;border-radius:0 !important;}.ms-container .ms-list.ms-focus{-webkit-box-shadow:none !important;-moz-box-shadow:none !important;-ms-box-shadow:none !important;box-shadow:none !important;}.ms-container .ms-selectable,.ms-container .ms-selection{min-width:250px !important;}.ms-container .ms-selectable li.ms-hover,.ms-container .ms-selection li.ms-hover{color:#000 !important;background-color:#e6e6e6 !important;}.ms-container .ms-selectable li.ms-elem-selectable,.ms-container .ms-selectable li.ms-elem-selection,.ms-container .ms-selection li.ms-elem-selectable,.ms-container .ms-selection li.ms-elem-selection{padding:9px 15px 6px 15px !important;}.ms-container .ms-optgroup-label{padding:5px 0 0 8px !important;}.card{background:#fff;min-height:50px;box-shadow:0 2px 10px rgba(0,0,0,.2);position:relative;margin-bottom:30px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;}.card .card-inside-title{margin-top:25px;margin-bottom:15px;display:block;font-size:15px;color:#000;}.card .card-inside-title small{color:#999;display:block;font-size:11px;margin-top:5px;}.card .card-inside-title small a{color:#777;font-weight:bold;}.card .card-inside-title:first-child{margin-top:0;}.card .bg-red,.card .bg-pink,.card .bg-purple,.card .bg-deep-purple,.card .bg-indigo,.card .bg-blue,.card .bg-light-blue,.card .bg-cyan,.card .bg-teal,.card .bg-green,.card .bg-light-green,.card .bg-lime,.card .bg-yellow,.card .bg-amber,.card .bg-orange,.card .bg-deep-orange,.card .bg-brown,.card .bg-grey,.card .bg-blue-grey,.card .bg-black{border-bottom:none !important;color:#fff !important;}.card .bg-red h2,.card .bg-red small,.card .bg-red .material-icons,.card .bg-pink h2,.card .bg-pink small,.card .bg-pink .material-icons,.card .bg-purple h2,.card .bg-purple small,.card .bg-purple .material-icons,.card .bg-deep-purple h2,.card .bg-deep-purple small,.card .bg-deep-purple .material-icons,.card .bg-indigo h2,.card .bg-indigo small,.card .bg-indigo .material-icons,.card .bg-blue h2,.card .bg-blue small,.card .bg-blue .material-icons,.card .bg-light-blue h2,.card .bg-light-blue small,.card .bg-light-blue .material-icons,.card .bg-cyan h2,.card .bg-cyan small,.card .bg-cyan .material-icons,.card .bg-teal h2,.card .bg-teal small,.card .bg-teal .material-icons,.card .bg-green h2,.card .bg-green small,.card .bg-green .material-icons,.card .bg-light-green h2,.card .bg-light-green small,.card .bg-light-green .material-icons,.card .bg-lime h2,.card .bg-lime small,.card .bg-lime .material-icons,.card .bg-yellow h2,.card .bg-yellow small,.card .bg-yellow .material-icons,.card .bg-amber h2,.card .bg-amber small,.card .bg-amber .material-icons,.card .bg-orange h2,.card .bg-orange small,.card .bg-orange .material-icons,.card .bg-deep-orange h2,.card .bg-deep-orange small,.card .bg-deep-orange .material-icons,.card .bg-brown h2,.card .bg-brown small,.card .bg-brown .material-icons,.card .bg-grey h2,.card .bg-grey small,.card .bg-grey .material-icons,.card .bg-blue-grey h2,.card .bg-blue-grey small,.card .bg-blue-grey .material-icons,.card .bg-black h2,.card .bg-black small,.card .bg-black .material-icons{color:#fff !important;}.card .bg-red .badge,.card .bg-pink .badge,.card .bg-purple .badge,.card .bg-deep-purple .badge,.card .bg-indigo .badge,.card .bg-blue .badge,.card .bg-light-blue .badge,.card .bg-cyan .badge,.card .bg-teal .badge,.card .bg-green .badge,.card .bg-light-green .badge,.card .bg-lime .badge,.card .bg-yellow .badge,.card .bg-amber .badge,.card .bg-orange .badge,.card .bg-deep-orange .badge,.card .bg-brown .badge,.card .bg-grey .badge,.card .bg-blue-grey .badge,.card .bg-black .badge{background-color:#fff;color:#555;}.card .header{color:#555;padding:20px;position:relative;border-bottom:1px solid rgba(204,204,204,.35);}.card .header .header-dropdown{position:absolute;top:20px;right:15px;list-style:none;}.card .header .header-dropdown .dropdown-menu li{display:block !important;}.card .header .header-dropdown li{display:inline-block;}.card .header .header-dropdown i{font-size:20px;color:#999;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;}.card .header .header-dropdown i:hover{color:#000;}.card .header h2{margin:0;font-size:18px;font-weight:normal;color:#111;}.card .header h2 small{display:block;font-size:12px;margin-top:5px;color:#999;line-height:15px;}.card .header h2 small a{font-weight:bold;color:#777;}.card .header .col-xs-12 h2{margin-top:5px;}.card .body{font-size:14px;color:#555;padding:20px;}.card .body .col-xs-1,.card .body .col-sm-1,.card .body .col-md-1,.card .body .col-lg-1{margin-bottom:20px;}.card .body .col-xs-2,.card .body .col-sm-2,.card .body .col-md-2,.card .body .col-lg-2{margin-bottom:20px;}.card .body .col-xs-3,.card .body .col-sm-3,.card .body .col-md-3,.card .body .col-lg-3{margin-bottom:20px;}.card .body .col-xs-4,.card .body .col-sm-4,.card .body .col-md-4,.card .body .col-lg-4{margin-bottom:20px;}.card .body .col-xs-5,.card .body .col-sm-5,.card .body .col-md-5,.card .body .col-lg-5{margin-bottom:20px;}.card .body .col-xs-6,.card .body .col-sm-6,.card .body .col-md-6,.card .body .col-lg-6{margin-bottom:20px;}.card .body .col-xs-7,.card .body .col-sm-7,.card .body .col-md-7,.card .body .col-lg-7{margin-bottom:20px;}.card .body .col-xs-8,.card .body .col-sm-8,.card .body .col-md-8,.card .body .col-lg-8{margin-bottom:20px;}.card .body .col-xs-9,.card .body .col-sm-9,.card .body .col-md-9,.card .body .col-lg-9{margin-bottom:20px;}.card .body .col-xs-10,.card .body .col-sm-10,.card .body .col-md-10,.card .body .col-lg-10{margin-bottom:20px;}.card .body .col-xs-11,.card .body .col-sm-11,.card .body .col-md-11,.card .body .col-lg-11{margin-bottom:20px;}.card .body .col-xs-12,.card .body .col-sm-12,.card .body .col-md-12,.card .body .col-lg-12{margin-bottom:20px;}.info-box{box-shadow:0 2px 10px rgba(0,0,0,.2);height:80px;display:flex;cursor:default;background-color:#fff;position:relative;overflow:hidden;margin-bottom:30px;}.info-box .icon{display:inline-block;text-align:center;background-color:rgba(0,0,0,.12);width:80px;}.info-box .icon i{color:#fff;font-size:50px;line-height:80px;}.info-box .icon .chart.chart-bar{height:100%;line-height:100px;}.info-box .icon .chart.chart-bar canvas{vertical-align:baseline !important;}.info-box .icon .chart.chart-pie{height:100%;line-height:123px;}.info-box .icon .chart.chart-pie canvas{vertical-align:baseline !important;}.info-box .icon .chart.chart-line{height:100%;line-height:115px;}.info-box .icon .chart.chart-line canvas{vertical-align:baseline !important;}.info-box .content{display:inline-block;padding:7px 10px;}.info-box .content .text{font-size:13px;margin-top:11px;color:#555;}.info-box .content .number{font-weight:normal;font-size:26px;margin-top:-4px;color:#555;}.info-box.hover-zoom-effect .icon{overflow:hidden;}.info-box.hover-zoom-effect .icon i{-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;}.info-box.hover-zoom-effect:hover .icon i{opacity:.4;-moz-transform:rotate(-32deg) scale(1.4);-ms-transform:rotate(-32deg) scale(1.4);-o-transform:rotate(-32deg) scale(1.4);-webkit-transform:rotate(-32deg) scale(1.4);transform:rotate(-32deg) scale(1.4);}.info-box.hover-expand-effect:after{background-color:rgba(0,0,0,.05);content:".";position:absolute;left:80px;top:0;width:0;height:100%;color:transparent;-moz-transition:all .95s;-o-transition:all .95s;-webkit-transition:all .95s;transition:all .95s;}.info-box.hover-expand-effect:hover:after{width:100%;}.info-box-2{box-shadow:0 2px 10px rgba(0,0,0,.2);height:80px;display:flex;cursor:default;background-color:#fff;position:relative;overflow:hidden;margin-bottom:30px;}.info-box-2 .icon{display:inline-block;text-align:center;width:80px;}.info-box-2 .icon i{color:#fff;font-size:50px;line-height:80px;}.info-box-2 .chart.chart-bar{height:100%;line-height:105px;}.info-box-2 .chart.chart-bar canvas{vertical-align:baseline !important;}.info-box-2 .chart.chart-pie{height:100%;line-height:123px;}.info-box-2 .chart.chart-pie canvas{vertical-align:baseline !important;}.info-box-2 .chart.chart-line{height:100%;line-height:115px;}.info-box-2 .chart.chart-line canvas{vertical-align:baseline !important;}.info-box-2 .content{display:inline-block;padding:7px 10px;}.info-box-2 .content .text{font-size:13px;margin-top:11px;color:#555;}.info-box-2 .content .number{font-weight:normal;font-size:26px;margin-top:-4px;color:#555;}.info-box-2.hover-zoom-effect .icon{overflow:hidden;}.info-box-2.hover-zoom-effect .icon i{-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;}.info-box-2.hover-zoom-effect:hover .icon i{opacity:.4;-moz-transform:rotate(-32deg) scale(1.4);-ms-transform:rotate(-32deg) scale(1.4);-o-transform:rotate(-32deg) scale(1.4);-webkit-transform:rotate(-32deg) scale(1.4);transform:rotate(-32deg) scale(1.4);}.info-box-2.hover-expand-effect:after{background-color:rgba(0,0,0,.05);content:".";position:absolute;left:0;top:0;width:0;height:100%;color:transparent;-moz-transition:all .95s;-o-transition:all .95s;-webkit-transition:all .95s;transition:all .95s;}.info-box-2.hover-expand-effect:hover:after{width:100%;}.info-box-3{box-shadow:0 2px 10px rgba(0,0,0,.2);height:80px;display:flex;cursor:default;background-color:#fff;position:relative;overflow:hidden;margin-bottom:30px;}.info-box-3 .icon{position:absolute;right:10px;bottom:2px;text-align:center;}.info-box-3 .icon i{color:rgba(0,0,0,.15);font-size:60px;}.info-box-3 .chart{margin-right:5px;}.info-box-3 .chart.chart-bar{height:100%;line-height:50px;}.info-box-3 .chart.chart-bar canvas{vertical-align:baseline !important;}.info-box-3 .chart.chart-pie{height:100%;line-height:34px;}.info-box-3 .chart.chart-pie canvas{vertical-align:baseline !important;}.info-box-3 .chart.chart-line{height:100%;line-height:40px;}.info-box-3 .chart.chart-line canvas{vertical-align:baseline !important;}.info-box-3 .content{display:inline-block;padding:7px 16px;}.info-box-3 .content .text{font-size:13px;margin-top:11px;color:#555;}.info-box-3 .content .number{font-weight:normal;font-size:26px;margin-top:-4px;color:#555;}.info-box-3.hover-zoom-effect .icon i{-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;}.info-box-3.hover-zoom-effect:hover .icon i{opacity:.4;-moz-transform:rotate(-32deg) scale(1.4);-ms-transform:rotate(-32deg) scale(1.4);-o-transform:rotate(-32deg) scale(1.4);-webkit-transform:rotate(-32deg) scale(1.4);transform:rotate(-32deg) scale(1.4);}.info-box-3.hover-expand-effect:after{background-color:rgba(0,0,0,.05);content:".";position:absolute;left:0;top:0;width:0;height:100%;color:transparent;-moz-transition:all .95s;-o-transition:all .95s;-webkit-transition:all .95s;transition:all .95s;}.info-box-3.hover-expand-effect:hover:after{width:100%;}.info-box-4{box-shadow:0 2px 10px rgba(0,0,0,.2);height:80px;display:flex;cursor:default;background-color:#fff;position:relative;overflow:hidden;margin-bottom:30px;}.info-box-4 .icon{position:absolute;right:10px;bottom:2px;text-align:center;}.info-box-4 .icon i{color:rgba(0,0,0,.15);font-size:60px;}.info-box-4 .chart{margin-right:5px;}.info-box-4 .chart.chart-bar{height:100%;line-height:50px;}.info-box-4 .chart.chart-bar canvas{vertical-align:baseline !important;}.info-box-4 .chart.chart-pie{height:100%;line-height:34px;}.info-box-4 .chart.chart-pie canvas{vertical-align:baseline !important;}.info-box-4 .chart.chart-line{height:100%;line-height:40px;}.info-box-4 .chart.chart-line canvas{vertical-align:baseline !important;}.info-box-4 .content{display:inline-block;padding:7px 16px;}.info-box-4 .content .text{font-size:13px;margin-top:11px;color:#555;}.info-box-4 .content .number{font-weight:normal;font-size:26px;margin-top:-4px;color:#555;}.info-box-4.hover-zoom-effect .icon i{-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;}.info-box-4.hover-zoom-effect:hover .icon i{opacity:.4;-moz-transform:rotate(-32deg) scale(1.4);-ms-transform:rotate(-32deg) scale(1.4);-o-transform:rotate(-32deg) scale(1.4);-webkit-transform:rotate(-32deg) scale(1.4);transform:rotate(-32deg) scale(1.4);}.info-box-4.hover-expand-effect:after{background-color:rgba(0,0,0,.05);content:".";position:absolute;left:0;top:0;width:0;height:100%;color:transparent;-moz-transition:all .95s;-o-transition:all .95s;-webkit-transition:all .95s;transition:all .95s;}.info-box-4.hover-expand-effect:hover:after{width:100%;}.alert{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none;border:none;color:#fff !important;}.alert .alert-link{color:#fff;text-decoration:underline;font-weight:bold;}.alert-success{background-color:#2b982b;}.alert-info{background-color:#00b0e4;}.alert-warning{background-color:#ff9600 !important;}.alert-danger{background-color:#fb483a !important;}.alert-dismissible .close{color:#fff;opacity:1;border:none;text-shadow:none;}.sweet-alert{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;-ms-border-radius:0 !important;border-radius:0 !important;}.sweet-alert p{font-size:14px !important;}.sweet-alert .sa-input-error{top:23px !important;right:13px !important;}.sweet-alert h2{font-size:18px !important;margin:0 0 5px 0 !important;}.sweet-alert button{font-size:15px !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;-ms-border-radius:0 !important;border-radius:0 !important;padding:5px 20px !important;}[type="checkbox"]+label{padding-left:26px;height:25px;line-height:21px;font-size:13px;font-weight:normal;}[type="checkbox"]:checked+label:before{top:-4px;left:-2px;width:11px;height:19px;}[type="checkbox"]:checked.chk-col-red+label:before{border-right:2px solid #f44336;border-bottom:2px solid #f44336;}[type="checkbox"]:checked.chk-col-pink+label:before{border-right:2px solid #e91e63;border-bottom:2px solid #e91e63;}[type="checkbox"]:checked.chk-col-purple+label:before{border-right:2px solid #9c27b0;border-bottom:2px solid #9c27b0;}[type="checkbox"]:checked.chk-col-deep-purple+label:before{border-right:2px solid #673ab7;border-bottom:2px solid #673ab7;}[type="checkbox"]:checked.chk-col-indigo+label:before{border-right:2px solid #3f51b5;border-bottom:2px solid #3f51b5;}[type="checkbox"]:checked.chk-col-blue+label:before{border-right:2px solid #2196f3;border-bottom:2px solid #2196f3;}[type="checkbox"]:checked.chk-col-light-blue+label:before{border-right:2px solid #03a9f4;border-bottom:2px solid #03a9f4;}[type="checkbox"]:checked.chk-col-cyan+label:before{border-right:2px solid #00bcd4;border-bottom:2px solid #00bcd4;}[type="checkbox"]:checked.chk-col-teal+label:before{border-right:2px solid #009688;border-bottom:2px solid #009688;}[type="checkbox"]:checked.chk-col-green+label:before{border-right:2px solid #4caf50;border-bottom:2px solid #4caf50;}[type="checkbox"]:checked.chk-col-light-green+label:before{border-right:2px solid #8bc34a;border-bottom:2px solid #8bc34a;}[type="checkbox"]:checked.chk-col-lime+label:before{border-right:2px solid #cddc39;border-bottom:2px solid #cddc39;}[type="checkbox"]:checked.chk-col-yellow+label:before{border-right:2px solid #ffe821;border-bottom:2px solid #ffe821;}[type="checkbox"]:checked.chk-col-amber+label:before{border-right:2px solid #ffc107;border-bottom:2px solid #ffc107;}[type="checkbox"]:checked.chk-col-orange+label:before{border-right:2px solid #ff9800;border-bottom:2px solid #ff9800;}[type="checkbox"]:checked.chk-col-deep-orange+label:before{border-right:2px solid #ff5722;border-bottom:2px solid #ff5722;}[type="checkbox"]:checked.chk-col-brown+label:before{border-right:2px solid #795548;border-bottom:2px solid #795548;}[type="checkbox"]:checked.chk-col-grey+label:before{border-right:2px solid #9e9e9e;border-bottom:2px solid #9e9e9e;}[type="checkbox"]:checked.chk-col-blue-grey+label:before{border-right:2px solid #607d8b;border-bottom:2px solid #607d8b;}[type="checkbox"]:checked.chk-col-black+label:before{border-right:2px solid #000;border-bottom:2px solid #000;}[type="checkbox"]:checked.chk-col-white+label:before{border-right:2px solid #fff;border-bottom:2px solid #fff;}[type="checkbox"].filled-in:checked+label:after{top:0;width:20px;height:20px;border:2px solid #26a69a;background-color:#26a69a;z-index:0;}[type="checkbox"].filled-in:checked+label:before{border-right:2px solid #fff !important;border-bottom:2px solid #fff !important;}[type="checkbox"].filled-in:checked.chk-col-red+label:after{border:2px solid #f44336;background-color:#f44336;}[type="checkbox"].filled-in:checked.chk-col-pink+label:after{border:2px solid #e91e63;background-color:#e91e63;}[type="checkbox"].filled-in:checked.chk-col-purple+label:after{border:2px solid #9c27b0;background-color:#9c27b0;}[type="checkbox"].filled-in:checked.chk-col-deep-purple+label:after{border:2px solid #673ab7;background-color:#673ab7;}[type="checkbox"].filled-in:checked.chk-col-indigo+label:after{border:2px solid #3f51b5;background-color:#3f51b5;}[type="checkbox"].filled-in:checked.chk-col-blue+label:after{border:2px solid #2196f3;background-color:#2196f3;}[type="checkbox"].filled-in:checked.chk-col-light-blue+label:after{border:2px solid #03a9f4;background-color:#03a9f4;}[type="checkbox"].filled-in:checked.chk-col-cyan+label:after{border:2px solid #00bcd4;background-color:#00bcd4;}[type="checkbox"].filled-in:checked.chk-col-teal+label:after{border:2px solid #009688;background-color:#009688;}[type="checkbox"].filled-in:checked.chk-col-green+label:after{border:2px solid #4caf50;background-color:#4caf50;}[type="checkbox"].filled-in:checked.chk-col-light-green+label:after{border:2px solid #8bc34a;background-color:#8bc34a;}[type="checkbox"].filled-in:checked.chk-col-lime+label:after{border:2px solid #cddc39;background-color:#cddc39;}[type="checkbox"].filled-in:checked.chk-col-yellow+label:after{border:2px solid #ffe821;background-color:#ffe821;}[type="checkbox"].filled-in:checked.chk-col-amber+label:after{border:2px solid #ffc107;background-color:#ffc107;}[type="checkbox"].filled-in:checked.chk-col-orange+label:after{border:2px solid #ff9800;background-color:#ff9800;}[type="checkbox"].filled-in:checked.chk-col-deep-orange+label:after{border:2px solid #ff5722;background-color:#ff5722;}[type="checkbox"].filled-in:checked.chk-col-brown+label:after{border:2px solid #795548;background-color:#795548;}[type="checkbox"].filled-in:checked.chk-col-grey+label:after{border:2px solid #9e9e9e;background-color:#9e9e9e;}[type="checkbox"].filled-in:checked.chk-col-blue-grey+label:after{border:2px solid #607d8b;background-color:#607d8b;}[type="checkbox"].filled-in:checked.chk-col-black+label:after{border:2px solid #000;background-color:#000;}[type="checkbox"].filled-in:checked.chk-col-white+label:after{border:2px solid #fff;background-color:#fff;}[type="radio"]:not(:checked)+label{padding-left:26px;height:25px;line-height:25px;font-size:13px;font-weight:normal;}[type="radio"]:checked+label{padding-left:26px;height:25px;line-height:25px;font-size:13px;font-weight:normal;}[type="radio"].radio-col-red:checked+label:after{background-color:#f44336;border-color:#f44336;}[type="radio"].radio-col-pink:checked+label:after{background-color:#e91e63;border-color:#e91e63;}[type="radio"].radio-col-purple:checked+label:after{background-color:#9c27b0;border-color:#9c27b0;}[type="radio"].radio-col-deep-purple:checked+label:after{background-color:#673ab7;border-color:#673ab7;}[type="radio"].radio-col-indigo:checked+label:after{background-color:#3f51b5;border-color:#3f51b5;}[type="radio"].radio-col-blue:checked+label:after{background-color:#2196f3;border-color:#2196f3;}[type="radio"].radio-col-light-blue:checked+label:after{background-color:#03a9f4;border-color:#03a9f4;}[type="radio"].radio-col-cyan:checked+label:after{background-color:#00bcd4;border-color:#00bcd4;}[type="radio"].radio-col-teal:checked+label:after{background-color:#009688;border-color:#009688;}[type="radio"].radio-col-green:checked+label:after{background-color:#4caf50;border-color:#4caf50;}[type="radio"].radio-col-light-green:checked+label:after{background-color:#8bc34a;border-color:#8bc34a;}[type="radio"].radio-col-lime:checked+label:after{background-color:#cddc39;border-color:#cddc39;}[type="radio"].radio-col-yellow:checked+label:after{background-color:#ffe821;border-color:#ffe821;}[type="radio"].radio-col-amber:checked+label:after{background-color:#ffc107;border-color:#ffc107;}[type="radio"].radio-col-orange:checked+label:after{background-color:#ff9800;border-color:#ff9800;}[type="radio"].radio-col-deep-orange:checked+label:after{background-color:#ff5722;border-color:#ff5722;}[type="radio"].radio-col-brown:checked+label:after{background-color:#795548;border-color:#795548;}[type="radio"].radio-col-grey:checked+label:after{background-color:#9e9e9e;border-color:#9e9e9e;}[type="radio"].radio-col-blue-grey:checked+label:after{background-color:#607d8b;border-color:#607d8b;}[type="radio"].radio-col-black:checked+label:after{background-color:#000;border-color:#000;}[type="radio"].radio-col-white:checked+label:after{background-color:#fff;border-color:#fff;}[type="radio"].with-gap.radio-col-red:checked+label:before{border:2px solid #f44336;}[type="radio"].with-gap.radio-col-red:checked+label:after{background-color:#f44336;border:2px solid #f44336;}[type="radio"].with-gap.radio-col-pink:checked+label:before{border:2px solid #e91e63;}[type="radio"].with-gap.radio-col-pink:checked+label:after{background-color:#e91e63;border:2px solid #e91e63;}[type="radio"].with-gap.radio-col-purple:checked+label:before{border:2px solid #9c27b0;}[type="radio"].with-gap.radio-col-purple:checked+label:after{background-color:#9c27b0;border:2px solid #9c27b0;}[type="radio"].with-gap.radio-col-deep-purple:checked+label:before{border:2px solid #673ab7;}[type="radio"].with-gap.radio-col-deep-purple:checked+label:after{background-color:#673ab7;border:2px solid #673ab7;}[type="radio"].with-gap.radio-col-indigo:checked+label:before{border:2px solid #3f51b5;}[type="radio"].with-gap.radio-col-indigo:checked+label:after{background-color:#3f51b5;border:2px solid #3f51b5;}[type="radio"].with-gap.radio-col-blue:checked+label:before{border:2px solid #2196f3;}[type="radio"].with-gap.radio-col-blue:checked+label:after{background-color:#2196f3;border:2px solid #2196f3;}[type="radio"].with-gap.radio-col-light-blue:checked+label:before{border:2px solid #03a9f4;}[type="radio"].with-gap.radio-col-light-blue:checked+label:after{background-color:#03a9f4;border:2px solid #03a9f4;}[type="radio"].with-gap.radio-col-cyan:checked+label:before{border:2px solid #00bcd4;}[type="radio"].with-gap.radio-col-cyan:checked+label:after{background-color:#00bcd4;border:2px solid #00bcd4;}[type="radio"].with-gap.radio-col-teal:checked+label:before{border:2px solid #009688;}[type="radio"].with-gap.radio-col-teal:checked+label:after{background-color:#009688;border:2px solid #009688;}[type="radio"].with-gap.radio-col-green:checked+label:before{border:2px solid #4caf50;}[type="radio"].with-gap.radio-col-green:checked+label:after{background-color:#4caf50;border:2px solid #4caf50;}[type="radio"].with-gap.radio-col-light-green:checked+label:before{border:2px solid #8bc34a;}[type="radio"].with-gap.radio-col-light-green:checked+label:after{background-color:#8bc34a;border:2px solid #8bc34a;}[type="radio"].with-gap.radio-col-lime:checked+label:before{border:2px solid #cddc39;}[type="radio"].with-gap.radio-col-lime:checked+label:after{background-color:#cddc39;border:2px solid #cddc39;}[type="radio"].with-gap.radio-col-yellow:checked+label:before{border:2px solid #ffe821;}[type="radio"].with-gap.radio-col-yellow:checked+label:after{background-color:#ffe821;border:2px solid #ffe821;}[type="radio"].with-gap.radio-col-amber:checked+label:before{border:2px solid #ffc107;}[type="radio"].with-gap.radio-col-amber:checked+label:after{background-color:#ffc107;border:2px solid #ffc107;}[type="radio"].with-gap.radio-col-orange:checked+label:before{border:2px solid #ff9800;}[type="radio"].with-gap.radio-col-orange:checked+label:after{background-color:#ff9800;border:2px solid #ff9800;}[type="radio"].with-gap.radio-col-deep-orange:checked+label:before{border:2px solid #ff5722;}[type="radio"].with-gap.radio-col-deep-orange:checked+label:after{background-color:#ff5722;border:2px solid #ff5722;}[type="radio"].with-gap.radio-col-brown:checked+label:before{border:2px solid #795548;}[type="radio"].with-gap.radio-col-brown:checked+label:after{background-color:#795548;border:2px solid #795548;}[type="radio"].with-gap.radio-col-grey:checked+label:before{border:2px solid #9e9e9e;}[type="radio"].with-gap.radio-col-grey:checked+label:after{background-color:#9e9e9e;border:2px solid #9e9e9e;}[type="radio"].with-gap.radio-col-blue-grey:checked+label:before{border:2px solid #607d8b;}[type="radio"].with-gap.radio-col-blue-grey:checked+label:after{background-color:#607d8b;border:2px solid #607d8b;}[type="radio"].with-gap.radio-col-black:checked+label:before{border:2px solid #000;}[type="radio"].with-gap.radio-col-black:checked+label:after{background-color:#000;border:2px solid #000;}[type="radio"].with-gap.radio-col-white:checked+label:before{border:2px solid #fff;}[type="radio"].with-gap.radio-col-white:checked+label:after{background-color:#fff;border:2px solid #fff;}.switch label{font-weight:normal;font-size:13px;}.switch label .lever{margin:0 14px;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-red:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(244,67,54,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-red{background-color:rgba(244,67,54,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-red:after{background-color:#f44336;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-pink:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(233,30,99,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-pink{background-color:rgba(233,30,99,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-pink:after{background-color:#e91e63;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-purple:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(156,39,176,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-purple{background-color:rgba(156,39,176,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-purple:after{background-color:#9c27b0;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-deep-purple:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(103,58,183,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-deep-purple{background-color:rgba(103,58,183,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-deep-purple:after{background-color:#673ab7;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-indigo:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(63,81,181,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-indigo{background-color:rgba(63,81,181,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-indigo:after{background-color:#3f51b5;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-blue:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(33,150,243,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-blue{background-color:rgba(33,150,243,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-blue:after{background-color:#2196f3;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-light-blue:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(3,169,244,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-light-blue{background-color:rgba(3,169,244,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-light-blue:after{background-color:#03a9f4;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-cyan:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(0,188,212,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-cyan{background-color:rgba(0,188,212,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-cyan:after{background-color:#00bcd4;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-teal:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(0,150,136,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-teal{background-color:rgba(0,150,136,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-teal:after{background-color:#009688;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-green:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(76,175,80,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-green{background-color:rgba(76,175,80,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-green:after{background-color:#4caf50;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-light-green:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(139,195,74,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-light-green{background-color:rgba(139,195,74,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-light-green:after{background-color:#8bc34a;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-lime:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(205,220,57,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-lime{background-color:rgba(205,220,57,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-lime:after{background-color:#cddc39;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-yellow:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(255,232,33,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-yellow{background-color:rgba(255,232,33,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-yellow:after{background-color:#ffe821;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-amber:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(255,193,7,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-amber{background-color:rgba(255,193,7,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-amber:after{background-color:#ffc107;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-orange:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(255,152,0,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-orange{background-color:rgba(255,152,0,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-orange:after{background-color:#ff9800;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-deep-orange:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(255,87,34,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-deep-orange{background-color:rgba(255,87,34,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-deep-orange:after{background-color:#ff5722;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-brown:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(121,85,72,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-brown{background-color:rgba(121,85,72,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-brown:after{background-color:#795548;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-grey:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(158,158,158,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-grey{background-color:rgba(158,158,158,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-grey:after{background-color:#9e9e9e;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-blue-grey:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(96,125,139,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-blue-grey{background-color:rgba(96,125,139,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-blue-grey:after{background-color:#607d8b;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-black:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(0,0,0,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-black{background-color:rgba(0,0,0,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-black:after{background-color:#000;}.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-white:active:after{box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(255,255,255,.1);}.switch label input[type=checkbox]:checked+.lever.switch-col-white{background-color:rgba(255,255,255,.5);}.switch label input[type=checkbox]:checked+.lever.switch-col-white:after{background-color:#fff;}.dtp div.dtp-date,.dtp div.dtp-time{background:#007d72;}.dtp>.dtp-content>.dtp-date-view>header.dtp-header{background:#009688;}.dtp .dtp-buttons .dtp-btn-ok{margin-left:10px;}.dtp .dtp-buttons .dtp-btn-clear{margin-right:10px !important;}.dtp .p10>a{color:#fff;}.dtp div.dtp-actual-year{font-size:1.5em;color:#fff;}.dtp table.dtp-picker-days tr td a.selected{background:#007d72;color:#fff;}.datepicker.datepicker-dropdown.dropdown-menu{margin-top:0 !important;}.datepicker table tr td.active{background-image:-webkit-gradient(linear,0 0,0 100%,from(#009688),to(#009688));background-image:-webkit-linear-gradient(to bottom,#009688,#009688);background-image:-o-linear-gradient(to bottom,#009688,#009688);background-image:linear-gradient(to bottom,#009688,#009688);border:none;}.datepicker table tr td.active:hover.active{background-image:-webkit-gradient(linear,0 0,0 100%,from(#009688),to(#009688));background-image:-webkit-linear-gradient(to bottom,#009688,#009688);background-image:-o-linear-gradient(to bottom,#009688,#009688);background-image:linear-gradient(to bottom,#009688,#009688);border:none;}.datepicker table tr td.selected{background-image:-webkit-gradient(linear,0 0,0 100%,from(#009688),to(#009688));background-image:-webkit-linear-gradient(to bottom,#009688,#009688);background-image:-o-linear-gradient(to bottom,#009688,#009688);background-image:linear-gradient(to bottom,#009688,#009688);border:none;}.datepicker table tr td span.active{background-image:-webkit-gradient(linear,0 0,0 100%,from(#009688),to(#009688));background-image:-webkit-linear-gradient(to bottom,#009688,#009688);background-image:-o-linear-gradient(to bottom,#009688,#009688);background-image:linear-gradient(to bottom,#009688,#009688);border:none;}.datepicker table tr td span.active:hover.active{background-image:-webkit-gradient(linear,0 0,0 100%,from(#009688),to(#009688));background-image:-webkit-linear-gradient(to bottom,#009688,#009688);background-image:-o-linear-gradient(to bottom,#009688,#009688);background-image:linear-gradient(to bottom,#009688,#009688);border:none;}.datepicker table.table-condensed>tbody>tr>td{padding:6px 9px;}.input-daterange .form-control{text-align:left;}.input-daterange .input-group-addon{padding-right:10px !important;}.bootstrap-select{box-shadow:none !important;border-bottom:1px solid #ddd !important;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select .dropdown-toggle:active{outline:none !important;}.bootstrap-select .bs-searchbox,.bootstrap-select .bs-actionsbox,.bootstrap-select .bs-donebutton{padding:0 0 5px 0;border-bottom:1px solid #e9e9e9;}.bootstrap-select .bs-searchbox .form-control,.bootstrap-select .bs-actionsbox .form-control,.bootstrap-select .bs-donebutton .form-control{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;-ms-box-shadow:none !important;box-shadow:none !important;border:none;margin-left:30px;}.bootstrap-select .bs-searchbox{position:relative;}.bootstrap-select .bs-searchbox:after{content:'';font-family:'Material Icons';position:absolute;top:0;left:10px;font-size:25px;}.bootstrap-select ul.dropdown-menu{margin-top:0 !important;}.bootstrap-select .dropdown-menu li.selected a{background-color:#eee !important;color:#555 !important;}.bootstrap-select .dropdown-menu .active a{background-color:transparent;color:#333 !important;}.bootstrap-select .dropdown-menu .notify{background-color:#f44336 !important;color:#fff !important;border:none !important;}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{margin-top:9px;}.tooltip{font-size:13px;}.tooltip .tooltip-inner{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.popover{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;border:1px solid rgba(0,0,0,.08);}.popover .popover-title{font-weight:bold;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;background-color:#e9e9e9;border-bottom:1px solid #ddd;}.popover .popover-content{font-size:13px;color:#777;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.nav-tabs{border-bottom:2px solid #eee;}.nav-tabs>li{position:relative;top:3px;left:-2px;}.nav-tabs>li>a{border:none !important;color:#999 !important;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.nav-tabs>li>a:hover,.nav-tabs>li>a:active,.nav-tabs>li>a:focus{background-color:transparent !important;}.nav-tabs>li>a:before{content:'';position:absolute;left:0;width:100%;height:0;border-bottom:2px solid #2196f3;bottom:2px;-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transition:.1s ease-in;-o-transition:.1s ease-in;-webkit-transition:.1s ease-in;transition:.1s ease-in;}.nav-tabs>li>a .material-icons{position:relative;top:7px;margin-bottom:8px;}.nav-tabs li.active a{color:#222 !important;}.nav-tabs li.active a:hover,.nav-tabs li.active a:active,.nav-tabs li.active a:focus{background-color:transparent !important;}.nav-tabs li.active a:before{-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1);}.nav-tabs+.tab-content{padding:15px 0;}.nav-tabs.tab-col-red>li>a:before{border-bottom:2px solid #f44336;}.nav-tabs.tab-col-pink>li>a:before{border-bottom:2px solid #e91e63;}.nav-tabs.tab-col-purple>li>a:before{border-bottom:2px solid #9c27b0;}.nav-tabs.tab-col-deep-purple>li>a:before{border-bottom:2px solid #673ab7;}.nav-tabs.tab-col-indigo>li>a:before{border-bottom:2px solid #3f51b5;}.nav-tabs.tab-col-blue>li>a:before{border-bottom:2px solid #2196f3;}.nav-tabs.tab-col-light-blue>li>a:before{border-bottom:2px solid #03a9f4;}.nav-tabs.tab-col-cyan>li>a:before{border-bottom:2px solid #00bcd4;}.nav-tabs.tab-col-teal>li>a:before{border-bottom:2px solid #009688;}.nav-tabs.tab-col-green>li>a:before{border-bottom:2px solid #4caf50;}.nav-tabs.tab-col-light-green>li>a:before{border-bottom:2px solid #8bc34a;}.nav-tabs.tab-col-lime>li>a:before{border-bottom:2px solid #cddc39;}.nav-tabs.tab-col-yellow>li>a:before{border-bottom:2px solid #ffe821;}.nav-tabs.tab-col-amber>li>a:before{border-bottom:2px solid #ffc107;}.nav-tabs.tab-col-orange>li>a:before{border-bottom:2px solid #ff9800;}.nav-tabs.tab-col-deep-orange>li>a:before{border-bottom:2px solid #ff5722;}.nav-tabs.tab-col-brown>li>a:before{border-bottom:2px solid #795548;}.nav-tabs.tab-col-grey>li>a:before{border-bottom:2px solid #9e9e9e;}.nav-tabs.tab-col-blue-grey>li>a:before{border-bottom:2px solid #607d8b;}.nav-tabs.tab-col-black>li>a:before{border-bottom:2px solid #000;}.nav-tabs.tab-col-white>li>a:before{border-bottom:2px solid #fff;}.thumbnail{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.thumbnail p:not(button){color:#999;font-size:14px;}.thumbnail h3{font-weight:bold;font-size:17px;}.modal .modal-header{border:none;padding:25px 25px 5px 25px;}.modal .modal-header .modal-title{font-weight:bold;font-size:16px;}.modal .modal-content{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;box-shadow:0 5px 20px rgba(0,0,0,.31) !important;border:none;}.modal .modal-content .modal-body{color:#777;padding:15px 25px;}.modal .modal-footer{border:none;}.modal-col-red{background-color:#f44336;}.modal-col-red .modal-body,.modal-col-red .modal-title{color:#fff !important;}.modal-col-red .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-red .modal-footer .btn-link{color:#fff !important;}.modal-col-red .modal-footer .btn-link:hover,.modal-col-red .modal-footer .btn-link:active,.modal-col-red .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-pink{background-color:#e91e63;}.modal-col-pink .modal-body,.modal-col-pink .modal-title{color:#fff !important;}.modal-col-pink .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-pink .modal-footer .btn-link{color:#fff !important;}.modal-col-pink .modal-footer .btn-link:hover,.modal-col-pink .modal-footer .btn-link:active,.modal-col-pink .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-purple{background-color:#9c27b0;}.modal-col-purple .modal-body,.modal-col-purple .modal-title{color:#fff !important;}.modal-col-purple .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-purple .modal-footer .btn-link{color:#fff !important;}.modal-col-purple .modal-footer .btn-link:hover,.modal-col-purple .modal-footer .btn-link:active,.modal-col-purple .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-deep-purple{background-color:#673ab7;}.modal-col-deep-purple .modal-body,.modal-col-deep-purple .modal-title{color:#fff !important;}.modal-col-deep-purple .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-deep-purple .modal-footer .btn-link{color:#fff !important;}.modal-col-deep-purple .modal-footer .btn-link:hover,.modal-col-deep-purple .modal-footer .btn-link:active,.modal-col-deep-purple .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-indigo{background-color:#3f51b5;}.modal-col-indigo .modal-body,.modal-col-indigo .modal-title{color:#fff !important;}.modal-col-indigo .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-indigo .modal-footer .btn-link{color:#fff !important;}.modal-col-indigo .modal-footer .btn-link:hover,.modal-col-indigo .modal-footer .btn-link:active,.modal-col-indigo .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-blue{background-color:#2196f3;}.modal-col-blue .modal-body,.modal-col-blue .modal-title{color:#fff !important;}.modal-col-blue .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-blue .modal-footer .btn-link{color:#fff !important;}.modal-col-blue .modal-footer .btn-link:hover,.modal-col-blue .modal-footer .btn-link:active,.modal-col-blue .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-light-blue{background-color:#03a9f4;}.modal-col-light-blue .modal-body,.modal-col-light-blue .modal-title{color:#fff !important;}.modal-col-light-blue .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-light-blue .modal-footer .btn-link{color:#fff !important;}.modal-col-light-blue .modal-footer .btn-link:hover,.modal-col-light-blue .modal-footer .btn-link:active,.modal-col-light-blue .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-cyan{background-color:#00bcd4;}.modal-col-cyan .modal-body,.modal-col-cyan .modal-title{color:#fff !important;}.modal-col-cyan .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-cyan .modal-footer .btn-link{color:#fff !important;}.modal-col-cyan .modal-footer .btn-link:hover,.modal-col-cyan .modal-footer .btn-link:active,.modal-col-cyan .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-teal{background-color:#009688;}.modal-col-teal .modal-body,.modal-col-teal .modal-title{color:#fff !important;}.modal-col-teal .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-teal .modal-footer .btn-link{color:#fff !important;}.modal-col-teal .modal-footer .btn-link:hover,.modal-col-teal .modal-footer .btn-link:active,.modal-col-teal .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-green{background-color:#4caf50;}.modal-col-green .modal-body,.modal-col-green .modal-title{color:#fff !important;}.modal-col-green .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-green .modal-footer .btn-link{color:#fff !important;}.modal-col-green .modal-footer .btn-link:hover,.modal-col-green .modal-footer .btn-link:active,.modal-col-green .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-light-green{background-color:#8bc34a;}.modal-col-light-green .modal-body,.modal-col-light-green .modal-title{color:#fff !important;}.modal-col-light-green .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-light-green .modal-footer .btn-link{color:#fff !important;}.modal-col-light-green .modal-footer .btn-link:hover,.modal-col-light-green .modal-footer .btn-link:active,.modal-col-light-green .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-lime{background-color:#cddc39;}.modal-col-lime .modal-body,.modal-col-lime .modal-title{color:#fff !important;}.modal-col-lime .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-lime .modal-footer .btn-link{color:#fff !important;}.modal-col-lime .modal-footer .btn-link:hover,.modal-col-lime .modal-footer .btn-link:active,.modal-col-lime .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-yellow{background-color:#ffe821;}.modal-col-yellow .modal-body,.modal-col-yellow .modal-title{color:#fff !important;}.modal-col-yellow .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-yellow .modal-footer .btn-link{color:#fff !important;}.modal-col-yellow .modal-footer .btn-link:hover,.modal-col-yellow .modal-footer .btn-link:active,.modal-col-yellow .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-amber{background-color:#ffc107;}.modal-col-amber .modal-body,.modal-col-amber .modal-title{color:#fff !important;}.modal-col-amber .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-amber .modal-footer .btn-link{color:#fff !important;}.modal-col-amber .modal-footer .btn-link:hover,.modal-col-amber .modal-footer .btn-link:active,.modal-col-amber .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-orange{background-color:#ff9800;}.modal-col-orange .modal-body,.modal-col-orange .modal-title{color:#fff !important;}.modal-col-orange .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-orange .modal-footer .btn-link{color:#fff !important;}.modal-col-orange .modal-footer .btn-link:hover,.modal-col-orange .modal-footer .btn-link:active,.modal-col-orange .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-deep-orange{background-color:#ff5722;}.modal-col-deep-orange .modal-body,.modal-col-deep-orange .modal-title{color:#fff !important;}.modal-col-deep-orange .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-deep-orange .modal-footer .btn-link{color:#fff !important;}.modal-col-deep-orange .modal-footer .btn-link:hover,.modal-col-deep-orange .modal-footer .btn-link:active,.modal-col-deep-orange .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-brown{background-color:#795548;}.modal-col-brown .modal-body,.modal-col-brown .modal-title{color:#fff !important;}.modal-col-brown .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-brown .modal-footer .btn-link{color:#fff !important;}.modal-col-brown .modal-footer .btn-link:hover,.modal-col-brown .modal-footer .btn-link:active,.modal-col-brown .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-grey{background-color:#9e9e9e;}.modal-col-grey .modal-body,.modal-col-grey .modal-title{color:#fff !important;}.modal-col-grey .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-grey .modal-footer .btn-link{color:#fff !important;}.modal-col-grey .modal-footer .btn-link:hover,.modal-col-grey .modal-footer .btn-link:active,.modal-col-grey .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-blue-grey{background-color:#607d8b;}.modal-col-blue-grey .modal-body,.modal-col-blue-grey .modal-title{color:#fff !important;}.modal-col-blue-grey .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-blue-grey .modal-footer .btn-link{color:#fff !important;}.modal-col-blue-grey .modal-footer .btn-link:hover,.modal-col-blue-grey .modal-footer .btn-link:active,.modal-col-blue-grey .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-black{background-color:#000;}.modal-col-black .modal-body,.modal-col-black .modal-title{color:#fff !important;}.modal-col-black .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-black .modal-footer .btn-link{color:#fff !important;}.modal-col-black .modal-footer .btn-link:hover,.modal-col-black .modal-footer .btn-link:active,.modal-col-black .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.modal-col-white{background-color:#fff;}.modal-col-white .modal-body,.modal-col-white .modal-title{color:#fff !important;}.modal-col-white .modal-footer{background-color:rgba(0,0,0,.12);}.modal-col-white .modal-footer .btn-link{color:#fff !important;}.modal-col-white .modal-footer .btn-link:hover,.modal-col-white .modal-footer .btn-link:active,.modal-col-white .modal-footer .btn-link:focus{background-color:rgba(0,0,0,.12);}.label{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.label-primary{background-color:#1f91f3;}.label-success{background-color:#2b982b;}.label-info{background-color:#00b0e4;}.label-warning{background-color:#ff9600;}.label-danger{background-color:#fb483a;}.collapse .well,.collapse.in .well,.collapsing .well{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;margin-bottom:0;}.table tbody tr td,.table tbody tr th{padding:10px;border-top:1px solid #eee;border-bottom:1px solid #eee;}.table tbody tr.primary td,.table tbody tr.primary th{background-color:#1f91f3;color:#fff;}.table tbody tr.success td,.table tbody tr.success th{background-color:#2b982b;color:#fff;}.table tbody tr.info td,.table tbody tr.info th{background-color:#00b0e4;color:#fff;}.table tbody tr.warning td,.table tbody tr.warning th{background-color:#ff9600;color:#fff;}.table tbody tr.danger td,.table tbody tr.danger th{background-color:#fb483a;color:#fff;}.table thead tr th{padding:10px;border-bottom:1px solid #eee;}.table-bordered{border-top:1px solid #eee;}.table-bordered tbody tr td,.table-bordered tbody tr th{padding:10px;border:1px solid #eee;}.table-bordered thead tr th{padding:10px;border:1px solid #eee;}.panel-group .panel-col-red{border:1px solid #f44336;}.panel-group .panel-col-red .panel-title{background-color:#f44336 !important;color:#fff;}.panel-group .panel-col-red .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-pink{border:1px solid #e91e63;}.panel-group .panel-col-pink .panel-title{background-color:#e91e63 !important;color:#fff;}.panel-group .panel-col-pink .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-purple{border:1px solid #9c27b0;}.panel-group .panel-col-purple .panel-title{background-color:#9c27b0 !important;color:#fff;}.panel-group .panel-col-purple .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-deep-purple{border:1px solid #673ab7;}.panel-group .panel-col-deep-purple .panel-title{background-color:#673ab7 !important;color:#fff;}.panel-group .panel-col-deep-purple .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-indigo{border:1px solid #3f51b5;}.panel-group .panel-col-indigo .panel-title{background-color:#3f51b5 !important;color:#fff;}.panel-group .panel-col-indigo .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-blue{border:1px solid #2196f3;}.panel-group .panel-col-blue .panel-title{background-color:#2196f3 !important;color:#fff;}.panel-group .panel-col-blue .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-light-blue{border:1px solid #03a9f4;}.panel-group .panel-col-light-blue .panel-title{background-color:#03a9f4 !important;color:#fff;}.panel-group .panel-col-light-blue .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-cyan{border:1px solid #00bcd4;}.panel-group .panel-col-cyan .panel-title{background-color:#00bcd4 !important;color:#fff;}.panel-group .panel-col-cyan .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-teal{border:1px solid #009688;}.panel-group .panel-col-teal .panel-title{background-color:#009688 !important;color:#fff;}.panel-group .panel-col-teal .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-green{border:1px solid #4caf50;}.panel-group .panel-col-green .panel-title{background-color:#4caf50 !important;color:#fff;}.panel-group .panel-col-green .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-light-green{border:1px solid #8bc34a;}.panel-group .panel-col-light-green .panel-title{background-color:#8bc34a !important;color:#fff;}.panel-group .panel-col-light-green .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-lime{border:1px solid #cddc39;}.panel-group .panel-col-lime .panel-title{background-color:#cddc39 !important;color:#fff;}.panel-group .panel-col-lime .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-yellow{border:1px solid #ffe821;}.panel-group .panel-col-yellow .panel-title{background-color:#ffe821 !important;color:#fff;}.panel-group .panel-col-yellow .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-amber{border:1px solid #ffc107;}.panel-group .panel-col-amber .panel-title{background-color:#ffc107 !important;color:#fff;}.panel-group .panel-col-amber .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-orange{border:1px solid #ff9800;}.panel-group .panel-col-orange .panel-title{background-color:#ff9800 !important;color:#fff;}.panel-group .panel-col-orange .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-deep-orange{border:1px solid #ff5722;}.panel-group .panel-col-deep-orange .panel-title{background-color:#ff5722 !important;color:#fff;}.panel-group .panel-col-deep-orange .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-brown{border:1px solid #795548;}.panel-group .panel-col-brown .panel-title{background-color:#795548 !important;color:#fff;}.panel-group .panel-col-brown .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-grey{border:1px solid #9e9e9e;}.panel-group .panel-col-grey .panel-title{background-color:#9e9e9e !important;color:#fff;}.panel-group .panel-col-grey .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-blue-grey{border:1px solid #607d8b;}.panel-group .panel-col-blue-grey .panel-title{background-color:#607d8b !important;color:#fff;}.panel-group .panel-col-blue-grey .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-black{border:1px solid #000;}.panel-group .panel-col-black .panel-title{background-color:#000 !important;color:#fff;}.panel-group .panel-col-black .panel-body{border-top-color:transparent !important;}.panel-group .panel-col-white{border:1px solid #fff;}.panel-group .panel-col-white .panel-title{background-color:#fff !important;color:#fff;}.panel-group .panel-col-white .panel-body{border-top-color:transparent !important;}.panel-group .panel{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.panel-group .panel .panel-title .material-icons{float:left;line-height:16px;margin-right:8px;}.panel-group .panel .panel-heading{padding:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.panel-group .panel .panel-heading a{display:block;padding:10px 15px;}.panel-group .panel .panel-heading a:hover,.panel-group .panel .panel-heading a:focus,.panel-group .panel .panel-heading a:active{text-decoration:none;}.panel-group .panel .panel-body{color:#555;}.panel-group .panel-primary{border:1px solid #1f91f3;}.panel-group .panel-primary .panel-title{background-color:#1f91f3;}.panel-group .panel-success{border:1px solid #2b982b;}.panel-group .panel-success .panel-title{background-color:#2b982b;color:#fff;}.panel-group .panel-warning{border:1px solid #ff9600;}.panel-group .panel-warning .panel-title{background-color:#ff9600;color:#fff;}.panel-group .panel-danger{border:1px solid #fb483a;}.panel-group .panel-danger .panel-title{background-color:#fb483a;color:#fff;}.full-body .panel-col-red .panel-body{border-top-color:#fff !important;background-color:#f44336;color:#fff;}.full-body .panel-col-pink .panel-body{border-top-color:#fff !important;background-color:#e91e63;color:#fff;}.full-body .panel-col-purple .panel-body{border-top-color:#fff !important;background-color:#9c27b0;color:#fff;}.full-body .panel-col-deep-purple .panel-body{border-top-color:#fff !important;background-color:#673ab7;color:#fff;}.full-body .panel-col-indigo .panel-body{border-top-color:#fff !important;background-color:#3f51b5;color:#fff;}.full-body .panel-col-blue .panel-body{border-top-color:#fff !important;background-color:#2196f3;color:#fff;}.full-body .panel-col-light-blue .panel-body{border-top-color:#fff !important;background-color:#03a9f4;color:#fff;}.full-body .panel-col-cyan .panel-body{border-top-color:#fff !important;background-color:#00bcd4;color:#fff;}.full-body .panel-col-teal .panel-body{border-top-color:#fff !important;background-color:#009688;color:#fff;}.full-body .panel-col-green .panel-body{border-top-color:#fff !important;background-color:#4caf50;color:#fff;}.full-body .panel-col-light-green .panel-body{border-top-color:#fff !important;background-color:#8bc34a;color:#fff;}.full-body .panel-col-lime .panel-body{border-top-color:#fff !important;background-color:#cddc39;color:#fff;}.full-body .panel-col-yellow .panel-body{border-top-color:#fff !important;background-color:#ffe821;color:#fff;}.full-body .panel-col-amber .panel-body{border-top-color:#fff !important;background-color:#ffc107;color:#fff;}.full-body .panel-col-orange .panel-body{border-top-color:#fff !important;background-color:#ff9800;color:#fff;}.full-body .panel-col-deep-orange .panel-body{border-top-color:#fff !important;background-color:#ff5722;color:#fff;}.full-body .panel-col-brown .panel-body{border-top-color:#fff !important;background-color:#795548;color:#fff;}.full-body .panel-col-grey .panel-body{border-top-color:#fff !important;background-color:#9e9e9e;color:#fff;}.full-body .panel-col-blue-grey .panel-body{border-top-color:#fff !important;background-color:#607d8b;color:#fff;}.full-body .panel-col-black .panel-body{border-top-color:#fff !important;background-color:#000;color:#fff;}.full-body .panel-col-white .panel-body{border-top-color:#fff !important;background-color:#fff;color:#fff;}.full-body .panel-primary .panel-body{border-top-color:#fff !important;background-color:#1f91f3;color:#fff;}.full-body .panel-success .panel-body{border-top-color:#fff !important;background-color:#2b982b;color:#fff;}.full-body .panel-warning .panel-body{border-top-color:#fff !important;background-color:#ff9600;color:#fff;}.full-body .panel-danger .panel-body{border-top-color:#fff !important;background-color:#fb483a;color:#fff;}.progress{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;height:22px;}.progress .progress-bar{line-height:23px;background-color:#1f91f3;}.progress .progress-bar-success{background-color:#2b982b;}.progress .progress-bar-info{background-color:#00b0e4;}.progress .progress-bar-warning{background-color:#ff9600;}.progress .progress-bar-danger{background-color:#fb483a;}.irs .irs-min,.irs .irs-max,.irs .irs-from,.irs .irs-to,.irs .irs-single{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.input-group{width:100%;margin-bottom:20px;}.input-group .form-line{display:inline-block;width:100%;border-bottom:1px solid #ddd;position:relative;}.input-group .form-line:after{content:'';position:absolute;left:0;width:100%;bottom:-2px;-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transition:.25s ease-in;-o-transition:.25s ease-in;-webkit-transition:.25s ease-in;transition:.25s ease-in;border-bottom:2px solid #1f91f3;}.input-group .form-line+.input-group-addon{padding-right:0;padding-left:10px;}.input-group .help-info{float:right;font-size:12px;margin-top:5px;color:#999;}.input-group label.error{font-size:12px;display:block;margin-top:5px;font-weight:normal;color:#f44336;}.input-group .form-line.error:after{border-bottom:2px solid #f44336;}.input-group .form-line.success:after{border-bottom:2px solid #4caf50;}.input-group .form-line.warning:after{border-bottom:2px solid #ffc107;}.input-group .form-line.focused:after{-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1);}.input-group .form-line.focused .form-label{bottom:25px;left:0;font-size:12px;}.input-group .input-group-addon{border:none;background-color:transparent;padding-left:0;font-weight:bold;}.input-group .input-group-addon .material-icons{font-size:18px;color:#555;}.input-group input[type="text"],.input-group .form-control{border:none;box-shadow:none;padding-left:0;}.input-group .form-control:focus{-webkit-box-shadow:none !important;-moz-box-shadow:none !important;-ms-box-shadow:none !important;box-shadow:none !important;}.input-group.input-group-sm .input-group-addon i{font-size:14px;}.input-group.input-group-sm .form-control{font-size:12px;}.input-group.input-group-lg .input-group-addon i{font-size:26px;}.input-group.input-group-lg .form-control{font-size:18px;}.form-control-label{text-align:right;}.form-control-label label{margin-top:8px;}.form-horizontal .form-group{margin-bottom:0;}.form-group{width:100%;margin-bottom:25px;}.form-group .form-control{width:100%;border:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;padding-left:0;}.form-group .help-info{float:right;font-size:12px;margin-top:5px;color:#999;}.form-group label.error{font-size:12px;display:block;margin-top:5px;font-weight:normal;color:#f44336;}.form-group .form-line{width:100%;position:relative;border-bottom:1px solid #ddd;}.form-group .form-line:after{content:'';position:absolute;left:0;width:100%;height:0;bottom:-1px;-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transition:.25s ease-in;-o-transition:.25s ease-in;-webkit-transition:.25s ease-in;transition:.25s ease-in;border-bottom:2px solid #1f91f3;}.form-group .form-line .form-label{font-weight:normal;color:#aaa;position:absolute;top:10px;left:0;cursor:text;-moz-transition:.2s;-o-transition:.2s;-webkit-transition:.2s;transition:.2s;}.form-group .form-line.error:after{border-bottom:2px solid #f44336;}.form-group .form-line.success:after{border-bottom:2px solid #4caf50;}.form-group .form-line.warning:after{border-bottom:2px solid #ffc107;}.form-group .form-line.focused:after{-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1);}.form-group .form-line.focused .form-label{top:-10px;left:0;font-size:12px;}.form-group-sm .form-label{font-size:12px;}.form-group-sm .form-line.focused .form-label{bottom:20px;font-size:10px;}.form-group-lg .form-label{font-size:18px;}.form-group-lg .form-line.focused .form-label{bottom:35px;font-size:12px;}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:transparent;}.colorpicker{z-index:1;}.colorpicker:before,.colorpicker:after{display:none !important;}.dropzone{border:2px solid transparent !important;background-color:#eee !important;}.dropzone .dz-message .drag-icon-cph .material-icons{font-size:80px;color:#777;}.dz-drag-hover{border:2px dashed #888 !important;}.breadcrumb{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;background-color:transparent;font-size:13px;margin-bottom:10px;}.breadcrumb li a{color:#444;text-decoration:none;}.breadcrumb li a .material-icons{font-size:18px;position:relative;top:4px;}.breadcrumb li .material-icons{font-size:18px;position:relative;top:4px;}.breadcrumb>li+li:before{content:'> ';}.breadcrumb-col-red li a{color:#f44336 !important;font-weight:bold;}.breadcrumb-bg-red{background-color:#f44336 !important;}.breadcrumb-bg-red li{color:#fff !important;}.breadcrumb-bg-red li a{color:#fff;font-weight:bold;}.breadcrumb-bg-red li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-red li+li:before{color:#fff;}.breadcrumb-col-pink li a{color:#e91e63 !important;font-weight:bold;}.breadcrumb-bg-pink{background-color:#e91e63 !important;}.breadcrumb-bg-pink li{color:#fff !important;}.breadcrumb-bg-pink li a{color:#fff;font-weight:bold;}.breadcrumb-bg-pink li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-pink li+li:before{color:#fff;}.breadcrumb-col-purple li a{color:#9c27b0 !important;font-weight:bold;}.breadcrumb-bg-purple{background-color:#9c27b0 !important;}.breadcrumb-bg-purple li{color:#fff !important;}.breadcrumb-bg-purple li a{color:#fff;font-weight:bold;}.breadcrumb-bg-purple li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-purple li+li:before{color:#fff;}.breadcrumb-col-deep-purple li a{color:#673ab7 !important;font-weight:bold;}.breadcrumb-bg-deep-purple{background-color:#673ab7 !important;}.breadcrumb-bg-deep-purple li{color:#fff !important;}.breadcrumb-bg-deep-purple li a{color:#fff;font-weight:bold;}.breadcrumb-bg-deep-purple li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-deep-purple li+li:before{color:#fff;}.breadcrumb-col-indigo li a{color:#3f51b5 !important;font-weight:bold;}.breadcrumb-bg-indigo{background-color:#3f51b5 !important;}.breadcrumb-bg-indigo li{color:#fff !important;}.breadcrumb-bg-indigo li a{color:#fff;font-weight:bold;}.breadcrumb-bg-indigo li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-indigo li+li:before{color:#fff;}.breadcrumb-col-blue li a{color:#2196f3 !important;font-weight:bold;}.breadcrumb-bg-blue{background-color:#2196f3 !important;}.breadcrumb-bg-blue li{color:#fff !important;}.breadcrumb-bg-blue li a{color:#fff;font-weight:bold;}.breadcrumb-bg-blue li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-blue li+li:before{color:#fff;}.breadcrumb-col-light-blue li a{color:#03a9f4 !important;font-weight:bold;}.breadcrumb-bg-light-blue{background-color:#03a9f4 !important;}.breadcrumb-bg-light-blue li{color:#fff !important;}.breadcrumb-bg-light-blue li a{color:#fff;font-weight:bold;}.breadcrumb-bg-light-blue li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-light-blue li+li:before{color:#fff;}.breadcrumb-col-cyan li a{color:#00bcd4 !important;font-weight:bold;}.breadcrumb-bg-cyan{background-color:#00bcd4 !important;}.breadcrumb-bg-cyan li{color:#fff !important;}.breadcrumb-bg-cyan li a{color:#fff;font-weight:bold;}.breadcrumb-bg-cyan li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-cyan li+li:before{color:#fff;}.breadcrumb-col-teal li a{color:#009688 !important;font-weight:bold;}.breadcrumb-bg-teal{background-color:#009688 !important;}.breadcrumb-bg-teal li{color:#fff !important;}.breadcrumb-bg-teal li a{color:#fff;font-weight:bold;}.breadcrumb-bg-teal li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-teal li+li:before{color:#fff;}.breadcrumb-col-green li a{color:#4caf50 !important;font-weight:bold;}.breadcrumb-bg-green{background-color:#4caf50 !important;}.breadcrumb-bg-green li{color:#fff !important;}.breadcrumb-bg-green li a{color:#fff;font-weight:bold;}.breadcrumb-bg-green li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-green li+li:before{color:#fff;}.breadcrumb-col-light-green li a{color:#8bc34a !important;font-weight:bold;}.breadcrumb-bg-light-green{background-color:#8bc34a !important;}.breadcrumb-bg-light-green li{color:#fff !important;}.breadcrumb-bg-light-green li a{color:#fff;font-weight:bold;}.breadcrumb-bg-light-green li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-light-green li+li:before{color:#fff;}.breadcrumb-col-lime li a{color:#cddc39 !important;font-weight:bold;}.breadcrumb-bg-lime{background-color:#cddc39 !important;}.breadcrumb-bg-lime li{color:#fff !important;}.breadcrumb-bg-lime li a{color:#fff;font-weight:bold;}.breadcrumb-bg-lime li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-lime li+li:before{color:#fff;}.breadcrumb-col-yellow li a{color:#ffe821 !important;font-weight:bold;}.breadcrumb-bg-yellow{background-color:#ffe821 !important;}.breadcrumb-bg-yellow li{color:#fff !important;}.breadcrumb-bg-yellow li a{color:#fff;font-weight:bold;}.breadcrumb-bg-yellow li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-yellow li+li:before{color:#fff;}.breadcrumb-col-amber li a{color:#ffc107 !important;font-weight:bold;}.breadcrumb-bg-amber{background-color:#ffc107 !important;}.breadcrumb-bg-amber li{color:#fff !important;}.breadcrumb-bg-amber li a{color:#fff;font-weight:bold;}.breadcrumb-bg-amber li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-amber li+li:before{color:#fff;}.breadcrumb-col-orange li a{color:#ff9800 !important;font-weight:bold;}.breadcrumb-bg-orange{background-color:#ff9800 !important;}.breadcrumb-bg-orange li{color:#fff !important;}.breadcrumb-bg-orange li a{color:#fff;font-weight:bold;}.breadcrumb-bg-orange li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-orange li+li:before{color:#fff;}.breadcrumb-col-deep-orange li a{color:#ff5722 !important;font-weight:bold;}.breadcrumb-bg-deep-orange{background-color:#ff5722 !important;}.breadcrumb-bg-deep-orange li{color:#fff !important;}.breadcrumb-bg-deep-orange li a{color:#fff;font-weight:bold;}.breadcrumb-bg-deep-orange li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-deep-orange li+li:before{color:#fff;}.breadcrumb-col-brown li a{color:#795548 !important;font-weight:bold;}.breadcrumb-bg-brown{background-color:#795548 !important;}.breadcrumb-bg-brown li{color:#fff !important;}.breadcrumb-bg-brown li a{color:#fff;font-weight:bold;}.breadcrumb-bg-brown li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-brown li+li:before{color:#fff;}.breadcrumb-col-grey li a{color:#9e9e9e !important;font-weight:bold;}.breadcrumb-bg-grey{background-color:#9e9e9e !important;}.breadcrumb-bg-grey li{color:#fff !important;}.breadcrumb-bg-grey li a{color:#fff;font-weight:bold;}.breadcrumb-bg-grey li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-grey li+li:before{color:#fff;}.breadcrumb-col-blue-grey li a{color:#607d8b !important;font-weight:bold;}.breadcrumb-bg-blue-grey{background-color:#607d8b !important;}.breadcrumb-bg-blue-grey li{color:#fff !important;}.breadcrumb-bg-blue-grey li a{color:#fff;font-weight:bold;}.breadcrumb-bg-blue-grey li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-blue-grey li+li:before{color:#fff;}.breadcrumb-col-black li a{color:#000 !important;font-weight:bold;}.breadcrumb-bg-black{background-color:#000 !important;}.breadcrumb-bg-black li{color:#fff !important;}.breadcrumb-bg-black li a{color:#fff;font-weight:bold;}.breadcrumb-bg-black li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-black li+li:before{color:#fff;}.breadcrumb-col-white li a{color:#fff !important;font-weight:bold;}.breadcrumb-bg-white{background-color:#fff !important;}.breadcrumb-bg-white li{color:#fff !important;}.breadcrumb-bg-white li a{color:#fff;font-weight:bold;}.breadcrumb-bg-white li a .material-icons{padding-bottom:8px;}.breadcrumb-bg-white li+li:before{color:#fff;}.badge{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;}.list-group-item{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s;}.list-group .active{background-color:#2196f3;border-color:#2196f3;}.list-group .active:hover,.list-group .active:focus,.list-group .active:active{background-color:#2196f3;border-color:#2196f3;}.list-group .active .list-group-item-text{color:#dfe9f1;font-size:13px;}.list-group .active .list-group-item-text:hover,.list-group .active .list-group-item-text:active,.list-group .active .list-group-item-text:focus{color:#dfe9f1;}.list-group .list-group-item.active:hover .list-group-item-text,.list-group .list-group-item.active:focus .list-group-item-text,.list-group .list-group-item.active:active .list-group-item-text{color:#dfe9f1;}.list-group .list-group-item:first-child,.list-group .list-group-item:last-child{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.list-group .list-group-item .list-group-item-heading{font-weight:bold;font-size:17px;}.list-group .list-group-item-success{background-color:#2b982b;border:none;color:#fff;}.list-group .list-group-item-success:hover,.list-group .list-group-item-success:focus{background-color:#2b982b;color:#fff;opacity:.8;}.list-group .list-group-item-info{background-color:#00b0e4;border:none;color:#fff;}.list-group .list-group-item-info:hover,.list-group .list-group-item-info:focus{background-color:#00b0e4;color:#fff;opacity:.8;}.list-group .list-group-item-warning{background-color:#ff9600;border:none;color:#fff;}.list-group .list-group-item-warning:hover,.list-group .list-group-item-warning:focus{background-color:#ff9600;color:#fff;opacity:.8;}.list-group .list-group-item-danger{background-color:#fb483a;border:none;color:#fff;}.list-group .list-group-item-danger:hover,.list-group .list-group-item-danger:focus{background-color:#fb483a;color:#fff;opacity:.8;}.list-group .pl-red{stroke:#f44336;}.list-group .list-group-bg-red{background-color:#f44336;border:none;color:#fff;}.list-group .list-group-bg-red:hover,.list-group .list-group-bg-red:focus{background-color:#f44336;color:#fff;opacity:.8;}.list-group .pl-pink{stroke:#e91e63;}.list-group .list-group-bg-pink{background-color:#e91e63;border:none;color:#fff;}.list-group .list-group-bg-pink:hover,.list-group .list-group-bg-pink:focus{background-color:#e91e63;color:#fff;opacity:.8;}.list-group .pl-purple{stroke:#9c27b0;}.list-group .list-group-bg-purple{background-color:#9c27b0;border:none;color:#fff;}.list-group .list-group-bg-purple:hover,.list-group .list-group-bg-purple:focus{background-color:#9c27b0;color:#fff;opacity:.8;}.list-group .pl-deep-purple{stroke:#673ab7;}.list-group .list-group-bg-deep-purple{background-color:#673ab7;border:none;color:#fff;}.list-group .list-group-bg-deep-purple:hover,.list-group .list-group-bg-deep-purple:focus{background-color:#673ab7;color:#fff;opacity:.8;}.list-group .pl-indigo{stroke:#3f51b5;}.list-group .list-group-bg-indigo{background-color:#3f51b5;border:none;color:#fff;}.list-group .list-group-bg-indigo:hover,.list-group .list-group-bg-indigo:focus{background-color:#3f51b5;color:#fff;opacity:.8;}.list-group .pl-blue{stroke:#2196f3;}.list-group .list-group-bg-blue{background-color:#2196f3;border:none;color:#fff;}.list-group .list-group-bg-blue:hover,.list-group .list-group-bg-blue:focus{background-color:#2196f3;color:#fff;opacity:.8;}.list-group .pl-light-blue{stroke:#03a9f4;}.list-group .list-group-bg-light-blue{background-color:#03a9f4;border:none;color:#fff;}.list-group .list-group-bg-light-blue:hover,.list-group .list-group-bg-light-blue:focus{background-color:#03a9f4;color:#fff;opacity:.8;}.list-group .pl-cyan{stroke:#00bcd4;}.list-group .list-group-bg-cyan{background-color:#00bcd4;border:none;color:#fff;}.list-group .list-group-bg-cyan:hover,.list-group .list-group-bg-cyan:focus{background-color:#00bcd4;color:#fff;opacity:.8;}.list-group .pl-teal{stroke:#009688;}.list-group .list-group-bg-teal{background-color:#009688;border:none;color:#fff;}.list-group .list-group-bg-teal:hover,.list-group .list-group-bg-teal:focus{background-color:#009688;color:#fff;opacity:.8;}.list-group .pl-green{stroke:#4caf50;}.list-group .list-group-bg-green{background-color:#4caf50;border:none;color:#fff;}.list-group .list-group-bg-green:hover,.list-group .list-group-bg-green:focus{background-color:#4caf50;color:#fff;opacity:.8;}.list-group .pl-light-green{stroke:#8bc34a;}.list-group .list-group-bg-light-green{background-color:#8bc34a;border:none;color:#fff;}.list-group .list-group-bg-light-green:hover,.list-group .list-group-bg-light-green:focus{background-color:#8bc34a;color:#fff;opacity:.8;}.list-group .pl-lime{stroke:#cddc39;}.list-group .list-group-bg-lime{background-color:#cddc39;border:none;color:#fff;}.list-group .list-group-bg-lime:hover,.list-group .list-group-bg-lime:focus{background-color:#cddc39;color:#fff;opacity:.8;}.list-group .pl-yellow{stroke:#ffe821;}.list-group .list-group-bg-yellow{background-color:#ffe821;border:none;color:#fff;}.list-group .list-group-bg-yellow:hover,.list-group .list-group-bg-yellow:focus{background-color:#ffe821;color:#fff;opacity:.8;}.list-group .pl-amber{stroke:#ffc107;}.list-group .list-group-bg-amber{background-color:#ffc107;border:none;color:#fff;}.list-group .list-group-bg-amber:hover,.list-group .list-group-bg-amber:focus{background-color:#ffc107;color:#fff;opacity:.8;}.list-group .pl-orange{stroke:#ff9800;}.list-group .list-group-bg-orange{background-color:#ff9800;border:none;color:#fff;}.list-group .list-group-bg-orange:hover,.list-group .list-group-bg-orange:focus{background-color:#ff9800;color:#fff;opacity:.8;}.list-group .pl-deep-orange{stroke:#ff5722;}.list-group .list-group-bg-deep-orange{background-color:#ff5722;border:none;color:#fff;}.list-group .list-group-bg-deep-orange:hover,.list-group .list-group-bg-deep-orange:focus{background-color:#ff5722;color:#fff;opacity:.8;}.list-group .pl-brown{stroke:#795548;}.list-group .list-group-bg-brown{background-color:#795548;border:none;color:#fff;}.list-group .list-group-bg-brown:hover,.list-group .list-group-bg-brown:focus{background-color:#795548;color:#fff;opacity:.8;}.list-group .pl-grey{stroke:#9e9e9e;}.list-group .list-group-bg-grey{background-color:#9e9e9e;border:none;color:#fff;}.list-group .list-group-bg-grey:hover,.list-group .list-group-bg-grey:focus{background-color:#9e9e9e;color:#fff;opacity:.8;}.list-group .pl-blue-grey{stroke:#607d8b;}.list-group .list-group-bg-blue-grey{background-color:#607d8b;border:none;color:#fff;}.list-group .list-group-bg-blue-grey:hover,.list-group .list-group-bg-blue-grey:focus{background-color:#607d8b;color:#fff;opacity:.8;}.list-group .pl-black{stroke:#000;}.list-group .list-group-bg-black{background-color:#000;border:none;color:#fff;}.list-group .list-group-bg-black:hover,.list-group .list-group-bg-black:focus{background-color:#000;color:#fff;opacity:.8;}.list-group .pl-white{stroke:#fff;}.list-group .list-group-bg-white{background-color:#fff;border:none;color:#fff;}.list-group .list-group-bg-white:hover,.list-group .list-group-bg-white:focus{background-color:#fff;color:#fff;opacity:.8;}.pager li>a{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;border:none;background-color:transparent;color:#222;font-weight:bold;}.pager li a:focus,.pager li a:active{background-color:transparent;}.pagination .disabled a,.pagination .disabled a:hover,.pagination .disabled a:focus,.pagination .disabled a:active{color:#bbb;}.pagination li.active a{background-color:#2196f3;}.pagination li{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.pagination li a:focus,.pagination li a:active{background-color:transparent;color:#555;}.pagination>li>a{border:none;font-weight:bold;color:#555;}.pagination>li:first-child>a,.pagination>li:last-child>a{width:auto;height:32px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.pagination>li:first-child>a .material-icons,.pagination>li:last-child>a .material-icons{position:relative;bottom:2px;}.pagination-sm>li:first-child>a,.pagination-sm>li:last-child>a{width:28px;height:28px;}.pagination-sm>li:first-child>a .material-icons,.pagination-sm>li:last-child>a .material-icons{position:relative;top:-1px;left:-6px;font-size:20px;}.pagination-lg>li:first-child>a,.pagination-lg>li:last-child>a{width:44px;height:44px;}.pagination-lg>li:first-child>a .material-icons,.pagination-lg>li:last-child>a .material-icons{font-size:30px;position:relative;top:-3px;left:-10px;}.media{margin-bottom:25px;}.media .media-body{color:#777;font-size:13px;}.media .media-body .media-heading{font-size:16px;font-weight:bold;color:#333;}.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,.wizard>.content>.title,.tabcontrol>.content>.title{position:absolute;left:-999em;}.wizard>.steps{position:relative;display:block;width:100%;}.wizard.vertical>.steps{float:left;width:30%;}.wizard.vertical>.steps>ul>li{float:none;width:100%;}.wizard.vertical>.content{float:left;margin:0 0 .5em 0;width:70%;}.wizard.vertical>.actions{float:right;width:100%;}.wizard.vertical>.actions>ul>li{margin:0 0 0 1em;}.wizard>.steps .number{font-size:1.429em;}.wizard>.steps>ul>li{width:25%;float:left;}.wizard>.actions>ul>li{float:left;}.wizard>.steps a{display:block;width:auto;margin:0 .5em .5em;padding:1em 1em;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.wizard>.steps a:hover,.wizard>.steps a:active{display:block;width:auto;margin:0 .5em .5em;padding:1em 1em;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.wizard>.steps .disabled a{background:#eee;color:#aaa;cursor:default;}.wizard>.steps .disabled a:hover,.wizard>.steps .disabled a:active{background:#eee;color:#aaa;cursor:default;}.wizard>.steps .current a{background:#2184be;color:#fff;cursor:default;}.wizard>.steps .current a:hover,.wizard>.steps .current a:active{background:#2184be;color:#fff;cursor:default;}.wizard>.steps .done a{background:#9dc8e2;color:#fff;}.wizard>.steps .done a:hover,.wizard>.steps .done a:active{background:#9dc8e2;color:#fff;}.wizard>.steps .error a{background:#ff3111;color:#fff;}.wizard>.steps .error a:hover,.wizard>.steps .error a:active{background:#ff3111;color:#fff;}.wizard>.content{border:1px solid #ddd;display:block;margin:.5em;min-height:35em;overflow:hidden;position:relative;width:auto;}.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 .5em;}.wizard>.actions a{background:#009688;color:#fff;display:block;padding:.5em 1em;text-decoration:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.wizard>.actions a:hover,.wizard>.actions a:active{background:#009688;color:#fff;display:block;padding:.5em 1em;text-decoration:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.wizard>.actions .disabled a{background:#eee;color:#aaa;}.wizard>.actions .disabled a:hover,.wizard>.actions .disabled a:active{background:#eee;color:#aaa;}.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: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>.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>.content{position:relative;display:inline-block;width:100%;height:35em;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;}.wizard .content{min-height:245px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;overflow-y:auto;}.wizard .content .body{padding:15px;}.wizard .steps a{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s;}.wizard .steps a:active,.wizard .steps a:focus,.wizard .steps a:hover{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.wizard .steps .done a{background-color:rgba(0,150,136,.6);}.wizard .steps .done a:hover,.wizard .steps .done a:active,.wizard .steps .done a:focus{background-color:rgba(0,150,136,.5);}.wizard .steps .error a{background-color:#f44336 !important;}.wizard .steps .current a{background-color:#009688;}.wizard .steps .current a:active,.wizard .steps .current a:focus,.wizard .steps .current a:hover{background-color:#009688;}.waves-effect.waves-red .waves-ripple{background:rgba(244,67,54,.5);}.waves-effect.waves-pink .waves-ripple{background:rgba(233,30,99,.5);}.waves-effect.waves-purple .waves-ripple{background:rgba(156,39,176,.5);}.waves-effect.waves-deep-purple .waves-ripple{background:rgba(103,58,183,.5);}.waves-effect.waves-indigo .waves-ripple{background:rgba(63,81,181,.5);}.waves-effect.waves-blue .waves-ripple{background:rgba(33,150,243,.5);}.waves-effect.waves-light-blue .waves-ripple{background:rgba(3,169,244,.5);}.waves-effect.waves-cyan .waves-ripple{background:rgba(0,188,212,.5);}.waves-effect.waves-teal .waves-ripple{background:rgba(0,150,136,.5);}.waves-effect.waves-green .waves-ripple{background:rgba(76,175,80,.5);}.waves-effect.waves-light-green .waves-ripple{background:rgba(139,195,74,.5);}.waves-effect.waves-lime .waves-ripple{background:rgba(205,220,57,.5);}.waves-effect.waves-yellow .waves-ripple{background:rgba(255,232,33,.5);}.waves-effect.waves-amber .waves-ripple{background:rgba(255,193,7,.5);}.waves-effect.waves-orange .waves-ripple{background:rgba(255,152,0,.5);}.waves-effect.waves-deep-orange .waves-ripple{background:rgba(255,87,34,.5);}.waves-effect.waves-brown .waves-ripple{background:rgba(121,85,72,.5);}.waves-effect.waves-grey .waves-ripple{background:rgba(158,158,158,.5);}.waves-effect.waves-blue-grey .waves-ripple{background:rgba(96,125,139,.5);}.waves-effect.waves-black .waves-ripple{background:rgba(0,0,0,.5);}.waves-effect.waves-white .waves-ripple{background:rgba(255,255,255,.5);}.page-loader-wrapper{z-index:99999999;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:#eee;overflow:hidden;text-align:center;}.page-loader-wrapper p{font-size:13px;margin-top:10px;font-weight:bold;color:#444;}.page-loader-wrapper .loader{position:relative;top:calc(50% - 30px);}.md-preloader .pl-red{stroke:#f44336;}.md-preloader .pl-pink{stroke:#e91e63;}.md-preloader .pl-purple{stroke:#9c27b0;}.md-preloader .pl-deep-purple{stroke:#673ab7;}.md-preloader .pl-indigo{stroke:#3f51b5;}.md-preloader .pl-blue{stroke:#2196f3;}.md-preloader .pl-light-blue{stroke:#03a9f4;}.md-preloader .pl-cyan{stroke:#00bcd4;}.md-preloader .pl-teal{stroke:#009688;}.md-preloader .pl-green{stroke:#4caf50;}.md-preloader .pl-light-green{stroke:#8bc34a;}.md-preloader .pl-lime{stroke:#cddc39;}.md-preloader .pl-yellow{stroke:#ffe821;}.md-preloader .pl-amber{stroke:#ffc107;}.md-preloader .pl-orange{stroke:#ff9800;}.md-preloader .pl-deep-orange{stroke:#ff5722;}.md-preloader .pl-brown{stroke:#795548;}.md-preloader .pl-grey{stroke:#9e9e9e;}.md-preloader .pl-blue-grey{stroke:#607d8b;}.md-preloader .pl-black{stroke:#000;}.md-preloader .pl-white{stroke:#fff;}.preloader{display:inline-block;position:relative;width:50px;height:50px;-webkit-animation:container-rotate 1568ms linear infinite;-moz-animation:container-rotate 1568ms linear infinite;-o-animation:container-rotate 1568ms linear infinite;animation:container-rotate 1568ms linear infinite;}.preloader.pl-size-xl{width:75px;height:75px;}.preloader.pl-size-l{width:60px;height:60px;}.preloader.pl-size-md{width:50px;height:50px;}.preloader.pl-size-sm{width:40px;height:40px;}.preloader.pl-size-xs{width:25px;height:25px;}.spinner-layer{position:absolute;width:100%;height:100%;border-color:#f44336;-ms-opacity:1;opacity:1;-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;-moz-animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;-o-animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;}.spinner-layer.pl-red{border-color:#f44336;}.spinner-layer.pl-pink{border-color:#e91e63;}.spinner-layer.pl-purple{border-color:#9c27b0;}.spinner-layer.pl-deep-purple{border-color:#673ab7;}.spinner-layer.pl-indigo{border-color:#3f51b5;}.spinner-layer.pl-blue{border-color:#2196f3;}.spinner-layer.pl-light-blue{border-color:#03a9f4;}.spinner-layer.pl-cyan{border-color:#00bcd4;}.spinner-layer.pl-teal{border-color:#009688;}.spinner-layer.pl-green{border-color:#4caf50;}.spinner-layer.pl-light-green{border-color:#8bc34a;}.spinner-layer.pl-lime{border-color:#cddc39;}.spinner-layer.pl-yellow{border-color:#ffe821;}.spinner-layer.pl-amber{border-color:#ffc107;}.spinner-layer.pl-orange{border-color:#ff9800;}.spinner-layer.pl-deep-orange{border-color:#ff5722;}.spinner-layer.pl-brown{border-color:#795548;}.spinner-layer.pl-grey{border-color:#9e9e9e;}.spinner-layer.pl-blue-grey{border-color:#607d8b;}.spinner-layer.pl-black{border-color:#000;}.spinner-layer.pl-white{border-color:#fff;}.right{float:right !important;}.gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit;}.gap-patch.circle{width:1000%;left:-450%;}.circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit;}.circle-clipper .circle{width:200%;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent !important;-ms-border-radius:50%;border-radius:50%;-webkit-animation:none;animation:none;position:absolute;top:0;right:0;bottom:0;}.circle-clipper.left .circle{left:0;border-right-color:transparent !important;-webkit-transform:rotate(129deg);-moz-transform:rotate(129deg);-ms-transform:rotate(129deg);-o-transform:rotate(129deg);transform:rotate(129deg);-webkit-animation:left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;-moz-animation:left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;-o-animation:left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;}.circle-clipper.right .circle{left:-100%;border-left-color:transparent !important;-webkit-transform:rotate(-129deg);-moz-transform:rotate(-129deg);-ms-transform:rotate(-129deg);-o-transform:rotate(-129deg);transform:rotate(-129deg);-webkit-animation:right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;-moz-animation:right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;-o-animation:right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;}@-webkit-keyframes container-rotate{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes container-rotate{to{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@-webkit-keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg);}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg);}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg);}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg);}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg);}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg);}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg);}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg);}}@keyframes fill-unfill-rotate{12.5%{transform:rotate(135deg);}25%{transform:rotate(270deg);}37.5%{transform:rotate(405deg);}50%{transform:rotate(540deg);}62.5%{transform:rotate(675deg);}75%{transform:rotate(810deg);}87.5%{transform:rotate(945deg);}to{transform:rotate(1080deg);}}@-webkit-keyframes left-spin{from{-webkit-transform:rotate(130deg);-moz-transform:rotate(130deg);-ms-transform:rotate(130deg);-o-transform:rotate(130deg);transform:rotate(130deg);}50%{-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-o-transform:rotate(-5deg);transform:rotate(-5deg);}to{-webkit-transform:rotate(130deg);-moz-transform:rotate(130deg);-ms-transform:rotate(130deg);-o-transform:rotate(130deg);transform:rotate(130deg);}}@keyframes left-spin{from{-moz-transform:rotate(130deg);-ms-transform:rotate(130deg);-o-transform:rotate(130deg);-webkit-transform:rotate(130deg);transform:rotate(130deg);}50%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-o-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}to{-moz-transform:rotate(130deg);-ms-transform:rotate(130deg);-o-transform:rotate(130deg);-webkit-transform:rotate(130deg);transform:rotate(130deg);}}@-webkit-keyframes right-spin{from{-webkit-transform:rotate(-130deg);-moz-transform:rotate(-130deg);-ms-transform:rotate(-130deg);-o-transform:rotate(-130deg);transform:rotate(-130deg);}50%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);transform:rotate(5deg);}to{-webkit-transform:rotate(-130deg);-moz-transform:rotate(-130deg);-ms-transform:rotate(-130deg);-o-transform:rotate(-130deg);transform:rotate(-130deg);}}@-moz-keyframes right-spin{from{-moz-transform:rotate(-130deg);-ms-transform:rotate(-130deg);-o-transform:rotate(-130deg);-webkit-transform:rotate(-130deg);transform:rotate(-130deg);}50%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg);}to{-moz-transform:rotate(-130deg);-ms-transform:rotate(-130deg);-o-transform:rotate(-130deg);-webkit-transform:rotate(-130deg);transform:rotate(-130deg);}}@keyframes right-spin{from{-moz-transform:rotate(-130deg);-ms-transform:rotate(-130deg);-o-transform:rotate(-130deg);-webkit-transform:rotate(-130deg);transform:rotate(-130deg);}50%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg);}to{-moz-transform:rotate(-130deg);-ms-transform:rotate(-130deg);-o-transform:rotate(-130deg);-webkit-transform:rotate(-130deg);transform:rotate(-130deg);}}.navbar{font-family:"Roboto",sans-serif;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.3);-moz-box-shadow:0 1px 5px rgba(0,0,0,.3);-ms-box-shadow:0 1px 5px rgba(0,0,0,.3);box-shadow:0 1px 5px rgba(0,0,0,.3);border:none;position:fixed;top:0;left:0;z-index:12;width:100%;}.navbar .navbar-brand{white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;}.navbar .navbar-custom-right-menu{float:right;}.navbar .navbar-toggle{text-decoration:none;color:#fff;width:20px;height:20px;margin-top:-4px;margin-right:17px;}.navbar .navbar-toggle:before{content:'';font-family:'Material Icons';font-size:26px;}.navbar .navbar-collapse.in{overflow:visible;}.ls-closed .sidebar{margin-left:-300px;}.ls-closed section.content{margin-left:15px;}.ls-closed .bars:after,.ls-closed .bars:before{font-family:'Material Icons';font-size:24px;position:absolute;top:18px;left:20px;margin-right:10px;-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}.ls-closed .bars:before{content:'';-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}.ls-closed .bars:after{content:'';-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}.ls-closed .navbar-brand{margin-left:30px;}.overlay-open .bars:before{-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}.overlay-open .bars:after{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}.navbar-header{padding:10px 7px;}.navbar-header .bars{float:left;text-decoration:none;}.navbar-nav>li>a{padding:7px 7px 2px 7px;margin-top:17px;margin-left:5px;}.navbar-nav .dropdown-menu{margin-top:-40px !important;}.label-count{position:absolute;top:2px;right:6px;font-size:10px;line-height:15px;background-color:#000;padding:0 4px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;}.col-red .navbar .navbar-brand,.col-red .navbar .navbar-brand:hover,.col-red .navbar .navbar-brand:active,.col-red .navbar .navbar-brand:focus{color:#fff;}.col-red .navbar .nav>li>a:hover,.col-red .navbar .nav>li>a:focus,.col-red .navbar .nav .open>a,.col-red .navbar .nav .open>a:hover,.col-red .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-red .navbar .nav>li>a{color:#fff;}.col-red .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-red .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-pink .navbar .navbar-brand,.col-pink .navbar .navbar-brand:hover,.col-pink .navbar .navbar-brand:active,.col-pink .navbar .navbar-brand:focus{color:#fff;}.col-pink .navbar .nav>li>a:hover,.col-pink .navbar .nav>li>a:focus,.col-pink .navbar .nav .open>a,.col-pink .navbar .nav .open>a:hover,.col-pink .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-pink .navbar .nav>li>a{color:#fff;}.col-pink .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-pink .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-purple .navbar .navbar-brand,.col-purple .navbar .navbar-brand:hover,.col-purple .navbar .navbar-brand:active,.col-purple .navbar .navbar-brand:focus{color:#fff;}.col-purple .navbar .nav>li>a:hover,.col-purple .navbar .nav>li>a:focus,.col-purple .navbar .nav .open>a,.col-purple .navbar .nav .open>a:hover,.col-purple .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-purple .navbar .nav>li>a{color:#fff;}.col-purple .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-purple .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-deep-purple .navbar .navbar-brand,.col-deep-purple .navbar .navbar-brand:hover,.col-deep-purple .navbar .navbar-brand:active,.col-deep-purple .navbar .navbar-brand:focus{color:#fff;}.col-deep-purple .navbar .nav>li>a:hover,.col-deep-purple .navbar .nav>li>a:focus,.col-deep-purple .navbar .nav .open>a,.col-deep-purple .navbar .nav .open>a:hover,.col-deep-purple .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-deep-purple .navbar .nav>li>a{color:#fff;}.col-deep-purple .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-deep-purple .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-indigo .navbar .navbar-brand,.col-indigo .navbar .navbar-brand:hover,.col-indigo .navbar .navbar-brand:active,.col-indigo .navbar .navbar-brand:focus{color:#fff;}.col-indigo .navbar .nav>li>a:hover,.col-indigo .navbar .nav>li>a:focus,.col-indigo .navbar .nav .open>a,.col-indigo .navbar .nav .open>a:hover,.col-indigo .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-indigo .navbar .nav>li>a{color:#fff;}.col-indigo .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-indigo .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-blue .navbar .navbar-brand,.col-blue .navbar .navbar-brand:hover,.col-blue .navbar .navbar-brand:active,.col-blue .navbar .navbar-brand:focus{color:#fff;}.col-blue .navbar .nav>li>a:hover,.col-blue .navbar .nav>li>a:focus,.col-blue .navbar .nav .open>a,.col-blue .navbar .nav .open>a:hover,.col-blue .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-blue .navbar .nav>li>a{color:#fff;}.col-blue .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-blue .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-light-blue .navbar .navbar-brand,.col-light-blue .navbar .navbar-brand:hover,.col-light-blue .navbar .navbar-brand:active,.col-light-blue .navbar .navbar-brand:focus{color:#fff;}.col-light-blue .navbar .nav>li>a:hover,.col-light-blue .navbar .nav>li>a:focus,.col-light-blue .navbar .nav .open>a,.col-light-blue .navbar .nav .open>a:hover,.col-light-blue .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-light-blue .navbar .nav>li>a{color:#fff;}.col-light-blue .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-light-blue .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-cyan .navbar .navbar-brand,.col-cyan .navbar .navbar-brand:hover,.col-cyan .navbar .navbar-brand:active,.col-cyan .navbar .navbar-brand:focus{color:#fff;}.col-cyan .navbar .nav>li>a:hover,.col-cyan .navbar .nav>li>a:focus,.col-cyan .navbar .nav .open>a,.col-cyan .navbar .nav .open>a:hover,.col-cyan .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-cyan .navbar .nav>li>a{color:#fff;}.col-cyan .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-cyan .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-teal .navbar .navbar-brand,.col-teal .navbar .navbar-brand:hover,.col-teal .navbar .navbar-brand:active,.col-teal .navbar .navbar-brand:focus{color:#fff;}.col-teal .navbar .nav>li>a:hover,.col-teal .navbar .nav>li>a:focus,.col-teal .navbar .nav .open>a,.col-teal .navbar .nav .open>a:hover,.col-teal .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-teal .navbar .nav>li>a{color:#fff;}.col-teal .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-teal .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-green .navbar .navbar-brand,.col-green .navbar .navbar-brand:hover,.col-green .navbar .navbar-brand:active,.col-green .navbar .navbar-brand:focus{color:#fff;}.col-green .navbar .nav>li>a:hover,.col-green .navbar .nav>li>a:focus,.col-green .navbar .nav .open>a,.col-green .navbar .nav .open>a:hover,.col-green .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-green .navbar .nav>li>a{color:#fff;}.col-green .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-green .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-light-green .navbar .navbar-brand,.col-light-green .navbar .navbar-brand:hover,.col-light-green .navbar .navbar-brand:active,.col-light-green .navbar .navbar-brand:focus{color:#fff;}.col-light-green .navbar .nav>li>a:hover,.col-light-green .navbar .nav>li>a:focus,.col-light-green .navbar .nav .open>a,.col-light-green .navbar .nav .open>a:hover,.col-light-green .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-light-green .navbar .nav>li>a{color:#fff;}.col-light-green .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-light-green .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-lime .navbar .navbar-brand,.col-lime .navbar .navbar-brand:hover,.col-lime .navbar .navbar-brand:active,.col-lime .navbar .navbar-brand:focus{color:#fff;}.col-lime .navbar .nav>li>a:hover,.col-lime .navbar .nav>li>a:focus,.col-lime .navbar .nav .open>a,.col-lime .navbar .nav .open>a:hover,.col-lime .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-lime .navbar .nav>li>a{color:#fff;}.col-lime .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-lime .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-yellow .navbar .navbar-brand,.col-yellow .navbar .navbar-brand:hover,.col-yellow .navbar .navbar-brand:active,.col-yellow .navbar .navbar-brand:focus{color:#fff;}.col-yellow .navbar .nav>li>a:hover,.col-yellow .navbar .nav>li>a:focus,.col-yellow .navbar .nav .open>a,.col-yellow .navbar .nav .open>a:hover,.col-yellow .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-yellow .navbar .nav>li>a{color:#fff;}.col-yellow .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-yellow .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-amber .navbar .navbar-brand,.col-amber .navbar .navbar-brand:hover,.col-amber .navbar .navbar-brand:active,.col-amber .navbar .navbar-brand:focus{color:#fff;}.col-amber .navbar .nav>li>a:hover,.col-amber .navbar .nav>li>a:focus,.col-amber .navbar .nav .open>a,.col-amber .navbar .nav .open>a:hover,.col-amber .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-amber .navbar .nav>li>a{color:#fff;}.col-amber .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-amber .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-orange .navbar .navbar-brand,.col-orange .navbar .navbar-brand:hover,.col-orange .navbar .navbar-brand:active,.col-orange .navbar .navbar-brand:focus{color:#fff;}.col-orange .navbar .nav>li>a:hover,.col-orange .navbar .nav>li>a:focus,.col-orange .navbar .nav .open>a,.col-orange .navbar .nav .open>a:hover,.col-orange .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-orange .navbar .nav>li>a{color:#fff;}.col-orange .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-orange .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-deep-orange .navbar .navbar-brand,.col-deep-orange .navbar .navbar-brand:hover,.col-deep-orange .navbar .navbar-brand:active,.col-deep-orange .navbar .navbar-brand:focus{color:#fff;}.col-deep-orange .navbar .nav>li>a:hover,.col-deep-orange .navbar .nav>li>a:focus,.col-deep-orange .navbar .nav .open>a,.col-deep-orange .navbar .nav .open>a:hover,.col-deep-orange .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-deep-orange .navbar .nav>li>a{color:#fff;}.col-deep-orange .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-deep-orange .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-brown .navbar .navbar-brand,.col-brown .navbar .navbar-brand:hover,.col-brown .navbar .navbar-brand:active,.col-brown .navbar .navbar-brand:focus{color:#fff;}.col-brown .navbar .nav>li>a:hover,.col-brown .navbar .nav>li>a:focus,.col-brown .navbar .nav .open>a,.col-brown .navbar .nav .open>a:hover,.col-brown .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-brown .navbar .nav>li>a{color:#fff;}.col-brown .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-brown .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-grey .navbar .navbar-brand,.col-grey .navbar .navbar-brand:hover,.col-grey .navbar .navbar-brand:active,.col-grey .navbar .navbar-brand:focus{color:#fff;}.col-grey .navbar .nav>li>a:hover,.col-grey .navbar .nav>li>a:focus,.col-grey .navbar .nav .open>a,.col-grey .navbar .nav .open>a:hover,.col-grey .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-grey .navbar .nav>li>a{color:#fff;}.col-grey .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-grey .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-blue-grey .navbar .navbar-brand,.col-blue-grey .navbar .navbar-brand:hover,.col-blue-grey .navbar .navbar-brand:active,.col-blue-grey .navbar .navbar-brand:focus{color:#fff;}.col-blue-grey .navbar .nav>li>a:hover,.col-blue-grey .navbar .nav>li>a:focus,.col-blue-grey .navbar .nav .open>a,.col-blue-grey .navbar .nav .open>a:hover,.col-blue-grey .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-blue-grey .navbar .nav>li>a{color:#fff;}.col-blue-grey .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-blue-grey .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-black .navbar .navbar-brand,.col-black .navbar .navbar-brand:hover,.col-black .navbar .navbar-brand:active,.col-black .navbar .navbar-brand:focus{color:#fff;}.col-black .navbar .nav>li>a:hover,.col-black .navbar .nav>li>a:focus,.col-black .navbar .nav .open>a,.col-black .navbar .nav .open>a:hover,.col-black .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-black .navbar .nav>li>a{color:#fff;}.col-black .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-black .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.col-white .navbar .navbar-brand,.col-white .navbar .navbar-brand:hover,.col-white .navbar .navbar-brand:active,.col-white .navbar .navbar-brand:focus{color:#fff;}.col-white .navbar .nav>li>a:hover,.col-white .navbar .nav>li>a:focus,.col-white .navbar .nav .open>a,.col-white .navbar .nav .open>a:hover,.col-white .navbar .nav .open>a:focus{background-color:rgba(0,0,0,.05);}.col-white .navbar .nav>li>a{color:#fff;}.col-white .navbar .bars{float:left;padding:10px 20px;font-size:22px;color:#fff;margin-right:10px;margin-left:-10px;margin-top:4px;}.col-white .navbar .bars:hover{background-color:rgba(0,0,0,.08);}.dropdown-menu{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;margin-top:-35px !important;box-shadow:0 2px 10px rgba(0,0,0,.2);border:none;}.dropdown-menu .divider{margin:5px 0;}.dropdown-menu .header{font-size:13px;font-weight:bold;min-width:270px;border-bottom:1px solid #eee;text-align:center;padding:4px 0 6px 0;}.dropdown-menu ul.menu{padding-left:0;}.dropdown-menu ul.menu.tasks h4{color:#333;font-size:13px;margin:0 0 8px 0;}.dropdown-menu ul.menu.tasks h4 small{float:right;margin-top:6px;}.dropdown-menu ul.menu.tasks .progress{height:7px;margin-bottom:7px;}.dropdown-menu ul.menu .icon-circle{width:36px;height:36px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;color:#fff;text-align:center;display:inline-block;}.dropdown-menu ul.menu .icon-circle i{font-size:18px;line-height:36px;}.dropdown-menu ul.menu li{border-bottom:1px solid #eee;}.dropdown-menu ul.menu li:last-child{border-bottom:none;}.dropdown-menu ul.menu li a{padding:7px 11px;text-decoration:none;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s;}.dropdown-menu ul.menu li a:hover{background-color:#e9e9e9;}.dropdown-menu ul.menu .menu-info{display:inline-block;position:relative;top:3px;left:5px;}.dropdown-menu ul.menu .menu-info h4{margin:0;font-size:13px;color:#333;}.dropdown-menu ul.menu .menu-info p{margin:0;font-size:11px;color:#aaa;}.dropdown-menu ul.menu .menu-info p .material-icons{font-size:13px;color:#aaa;position:relative;top:2px;}.dropdown-menu .footer a{text-align:center;border-top:1px solid #eee;padding:5px 0 5px 0;font-size:12px;margin-bottom:-5px;}.dropdown-menu .footer a:hover{background-color:transparent;}.dropdown-menu>li>a{padding:7px 18px;color:#666;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;font-size:14px;line-height:25px;}.dropdown-menu>li>a:hover{background-color:rgba(0,0,0,.075);}.dropdown-menu>li>a i.material-icons{float:left;margin-right:7px;margin-top:2px;font-size:20px;}.dropdown-animated{-webkit-animation-duration:.3s !important;-moz-animation-duration:.3s !important;-o-animation-duration:.3s !important;animation-duration:.3s !important;}.overlay{position:fixed;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:none;z-index:10;}.overlay-open .sidebar{margin-left:0;z-index:99999999;}.sidebar{-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;font-family:"Roboto",sans-serif;background:#fdfdfd;width:300px;overflow:hidden;display:inline-block;height:calc(100vh - 70px);position:fixed;top:70px;left:0;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.1);-moz-box-shadow:2px 2px 5px rgba(0,0,0,.1);-ms-box-shadow:2px 2px 5px rgba(0,0,0,.1);box-shadow:2px 2px 5px rgba(0,0,0,.1);z-index:11 !important;}.sidebar .legal{position:absolute;bottom:0;width:100%;border-top:1px solid #eee;padding:15px;overflow:hidden;}.sidebar .legal .copyright{font-size:13px;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;}.sidebar .legal .copyright a{font-weight:bold;text-decoration:none;}.sidebar .legal .version{white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;margin-top:5px;font-size:13px;}.sidebar .user-info{padding:13px 15px 12px 15px;white-space:nowrap;position:relative;border-bottom:1px solid #e9e9e9;background:url("../images/user-img-background.jpg") no-repeat no-repeat;height:135px;}.sidebar .user-info .image{margin-right:12px;display:inline-block;}.sidebar .user-info .image img{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;vertical-align:bottom !important;}.sidebar .user-info .info-container{cursor:default;display:block;position:relative;top:25px;}.sidebar .user-info .info-container .name{white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;font-size:14px;max-width:200px;color:#fff;}.sidebar .user-info .info-container .email{white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;font-size:12px;max-width:200px;color:#fff;}.sidebar .user-info .info-container .user-helper-dropdown{position:absolute;right:-3px;bottom:-12px;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none;cursor:pointer;color:#fff;}.sidebar .menu{position:relative;overflow-y:auto;height:90vh;}.sidebar .menu .list{list-style:none;padding-left:0;}.sidebar .menu .list li.active>:first-child span{font-weight:bold;}.sidebar .menu .list .header{background:#eee;font-size:12px;font-weight:600;padding:8px 16px;}.sidebar .menu .list i.material-icons{margin-top:4px;}.sidebar .menu .list .menu-toggle:after,.sidebar .menu .list .menu-toggle:before{position:absolute;top:calc(50% - 14px);right:17px;font-size:19px;-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}.sidebar .menu .list .menu-toggle:before{content:'+';-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}.sidebar .menu .list .menu-toggle:after{content:'–';-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}.sidebar .menu .list .menu-toggle.toggled:before{-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}.sidebar .menu .list .menu-toggle.toggled:after{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}.sidebar .menu .list a{color:#747474;position:relative;display:inline-flex;vertical-align:middle;width:100%;padding:10px 13px;}.sidebar .menu .list a:hover,.sidebar .menu .list a:active,.sidebar .menu .list a:focus{text-decoration:none !important;}.sidebar .menu .list a small{position:absolute;top:calc(50% - 7.5px);right:15px;}.sidebar .menu .list a span{margin:7px 0 7px 12px;color:#333;font-weight:bold;font-size:14px;overflow:hidden;}.sidebar .menu .list .ml-menu{list-style:none;display:none;padding-left:0;}.sidebar .menu .list .ml-menu span{font-weight:normal;font-size:14px;margin:3px 0 1px 6px;}.sidebar .menu .list .ml-menu li a{padding-left:55px;padding-top:7px;padding-bottom:7px;}.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle){font-weight:600;margin-left:5px;}.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before{content:'';font-family:'Material Icons';position:relative;font-size:21px;height:20px;top:-5px;right:0;}.sidebar .menu .list .ml-menu li .ml-menu li a{padding-left:80px;}.sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a{padding-left:95px;}.right-sidebar{width:280px;height:calc(100vh - 70px);position:fixed;right:-300px;top:70px;background:#fdfdfd;z-index:11 !important;-webkit-box-shadow:-2px 2px 5px rgba(0,0,0,.1);-moz-box-shadow:-2px 2px 5px rgba(0,0,0,.1);-ms-box-shadow:-2px 2px 5px rgba(0,0,0,.1);box-shadow:-2px 2px 5px rgba(0,0,0,.1);overflow:hidden;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s;}.right-sidebar.open{right:0;}.right-sidebar .nav-tabs{font-weight:600;font-size:13px;width:100%;margin-left:2px;}.right-sidebar .nav-tabs li{text-align:center;}.right-sidebar .nav-tabs li>a{margin-right:0;}.right-sidebar .nav-tabs li:first-child{width:45%;}.right-sidebar .nav-tabs li:last-child{width:55%;}.bootstrap-notify-container{max-width:320px;text-align:center;}.dd-handle{background-color:#f9f9f9 !important;}.dd-handle:hover{color:#2196f3;}.nestable-dark-theme .dd-handle{background:#ccc !important;border:1px solid #999 !important;}.dd3-handle{background:#999 !important;}.dd3-content:hover{color:#2196f3;}.login-page{background-color:#00bcd4;padding-left:0;max-width:360px;margin:5% auto;overflow-x:hidden;}.login-page .login-box .msg{color:#555;margin-bottom:30px;text-align:center;}.login-page .login-box a{font-size:14px;text-decoration:none;color:#00bcd4;}.login-page .login-box .logo{margin-bottom:20px;}.login-page .login-box .logo a{font-size:36px;display:block;width:100%;text-align:center;color:#fff;}.login-page .login-box .logo small{display:block;width:100%;text-align:center;color:#fff;margin-top:-5px;}.signup-page{background-color:#00bcd4;padding-left:0;max-width:360px;margin:5% auto;overflow-x:hidden;}.signup-page .signup-box .msg{color:#555;margin-bottom:30px;text-align:center;}.signup-page .signup-box a{font-size:14px;text-decoration:none;color:#00bcd4;}.signup-page .signup-box .logo{margin-bottom:20px;}.signup-page .signup-box .logo a{font-size:36px;display:block;width:100%;text-align:center;color:#fff;}.signup-page .signup-box .logo small{display:block;width:100%;text-align:center;color:#fff;margin-top:-5px;}.fp-page{background-color:#00bcd4;padding-left:0;max-width:360px;margin:5% auto;overflow-x:hidden;}.fp-page .fp-box .msg{color:#555;margin-bottom:30px;text-align:center;}.fp-page .fp-box a{font-size:14px;text-decoration:none;color:#00bcd4;}.fp-page .fp-box .logo{margin-bottom:20px;}.fp-page .fp-box .logo a{font-size:36px;display:block;width:100%;text-align:center;color:#fff;}.fp-page .fp-box .logo small{display:block;width:100%;text-align:center;color:#fff;margin-top:-5px;}.four-zero-four{width:100%;text-align:center;margin:5% auto;}.four-zero-four .four-zero-four-container .error-code{font-size:160px;}.four-zero-four .four-zero-four-container .error-message{font-size:26px;color:#333;font-weight:bold;margin-top:-40px;}.four-zero-four .four-zero-four-container .button-place{margin-top:32px;}.five-zero-zero{width:100%;text-align:center;margin:5% auto;}.five-zero-zero .five-zero-zero-container .error-code{font-size:160px;}.five-zero-zero .five-zero-zero-container .error-message{font-size:27px;color:#333;font-weight:bold;margin-top:-40px;}.five-zero-zero .five-zero-zero-container .button-place{margin-top:32px;}.profile-card .profile-header{background-color:#ad1455;padding:42px 0;}.profile-card .profile-body .image-area{text-align:center;margin-top:-64px;}.profile-card .profile-body .image-area img{border:2px solid #ad1455;padding:2px;margin:2px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;}.profile-card .profile-body .content-area{text-align:center;border-bottom:1px solid #ddd;padding-bottom:15px;}.profile-card .profile-body .content-area p{margin-bottom:0;}.profile-card .profile-body .content-area p:last-child{font-weight:600;color:#ad1455;margin-top:5px;}.profile-card .profile-footer{padding:15px;}.profile-card .profile-footer ul{margin:0;padding:0;list-style:none;}.profile-card .profile-footer ul li{border-bottom:1px solid #eee;padding:10px 0;}.profile-card .profile-footer ul li:last-child{border-bottom:none;margin-bottom:15px;}.profile-card .profile-footer ul li span:first-child{font-weight:bold;}.profile-card .profile-footer ul li span:last-child{float:right;}.card-about-me .body ul{margin:0;padding:0;list-style:none;}.card-about-me .body ul li{border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:15px;}.card-about-me .body ul li:last-child{border:none;margin-bottom:0;padding-bottom:0;}.card-about-me .body ul li .title{font-weight:bold;color:#666;}.card-about-me .body ul li .title i{margin-right:2px;position:relative;top:7px;}.card-about-me .body ul li .content{margin-top:10px;color:#999;font-size:13px;}.panel-post{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.panel-post .panel-heading{background-color:#fff;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.panel-post .panel-heading .media{margin-bottom:0;}.panel-post .panel-heading .media a img{width:42px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;}.panel-post .panel-heading .media .media-body{padding-top:5px;}.panel-post .panel-heading .media .media-body h4{font-size:14px;}.panel-post .panel-heading .media .media-body h4 a{color:#666;}.panel-post .panel-body{padding:0;}.panel-post .panel-body .post .post-heading{padding:12px 15px;}.panel-post .panel-body .post .post-heading p{margin-bottom:0;}.panel-post .panel-footer{background-color:#fff;border:none;}.panel-post .panel-footer ul{margin:0;padding:0;list-style:none;}.panel-post .panel-footer ul li{display:inline-block;margin-right:12px;}.panel-post .panel-footer ul li:last-child{float:right;margin-right:0;}.panel-post .panel-footer ul li a{color:#777;text-decoration:none;}.panel-post .panel-footer ul li a i{font-size:16px;position:relative;top:4px;margin-right:2px;}.panel-post .panel-footer ul li a span{font-size:13px;}.panel-post .panel-footer .form-group{margin-bottom:5px;margin-top:20px;}.gmap{width:100%;height:400px;}.jvector-map{width:100%;height:600px;}.morris-hover.morris-default-style{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}.flot-chart{width:100%;height:320px;}.panel-switch-btn{position:relative;right:20px;z-index:9;}.panel-switch-btn label{font-weight:bold !important;}.legendLabel{width:85px !important;position:relative;left:3px;}#multiple_axis_chart .legendLabel{width:160px !important;}.sparkline{text-align:center;}.search-bar{position:fixed;top:-100px;left:0;z-index:9999999;width:100%;-moz-transition:.25s;-o-transition:.25s;-webkit-transition:.25s;transition:.25s;}.search-bar.open{top:0;}.search-bar .search-icon{position:absolute;top:20px;left:14px;}.search-bar .search-icon .material-icons{font-size:32px;color:#999;}.search-bar .close-search{position:absolute;cursor:pointer;font-size:30px;top:16px;right:18px;}.search-bar .close-search .material-icons{color:#999;opacity:1;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s;}.search-bar .close-search .material-icons:hover{opacity:.5;}.search-bar input[type="text"]{width:100%;font-size:16px;padding:25px 60px 23px 56px;border:none;}.dataTables_wrapper{position:relative;}.dataTables_wrapper select{border:none;border-bottom:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none;}.dataTables_wrapper select:active,.dataTables_wrapper select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none;}.dataTables_wrapper input[type="search"]{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none;border:none;font-size:12px;border-bottom:1px solid #ddd;}.dataTables_wrapper input[type="search"]:focus,.dataTables_wrapper input[type="search"]:active{border-bottom:2px solid #1f91f3;}.dataTables_wrapper .dt-buttons{float:left;}.dataTables_wrapper .dt-buttons a.dt-button{background-color:#607d8b;color:#fff;padding:7px 12px;margin-right:5px;text-decoration:none;box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;border:none;font-size:13px;outline:none;}.dataTables_wrapper .dt-buttons a.dt-button:active{opacity:.8;}.dt-button-info{position:fixed;top:50%;left:50%;min-width:400px;text-align:center;background-color:#fff;border:2px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;margin-top:-100px;margin-left:-200px;z-index:21;}.dt-button-info h2{color:#777;}.dt-button-info div{color:#777;margin-bottom:20px;}.lg-outer .lg-thumb-item,.lg-outer .lg-toogle-thumb{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;-ms-border-radius:0 !important;border-radius:0 !important;}html.ie10 .sidebar .menu .list li{line-height:30px;}html.ie10 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before{top:6px !important;line-height:20px !important;}html.ie10 .sidebar .user-info .info-container{top:15px;}html.ie10 .search-bar input[type="text"]{padding:26px 60px 26px 56px;}html.ie10 .dropdown-menu ul.menu li a{margin-top:-22px;}html.ie10 .bs-searchbox .form-control{width:90%;}html.ie11 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before{top:6px !important;line-height:20px !important;}html.ie11 .sidebar .user-info .info-container{top:15px;}html.ie11 .search-bar input[type="text"]{padding:26px 60px 26px 56px;}html.ie11 .dropdown-menu ul.menu li a{margin-top:-22px;}html.ie11 .bs-searchbox .form-control{width:90%;} \ No newline at end of file diff --git a/css/themes/all-themes.css b/css/themes/all-themes.css new file mode 100644 index 0000000..a4c2bbd --- /dev/null +++ b/css/themes/all-themes.css @@ -0,0 +1,900 @@ +.theme-red .navbar { + background-color: #b71c1c; } + +.theme-red .navbar-brand { + color: #fff; } + .theme-red .navbar-brand:hover { + color: #fff; } + .theme-red .navbar-brand:active { + color: #fff; } + .theme-red .navbar-brand:focus { + color: #fff; } + +.theme-red .nav > li > a { + color: #fff; } + .theme-red .nav > li > a:hover { + background-color: transparent; } + .theme-red .nav > li > a:focus { + background-color: transparent; } + +.theme-red .nav .open > a { + background-color: transparent; } + .theme-red .nav .open > a:hover { + background-color: transparent; } + .theme-red .nav .open > a:focus { + background-color: transparent; } + +.theme-red .bars { + color: #fff; } + +.theme-red .sidebar .menu .list li.active { + background-color: transparent; } + .theme-red .sidebar .menu .list li.active > :first-child i, .theme-red .sidebar .menu .list li.active > :first-child span { + color: #F44336; } + +.theme-red .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-red .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-red .sidebar .legal { + background-color: #fff; } + .theme-red .sidebar .legal .copyright a { + color: #F44336 !important; } + +.theme-pink .navbar { + background-color: #E91E63; } + +.theme-pink .navbar-brand { + color: #fff; } + .theme-pink .navbar-brand:hover { + color: #fff; } + .theme-pink .navbar-brand:active { + color: #fff; } + .theme-pink .navbar-brand:focus { + color: #fff; } + +.theme-pink .nav > li > a { + color: #fff; } + .theme-pink .nav > li > a:hover { + background-color: transparent; } + .theme-pink .nav > li > a:focus { + background-color: transparent; } + +.theme-pink .nav .open > a { + background-color: transparent; } + .theme-pink .nav .open > a:hover { + background-color: transparent; } + .theme-pink .nav .open > a:focus { + background-color: transparent; } + +.theme-pink .bars { + color: #fff; } + +.theme-pink .sidebar .menu .list li.active { + background-color: transparent; } + .theme-pink .sidebar .menu .list li.active > :first-child i, .theme-pink .sidebar .menu .list li.active > :first-child span { + color: #E91E63; } + +.theme-pink .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-pink .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-pink .sidebar .legal { + background-color: #fff; } + .theme-pink .sidebar .legal .copyright a { + color: #E91E63 !important; } + +.theme-purple .navbar { + background-color: #9C27B0; } + +.theme-purple .navbar-brand { + color: #fff; } + .theme-purple .navbar-brand:hover { + color: #fff; } + .theme-purple .navbar-brand:active { + color: #fff; } + .theme-purple .navbar-brand:focus { + color: #fff; } + +.theme-purple .nav > li > a { + color: #fff; } + .theme-purple .nav > li > a:hover { + background-color: transparent; } + .theme-purple .nav > li > a:focus { + background-color: transparent; } + +.theme-purple .nav .open > a { + background-color: transparent; } + .theme-purple .nav .open > a:hover { + background-color: transparent; } + .theme-purple .nav .open > a:focus { + background-color: transparent; } + +.theme-purple .bars { + color: #fff; } + +.theme-purple .sidebar .menu .list li.active { + background-color: transparent; } + .theme-purple .sidebar .menu .list li.active > :first-child i, .theme-purple .sidebar .menu .list li.active > :first-child span { + color: #9C27B0; } + +.theme-purple .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-purple .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-purple .sidebar .legal { + background-color: #fff; } + .theme-purple .sidebar .legal .copyright a { + color: #9C27B0 !important; } + +.theme-deep-purple .navbar { + background-color: #673AB7; } + +.theme-deep-purple .navbar-brand { + color: #fff; } + .theme-deep-purple .navbar-brand:hover { + color: #fff; } + .theme-deep-purple .navbar-brand:active { + color: #fff; } + .theme-deep-purple .navbar-brand:focus { + color: #fff; } + +.theme-deep-purple .nav > li > a { + color: #fff; } + .theme-deep-purple .nav > li > a:hover { + background-color: transparent; } + .theme-deep-purple .nav > li > a:focus { + background-color: transparent; } + +.theme-deep-purple .nav .open > a { + background-color: transparent; } + .theme-deep-purple .nav .open > a:hover { + background-color: transparent; } + .theme-deep-purple .nav .open > a:focus { + background-color: transparent; } + +.theme-deep-purple .bars { + color: #fff; } + +.theme-deep-purple .sidebar .menu .list li.active { + background-color: transparent; } + .theme-deep-purple .sidebar .menu .list li.active > :first-child i, .theme-deep-purple .sidebar .menu .list li.active > :first-child span { + color: #673AB7; } + +.theme-deep-purple .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-deep-purple .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-deep-purple .sidebar .legal { + background-color: #fff; } + .theme-deep-purple .sidebar .legal .copyright a { + color: #673AB7 !important; } + +.theme-indigo .navbar { + background-color: #3F51B5; } + +.theme-indigo .navbar-brand { + color: #fff; } + .theme-indigo .navbar-brand:hover { + color: #fff; } + .theme-indigo .navbar-brand:active { + color: #fff; } + .theme-indigo .navbar-brand:focus { + color: #fff; } + +.theme-indigo .nav > li > a { + color: #fff; } + .theme-indigo .nav > li > a:hover { + background-color: transparent; } + .theme-indigo .nav > li > a:focus { + background-color: transparent; } + +.theme-indigo .nav .open > a { + background-color: transparent; } + .theme-indigo .nav .open > a:hover { + background-color: transparent; } + .theme-indigo .nav .open > a:focus { + background-color: transparent; } + +.theme-indigo .bars { + color: #fff; } + +.theme-indigo .sidebar .menu .list li.active { + background-color: transparent; } + .theme-indigo .sidebar .menu .list li.active > :first-child i, .theme-indigo .sidebar .menu .list li.active > :first-child span { + color: #3F51B5; } + +.theme-indigo .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-indigo .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-indigo .sidebar .legal { + background-color: #fff; } + .theme-indigo .sidebar .legal .copyright a { + color: #3F51B5 !important; } + +.theme-blue .navbar { + background-color: #2196F3; } + +.theme-blue .navbar-brand { + color: #fff; } + .theme-blue .navbar-brand:hover { + color: #fff; } + .theme-blue .navbar-brand:active { + color: #fff; } + .theme-blue .navbar-brand:focus { + color: #fff; } + +.theme-blue .nav > li > a { + color: #fff; } + .theme-blue .nav > li > a:hover { + background-color: transparent; } + .theme-blue .nav > li > a:focus { + background-color: transparent; } + +.theme-blue .nav .open > a { + background-color: transparent; } + .theme-blue .nav .open > a:hover { + background-color: transparent; } + .theme-blue .nav .open > a:focus { + background-color: transparent; } + +.theme-blue .bars { + color: #fff; } + +.theme-blue .sidebar .menu .list li.active { + background-color: transparent; } + .theme-blue .sidebar .menu .list li.active > :first-child i, .theme-blue .sidebar .menu .list li.active > :first-child span { + color: #2196F3; } + +.theme-blue .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-blue .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-blue .sidebar .legal { + background-color: #fff; } + .theme-blue .sidebar .legal .copyright a { + color: #2196F3 !important; } + +.theme-light-blue .navbar { + background-color: #03A9F4; } + +.theme-light-blue .navbar-brand { + color: #fff; } + .theme-light-blue .navbar-brand:hover { + color: #fff; } + .theme-light-blue .navbar-brand:active { + color: #fff; } + .theme-light-blue .navbar-brand:focus { + color: #fff; } + +.theme-light-blue .nav > li > a { + color: #fff; } + .theme-light-blue .nav > li > a:hover { + background-color: transparent; } + .theme-light-blue .nav > li > a:focus { + background-color: transparent; } + +.theme-light-blue .nav .open > a { + background-color: transparent; } + .theme-light-blue .nav .open > a:hover { + background-color: transparent; } + .theme-light-blue .nav .open > a:focus { + background-color: transparent; } + +.theme-light-blue .bars { + color: #fff; } + +.theme-light-blue .sidebar .menu .list li.active { + background-color: transparent; } + .theme-light-blue .sidebar .menu .list li.active > :first-child i, .theme-light-blue .sidebar .menu .list li.active > :first-child span { + color: #03A9F4; } + +.theme-light-blue .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-light-blue .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-light-blue .sidebar .legal { + background-color: #fff; } + .theme-light-blue .sidebar .legal .copyright a { + color: #03A9F4 !important; } + +.theme-cyan .navbar { + background-color: #00BCD4; } + +.theme-cyan .navbar-brand { + color: #fff; } + .theme-cyan .navbar-brand:hover { + color: #fff; } + .theme-cyan .navbar-brand:active { + color: #fff; } + .theme-cyan .navbar-brand:focus { + color: #fff; } + +.theme-cyan .nav > li > a { + color: #fff; } + .theme-cyan .nav > li > a:hover { + background-color: transparent; } + .theme-cyan .nav > li > a:focus { + background-color: transparent; } + +.theme-cyan .nav .open > a { + background-color: transparent; } + .theme-cyan .nav .open > a:hover { + background-color: transparent; } + .theme-cyan .nav .open > a:focus { + background-color: transparent; } + +.theme-cyan .bars { + color: #fff; } + +.theme-cyan .sidebar .menu .list li.active { + background-color: transparent; } + .theme-cyan .sidebar .menu .list li.active > :first-child i, .theme-cyan .sidebar .menu .list li.active > :first-child span { + color: #00BCD4; } + +.theme-cyan .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-cyan .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-cyan .sidebar .legal { + background-color: #fff; } + .theme-cyan .sidebar .legal .copyright a { + color: #00BCD4 !important; } + +.theme-teal .navbar { + background-color: #009688; } + +.theme-teal .navbar-brand { + color: #fff; } + .theme-teal .navbar-brand:hover { + color: #fff; } + .theme-teal .navbar-brand:active { + color: #fff; } + .theme-teal .navbar-brand:focus { + color: #fff; } + +.theme-teal .nav > li > a { + color: #fff; } + .theme-teal .nav > li > a:hover { + background-color: transparent; } + .theme-teal .nav > li > a:focus { + background-color: transparent; } + +.theme-teal .nav .open > a { + background-color: transparent; } + .theme-teal .nav .open > a:hover { + background-color: transparent; } + .theme-teal .nav .open > a:focus { + background-color: transparent; } + +.theme-teal .bars { + color: #fff; } + +.theme-teal .sidebar .menu .list li.active { + background-color: transparent; } + .theme-teal .sidebar .menu .list li.active > :first-child i, .theme-teal .sidebar .menu .list li.active > :first-child span { + color: #009688; } + +.theme-teal .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-teal .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-teal .sidebar .legal { + background-color: #fff; } + .theme-teal .sidebar .legal .copyright a { + color: #009688 !important; } + +.theme-green .navbar { + background-color: #4CAF50; } + +.theme-green .navbar-brand { + color: #fff; } + .theme-green .navbar-brand:hover { + color: #fff; } + .theme-green .navbar-brand:active { + color: #fff; } + .theme-green .navbar-brand:focus { + color: #fff; } + +.theme-green .nav > li > a { + color: #fff; } + .theme-green .nav > li > a:hover { + background-color: transparent; } + .theme-green .nav > li > a:focus { + background-color: transparent; } + +.theme-green .nav .open > a { + background-color: transparent; } + .theme-green .nav .open > a:hover { + background-color: transparent; } + .theme-green .nav .open > a:focus { + background-color: transparent; } + +.theme-green .bars { + color: #fff; } + +.theme-green .sidebar .menu .list li.active { + background-color: transparent; } + .theme-green .sidebar .menu .list li.active > :first-child i, .theme-green .sidebar .menu .list li.active > :first-child span { + color: #4CAF50; } + +.theme-green .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-green .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-green .sidebar .legal { + background-color: #fff; } + .theme-green .sidebar .legal .copyright a { + color: #4CAF50 !important; } + +.theme-light-green .navbar { + background-color: #8BC34A; } + +.theme-light-green .navbar-brand { + color: #fff; } + .theme-light-green .navbar-brand:hover { + color: #fff; } + .theme-light-green .navbar-brand:active { + color: #fff; } + .theme-light-green .navbar-brand:focus { + color: #fff; } + +.theme-light-green .nav > li > a { + color: #fff; } + .theme-light-green .nav > li > a:hover { + background-color: transparent; } + .theme-light-green .nav > li > a:focus { + background-color: transparent; } + +.theme-light-green .nav .open > a { + background-color: transparent; } + .theme-light-green .nav .open > a:hover { + background-color: transparent; } + .theme-light-green .nav .open > a:focus { + background-color: transparent; } + +.theme-light-green .bars { + color: #fff; } + +.theme-light-green .sidebar .menu .list li.active { + background-color: transparent; } + .theme-light-green .sidebar .menu .list li.active > :first-child i, .theme-light-green .sidebar .menu .list li.active > :first-child span { + color: #8BC34A; } + +.theme-light-green .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-light-green .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-light-green .sidebar .legal { + background-color: #fff; } + .theme-light-green .sidebar .legal .copyright a { + color: #8BC34A !important; } + +.theme-lime .navbar { + background-color: #CDDC39; } + +.theme-lime .navbar-brand { + color: #fff; } + .theme-lime .navbar-brand:hover { + color: #fff; } + .theme-lime .navbar-brand:active { + color: #fff; } + .theme-lime .navbar-brand:focus { + color: #fff; } + +.theme-lime .nav > li > a { + color: #fff; } + .theme-lime .nav > li > a:hover { + background-color: transparent; } + .theme-lime .nav > li > a:focus { + background-color: transparent; } + +.theme-lime .nav .open > a { + background-color: transparent; } + .theme-lime .nav .open > a:hover { + background-color: transparent; } + .theme-lime .nav .open > a:focus { + background-color: transparent; } + +.theme-lime .bars { + color: #fff; } + +.theme-lime .sidebar .menu .list li.active { + background-color: transparent; } + .theme-lime .sidebar .menu .list li.active > :first-child i, .theme-lime .sidebar .menu .list li.active > :first-child span { + color: #CDDC39; } + +.theme-lime .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-lime .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-lime .sidebar .legal { + background-color: #fff; } + .theme-lime .sidebar .legal .copyright a { + color: #CDDC39 !important; } + +.theme-yellow .navbar { + background-color: #FFEB3B; } + +.theme-yellow .navbar-brand { + color: #fff; } + .theme-yellow .navbar-brand:hover { + color: #fff; } + .theme-yellow .navbar-brand:active { + color: #fff; } + .theme-yellow .navbar-brand:focus { + color: #fff; } + +.theme-yellow .nav > li > a { + color: #fff; } + .theme-yellow .nav > li > a:hover { + background-color: transparent; } + .theme-yellow .nav > li > a:focus { + background-color: transparent; } + +.theme-yellow .nav .open > a { + background-color: transparent; } + .theme-yellow .nav .open > a:hover { + background-color: transparent; } + .theme-yellow .nav .open > a:focus { + background-color: transparent; } + +.theme-yellow .bars { + color: #fff; } + +.theme-yellow .sidebar .menu .list li.active { + background-color: transparent; } + .theme-yellow .sidebar .menu .list li.active > :first-child i, .theme-yellow .sidebar .menu .list li.active > :first-child span { + color: #FFEB3B; } + +.theme-yellow .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-yellow .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-yellow .sidebar .legal { + background-color: #fff; } + .theme-yellow .sidebar .legal .copyright a { + color: #FFEB3B !important; } + +.theme-amber .navbar { + background-color: #FFC107; } + +.theme-amber .navbar-brand { + color: #fff; } + .theme-amber .navbar-brand:hover { + color: #fff; } + .theme-amber .navbar-brand:active { + color: #fff; } + .theme-amber .navbar-brand:focus { + color: #fff; } + +.theme-amber .nav > li > a { + color: #fff; } + .theme-amber .nav > li > a:hover { + background-color: transparent; } + .theme-amber .nav > li > a:focus { + background-color: transparent; } + +.theme-amber .nav .open > a { + background-color: transparent; } + .theme-amber .nav .open > a:hover { + background-color: transparent; } + .theme-amber .nav .open > a:focus { + background-color: transparent; } + +.theme-amber .bars { + color: #fff; } + +.theme-amber .sidebar .menu .list li.active { + background-color: transparent; } + .theme-amber .sidebar .menu .list li.active > :first-child i, .theme-amber .sidebar .menu .list li.active > :first-child span { + color: #FFC107; } + +.theme-amber .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-amber .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-amber .sidebar .legal { + background-color: #fff; } + .theme-amber .sidebar .legal .copyright a { + color: #FFC107 !important; } + +.theme-orange .navbar { + background-color: #FF9800; } + +.theme-orange .navbar-brand { + color: #fff; } + .theme-orange .navbar-brand:hover { + color: #fff; } + .theme-orange .navbar-brand:active { + color: #fff; } + .theme-orange .navbar-brand:focus { + color: #fff; } + +.theme-orange .nav > li > a { + color: #fff; } + .theme-orange .nav > li > a:hover { + background-color: transparent; } + .theme-orange .nav > li > a:focus { + background-color: transparent; } + +.theme-orange .nav .open > a { + background-color: transparent; } + .theme-orange .nav .open > a:hover { + background-color: transparent; } + .theme-orange .nav .open > a:focus { + background-color: transparent; } + +.theme-orange .bars { + color: #fff; } + +.theme-orange .sidebar .menu .list li.active { + background-color: transparent; } + .theme-orange .sidebar .menu .list li.active > :first-child i, .theme-orange .sidebar .menu .list li.active > :first-child span { + color: #FF9800; } + +.theme-orange .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-orange .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-orange .sidebar .legal { + background-color: #fff; } + .theme-orange .sidebar .legal .copyright a { + color: #FF9800 !important; } + +.theme-deep-orange .navbar { + background-color: #FF5722; } + +.theme-deep-orange .navbar-brand { + color: #fff; } + .theme-deep-orange .navbar-brand:hover { + color: #fff; } + .theme-deep-orange .navbar-brand:active { + color: #fff; } + .theme-deep-orange .navbar-brand:focus { + color: #fff; } + +.theme-deep-orange .nav > li > a { + color: #fff; } + .theme-deep-orange .nav > li > a:hover { + background-color: transparent; } + .theme-deep-orange .nav > li > a:focus { + background-color: transparent; } + +.theme-deep-orange .nav .open > a { + background-color: transparent; } + .theme-deep-orange .nav .open > a:hover { + background-color: transparent; } + .theme-deep-orange .nav .open > a:focus { + background-color: transparent; } + +.theme-deep-orange .bars { + color: #fff; } + +.theme-deep-orange .sidebar .menu .list li.active { + background-color: transparent; } + .theme-deep-orange .sidebar .menu .list li.active > :first-child i, .theme-deep-orange .sidebar .menu .list li.active > :first-child span { + color: #FF5722; } + +.theme-deep-orange .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-deep-orange .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-deep-orange .sidebar .legal { + background-color: #fff; } + .theme-deep-orange .sidebar .legal .copyright a { + color: #FF5722 !important; } + +.theme-brown .navbar { + background-color: #795548; } + +.theme-brown .navbar-brand { + color: #fff; } + .theme-brown .navbar-brand:hover { + color: #fff; } + .theme-brown .navbar-brand:active { + color: #fff; } + .theme-brown .navbar-brand:focus { + color: #fff; } + +.theme-brown .nav > li > a { + color: #fff; } + .theme-brown .nav > li > a:hover { + background-color: transparent; } + .theme-brown .nav > li > a:focus { + background-color: transparent; } + +.theme-brown .nav .open > a { + background-color: transparent; } + .theme-brown .nav .open > a:hover { + background-color: transparent; } + .theme-brown .nav .open > a:focus { + background-color: transparent; } + +.theme-brown .bars { + color: #fff; } + +.theme-brown .sidebar .menu .list li.active { + background-color: transparent; } + .theme-brown .sidebar .menu .list li.active > :first-child i, .theme-brown .sidebar .menu .list li.active > :first-child span { + color: #795548; } + +.theme-brown .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-brown .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-brown .sidebar .legal { + background-color: #fff; } + .theme-brown .sidebar .legal .copyright a { + color: #795548 !important; } + +.theme-grey .navbar { + background-color: #9E9E9E; } + +.theme-grey .navbar-brand { + color: #fff; } + .theme-grey .navbar-brand:hover { + color: #fff; } + .theme-grey .navbar-brand:active { + color: #fff; } + .theme-grey .navbar-brand:focus { + color: #fff; } + +.theme-grey .nav > li > a { + color: #fff; } + .theme-grey .nav > li > a:hover { + background-color: transparent; } + .theme-grey .nav > li > a:focus { + background-color: transparent; } + +.theme-grey .nav .open > a { + background-color: transparent; } + .theme-grey .nav .open > a:hover { + background-color: transparent; } + .theme-grey .nav .open > a:focus { + background-color: transparent; } + +.theme-grey .bars { + color: #fff; } + +.theme-grey .sidebar .menu .list li.active { + background-color: transparent; } + .theme-grey .sidebar .menu .list li.active > :first-child i, .theme-grey .sidebar .menu .list li.active > :first-child span { + color: #9E9E9E; } + +.theme-grey .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-grey .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-grey .sidebar .legal { + background-color: #fff; } + .theme-grey .sidebar .legal .copyright a { + color: #9E9E9E !important; } + +.theme-blue-grey .navbar { + background-color: #607D8B; } + +.theme-blue-grey .navbar-brand { + color: #fff; } + .theme-blue-grey .navbar-brand:hover { + color: #fff; } + .theme-blue-grey .navbar-brand:active { + color: #fff; } + .theme-blue-grey .navbar-brand:focus { + color: #fff; } + +.theme-blue-grey .nav > li > a { + color: #fff; } + .theme-blue-grey .nav > li > a:hover { + background-color: transparent; } + .theme-blue-grey .nav > li > a:focus { + background-color: transparent; } + +.theme-blue-grey .nav .open > a { + background-color: transparent; } + .theme-blue-grey .nav .open > a:hover { + background-color: transparent; } + .theme-blue-grey .nav .open > a:focus { + background-color: transparent; } + +.theme-blue-grey .bars { + color: #fff; } + +.theme-blue-grey .sidebar .menu .list li.active { + background-color: transparent; } + .theme-blue-grey .sidebar .menu .list li.active > :first-child i, .theme-blue-grey .sidebar .menu .list li.active > :first-child span { + color: #607D8B; } + +.theme-blue-grey .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-blue-grey .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-blue-grey .sidebar .legal { + background-color: #fff; } + .theme-blue-grey .sidebar .legal .copyright a { + color: #607D8B !important; } + +.theme-black .navbar { + background-color: #000; } + +.theme-black .navbar-brand { + color: #fff; } + .theme-black .navbar-brand:hover { + color: #fff; } + .theme-black .navbar-brand:active { + color: #fff; } + .theme-black .navbar-brand:focus { + color: #fff; } + +.theme-black .nav > li > a { + color: #fff; } + .theme-black .nav > li > a:hover { + background-color: transparent; } + .theme-black .nav > li > a:focus { + background-color: transparent; } + +.theme-black .nav .open > a { + background-color: transparent; } + .theme-black .nav .open > a:hover { + background-color: transparent; } + .theme-black .nav .open > a:focus { + background-color: transparent; } + +.theme-black .bars { + color: #fff; } + +.theme-black .sidebar .menu .list li.active { + background-color: transparent; } + .theme-black .sidebar .menu .list li.active > :first-child i, .theme-black .sidebar .menu .list li.active > :first-child span { + color: #000; } + +.theme-black .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-black .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-black .sidebar .legal { + background-color: #fff; } + .theme-black .sidebar .legal .copyright a { + color: #000 !important; } + diff --git a/css/themes/all-themes.min.css b/css/themes/all-themes.min.css new file mode 100644 index 0000000..ecb4023 --- /dev/null +++ b/css/themes/all-themes.min.css @@ -0,0 +1 @@ +.theme-red .navbar{background-color:#f44336;}.theme-red .navbar-brand{color:#fff;}.theme-red .navbar-brand:hover{color:#fff;}.theme-red .navbar-brand:active{color:#fff;}.theme-red .navbar-brand:focus{color:#fff;}.theme-red .nav>li>a{color:#fff;}.theme-red .nav>li>a:hover{background-color:transparent;}.theme-red .nav>li>a:focus{background-color:transparent;}.theme-red .nav .open>a{background-color:transparent;}.theme-red .nav .open>a:hover{background-color:transparent;}.theme-red .nav .open>a:focus{background-color:transparent;}.theme-red .bars{color:#fff;}.theme-red .sidebar .menu .list li.active{background-color:transparent;}.theme-red .sidebar .menu .list li.active>:first-child i,.theme-red .sidebar .menu .list li.active>:first-child span{color:#f44336;}.theme-red .sidebar .menu .list .toggled{background-color:transparent;}.theme-red .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-red .sidebar .legal{background-color:#fff;}.theme-red .sidebar .legal .copyright a{color:#f44336 !important;}.theme-pink .navbar{background-color:#e91e63;}.theme-pink .navbar-brand{color:#fff;}.theme-pink .navbar-brand:hover{color:#fff;}.theme-pink .navbar-brand:active{color:#fff;}.theme-pink .navbar-brand:focus{color:#fff;}.theme-pink .nav>li>a{color:#fff;}.theme-pink .nav>li>a:hover{background-color:transparent;}.theme-pink .nav>li>a:focus{background-color:transparent;}.theme-pink .nav .open>a{background-color:transparent;}.theme-pink .nav .open>a:hover{background-color:transparent;}.theme-pink .nav .open>a:focus{background-color:transparent;}.theme-pink .bars{color:#fff;}.theme-pink .sidebar .menu .list li.active{background-color:transparent;}.theme-pink .sidebar .menu .list li.active>:first-child i,.theme-pink .sidebar .menu .list li.active>:first-child span{color:#e91e63;}.theme-pink .sidebar .menu .list .toggled{background-color:transparent;}.theme-pink .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-pink .sidebar .legal{background-color:#fff;}.theme-pink .sidebar .legal .copyright a{color:#e91e63 !important;}.theme-purple .navbar{background-color:#9c27b0;}.theme-purple .navbar-brand{color:#fff;}.theme-purple .navbar-brand:hover{color:#fff;}.theme-purple .navbar-brand:active{color:#fff;}.theme-purple .navbar-brand:focus{color:#fff;}.theme-purple .nav>li>a{color:#fff;}.theme-purple .nav>li>a:hover{background-color:transparent;}.theme-purple .nav>li>a:focus{background-color:transparent;}.theme-purple .nav .open>a{background-color:transparent;}.theme-purple .nav .open>a:hover{background-color:transparent;}.theme-purple .nav .open>a:focus{background-color:transparent;}.theme-purple .bars{color:#fff;}.theme-purple .sidebar .menu .list li.active{background-color:transparent;}.theme-purple .sidebar .menu .list li.active>:first-child i,.theme-purple .sidebar .menu .list li.active>:first-child span{color:#9c27b0;}.theme-purple .sidebar .menu .list .toggled{background-color:transparent;}.theme-purple .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-purple .sidebar .legal{background-color:#fff;}.theme-purple .sidebar .legal .copyright a{color:#9c27b0 !important;}.theme-deep-purple .navbar{background-color:#673ab7;}.theme-deep-purple .navbar-brand{color:#fff;}.theme-deep-purple .navbar-brand:hover{color:#fff;}.theme-deep-purple .navbar-brand:active{color:#fff;}.theme-deep-purple .navbar-brand:focus{color:#fff;}.theme-deep-purple .nav>li>a{color:#fff;}.theme-deep-purple .nav>li>a:hover{background-color:transparent;}.theme-deep-purple .nav>li>a:focus{background-color:transparent;}.theme-deep-purple .nav .open>a{background-color:transparent;}.theme-deep-purple .nav .open>a:hover{background-color:transparent;}.theme-deep-purple .nav .open>a:focus{background-color:transparent;}.theme-deep-purple .bars{color:#fff;}.theme-deep-purple .sidebar .menu .list li.active{background-color:transparent;}.theme-deep-purple .sidebar .menu .list li.active>:first-child i,.theme-deep-purple .sidebar .menu .list li.active>:first-child span{color:#673ab7;}.theme-deep-purple .sidebar .menu .list .toggled{background-color:transparent;}.theme-deep-purple .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-deep-purple .sidebar .legal{background-color:#fff;}.theme-deep-purple .sidebar .legal .copyright a{color:#673ab7 !important;}.theme-indigo .navbar{background-color:#3f51b5;}.theme-indigo .navbar-brand{color:#fff;}.theme-indigo .navbar-brand:hover{color:#fff;}.theme-indigo .navbar-brand:active{color:#fff;}.theme-indigo .navbar-brand:focus{color:#fff;}.theme-indigo .nav>li>a{color:#fff;}.theme-indigo .nav>li>a:hover{background-color:transparent;}.theme-indigo .nav>li>a:focus{background-color:transparent;}.theme-indigo .nav .open>a{background-color:transparent;}.theme-indigo .nav .open>a:hover{background-color:transparent;}.theme-indigo .nav .open>a:focus{background-color:transparent;}.theme-indigo .bars{color:#fff;}.theme-indigo .sidebar .menu .list li.active{background-color:transparent;}.theme-indigo .sidebar .menu .list li.active>:first-child i,.theme-indigo .sidebar .menu .list li.active>:first-child span{color:#3f51b5;}.theme-indigo .sidebar .menu .list .toggled{background-color:transparent;}.theme-indigo .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-indigo .sidebar .legal{background-color:#fff;}.theme-indigo .sidebar .legal .copyright a{color:#3f51b5 !important;}.theme-blue .navbar{background-color:#2196f3;}.theme-blue .navbar-brand{color:#fff;}.theme-blue .navbar-brand:hover{color:#fff;}.theme-blue .navbar-brand:active{color:#fff;}.theme-blue .navbar-brand:focus{color:#fff;}.theme-blue .nav>li>a{color:#fff;}.theme-blue .nav>li>a:hover{background-color:transparent;}.theme-blue .nav>li>a:focus{background-color:transparent;}.theme-blue .nav .open>a{background-color:transparent;}.theme-blue .nav .open>a:hover{background-color:transparent;}.theme-blue .nav .open>a:focus{background-color:transparent;}.theme-blue .bars{color:#fff;}.theme-blue .sidebar .menu .list li.active{background-color:transparent;}.theme-blue .sidebar .menu .list li.active>:first-child i,.theme-blue .sidebar .menu .list li.active>:first-child span{color:#2196f3;}.theme-blue .sidebar .menu .list .toggled{background-color:transparent;}.theme-blue .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-blue .sidebar .legal{background-color:#fff;}.theme-blue .sidebar .legal .copyright a{color:#2196f3 !important;}.theme-light-blue .navbar{background-color:#03a9f4;}.theme-light-blue .navbar-brand{color:#fff;}.theme-light-blue .navbar-brand:hover{color:#fff;}.theme-light-blue .navbar-brand:active{color:#fff;}.theme-light-blue .navbar-brand:focus{color:#fff;}.theme-light-blue .nav>li>a{color:#fff;}.theme-light-blue .nav>li>a:hover{background-color:transparent;}.theme-light-blue .nav>li>a:focus{background-color:transparent;}.theme-light-blue .nav .open>a{background-color:transparent;}.theme-light-blue .nav .open>a:hover{background-color:transparent;}.theme-light-blue .nav .open>a:focus{background-color:transparent;}.theme-light-blue .bars{color:#fff;}.theme-light-blue .sidebar .menu .list li.active{background-color:transparent;}.theme-light-blue .sidebar .menu .list li.active>:first-child i,.theme-light-blue .sidebar .menu .list li.active>:first-child span{color:#03a9f4;}.theme-light-blue .sidebar .menu .list .toggled{background-color:transparent;}.theme-light-blue .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-light-blue .sidebar .legal{background-color:#fff;}.theme-light-blue .sidebar .legal .copyright a{color:#03a9f4 !important;}.theme-cyan .navbar{background-color:#00bcd4;}.theme-cyan .navbar-brand{color:#fff;}.theme-cyan .navbar-brand:hover{color:#fff;}.theme-cyan .navbar-brand:active{color:#fff;}.theme-cyan .navbar-brand:focus{color:#fff;}.theme-cyan .nav>li>a{color:#fff;}.theme-cyan .nav>li>a:hover{background-color:transparent;}.theme-cyan .nav>li>a:focus{background-color:transparent;}.theme-cyan .nav .open>a{background-color:transparent;}.theme-cyan .nav .open>a:hover{background-color:transparent;}.theme-cyan .nav .open>a:focus{background-color:transparent;}.theme-cyan .bars{color:#fff;}.theme-cyan .sidebar .menu .list li.active{background-color:transparent;}.theme-cyan .sidebar .menu .list li.active>:first-child i,.theme-cyan .sidebar .menu .list li.active>:first-child span{color:#00bcd4;}.theme-cyan .sidebar .menu .list .toggled{background-color:transparent;}.theme-cyan .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-cyan .sidebar .legal{background-color:#fff;}.theme-cyan .sidebar .legal .copyright a{color:#00bcd4 !important;}.theme-teal .navbar{background-color:#009688;}.theme-teal .navbar-brand{color:#fff;}.theme-teal .navbar-brand:hover{color:#fff;}.theme-teal .navbar-brand:active{color:#fff;}.theme-teal .navbar-brand:focus{color:#fff;}.theme-teal .nav>li>a{color:#fff;}.theme-teal .nav>li>a:hover{background-color:transparent;}.theme-teal .nav>li>a:focus{background-color:transparent;}.theme-teal .nav .open>a{background-color:transparent;}.theme-teal .nav .open>a:hover{background-color:transparent;}.theme-teal .nav .open>a:focus{background-color:transparent;}.theme-teal .bars{color:#fff;}.theme-teal .sidebar .menu .list li.active{background-color:transparent;}.theme-teal .sidebar .menu .list li.active>:first-child i,.theme-teal .sidebar .menu .list li.active>:first-child span{color:#009688;}.theme-teal .sidebar .menu .list .toggled{background-color:transparent;}.theme-teal .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-teal .sidebar .legal{background-color:#fff;}.theme-teal .sidebar .legal .copyright a{color:#009688 !important;}.theme-green .navbar{background-color:#4caf50;}.theme-green .navbar-brand{color:#fff;}.theme-green .navbar-brand:hover{color:#fff;}.theme-green .navbar-brand:active{color:#fff;}.theme-green .navbar-brand:focus{color:#fff;}.theme-green .nav>li>a{color:#fff;}.theme-green .nav>li>a:hover{background-color:transparent;}.theme-green .nav>li>a:focus{background-color:transparent;}.theme-green .nav .open>a{background-color:transparent;}.theme-green .nav .open>a:hover{background-color:transparent;}.theme-green .nav .open>a:focus{background-color:transparent;}.theme-green .bars{color:#fff;}.theme-green .sidebar .menu .list li.active{background-color:transparent;}.theme-green .sidebar .menu .list li.active>:first-child i,.theme-green .sidebar .menu .list li.active>:first-child span{color:#4caf50;}.theme-green .sidebar .menu .list .toggled{background-color:transparent;}.theme-green .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-green .sidebar .legal{background-color:#fff;}.theme-green .sidebar .legal .copyright a{color:#4caf50 !important;}.theme-light-green .navbar{background-color:#8bc34a;}.theme-light-green .navbar-brand{color:#fff;}.theme-light-green .navbar-brand:hover{color:#fff;}.theme-light-green .navbar-brand:active{color:#fff;}.theme-light-green .navbar-brand:focus{color:#fff;}.theme-light-green .nav>li>a{color:#fff;}.theme-light-green .nav>li>a:hover{background-color:transparent;}.theme-light-green .nav>li>a:focus{background-color:transparent;}.theme-light-green .nav .open>a{background-color:transparent;}.theme-light-green .nav .open>a:hover{background-color:transparent;}.theme-light-green .nav .open>a:focus{background-color:transparent;}.theme-light-green .bars{color:#fff;}.theme-light-green .sidebar .menu .list li.active{background-color:transparent;}.theme-light-green .sidebar .menu .list li.active>:first-child i,.theme-light-green .sidebar .menu .list li.active>:first-child span{color:#8bc34a;}.theme-light-green .sidebar .menu .list .toggled{background-color:transparent;}.theme-light-green .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-light-green .sidebar .legal{background-color:#fff;}.theme-light-green .sidebar .legal .copyright a{color:#8bc34a !important;}.theme-lime .navbar{background-color:#cddc39;}.theme-lime .navbar-brand{color:#fff;}.theme-lime .navbar-brand:hover{color:#fff;}.theme-lime .navbar-brand:active{color:#fff;}.theme-lime .navbar-brand:focus{color:#fff;}.theme-lime .nav>li>a{color:#fff;}.theme-lime .nav>li>a:hover{background-color:transparent;}.theme-lime .nav>li>a:focus{background-color:transparent;}.theme-lime .nav .open>a{background-color:transparent;}.theme-lime .nav .open>a:hover{background-color:transparent;}.theme-lime .nav .open>a:focus{background-color:transparent;}.theme-lime .bars{color:#fff;}.theme-lime .sidebar .menu .list li.active{background-color:transparent;}.theme-lime .sidebar .menu .list li.active>:first-child i,.theme-lime .sidebar .menu .list li.active>:first-child span{color:#cddc39;}.theme-lime .sidebar .menu .list .toggled{background-color:transparent;}.theme-lime .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-lime .sidebar .legal{background-color:#fff;}.theme-lime .sidebar .legal .copyright a{color:#cddc39 !important;}.theme-yellow .navbar{background-color:#ffeb3b;}.theme-yellow .navbar-brand{color:#fff;}.theme-yellow .navbar-brand:hover{color:#fff;}.theme-yellow .navbar-brand:active{color:#fff;}.theme-yellow .navbar-brand:focus{color:#fff;}.theme-yellow .nav>li>a{color:#fff;}.theme-yellow .nav>li>a:hover{background-color:transparent;}.theme-yellow .nav>li>a:focus{background-color:transparent;}.theme-yellow .nav .open>a{background-color:transparent;}.theme-yellow .nav .open>a:hover{background-color:transparent;}.theme-yellow .nav .open>a:focus{background-color:transparent;}.theme-yellow .bars{color:#fff;}.theme-yellow .sidebar .menu .list li.active{background-color:transparent;}.theme-yellow .sidebar .menu .list li.active>:first-child i,.theme-yellow .sidebar .menu .list li.active>:first-child span{color:#ffeb3b;}.theme-yellow .sidebar .menu .list .toggled{background-color:transparent;}.theme-yellow .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-yellow .sidebar .legal{background-color:#fff;}.theme-yellow .sidebar .legal .copyright a{color:#ffeb3b !important;}.theme-amber .navbar{background-color:#ffc107;}.theme-amber .navbar-brand{color:#fff;}.theme-amber .navbar-brand:hover{color:#fff;}.theme-amber .navbar-brand:active{color:#fff;}.theme-amber .navbar-brand:focus{color:#fff;}.theme-amber .nav>li>a{color:#fff;}.theme-amber .nav>li>a:hover{background-color:transparent;}.theme-amber .nav>li>a:focus{background-color:transparent;}.theme-amber .nav .open>a{background-color:transparent;}.theme-amber .nav .open>a:hover{background-color:transparent;}.theme-amber .nav .open>a:focus{background-color:transparent;}.theme-amber .bars{color:#fff;}.theme-amber .sidebar .menu .list li.active{background-color:transparent;}.theme-amber .sidebar .menu .list li.active>:first-child i,.theme-amber .sidebar .menu .list li.active>:first-child span{color:#ffc107;}.theme-amber .sidebar .menu .list .toggled{background-color:transparent;}.theme-amber .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-amber .sidebar .legal{background-color:#fff;}.theme-amber .sidebar .legal .copyright a{color:#ffc107 !important;}.theme-orange .navbar{background-color:#ff9800;}.theme-orange .navbar-brand{color:#fff;}.theme-orange .navbar-brand:hover{color:#fff;}.theme-orange .navbar-brand:active{color:#fff;}.theme-orange .navbar-brand:focus{color:#fff;}.theme-orange .nav>li>a{color:#fff;}.theme-orange .nav>li>a:hover{background-color:transparent;}.theme-orange .nav>li>a:focus{background-color:transparent;}.theme-orange .nav .open>a{background-color:transparent;}.theme-orange .nav .open>a:hover{background-color:transparent;}.theme-orange .nav .open>a:focus{background-color:transparent;}.theme-orange .bars{color:#fff;}.theme-orange .sidebar .menu .list li.active{background-color:transparent;}.theme-orange .sidebar .menu .list li.active>:first-child i,.theme-orange .sidebar .menu .list li.active>:first-child span{color:#ff9800;}.theme-orange .sidebar .menu .list .toggled{background-color:transparent;}.theme-orange .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-orange .sidebar .legal{background-color:#fff;}.theme-orange .sidebar .legal .copyright a{color:#ff9800 !important;}.theme-deep-orange .navbar{background-color:#ff5722;}.theme-deep-orange .navbar-brand{color:#fff;}.theme-deep-orange .navbar-brand:hover{color:#fff;}.theme-deep-orange .navbar-brand:active{color:#fff;}.theme-deep-orange .navbar-brand:focus{color:#fff;}.theme-deep-orange .nav>li>a{color:#fff;}.theme-deep-orange .nav>li>a:hover{background-color:transparent;}.theme-deep-orange .nav>li>a:focus{background-color:transparent;}.theme-deep-orange .nav .open>a{background-color:transparent;}.theme-deep-orange .nav .open>a:hover{background-color:transparent;}.theme-deep-orange .nav .open>a:focus{background-color:transparent;}.theme-deep-orange .bars{color:#fff;}.theme-deep-orange .sidebar .menu .list li.active{background-color:transparent;}.theme-deep-orange .sidebar .menu .list li.active>:first-child i,.theme-deep-orange .sidebar .menu .list li.active>:first-child span{color:#ff5722;}.theme-deep-orange .sidebar .menu .list .toggled{background-color:transparent;}.theme-deep-orange .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-deep-orange .sidebar .legal{background-color:#fff;}.theme-deep-orange .sidebar .legal .copyright a{color:#ff5722 !important;}.theme-brown .navbar{background-color:#795548;}.theme-brown .navbar-brand{color:#fff;}.theme-brown .navbar-brand:hover{color:#fff;}.theme-brown .navbar-brand:active{color:#fff;}.theme-brown .navbar-brand:focus{color:#fff;}.theme-brown .nav>li>a{color:#fff;}.theme-brown .nav>li>a:hover{background-color:transparent;}.theme-brown .nav>li>a:focus{background-color:transparent;}.theme-brown .nav .open>a{background-color:transparent;}.theme-brown .nav .open>a:hover{background-color:transparent;}.theme-brown .nav .open>a:focus{background-color:transparent;}.theme-brown .bars{color:#fff;}.theme-brown .sidebar .menu .list li.active{background-color:transparent;}.theme-brown .sidebar .menu .list li.active>:first-child i,.theme-brown .sidebar .menu .list li.active>:first-child span{color:#795548;}.theme-brown .sidebar .menu .list .toggled{background-color:transparent;}.theme-brown .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-brown .sidebar .legal{background-color:#fff;}.theme-brown .sidebar .legal .copyright a{color:#795548 !important;}.theme-grey .navbar{background-color:#9e9e9e;}.theme-grey .navbar-brand{color:#fff;}.theme-grey .navbar-brand:hover{color:#fff;}.theme-grey .navbar-brand:active{color:#fff;}.theme-grey .navbar-brand:focus{color:#fff;}.theme-grey .nav>li>a{color:#fff;}.theme-grey .nav>li>a:hover{background-color:transparent;}.theme-grey .nav>li>a:focus{background-color:transparent;}.theme-grey .nav .open>a{background-color:transparent;}.theme-grey .nav .open>a:hover{background-color:transparent;}.theme-grey .nav .open>a:focus{background-color:transparent;}.theme-grey .bars{color:#fff;}.theme-grey .sidebar .menu .list li.active{background-color:transparent;}.theme-grey .sidebar .menu .list li.active>:first-child i,.theme-grey .sidebar .menu .list li.active>:first-child span{color:#9e9e9e;}.theme-grey .sidebar .menu .list .toggled{background-color:transparent;}.theme-grey .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-grey .sidebar .legal{background-color:#fff;}.theme-grey .sidebar .legal .copyright a{color:#9e9e9e !important;}.theme-blue-grey .navbar{background-color:#607d8b;}.theme-blue-grey .navbar-brand{color:#fff;}.theme-blue-grey .navbar-brand:hover{color:#fff;}.theme-blue-grey .navbar-brand:active{color:#fff;}.theme-blue-grey .navbar-brand:focus{color:#fff;}.theme-blue-grey .nav>li>a{color:#fff;}.theme-blue-grey .nav>li>a:hover{background-color:transparent;}.theme-blue-grey .nav>li>a:focus{background-color:transparent;}.theme-blue-grey .nav .open>a{background-color:transparent;}.theme-blue-grey .nav .open>a:hover{background-color:transparent;}.theme-blue-grey .nav .open>a:focus{background-color:transparent;}.theme-blue-grey .bars{color:#fff;}.theme-blue-grey .sidebar .menu .list li.active{background-color:transparent;}.theme-blue-grey .sidebar .menu .list li.active>:first-child i,.theme-blue-grey .sidebar .menu .list li.active>:first-child span{color:#607d8b;}.theme-blue-grey .sidebar .menu .list .toggled{background-color:transparent;}.theme-blue-grey .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-blue-grey .sidebar .legal{background-color:#fff;}.theme-blue-grey .sidebar .legal .copyright a{color:#607d8b !important;}.theme-black .navbar{background-color:#000;}.theme-black .navbar-brand{color:#fff;}.theme-black .navbar-brand:hover{color:#fff;}.theme-black .navbar-brand:active{color:#fff;}.theme-black .navbar-brand:focus{color:#fff;}.theme-black .nav>li>a{color:#fff;}.theme-black .nav>li>a:hover{background-color:transparent;}.theme-black .nav>li>a:focus{background-color:transparent;}.theme-black .nav .open>a{background-color:transparent;}.theme-black .nav .open>a:hover{background-color:transparent;}.theme-black .nav .open>a:focus{background-color:transparent;}.theme-black .bars{color:#fff;}.theme-black .sidebar .menu .list li.active{background-color:transparent;}.theme-black .sidebar .menu .list li.active>:first-child i,.theme-black .sidebar .menu .list li.active>:first-child span{color:#000;}.theme-black .sidebar .menu .list .toggled{background-color:transparent;}.theme-black .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-black .sidebar .legal{background-color:#fff;}.theme-black .sidebar .legal .copyright a{color:#000 !important;} \ No newline at end of file diff --git a/css/themes/theme-amber.css b/css/themes/theme-amber.css new file mode 100644 index 0000000..f1b1b5f --- /dev/null +++ b/css/themes/theme-amber.css @@ -0,0 +1,45 @@ +.theme-amber .navbar { + background-color: #FFC107; } + +.theme-amber .navbar-brand { + color: #fff; } + .theme-amber .navbar-brand:hover { + color: #fff; } + .theme-amber .navbar-brand:active { + color: #fff; } + .theme-amber .navbar-brand:focus { + color: #fff; } + +.theme-amber .nav > li > a { + color: #fff; } + .theme-amber .nav > li > a:hover { + background-color: transparent; } + .theme-amber .nav > li > a:focus { + background-color: transparent; } + +.theme-amber .nav .open > a { + background-color: transparent; } + .theme-amber .nav .open > a:hover { + background-color: transparent; } + .theme-amber .nav .open > a:focus { + background-color: transparent; } + +.theme-amber .bars { + color: #fff; } + +.theme-amber .sidebar .menu .list li.active { + background-color: transparent; } + .theme-amber .sidebar .menu .list li.active > :first-child i, .theme-amber .sidebar .menu .list li.active > :first-child span { + color: #FFC107; } + +.theme-amber .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-amber .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-amber .sidebar .legal { + background-color: #fff; } + .theme-amber .sidebar .legal .copyright a { + color: #FFC107 !important; } + diff --git a/css/themes/theme-amber.min.css b/css/themes/theme-amber.min.css new file mode 100644 index 0000000..d791a33 --- /dev/null +++ b/css/themes/theme-amber.min.css @@ -0,0 +1 @@ +.theme-amber .navbar{background-color:#ffc107;}.theme-amber .navbar-brand{color:#fff;}.theme-amber .navbar-brand:hover{color:#fff;}.theme-amber .navbar-brand:active{color:#fff;}.theme-amber .navbar-brand:focus{color:#fff;}.theme-amber .nav>li>a{color:#fff;}.theme-amber .nav>li>a:hover{background-color:transparent;}.theme-amber .nav>li>a:focus{background-color:transparent;}.theme-amber .nav .open>a{background-color:transparent;}.theme-amber .nav .open>a:hover{background-color:transparent;}.theme-amber .nav .open>a:focus{background-color:transparent;}.theme-amber .bars{color:#fff;}.theme-amber .sidebar .menu .list li.active{background-color:transparent;}.theme-amber .sidebar .menu .list li.active>:first-child i,.theme-amber .sidebar .menu .list li.active>:first-child span{color:#ffc107;}.theme-amber .sidebar .menu .list .toggled{background-color:transparent;}.theme-amber .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-amber .sidebar .legal{background-color:#fff;}.theme-amber .sidebar .legal .copyright a{color:#ffc107 !important;} \ No newline at end of file diff --git a/css/themes/theme-black.css b/css/themes/theme-black.css new file mode 100644 index 0000000..93263b7 --- /dev/null +++ b/css/themes/theme-black.css @@ -0,0 +1,45 @@ +.theme-black .navbar { + background-color: #000; } + +.theme-black .navbar-brand { + color: #fff; } + .theme-black .navbar-brand:hover { + color: #fff; } + .theme-black .navbar-brand:active { + color: #fff; } + .theme-black .navbar-brand:focus { + color: #fff; } + +.theme-black .nav > li > a { + color: #fff; } + .theme-black .nav > li > a:hover { + background-color: transparent; } + .theme-black .nav > li > a:focus { + background-color: transparent; } + +.theme-black .nav .open > a { + background-color: transparent; } + .theme-black .nav .open > a:hover { + background-color: transparent; } + .theme-black .nav .open > a:focus { + background-color: transparent; } + +.theme-black .bars { + color: #fff; } + +.theme-black .sidebar .menu .list li.active { + background-color: transparent; } + .theme-black .sidebar .menu .list li.active > :first-child i, .theme-black .sidebar .menu .list li.active > :first-child span { + color: #000; } + +.theme-black .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-black .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-black .sidebar .legal { + background-color: #fff; } + .theme-black .sidebar .legal .copyright a { + color: #000 !important; } + diff --git a/css/themes/theme-black.min.css b/css/themes/theme-black.min.css new file mode 100644 index 0000000..e763c92 --- /dev/null +++ b/css/themes/theme-black.min.css @@ -0,0 +1 @@ +.theme-black .navbar{background-color:#000;}.theme-black .navbar-brand{color:#fff;}.theme-black .navbar-brand:hover{color:#fff;}.theme-black .navbar-brand:active{color:#fff;}.theme-black .navbar-brand:focus{color:#fff;}.theme-black .nav>li>a{color:#fff;}.theme-black .nav>li>a:hover{background-color:transparent;}.theme-black .nav>li>a:focus{background-color:transparent;}.theme-black .nav .open>a{background-color:transparent;}.theme-black .nav .open>a:hover{background-color:transparent;}.theme-black .nav .open>a:focus{background-color:transparent;}.theme-black .bars{color:#fff;}.theme-black .sidebar .menu .list li.active{background-color:transparent;}.theme-black .sidebar .menu .list li.active>:first-child i,.theme-black .sidebar .menu .list li.active>:first-child span{color:#000;}.theme-black .sidebar .menu .list .toggled{background-color:transparent;}.theme-black .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-black .sidebar .legal{background-color:#fff;}.theme-black .sidebar .legal .copyright a{color:#000 !important;} \ No newline at end of file diff --git a/css/themes/theme-blue-grey.css b/css/themes/theme-blue-grey.css new file mode 100644 index 0000000..2cbb4a0 --- /dev/null +++ b/css/themes/theme-blue-grey.css @@ -0,0 +1,45 @@ +.theme-blue-grey .navbar { + background-color: #607D8B; } + +.theme-blue-grey .navbar-brand { + color: #fff; } + .theme-blue-grey .navbar-brand:hover { + color: #fff; } + .theme-blue-grey .navbar-brand:active { + color: #fff; } + .theme-blue-grey .navbar-brand:focus { + color: #fff; } + +.theme-blue-grey .nav > li > a { + color: #fff; } + .theme-blue-grey .nav > li > a:hover { + background-color: transparent; } + .theme-blue-grey .nav > li > a:focus { + background-color: transparent; } + +.theme-blue-grey .nav .open > a { + background-color: transparent; } + .theme-blue-grey .nav .open > a:hover { + background-color: transparent; } + .theme-blue-grey .nav .open > a:focus { + background-color: transparent; } + +.theme-blue-grey .bars { + color: #fff; } + +.theme-blue-grey .sidebar .menu .list li.active { + background-color: transparent; } + .theme-blue-grey .sidebar .menu .list li.active > :first-child i, .theme-blue-grey .sidebar .menu .list li.active > :first-child span { + color: #607D8B; } + +.theme-blue-grey .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-blue-grey .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-blue-grey .sidebar .legal { + background-color: #fff; } + .theme-blue-grey .sidebar .legal .copyright a { + color: #607D8B !important; } + diff --git a/css/themes/theme-blue-grey.min.css b/css/themes/theme-blue-grey.min.css new file mode 100644 index 0000000..803f3a9 --- /dev/null +++ b/css/themes/theme-blue-grey.min.css @@ -0,0 +1 @@ +.theme-blue-grey .navbar{background-color:#607d8b;}.theme-blue-grey .navbar-brand{color:#fff;}.theme-blue-grey .navbar-brand:hover{color:#fff;}.theme-blue-grey .navbar-brand:active{color:#fff;}.theme-blue-grey .navbar-brand:focus{color:#fff;}.theme-blue-grey .nav>li>a{color:#fff;}.theme-blue-grey .nav>li>a:hover{background-color:transparent;}.theme-blue-grey .nav>li>a:focus{background-color:transparent;}.theme-blue-grey .nav .open>a{background-color:transparent;}.theme-blue-grey .nav .open>a:hover{background-color:transparent;}.theme-blue-grey .nav .open>a:focus{background-color:transparent;}.theme-blue-grey .bars{color:#fff;}.theme-blue-grey .sidebar .menu .list li.active{background-color:transparent;}.theme-blue-grey .sidebar .menu .list li.active>:first-child i,.theme-blue-grey .sidebar .menu .list li.active>:first-child span{color:#607d8b;}.theme-blue-grey .sidebar .menu .list .toggled{background-color:transparent;}.theme-blue-grey .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-blue-grey .sidebar .legal{background-color:#fff;}.theme-blue-grey .sidebar .legal .copyright a{color:#607d8b !important;} \ No newline at end of file diff --git a/css/themes/theme-blue.css b/css/themes/theme-blue.css new file mode 100644 index 0000000..01017c7 --- /dev/null +++ b/css/themes/theme-blue.css @@ -0,0 +1,45 @@ +.theme-blue .navbar { + background-color: #2196F3; } + +.theme-blue .navbar-brand { + color: #fff; } + .theme-blue .navbar-brand:hover { + color: #fff; } + .theme-blue .navbar-brand:active { + color: #fff; } + .theme-blue .navbar-brand:focus { + color: #fff; } + +.theme-blue .nav > li > a { + color: #fff; } + .theme-blue .nav > li > a:hover { + background-color: transparent; } + .theme-blue .nav > li > a:focus { + background-color: transparent; } + +.theme-blue .nav .open > a { + background-color: transparent; } + .theme-blue .nav .open > a:hover { + background-color: transparent; } + .theme-blue .nav .open > a:focus { + background-color: transparent; } + +.theme-blue .bars { + color: #fff; } + +.theme-blue .sidebar .menu .list li.active { + background-color: transparent; } + .theme-blue .sidebar .menu .list li.active > :first-child i, .theme-blue .sidebar .menu .list li.active > :first-child span { + color: #2196F3; } + +.theme-blue .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-blue .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-blue .sidebar .legal { + background-color: #fff; } + .theme-blue .sidebar .legal .copyright a { + color: #2196F3 !important; } + diff --git a/css/themes/theme-blue.min.css b/css/themes/theme-blue.min.css new file mode 100644 index 0000000..36359d3 --- /dev/null +++ b/css/themes/theme-blue.min.css @@ -0,0 +1 @@ +.theme-blue .navbar{background-color:#2196f3;}.theme-blue .navbar-brand{color:#fff;}.theme-blue .navbar-brand:hover{color:#fff;}.theme-blue .navbar-brand:active{color:#fff;}.theme-blue .navbar-brand:focus{color:#fff;}.theme-blue .nav>li>a{color:#fff;}.theme-blue .nav>li>a:hover{background-color:transparent;}.theme-blue .nav>li>a:focus{background-color:transparent;}.theme-blue .nav .open>a{background-color:transparent;}.theme-blue .nav .open>a:hover{background-color:transparent;}.theme-blue .nav .open>a:focus{background-color:transparent;}.theme-blue .bars{color:#fff;}.theme-blue .sidebar .menu .list li.active{background-color:transparent;}.theme-blue .sidebar .menu .list li.active>:first-child i,.theme-blue .sidebar .menu .list li.active>:first-child span{color:#2196f3;}.theme-blue .sidebar .menu .list .toggled{background-color:transparent;}.theme-blue .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-blue .sidebar .legal{background-color:#fff;}.theme-blue .sidebar .legal .copyright a{color:#2196f3 !important;} \ No newline at end of file diff --git a/css/themes/theme-brown.css b/css/themes/theme-brown.css new file mode 100644 index 0000000..709c9e6 --- /dev/null +++ b/css/themes/theme-brown.css @@ -0,0 +1,45 @@ +.theme-brown .navbar { + background-color: #795548; } + +.theme-brown .navbar-brand { + color: #fff; } + .theme-brown .navbar-brand:hover { + color: #fff; } + .theme-brown .navbar-brand:active { + color: #fff; } + .theme-brown .navbar-brand:focus { + color: #fff; } + +.theme-brown .nav > li > a { + color: #fff; } + .theme-brown .nav > li > a:hover { + background-color: transparent; } + .theme-brown .nav > li > a:focus { + background-color: transparent; } + +.theme-brown .nav .open > a { + background-color: transparent; } + .theme-brown .nav .open > a:hover { + background-color: transparent; } + .theme-brown .nav .open > a:focus { + background-color: transparent; } + +.theme-brown .bars { + color: #fff; } + +.theme-brown .sidebar .menu .list li.active { + background-color: transparent; } + .theme-brown .sidebar .menu .list li.active > :first-child i, .theme-brown .sidebar .menu .list li.active > :first-child span { + color: #795548; } + +.theme-brown .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-brown .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-brown .sidebar .legal { + background-color: #fff; } + .theme-brown .sidebar .legal .copyright a { + color: #795548 !important; } + diff --git a/css/themes/theme-brown.min.css b/css/themes/theme-brown.min.css new file mode 100644 index 0000000..acc53fe --- /dev/null +++ b/css/themes/theme-brown.min.css @@ -0,0 +1 @@ +.theme-brown .navbar{background-color:#795548;}.theme-brown .navbar-brand{color:#fff;}.theme-brown .navbar-brand:hover{color:#fff;}.theme-brown .navbar-brand:active{color:#fff;}.theme-brown .navbar-brand:focus{color:#fff;}.theme-brown .nav>li>a{color:#fff;}.theme-brown .nav>li>a:hover{background-color:transparent;}.theme-brown .nav>li>a:focus{background-color:transparent;}.theme-brown .nav .open>a{background-color:transparent;}.theme-brown .nav .open>a:hover{background-color:transparent;}.theme-brown .nav .open>a:focus{background-color:transparent;}.theme-brown .bars{color:#fff;}.theme-brown .sidebar .menu .list li.active{background-color:transparent;}.theme-brown .sidebar .menu .list li.active>:first-child i,.theme-brown .sidebar .menu .list li.active>:first-child span{color:#795548;}.theme-brown .sidebar .menu .list .toggled{background-color:transparent;}.theme-brown .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-brown .sidebar .legal{background-color:#fff;}.theme-brown .sidebar .legal .copyright a{color:#795548 !important;} \ No newline at end of file diff --git a/css/themes/theme-cyan.css b/css/themes/theme-cyan.css new file mode 100644 index 0000000..e05559d --- /dev/null +++ b/css/themes/theme-cyan.css @@ -0,0 +1,45 @@ +.theme-cyan .navbar { + background-color: #00BCD4; } + +.theme-cyan .navbar-brand { + color: #fff; } + .theme-cyan .navbar-brand:hover { + color: #fff; } + .theme-cyan .navbar-brand:active { + color: #fff; } + .theme-cyan .navbar-brand:focus { + color: #fff; } + +.theme-cyan .nav > li > a { + color: #fff; } + .theme-cyan .nav > li > a:hover { + background-color: transparent; } + .theme-cyan .nav > li > a:focus { + background-color: transparent; } + +.theme-cyan .nav .open > a { + background-color: transparent; } + .theme-cyan .nav .open > a:hover { + background-color: transparent; } + .theme-cyan .nav .open > a:focus { + background-color: transparent; } + +.theme-cyan .bars { + color: #fff; } + +.theme-cyan .sidebar .menu .list li.active { + background-color: transparent; } + .theme-cyan .sidebar .menu .list li.active > :first-child i, .theme-cyan .sidebar .menu .list li.active > :first-child span { + color: #00BCD4; } + +.theme-cyan .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-cyan .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-cyan .sidebar .legal { + background-color: #fff; } + .theme-cyan .sidebar .legal .copyright a { + color: #00BCD4 !important; } + diff --git a/css/themes/theme-cyan.min.css b/css/themes/theme-cyan.min.css new file mode 100644 index 0000000..792c898 --- /dev/null +++ b/css/themes/theme-cyan.min.css @@ -0,0 +1 @@ +.theme-cyan .navbar{background-color:#00bcd4;}.theme-cyan .navbar-brand{color:#fff;}.theme-cyan .navbar-brand:hover{color:#fff;}.theme-cyan .navbar-brand:active{color:#fff;}.theme-cyan .navbar-brand:focus{color:#fff;}.theme-cyan .nav>li>a{color:#fff;}.theme-cyan .nav>li>a:hover{background-color:transparent;}.theme-cyan .nav>li>a:focus{background-color:transparent;}.theme-cyan .nav .open>a{background-color:transparent;}.theme-cyan .nav .open>a:hover{background-color:transparent;}.theme-cyan .nav .open>a:focus{background-color:transparent;}.theme-cyan .bars{color:#fff;}.theme-cyan .sidebar .menu .list li.active{background-color:transparent;}.theme-cyan .sidebar .menu .list li.active>:first-child i,.theme-cyan .sidebar .menu .list li.active>:first-child span{color:#00bcd4;}.theme-cyan .sidebar .menu .list .toggled{background-color:transparent;}.theme-cyan .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-cyan .sidebar .legal{background-color:#fff;}.theme-cyan .sidebar .legal .copyright a{color:#00bcd4 !important;} \ No newline at end of file diff --git a/css/themes/theme-deep-orange.css b/css/themes/theme-deep-orange.css new file mode 100644 index 0000000..5229daf --- /dev/null +++ b/css/themes/theme-deep-orange.css @@ -0,0 +1,45 @@ +.theme-deep-orange .navbar { + background-color: #FF5722; } + +.theme-deep-orange .navbar-brand { + color: #fff; } + .theme-deep-orange .navbar-brand:hover { + color: #fff; } + .theme-deep-orange .navbar-brand:active { + color: #fff; } + .theme-deep-orange .navbar-brand:focus { + color: #fff; } + +.theme-deep-orange .nav > li > a { + color: #fff; } + .theme-deep-orange .nav > li > a:hover { + background-color: transparent; } + .theme-deep-orange .nav > li > a:focus { + background-color: transparent; } + +.theme-deep-orange .nav .open > a { + background-color: transparent; } + .theme-deep-orange .nav .open > a:hover { + background-color: transparent; } + .theme-deep-orange .nav .open > a:focus { + background-color: transparent; } + +.theme-deep-orange .bars { + color: #fff; } + +.theme-deep-orange .sidebar .menu .list li.active { + background-color: transparent; } + .theme-deep-orange .sidebar .menu .list li.active > :first-child i, .theme-deep-orange .sidebar .menu .list li.active > :first-child span { + color: #FF5722; } + +.theme-deep-orange .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-deep-orange .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-deep-orange .sidebar .legal { + background-color: #fff; } + .theme-deep-orange .sidebar .legal .copyright a { + color: #FF5722 !important; } + diff --git a/css/themes/theme-deep-orange.min.css b/css/themes/theme-deep-orange.min.css new file mode 100644 index 0000000..160fc70 --- /dev/null +++ b/css/themes/theme-deep-orange.min.css @@ -0,0 +1 @@ +.theme-deep-orange .navbar{background-color:#ff5722;}.theme-deep-orange .navbar-brand{color:#fff;}.theme-deep-orange .navbar-brand:hover{color:#fff;}.theme-deep-orange .navbar-brand:active{color:#fff;}.theme-deep-orange .navbar-brand:focus{color:#fff;}.theme-deep-orange .nav>li>a{color:#fff;}.theme-deep-orange .nav>li>a:hover{background-color:transparent;}.theme-deep-orange .nav>li>a:focus{background-color:transparent;}.theme-deep-orange .nav .open>a{background-color:transparent;}.theme-deep-orange .nav .open>a:hover{background-color:transparent;}.theme-deep-orange .nav .open>a:focus{background-color:transparent;}.theme-deep-orange .bars{color:#fff;}.theme-deep-orange .sidebar .menu .list li.active{background-color:transparent;}.theme-deep-orange .sidebar .menu .list li.active>:first-child i,.theme-deep-orange .sidebar .menu .list li.active>:first-child span{color:#ff5722;}.theme-deep-orange .sidebar .menu .list .toggled{background-color:transparent;}.theme-deep-orange .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-deep-orange .sidebar .legal{background-color:#fff;}.theme-deep-orange .sidebar .legal .copyright a{color:#ff5722 !important;} \ No newline at end of file diff --git a/css/themes/theme-deep-purple.css b/css/themes/theme-deep-purple.css new file mode 100644 index 0000000..8c21049 --- /dev/null +++ b/css/themes/theme-deep-purple.css @@ -0,0 +1,45 @@ +.theme-deep-purple .navbar { + background-color: #673AB7; } + +.theme-deep-purple .navbar-brand { + color: #fff; } + .theme-deep-purple .navbar-brand:hover { + color: #fff; } + .theme-deep-purple .navbar-brand:active { + color: #fff; } + .theme-deep-purple .navbar-brand:focus { + color: #fff; } + +.theme-deep-purple .nav > li > a { + color: #fff; } + .theme-deep-purple .nav > li > a:hover { + background-color: transparent; } + .theme-deep-purple .nav > li > a:focus { + background-color: transparent; } + +.theme-deep-purple .nav .open > a { + background-color: transparent; } + .theme-deep-purple .nav .open > a:hover { + background-color: transparent; } + .theme-deep-purple .nav .open > a:focus { + background-color: transparent; } + +.theme-deep-purple .bars { + color: #fff; } + +.theme-deep-purple .sidebar .menu .list li.active { + background-color: transparent; } + .theme-deep-purple .sidebar .menu .list li.active > :first-child i, .theme-deep-purple .sidebar .menu .list li.active > :first-child span { + color: #673AB7; } + +.theme-deep-purple .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-deep-purple .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-deep-purple .sidebar .legal { + background-color: #fff; } + .theme-deep-purple .sidebar .legal .copyright a { + color: #673AB7 !important; } + diff --git a/css/themes/theme-deep-purple.min.css b/css/themes/theme-deep-purple.min.css new file mode 100644 index 0000000..fc96963 --- /dev/null +++ b/css/themes/theme-deep-purple.min.css @@ -0,0 +1 @@ +.theme-deep-purple .navbar{background-color:#673ab7;}.theme-deep-purple .navbar-brand{color:#fff;}.theme-deep-purple .navbar-brand:hover{color:#fff;}.theme-deep-purple .navbar-brand:active{color:#fff;}.theme-deep-purple .navbar-brand:focus{color:#fff;}.theme-deep-purple .nav>li>a{color:#fff;}.theme-deep-purple .nav>li>a:hover{background-color:transparent;}.theme-deep-purple .nav>li>a:focus{background-color:transparent;}.theme-deep-purple .nav .open>a{background-color:transparent;}.theme-deep-purple .nav .open>a:hover{background-color:transparent;}.theme-deep-purple .nav .open>a:focus{background-color:transparent;}.theme-deep-purple .bars{color:#fff;}.theme-deep-purple .sidebar .menu .list li.active{background-color:transparent;}.theme-deep-purple .sidebar .menu .list li.active>:first-child i,.theme-deep-purple .sidebar .menu .list li.active>:first-child span{color:#673ab7;}.theme-deep-purple .sidebar .menu .list .toggled{background-color:transparent;}.theme-deep-purple .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-deep-purple .sidebar .legal{background-color:#fff;}.theme-deep-purple .sidebar .legal .copyright a{color:#673ab7 !important;} \ No newline at end of file diff --git a/css/themes/theme-green.css b/css/themes/theme-green.css new file mode 100644 index 0000000..6f08cab --- /dev/null +++ b/css/themes/theme-green.css @@ -0,0 +1,45 @@ +.theme-green .navbar { + background-color: #4CAF50; } + +.theme-green .navbar-brand { + color: #fff; } + .theme-green .navbar-brand:hover { + color: #fff; } + .theme-green .navbar-brand:active { + color: #fff; } + .theme-green .navbar-brand:focus { + color: #fff; } + +.theme-green .nav > li > a { + color: #fff; } + .theme-green .nav > li > a:hover { + background-color: transparent; } + .theme-green .nav > li > a:focus { + background-color: transparent; } + +.theme-green .nav .open > a { + background-color: transparent; } + .theme-green .nav .open > a:hover { + background-color: transparent; } + .theme-green .nav .open > a:focus { + background-color: transparent; } + +.theme-green .bars { + color: #fff; } + +.theme-green .sidebar .menu .list li.active { + background-color: transparent; } + .theme-green .sidebar .menu .list li.active > :first-child i, .theme-green .sidebar .menu .list li.active > :first-child span { + color: #4CAF50; } + +.theme-green .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-green .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-green .sidebar .legal { + background-color: #fff; } + .theme-green .sidebar .legal .copyright a { + color: #4CAF50 !important; } + diff --git a/css/themes/theme-green.min.css b/css/themes/theme-green.min.css new file mode 100644 index 0000000..7907971 --- /dev/null +++ b/css/themes/theme-green.min.css @@ -0,0 +1 @@ +.theme-green .navbar{background-color:#4caf50;}.theme-green .navbar-brand{color:#fff;}.theme-green .navbar-brand:hover{color:#fff;}.theme-green .navbar-brand:active{color:#fff;}.theme-green .navbar-brand:focus{color:#fff;}.theme-green .nav>li>a{color:#fff;}.theme-green .nav>li>a:hover{background-color:transparent;}.theme-green .nav>li>a:focus{background-color:transparent;}.theme-green .nav .open>a{background-color:transparent;}.theme-green .nav .open>a:hover{background-color:transparent;}.theme-green .nav .open>a:focus{background-color:transparent;}.theme-green .bars{color:#fff;}.theme-green .sidebar .menu .list li.active{background-color:transparent;}.theme-green .sidebar .menu .list li.active>:first-child i,.theme-green .sidebar .menu .list li.active>:first-child span{color:#4caf50;}.theme-green .sidebar .menu .list .toggled{background-color:transparent;}.theme-green .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-green .sidebar .legal{background-color:#fff;}.theme-green .sidebar .legal .copyright a{color:#4caf50 !important;} \ No newline at end of file diff --git a/css/themes/theme-grey.css b/css/themes/theme-grey.css new file mode 100644 index 0000000..658eacb --- /dev/null +++ b/css/themes/theme-grey.css @@ -0,0 +1,45 @@ +.theme-grey .navbar { + background-color: #9E9E9E; } + +.theme-grey .navbar-brand { + color: #fff; } + .theme-grey .navbar-brand:hover { + color: #fff; } + .theme-grey .navbar-brand:active { + color: #fff; } + .theme-grey .navbar-brand:focus { + color: #fff; } + +.theme-grey .nav > li > a { + color: #fff; } + .theme-grey .nav > li > a:hover { + background-color: transparent; } + .theme-grey .nav > li > a:focus { + background-color: transparent; } + +.theme-grey .nav .open > a { + background-color: transparent; } + .theme-grey .nav .open > a:hover { + background-color: transparent; } + .theme-grey .nav .open > a:focus { + background-color: transparent; } + +.theme-grey .bars { + color: #fff; } + +.theme-grey .sidebar .menu .list li.active { + background-color: transparent; } + .theme-grey .sidebar .menu .list li.active > :first-child i, .theme-grey .sidebar .menu .list li.active > :first-child span { + color: #9E9E9E; } + +.theme-grey .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-grey .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-grey .sidebar .legal { + background-color: #fff; } + .theme-grey .sidebar .legal .copyright a { + color: #9E9E9E !important; } + diff --git a/css/themes/theme-grey.min.css b/css/themes/theme-grey.min.css new file mode 100644 index 0000000..f437acb --- /dev/null +++ b/css/themes/theme-grey.min.css @@ -0,0 +1 @@ +.theme-grey .navbar{background-color:#9e9e9e;}.theme-grey .navbar-brand{color:#fff;}.theme-grey .navbar-brand:hover{color:#fff;}.theme-grey .navbar-brand:active{color:#fff;}.theme-grey .navbar-brand:focus{color:#fff;}.theme-grey .nav>li>a{color:#fff;}.theme-grey .nav>li>a:hover{background-color:transparent;}.theme-grey .nav>li>a:focus{background-color:transparent;}.theme-grey .nav .open>a{background-color:transparent;}.theme-grey .nav .open>a:hover{background-color:transparent;}.theme-grey .nav .open>a:focus{background-color:transparent;}.theme-grey .bars{color:#fff;}.theme-grey .sidebar .menu .list li.active{background-color:transparent;}.theme-grey .sidebar .menu .list li.active>:first-child i,.theme-grey .sidebar .menu .list li.active>:first-child span{color:#9e9e9e;}.theme-grey .sidebar .menu .list .toggled{background-color:transparent;}.theme-grey .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-grey .sidebar .legal{background-color:#fff;}.theme-grey .sidebar .legal .copyright a{color:#9e9e9e !important;} \ No newline at end of file diff --git a/css/themes/theme-indigo.css b/css/themes/theme-indigo.css new file mode 100644 index 0000000..9f8cfda --- /dev/null +++ b/css/themes/theme-indigo.css @@ -0,0 +1,45 @@ +.theme-indigo .navbar { + background-color: #3F51B5; } + +.theme-indigo .navbar-brand { + color: #fff; } + .theme-indigo .navbar-brand:hover { + color: #fff; } + .theme-indigo .navbar-brand:active { + color: #fff; } + .theme-indigo .navbar-brand:focus { + color: #fff; } + +.theme-indigo .nav > li > a { + color: #fff; } + .theme-indigo .nav > li > a:hover { + background-color: transparent; } + .theme-indigo .nav > li > a:focus { + background-color: transparent; } + +.theme-indigo .nav .open > a { + background-color: transparent; } + .theme-indigo .nav .open > a:hover { + background-color: transparent; } + .theme-indigo .nav .open > a:focus { + background-color: transparent; } + +.theme-indigo .bars { + color: #fff; } + +.theme-indigo .sidebar .menu .list li.active { + background-color: transparent; } + .theme-indigo .sidebar .menu .list li.active > :first-child i, .theme-indigo .sidebar .menu .list li.active > :first-child span { + color: #3F51B5; } + +.theme-indigo .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-indigo .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-indigo .sidebar .legal { + background-color: #fff; } + .theme-indigo .sidebar .legal .copyright a { + color: #3F51B5 !important; } + diff --git a/css/themes/theme-indigo.min.css b/css/themes/theme-indigo.min.css new file mode 100644 index 0000000..28cdeb1 --- /dev/null +++ b/css/themes/theme-indigo.min.css @@ -0,0 +1 @@ +.theme-indigo .navbar{background-color:#3f51b5;}.theme-indigo .navbar-brand{color:#fff;}.theme-indigo .navbar-brand:hover{color:#fff;}.theme-indigo .navbar-brand:active{color:#fff;}.theme-indigo .navbar-brand:focus{color:#fff;}.theme-indigo .nav>li>a{color:#fff;}.theme-indigo .nav>li>a:hover{background-color:transparent;}.theme-indigo .nav>li>a:focus{background-color:transparent;}.theme-indigo .nav .open>a{background-color:transparent;}.theme-indigo .nav .open>a:hover{background-color:transparent;}.theme-indigo .nav .open>a:focus{background-color:transparent;}.theme-indigo .bars{color:#fff;}.theme-indigo .sidebar .menu .list li.active{background-color:transparent;}.theme-indigo .sidebar .menu .list li.active>:first-child i,.theme-indigo .sidebar .menu .list li.active>:first-child span{color:#3f51b5;}.theme-indigo .sidebar .menu .list .toggled{background-color:transparent;}.theme-indigo .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-indigo .sidebar .legal{background-color:#fff;}.theme-indigo .sidebar .legal .copyright a{color:#3f51b5 !important;} \ No newline at end of file diff --git a/css/themes/theme-light-blue.css b/css/themes/theme-light-blue.css new file mode 100644 index 0000000..50f4e0a --- /dev/null +++ b/css/themes/theme-light-blue.css @@ -0,0 +1,45 @@ +.theme-light-blue .navbar { + background-color: #03A9F4; } + +.theme-light-blue .navbar-brand { + color: #fff; } + .theme-light-blue .navbar-brand:hover { + color: #fff; } + .theme-light-blue .navbar-brand:active { + color: #fff; } + .theme-light-blue .navbar-brand:focus { + color: #fff; } + +.theme-light-blue .nav > li > a { + color: #fff; } + .theme-light-blue .nav > li > a:hover { + background-color: transparent; } + .theme-light-blue .nav > li > a:focus { + background-color: transparent; } + +.theme-light-blue .nav .open > a { + background-color: transparent; } + .theme-light-blue .nav .open > a:hover { + background-color: transparent; } + .theme-light-blue .nav .open > a:focus { + background-color: transparent; } + +.theme-light-blue .bars { + color: #fff; } + +.theme-light-blue .sidebar .menu .list li.active { + background-color: transparent; } + .theme-light-blue .sidebar .menu .list li.active > :first-child i, .theme-light-blue .sidebar .menu .list li.active > :first-child span { + color: #03A9F4; } + +.theme-light-blue .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-light-blue .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-light-blue .sidebar .legal { + background-color: #fff; } + .theme-light-blue .sidebar .legal .copyright a { + color: #03A9F4 !important; } + diff --git a/css/themes/theme-light-blue.min.css b/css/themes/theme-light-blue.min.css new file mode 100644 index 0000000..d15a177 --- /dev/null +++ b/css/themes/theme-light-blue.min.css @@ -0,0 +1 @@ +.theme-light-blue .navbar{background-color:#03a9f4;}.theme-light-blue .navbar-brand{color:#fff;}.theme-light-blue .navbar-brand:hover{color:#fff;}.theme-light-blue .navbar-brand:active{color:#fff;}.theme-light-blue .navbar-brand:focus{color:#fff;}.theme-light-blue .nav>li>a{color:#fff;}.theme-light-blue .nav>li>a:hover{background-color:transparent;}.theme-light-blue .nav>li>a:focus{background-color:transparent;}.theme-light-blue .nav .open>a{background-color:transparent;}.theme-light-blue .nav .open>a:hover{background-color:transparent;}.theme-light-blue .nav .open>a:focus{background-color:transparent;}.theme-light-blue .bars{color:#fff;}.theme-light-blue .sidebar .menu .list li.active{background-color:transparent;}.theme-light-blue .sidebar .menu .list li.active>:first-child i,.theme-light-blue .sidebar .menu .list li.active>:first-child span{color:#03a9f4;}.theme-light-blue .sidebar .menu .list .toggled{background-color:transparent;}.theme-light-blue .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-light-blue .sidebar .legal{background-color:#fff;}.theme-light-blue .sidebar .legal .copyright a{color:#03a9f4 !important;} \ No newline at end of file diff --git a/css/themes/theme-lime.css b/css/themes/theme-lime.css new file mode 100644 index 0000000..82179e3 --- /dev/null +++ b/css/themes/theme-lime.css @@ -0,0 +1,45 @@ +.theme-lime .navbar { + background-color: #CDDC39; } + +.theme-lime .navbar-brand { + color: #fff; } + .theme-lime .navbar-brand:hover { + color: #fff; } + .theme-lime .navbar-brand:active { + color: #fff; } + .theme-lime .navbar-brand:focus { + color: #fff; } + +.theme-lime .nav > li > a { + color: #fff; } + .theme-lime .nav > li > a:hover { + background-color: transparent; } + .theme-lime .nav > li > a:focus { + background-color: transparent; } + +.theme-lime .nav .open > a { + background-color: transparent; } + .theme-lime .nav .open > a:hover { + background-color: transparent; } + .theme-lime .nav .open > a:focus { + background-color: transparent; } + +.theme-lime .bars { + color: #fff; } + +.theme-lime .sidebar .menu .list li.active { + background-color: transparent; } + .theme-lime .sidebar .menu .list li.active > :first-child i, .theme-lime .sidebar .menu .list li.active > :first-child span { + color: #CDDC39; } + +.theme-lime .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-lime .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-lime .sidebar .legal { + background-color: #fff; } + .theme-lime .sidebar .legal .copyright a { + color: #CDDC39 !important; } + diff --git a/css/themes/theme-lime.min.css b/css/themes/theme-lime.min.css new file mode 100644 index 0000000..3cc7c35 --- /dev/null +++ b/css/themes/theme-lime.min.css @@ -0,0 +1 @@ +.theme-lime .navbar{background-color:#cddc39;}.theme-lime .navbar-brand{color:#fff;}.theme-lime .navbar-brand:hover{color:#fff;}.theme-lime .navbar-brand:active{color:#fff;}.theme-lime .navbar-brand:focus{color:#fff;}.theme-lime .nav>li>a{color:#fff;}.theme-lime .nav>li>a:hover{background-color:transparent;}.theme-lime .nav>li>a:focus{background-color:transparent;}.theme-lime .nav .open>a{background-color:transparent;}.theme-lime .nav .open>a:hover{background-color:transparent;}.theme-lime .nav .open>a:focus{background-color:transparent;}.theme-lime .bars{color:#fff;}.theme-lime .sidebar .menu .list li.active{background-color:transparent;}.theme-lime .sidebar .menu .list li.active>:first-child i,.theme-lime .sidebar .menu .list li.active>:first-child span{color:#cddc39;}.theme-lime .sidebar .menu .list .toggled{background-color:transparent;}.theme-lime .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-lime .sidebar .legal{background-color:#fff;}.theme-lime .sidebar .legal .copyright a{color:#cddc39 !important;} \ No newline at end of file diff --git a/css/themes/theme-orange.css b/css/themes/theme-orange.css new file mode 100644 index 0000000..e855021 --- /dev/null +++ b/css/themes/theme-orange.css @@ -0,0 +1,45 @@ +.theme-orange .navbar { + background-color: #FF9800; } + +.theme-orange .navbar-brand { + color: #fff; } + .theme-orange .navbar-brand:hover { + color: #fff; } + .theme-orange .navbar-brand:active { + color: #fff; } + .theme-orange .navbar-brand:focus { + color: #fff; } + +.theme-orange .nav > li > a { + color: #fff; } + .theme-orange .nav > li > a:hover { + background-color: transparent; } + .theme-orange .nav > li > a:focus { + background-color: transparent; } + +.theme-orange .nav .open > a { + background-color: transparent; } + .theme-orange .nav .open > a:hover { + background-color: transparent; } + .theme-orange .nav .open > a:focus { + background-color: transparent; } + +.theme-orange .bars { + color: #fff; } + +.theme-orange .sidebar .menu .list li.active { + background-color: transparent; } + .theme-orange .sidebar .menu .list li.active > :first-child i, .theme-orange .sidebar .menu .list li.active > :first-child span { + color: #FF9800; } + +.theme-orange .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-orange .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-orange .sidebar .legal { + background-color: #fff; } + .theme-orange .sidebar .legal .copyright a { + color: #FF9800 !important; } + diff --git a/css/themes/theme-orange.min.css b/css/themes/theme-orange.min.css new file mode 100644 index 0000000..5b20f26 --- /dev/null +++ b/css/themes/theme-orange.min.css @@ -0,0 +1 @@ +.theme-orange .navbar{background-color:#ff9800;}.theme-orange .navbar-brand{color:#fff;}.theme-orange .navbar-brand:hover{color:#fff;}.theme-orange .navbar-brand:active{color:#fff;}.theme-orange .navbar-brand:focus{color:#fff;}.theme-orange .nav>li>a{color:#fff;}.theme-orange .nav>li>a:hover{background-color:transparent;}.theme-orange .nav>li>a:focus{background-color:transparent;}.theme-orange .nav .open>a{background-color:transparent;}.theme-orange .nav .open>a:hover{background-color:transparent;}.theme-orange .nav .open>a:focus{background-color:transparent;}.theme-orange .bars{color:#fff;}.theme-orange .sidebar .menu .list li.active{background-color:transparent;}.theme-orange .sidebar .menu .list li.active>:first-child i,.theme-orange .sidebar .menu .list li.active>:first-child span{color:#ff9800;}.theme-orange .sidebar .menu .list .toggled{background-color:transparent;}.theme-orange .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-orange .sidebar .legal{background-color:#fff;}.theme-orange .sidebar .legal .copyright a{color:#ff9800 !important;} \ No newline at end of file diff --git a/css/themes/theme-pink.css b/css/themes/theme-pink.css new file mode 100644 index 0000000..a0ff28f --- /dev/null +++ b/css/themes/theme-pink.css @@ -0,0 +1,45 @@ +.theme-pink .navbar { + background-color: #E91E63; } + +.theme-pink .navbar-brand { + color: #fff; } + .theme-pink .navbar-brand:hover { + color: #fff; } + .theme-pink .navbar-brand:active { + color: #fff; } + .theme-pink .navbar-brand:focus { + color: #fff; } + +.theme-pink .nav > li > a { + color: #fff; } + .theme-pink .nav > li > a:hover { + background-color: transparent; } + .theme-pink .nav > li > a:focus { + background-color: transparent; } + +.theme-pink .nav .open > a { + background-color: transparent; } + .theme-pink .nav .open > a:hover { + background-color: transparent; } + .theme-pink .nav .open > a:focus { + background-color: transparent; } + +.theme-pink .bars { + color: #fff; } + +.theme-pink .sidebar .menu .list li.active { + background-color: transparent; } + .theme-pink .sidebar .menu .list li.active > :first-child i, .theme-pink .sidebar .menu .list li.active > :first-child span { + color: #E91E63; } + +.theme-pink .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-pink .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-pink .sidebar .legal { + background-color: #fff; } + .theme-pink .sidebar .legal .copyright a { + color: #E91E63 !important; } + diff --git a/css/themes/theme-pink.min.css b/css/themes/theme-pink.min.css new file mode 100644 index 0000000..c282520 --- /dev/null +++ b/css/themes/theme-pink.min.css @@ -0,0 +1 @@ +.theme-pink .navbar{background-color:#e91e63;}.theme-pink .navbar-brand{color:#fff;}.theme-pink .navbar-brand:hover{color:#fff;}.theme-pink .navbar-brand:active{color:#fff;}.theme-pink .navbar-brand:focus{color:#fff;}.theme-pink .nav>li>a{color:#fff;}.theme-pink .nav>li>a:hover{background-color:transparent;}.theme-pink .nav>li>a:focus{background-color:transparent;}.theme-pink .nav .open>a{background-color:transparent;}.theme-pink .nav .open>a:hover{background-color:transparent;}.theme-pink .nav .open>a:focus{background-color:transparent;}.theme-pink .bars{color:#fff;}.theme-pink .sidebar .menu .list li.active{background-color:transparent;}.theme-pink .sidebar .menu .list li.active>:first-child i,.theme-pink .sidebar .menu .list li.active>:first-child span{color:#e91e63;}.theme-pink .sidebar .menu .list .toggled{background-color:transparent;}.theme-pink .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-pink .sidebar .legal{background-color:#fff;}.theme-pink .sidebar .legal .copyright a{color:#e91e63 !important;} \ No newline at end of file diff --git a/css/themes/theme-purple.css b/css/themes/theme-purple.css new file mode 100644 index 0000000..76326c9 --- /dev/null +++ b/css/themes/theme-purple.css @@ -0,0 +1,45 @@ +.theme-purple .navbar { + background-color: #9C27B0; } + +.theme-purple .navbar-brand { + color: #fff; } + .theme-purple .navbar-brand:hover { + color: #fff; } + .theme-purple .navbar-brand:active { + color: #fff; } + .theme-purple .navbar-brand:focus { + color: #fff; } + +.theme-purple .nav > li > a { + color: #fff; } + .theme-purple .nav > li > a:hover { + background-color: transparent; } + .theme-purple .nav > li > a:focus { + background-color: transparent; } + +.theme-purple .nav .open > a { + background-color: transparent; } + .theme-purple .nav .open > a:hover { + background-color: transparent; } + .theme-purple .nav .open > a:focus { + background-color: transparent; } + +.theme-purple .bars { + color: #fff; } + +.theme-purple .sidebar .menu .list li.active { + background-color: transparent; } + .theme-purple .sidebar .menu .list li.active > :first-child i, .theme-purple .sidebar .menu .list li.active > :first-child span { + color: #9C27B0; } + +.theme-purple .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-purple .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-purple .sidebar .legal { + background-color: #fff; } + .theme-purple .sidebar .legal .copyright a { + color: #9C27B0 !important; } + diff --git a/css/themes/theme-purple.min.css b/css/themes/theme-purple.min.css new file mode 100644 index 0000000..f261c6b --- /dev/null +++ b/css/themes/theme-purple.min.css @@ -0,0 +1 @@ +.theme-purple .navbar{background-color:#9c27b0;}.theme-purple .navbar-brand{color:#fff;}.theme-purple .navbar-brand:hover{color:#fff;}.theme-purple .navbar-brand:active{color:#fff;}.theme-purple .navbar-brand:focus{color:#fff;}.theme-purple .nav>li>a{color:#fff;}.theme-purple .nav>li>a:hover{background-color:transparent;}.theme-purple .nav>li>a:focus{background-color:transparent;}.theme-purple .nav .open>a{background-color:transparent;}.theme-purple .nav .open>a:hover{background-color:transparent;}.theme-purple .nav .open>a:focus{background-color:transparent;}.theme-purple .bars{color:#fff;}.theme-purple .sidebar .menu .list li.active{background-color:transparent;}.theme-purple .sidebar .menu .list li.active>:first-child i,.theme-purple .sidebar .menu .list li.active>:first-child span{color:#9c27b0;}.theme-purple .sidebar .menu .list .toggled{background-color:transparent;}.theme-purple .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-purple .sidebar .legal{background-color:#fff;}.theme-purple .sidebar .legal .copyright a{color:#9c27b0 !important;} \ No newline at end of file diff --git a/css/themes/theme-red.css b/css/themes/theme-red.css new file mode 100644 index 0000000..73c6a2d --- /dev/null +++ b/css/themes/theme-red.css @@ -0,0 +1,45 @@ +.theme-red .navbar { + background-color: #F44336; } + +.theme-red .navbar-brand { + color: #fff; } + .theme-red .navbar-brand:hover { + color: #fff; } + .theme-red .navbar-brand:active { + color: #fff; } + .theme-red .navbar-brand:focus { + color: #fff; } + +.theme-red .nav > li > a { + color: #fff; } + .theme-red .nav > li > a:hover { + background-color: transparent; } + .theme-red .nav > li > a:focus { + background-color: transparent; } + +.theme-red .nav .open > a { + background-color: transparent; } + .theme-red .nav .open > a:hover { + background-color: transparent; } + .theme-red .nav .open > a:focus { + background-color: transparent; } + +.theme-red .bars { + color: #fff; } + +.theme-red .sidebar .menu .list li.active { + background-color: transparent; } + .theme-red .sidebar .menu .list li.active > :first-child i, .theme-red .sidebar .menu .list li.active > :first-child span { + color: #F44336; } + +.theme-red .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-red .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-red .sidebar .legal { + background-color: #fff; } + .theme-red .sidebar .legal .copyright a { + color: #F44336 !important; } + diff --git a/css/themes/theme-red.min.css b/css/themes/theme-red.min.css new file mode 100644 index 0000000..1431c29 --- /dev/null +++ b/css/themes/theme-red.min.css @@ -0,0 +1 @@ +.theme-red .navbar{background-color:#f44336;}.theme-red .navbar-brand{color:#fff;}.theme-red .navbar-brand:hover{color:#fff;}.theme-red .navbar-brand:active{color:#fff;}.theme-red .navbar-brand:focus{color:#fff;}.theme-red .nav>li>a{color:#fff;}.theme-red .nav>li>a:hover{background-color:transparent;}.theme-red .nav>li>a:focus{background-color:transparent;}.theme-red .nav .open>a{background-color:transparent;}.theme-red .nav .open>a:hover{background-color:transparent;}.theme-red .nav .open>a:focus{background-color:transparent;}.theme-red .bars{color:#fff;}.theme-red .sidebar .menu .list li.active{background-color:transparent;}.theme-red .sidebar .menu .list li.active>:first-child i,.theme-red .sidebar .menu .list li.active>:first-child span{color:#f44336;}.theme-red .sidebar .menu .list .toggled{background-color:transparent;}.theme-red .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-red .sidebar .legal{background-color:#fff;}.theme-red .sidebar .legal .copyright a{color:#f44336 !important;} \ No newline at end of file diff --git a/css/themes/theme-teal.css b/css/themes/theme-teal.css new file mode 100644 index 0000000..378fe9e --- /dev/null +++ b/css/themes/theme-teal.css @@ -0,0 +1,45 @@ +.theme-teal .navbar { + background-color: #009688; } + +.theme-teal .navbar-brand { + color: #fff; } + .theme-teal .navbar-brand:hover { + color: #fff; } + .theme-teal .navbar-brand:active { + color: #fff; } + .theme-teal .navbar-brand:focus { + color: #fff; } + +.theme-teal .nav > li > a { + color: #fff; } + .theme-teal .nav > li > a:hover { + background-color: transparent; } + .theme-teal .nav > li > a:focus { + background-color: transparent; } + +.theme-teal .nav .open > a { + background-color: transparent; } + .theme-teal .nav .open > a:hover { + background-color: transparent; } + .theme-teal .nav .open > a:focus { + background-color: transparent; } + +.theme-teal .bars { + color: #fff; } + +.theme-teal .sidebar .menu .list li.active { + background-color: transparent; } + .theme-teal .sidebar .menu .list li.active > :first-child i, .theme-teal .sidebar .menu .list li.active > :first-child span { + color: #009688; } + +.theme-teal .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-teal .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-teal .sidebar .legal { + background-color: #fff; } + .theme-teal .sidebar .legal .copyright a { + color: #009688 !important; } + diff --git a/css/themes/theme-teal.min.css b/css/themes/theme-teal.min.css new file mode 100644 index 0000000..27fe181 --- /dev/null +++ b/css/themes/theme-teal.min.css @@ -0,0 +1 @@ +.theme-teal .navbar{background-color:#009688;}.theme-teal .navbar-brand{color:#fff;}.theme-teal .navbar-brand:hover{color:#fff;}.theme-teal .navbar-brand:active{color:#fff;}.theme-teal .navbar-brand:focus{color:#fff;}.theme-teal .nav>li>a{color:#fff;}.theme-teal .nav>li>a:hover{background-color:transparent;}.theme-teal .nav>li>a:focus{background-color:transparent;}.theme-teal .nav .open>a{background-color:transparent;}.theme-teal .nav .open>a:hover{background-color:transparent;}.theme-teal .nav .open>a:focus{background-color:transparent;}.theme-teal .bars{color:#fff;}.theme-teal .sidebar .menu .list li.active{background-color:transparent;}.theme-teal .sidebar .menu .list li.active>:first-child i,.theme-teal .sidebar .menu .list li.active>:first-child span{color:#009688;}.theme-teal .sidebar .menu .list .toggled{background-color:transparent;}.theme-teal .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-teal .sidebar .legal{background-color:#fff;}.theme-teal .sidebar .legal .copyright a{color:#009688 !important;} \ No newline at end of file diff --git a/css/themes/theme-yellow.css b/css/themes/theme-yellow.css new file mode 100644 index 0000000..92c573f --- /dev/null +++ b/css/themes/theme-yellow.css @@ -0,0 +1,45 @@ +.theme-yellow .navbar { + background-color: #FFEB3B; } + +.theme-yellow .navbar-brand { + color: #fff; } + .theme-yellow .navbar-brand:hover { + color: #fff; } + .theme-yellow .navbar-brand:active { + color: #fff; } + .theme-yellow .navbar-brand:focus { + color: #fff; } + +.theme-yellow .nav > li > a { + color: #fff; } + .theme-yellow .nav > li > a:hover { + background-color: transparent; } + .theme-yellow .nav > li > a:focus { + background-color: transparent; } + +.theme-yellow .nav .open > a { + background-color: transparent; } + .theme-yellow .nav .open > a:hover { + background-color: transparent; } + .theme-yellow .nav .open > a:focus { + background-color: transparent; } + +.theme-yellow .bars { + color: #fff; } + +.theme-yellow .sidebar .menu .list li.active { + background-color: transparent; } + .theme-yellow .sidebar .menu .list li.active > :first-child i, .theme-yellow .sidebar .menu .list li.active > :first-child span { + color: #FFEB3B; } + +.theme-yellow .sidebar .menu .list .toggled { + background-color: transparent; } + +.theme-yellow .sidebar .menu .list .ml-menu { + background-color: transparent; } + +.theme-yellow .sidebar .legal { + background-color: #fff; } + .theme-yellow .sidebar .legal .copyright a { + color: #FFEB3B !important; } + diff --git a/css/themes/theme-yellow.min.css b/css/themes/theme-yellow.min.css new file mode 100644 index 0000000..73c0b78 --- /dev/null +++ b/css/themes/theme-yellow.min.css @@ -0,0 +1 @@ +.theme-yellow .navbar{background-color:#ffeb3b;}.theme-yellow .navbar-brand{color:#fff;}.theme-yellow .navbar-brand:hover{color:#fff;}.theme-yellow .navbar-brand:active{color:#fff;}.theme-yellow .navbar-brand:focus{color:#fff;}.theme-yellow .nav>li>a{color:#fff;}.theme-yellow .nav>li>a:hover{background-color:transparent;}.theme-yellow .nav>li>a:focus{background-color:transparent;}.theme-yellow .nav .open>a{background-color:transparent;}.theme-yellow .nav .open>a:hover{background-color:transparent;}.theme-yellow .nav .open>a:focus{background-color:transparent;}.theme-yellow .bars{color:#fff;}.theme-yellow .sidebar .menu .list li.active{background-color:transparent;}.theme-yellow .sidebar .menu .list li.active>:first-child i,.theme-yellow .sidebar .menu .list li.active>:first-child span{color:#ffeb3b;}.theme-yellow .sidebar .menu .list .toggled{background-color:transparent;}.theme-yellow .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-yellow .sidebar .legal{background-color:#fff;}.theme-yellow .sidebar .legal .copyright a{color:#ffeb3b !important;} \ No newline at end of file diff --git a/events.php b/events.php new file mode 100644 index 0000000..e69de29 diff --git a/footer.php b/footer.php new file mode 100644 index 0000000..3aab73c --- /dev/null +++ b/footer.php @@ -0,0 +1,53 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/header.php b/header.php new file mode 100644 index 0000000..0f36bbf --- /dev/null +++ b/header.php @@ -0,0 +1,428 @@ +connect_error) { + header('Content-Type: application/json'); + echo json_encode(array('response' => "Database connection error (".$conn->connect_error.")")); + exit; +} + +if(isset($_POST["selectedschool"]) && $loggedin){ + $_SESSION["selectedschool"] = $_POST["selectedschool"]; +} + +if(!isset($liteload) && !$loggedin && $isadmin){ + header("Location: ".$curdir."login.php"); +}else{ + if($loggedin == true){ + $id = $_SESSION["id"]; + $sql = "SELECT * FROM `auth` WHERE `id` = '".$conn->real_escape_string($id)."'"; + $result = $conn->query($sql); + if ($result == TRUE) { + if (!empty($result) && $result->num_rows > 0) { + $sqlvals = $result->fetch_assoc(); + $username = $sqlvals["username"]; + $type = $sqlvals["type"]; + $connctdschids = explode(",", $sqlvals["connectedschoolids"]); + $sql = "SELECT * FROM `acctypes` WHERE `id` = '".$type."'"; + mysqli_free_result($result); + $result = $conn->query($sql); + $sqlvals = $result->fetch_assoc(); + $fulltype = $sqlvals["name_hun"]; + } + } + mysqli_free_result($result); + + if(isset($data_upload)){ + if(isset($_POST["submit"])){ + $modsql = "UPDATE `schools` SET `name` = '".$conn->real_escape_string($_POST['schoolname'])."', `type` = '".$conn->real_escape_string($_POST['schooltype'])."', `postalcode` = '".$conn->real_escape_string($_POST['postcode'])."', `spec` = '".str_replace(', ', ',', preg_replace('/\s+/', ' ', trim($conn->real_escape_string($_POST['spec']))))."', `location` = '".$conn->real_escape_string($_POST['loc'])."', `locationspec` = '".$conn->real_escape_string($_POST['locspec'])."', `phonenumber` = '".$conn->real_escape_string($_POST['phnnum'])."', `emailaddress` = '".$conn->real_escape_string($_POST['email'])."' WHERE `schools`.`id` = ".substr($_SESSION["selectedschool"], 1); + if ($conn->query($modsql) === TRUE) { + echo "Adat feltöltve"; + } else { + echo "Error: " . $sql . "
" . $conn->error; + } + } + } + + for($i = 0; $iquery($viewsql); + if ($result == TRUE) { + if(!isset($_SESSION["selectedschool"])) { + $_SESSION["selectedschool"] = "s".$connctdschids[$i]; + } + if (empty($result) || $result->num_rows == 0) { + $modsql = "INSERT INTO `schools` (`id`, `name`, `type`, `spec`, `postalcode`, `location`, `locationspec`, `phonenumber`, `email`) VALUES ('".$connctdschids[$i]."', '', '', '', '', '', '', '', '')"; + $conn->query($modsql); + } + } + } + mysqli_free_result($result); + + $viewsql = "SELECT * FROM `schools` WHERE `id` = ".substr($_SESSION["selectedschool"], 1); + $result = $conn->query($viewsql); + if ($result == TRUE) { + if (!empty($result) && $result->num_rows > 0) { + $selschvals = $result->fetch_assoc(); + } + //else{ + //$modsql = "INSERT INTO `schools` (`id`, `name`, `type`, `spec`, `postalcode`, `location`, `locationspec`, `phonenumber`) VALUES ('".substr($_SESSION["selectedschool"], 1)."', '', '', '', '', '', '', '')"; + //$conn->query($modsql); + //header("Refresh:0"); + //} + } + mysqli_free_result($result); + }else{ + $username = "Vendég"; + $type = "0"; + $sql = "SELECT * FROM `acctypes` WHERE `id` = '".$type."'"; + mysqli_free_result($result); + $result = $conn->query($sql); + $sqlvals = $result->fetch_assoc(); + $fulltype = $sqlvals["name_hun"]; + } + +?> + + + + + + + + + ParEdu Adminisztráció + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+

Kérlek várj...

+
+
+ + +
+ + + + + + + +
+ + + +
+close(); } ?> \ No newline at end of file diff --git a/images/default.png b/images/default.png new file mode 100644 index 0000000..74ef6e8 Binary files /dev/null and b/images/default.png differ diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 0000000..509e26f Binary files /dev/null and b/images/logo.png differ diff --git a/images/school/1.png b/images/school/1.png new file mode 100644 index 0000000..9b7c758 Binary files /dev/null and b/images/school/1.png differ diff --git a/images/user/default.png b/images/user/default.png new file mode 100644 index 0000000..f85e2a6 Binary files /dev/null and b/images/user/default.png differ diff --git a/index.php b/index.php new file mode 100644 index 0000000..92d70e8 --- /dev/null +++ b/index.php @@ -0,0 +1,16 @@ + + +
+
+
+

KEZDŐLAP

+
+
+
+ Testing 123 +
+
+
+
+ + \ No newline at end of file diff --git a/js/admin.js b/js/admin.js new file mode 100644 index 0000000..e2d23db --- /dev/null +++ b/js/admin.js @@ -0,0 +1,469 @@ +if (typeof jQuery === "undefined") { + throw new Error("jQuery plugins need to be before this file"); +} + +$.AdminBSB = {}; +$.AdminBSB.options = { + colors: { + red: '#F44336', + pink: '#E91E63', + purple: '#9C27B0', + deepPurple: '#673AB7', + indigo: '#3F51B5', + blue: '#2196F3', + lightBlue: '#03A9F4', + cyan: '#00BCD4', + teal: '#009688', + green: '#4CAF50', + lightGreen: '#8BC34A', + lime: '#CDDC39', + yellow: '#ffe821', + amber: '#FFC107', + orange: '#FF9800', + deepOrange: '#FF5722', + brown: '#795548', + grey: '#9E9E9E', + blueGrey: '#607D8B', + black: '#000000', + white: '#ffffff' + }, + leftSideBar: { + scrollColor: 'rgba(0,0,0,0.5)', + scrollWidth: '4px', + scrollAlwaysVisible: false, + scrollBorderRadius: '0', + scrollRailBorderRadius: '0', + scrollActiveItemWhenPageLoad: true, + breakpointWidth: 1170 + }, + dropdownMenu: { + effectIn: 'fadeIn', + effectOut: 'fadeOut' + } +} + +/* Left Sidebar - Function ================================================================================================= +* You can manage the left sidebar menu options +* +*/ +$.AdminBSB.leftSideBar = { + activate: function () { + var _this = this; + var $body = $('body'); + var $overlay = $('.overlay'); + + //Close sidebar + $(window).click(function (e) { + var $target = $(e.target); + if (e.target.nodeName.toLowerCase() === 'i') { $target = $(e.target).parent(); } + + if (!$target.hasClass('bars') && _this.isOpen() && $target.parents('#leftsidebar').length === 0) { + if (!$target.hasClass('js-right-sidebar')) $overlay.fadeOut(); + $body.removeClass('overlay-open'); + } + }); + + $.each($('.menu-toggle.toggled'), function (i, val) { + $(val).next().slideToggle(0); + }); + + //When page load + $.each($('.menu .list li.active'), function (i, val) { + var $activeAnchors = $(val).find('a:eq(0)'); + + $activeAnchors.addClass('toggled'); + $activeAnchors.next().show(); + }); + + //Collapse or Expand Menu + $('.menu-toggle').on('click', function (e) { + var $this = $(this); + var $content = $this.next(); + + if ($($this.parents('ul')[0]).hasClass('list')) { + var $not = $(e.target).hasClass('menu-toggle') ? e.target : $(e.target).parents('.menu-toggle'); + + $.each($('.menu-toggle.toggled').not($not).next(), function (i, val) { + if ($(val).is(':visible')) { + $(val).prev().toggleClass('toggled'); + $(val).slideUp(); + } + }); + } + + $this.toggleClass('toggled'); + $content.slideToggle(320); + }); + + //Set menu height + _this.setMenuHeight(true); + _this.checkStatusForResize(true); + $(window).resize(function () { + _this.setMenuHeight(false); + _this.checkStatusForResize(false); + }); + + //Set Waves + Waves.attach('.menu .list a', ['waves-block']); + Waves.init(); + }, + setMenuHeight: function (isFirstTime) { + if (typeof $.fn.slimScroll != 'undefined') { + var configs = $.AdminBSB.options.leftSideBar; + var height = ($(window).height() - ($('.legal').outerHeight() + $('.user-info').outerHeight() + $('.navbar').innerHeight())); + var $el = $('.list'); + + if (!isFirstTime) { + $el.slimscroll({ + destroy: true + }); + } + + $el.slimscroll({ + height: height + "px", + color: configs.scrollColor, + size: configs.scrollWidth, + alwaysVisible: configs.scrollAlwaysVisible, + borderRadius: configs.scrollBorderRadius, + railBorderRadius: configs.scrollRailBorderRadius + }); + + //Scroll active menu item when page load, if option set = true + if ($.AdminBSB.options.leftSideBar.scrollActiveItemWhenPageLoad) { + var item = $('.menu .list li.active')[0]; + if (item) { + var activeItemOffsetTop = item.offsetTop; + if (activeItemOffsetTop > 150) $el.slimscroll({ scrollTo: activeItemOffsetTop + 'px' }); + } + } + } + }, + checkStatusForResize: function (firstTime) { + var $body = $('body'); + var $openCloseBar = $('.navbar .navbar-header .bars'); + var width = $body.width(); + + if (firstTime) { + $body.find('.content, .sidebar').addClass('no-animate').delay(1000).queue(function () { + $(this).removeClass('no-animate').dequeue(); + }); + } + + if (width < $.AdminBSB.options.leftSideBar.breakpointWidth) { + $body.addClass('ls-closed'); + $openCloseBar.fadeIn(); + } + else { + $body.removeClass('ls-closed'); + $openCloseBar.fadeOut(); + } + }, + isOpen: function () { + return $('body').hasClass('overlay-open'); + } +}; +//========================================================================================================================== + +/* Right Sidebar - Function ================================================================================================ +* You can manage the right sidebar menu options +* +*/ +$.AdminBSB.rightSideBar = { + activate: function () { + var _this = this; + var $sidebar = $('#rightsidebar'); + var $overlay = $('.overlay'); + + //Close sidebar + $(window).click(function (e) { + var $target = $(e.target); + if (e.target.nodeName.toLowerCase() === 'i') { $target = $(e.target).parent(); } + + if (!$target.hasClass('js-right-sidebar') && _this.isOpen() && $target.parents('#rightsidebar').length === 0) { + if (!$target.hasClass('bars')) $overlay.fadeOut(); + $sidebar.removeClass('open'); + } + }); + + $('.js-right-sidebar').on('click', function () { + $sidebar.toggleClass('open'); + if (_this.isOpen()) { $overlay.fadeIn(); } else { $overlay.fadeOut(); } + }); + }, + isOpen: function () { + return $('.right-sidebar').hasClass('open'); + } +} +//========================================================================================================================== + +/* Searchbar - Function ================================================================================================ +* You can manage the search bar +* +*/ +var $searchBar = $('.search-bar'); +$.AdminBSB.search = { + activate: function () { + var _this = this; + + //Search button click event + $('.js-search').on('click', function () { + _this.showSearchBar(); + }); + + //Close search click event + $searchBar.find('.close-search').on('click', function () { + _this.hideSearchBar(); + }); + + //ESC key on pressed + $searchBar.find('input[type="text"]').on('keyup', function (e) { + if (e.keyCode == 27) { + _this.hideSearchBar(); + } + }); + }, + showSearchBar: function () { + $searchBar.addClass('open'); + $searchBar.find('input[type="text"]').focus(); + }, + hideSearchBar: function () { + $searchBar.removeClass('open'); + $searchBar.find('input[type="text"]').val(''); + } +} +//========================================================================================================================== + +/* Navbar - Function ======================================================================================================= +* You can manage the navbar +* +*/ +$.AdminBSB.navbar = { + activate: function () { + var $body = $('body'); + var $overlay = $('.overlay'); + + //Open left sidebar panel + $('.bars').on('click', function () { + $body.toggleClass('overlay-open'); + if ($body.hasClass('overlay-open')) { $overlay.fadeIn(); } else { $overlay.fadeOut(); } + }); + + //Close collapse bar on click event + $('.nav [data-close="true"]').on('click', function () { + var isVisible = $('.navbar-toggle').is(':visible'); + var $navbarCollapse = $('.navbar-collapse'); + + if (isVisible) { + $navbarCollapse.slideUp(function () { + $navbarCollapse.removeClass('in').removeAttr('style'); + }); + } + }); + } +} +//========================================================================================================================== + +/* Input - Function ======================================================================================================== +* You can manage the inputs(also textareas) with name of class 'form-control' +* +*/ +$.AdminBSB.input = { + activate: function ($parentSelector) { + $parentSelector = $parentSelector || $('body'); + + //On focus event + $parentSelector.find('.form-control').focus(function () { + $(this).closest('.form-line').addClass('focused'); + }); + + //On focusout event + $parentSelector.find('.form-control').focusout(function () { + var $this = $(this); + if ($this.parents('.form-group').hasClass('form-float')) { + if ($this.val() == '') { $this.parents('.form-line').removeClass('focused'); } + } + else { + $this.parents('.form-line').removeClass('focused'); + } + }); + + //On label click + $parentSelector.on('click', '.form-float .form-line .form-label', function () { + $(this).parent().find('input').focus(); + }); + + //Not blank form + $parentSelector.find('.form-control').each(function () { + if ($(this).val() !== '') { + $(this).parents('.form-line').addClass('focused'); + } + }); + } +} +//========================================================================================================================== + +/* Form - Select - Function ================================================================================================ +* You can manage the 'select' of form elements +* +*/ +$.AdminBSB.select = { + activate: function () { + if ($.fn.selectpicker) { $('select:not(.ms)').selectpicker(); } + } +} +//========================================================================================================================== + +/* DropdownMenu - Function ================================================================================================= +* You can manage the dropdown menu +* +*/ + +$.AdminBSB.dropdownMenu = { + activate: function () { + var _this = this; + + $('.dropdown, .dropup, .btn-group').on({ + "show.bs.dropdown": function () { + var dropdown = _this.dropdownEffect(this); + _this.dropdownEffectStart(dropdown, dropdown.effectIn); + }, + "shown.bs.dropdown": function () { + var dropdown = _this.dropdownEffect(this); + if (dropdown.effectIn && dropdown.effectOut) { + _this.dropdownEffectEnd(dropdown, function () { }); + } + }, + "hide.bs.dropdown": function (e) { + var dropdown = _this.dropdownEffect(this); + if (dropdown.effectOut) { + e.preventDefault(); + _this.dropdownEffectStart(dropdown, dropdown.effectOut); + _this.dropdownEffectEnd(dropdown, function () { + dropdown.dropdown.removeClass('open'); + }); + } + } + }); + + //Set Waves + Waves.attach('.dropdown-menu li a', ['waves-block']); + Waves.init(); + }, + dropdownEffect: function (target) { + var effectIn = $.AdminBSB.options.dropdownMenu.effectIn, effectOut = $.AdminBSB.options.dropdownMenu.effectOut; + var dropdown = $(target), dropdownMenu = $('.dropdown-menu', target); + + if (dropdown.length > 0) { + var udEffectIn = dropdown.data('effect-in'); + var udEffectOut = dropdown.data('effect-out'); + if (udEffectIn !== undefined) { effectIn = udEffectIn; } + if (udEffectOut !== undefined) { effectOut = udEffectOut; } + } + + return { + target: target, + dropdown: dropdown, + dropdownMenu: dropdownMenu, + effectIn: effectIn, + effectOut: effectOut + }; + }, + dropdownEffectStart: function (data, effectToStart) { + if (effectToStart) { + data.dropdown.addClass('dropdown-animating'); + data.dropdownMenu.addClass('animated dropdown-animated'); + data.dropdownMenu.addClass(effectToStart); + } + }, + dropdownEffectEnd: function (data, callback) { + var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend'; + data.dropdown.one(animationEnd, function () { + data.dropdown.removeClass('dropdown-animating'); + data.dropdownMenu.removeClass('animated dropdown-animated'); + data.dropdownMenu.removeClass(data.effectIn); + data.dropdownMenu.removeClass(data.effectOut); + + if (typeof callback == 'function') { + callback(); + } + }); + } +} +//========================================================================================================================== + +/* Browser - Function ====================================================================================================== +* You can manage browser +* +*/ +var edge = 'Microsoft Edge'; +var ie10 = 'Internet Explorer 10'; +var ie11 = 'Internet Explorer 11'; +var opera = 'Opera'; +var firefox = 'Mozilla Firefox'; +var chrome = 'Google Chrome'; +var safari = 'Safari'; + +$.AdminBSB.browser = { + activate: function () { + var _this = this; + var className = _this.getClassName(); + + if (className !== '') $('html').addClass(_this.getClassName()); + }, + getBrowser: function () { + var userAgent = navigator.userAgent.toLowerCase(); + + if (/edge/i.test(userAgent)) { + return edge; + } else if (/rv:11/i.test(userAgent)) { + return ie11; + } else if (/msie 10/i.test(userAgent)) { + return ie10; + } else if (/opr/i.test(userAgent)) { + return opera; + } else if (/chrome/i.test(userAgent)) { + return chrome; + } else if (/firefox/i.test(userAgent)) { + return firefox; + } else if (!!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)) { + return safari; + } + + return undefined; + }, + getClassName: function () { + var browser = this.getBrowser(); + + if (browser === edge) { + return 'edge'; + } else if (browser === ie11) { + return 'ie11'; + } else if (browser === ie10) { + return 'ie10'; + } else if (browser === opera) { + return 'opera'; + } else if (browser === chrome) { + return 'chrome'; + } else if (browser === firefox) { + return 'firefox'; + } else if (browser === safari) { + return 'safari'; + } else { + return ''; + } + } +} +//========================================================================================================================== + +$(function () { + $.AdminBSB.browser.activate(); + $.AdminBSB.leftSideBar.activate(); + $.AdminBSB.rightSideBar.activate(); + $.AdminBSB.navbar.activate(); + $.AdminBSB.dropdownMenu.activate(); + $.AdminBSB.input.activate(); + $.AdminBSB.select.activate(); + $.AdminBSB.search.activate(); + + setTimeout(function () { $('.page-loader-wrapper').fadeOut(); }, 50); +}); diff --git a/js/demo.js b/js/demo.js new file mode 100644 index 0000000..a00ab1d --- /dev/null +++ b/js/demo.js @@ -0,0 +1,107 @@ +$(function () { + skinChanger(); + activateNotificationAndTasksScroll(); + + setSkinListHeightAndScroll(true); + setSettingListHeightAndScroll(true); + $(window).resize(function () { + setSkinListHeightAndScroll(false); + setSettingListHeightAndScroll(false); + }); +}); + +//Skin changer +function skinChanger() { + $('.right-sidebar .demo-choose-skin li').on('click', function () { + var $body = $('body'); + var $this = $(this); + + var existTheme = $('.right-sidebar .demo-choose-skin li.active').data('theme'); + $('.right-sidebar .demo-choose-skin li').removeClass('active'); + $body.removeClass('theme-' + existTheme); + $this.addClass('active'); + + $body.addClass('theme-' + $this.data('theme')); + }); +} + +//Skin tab content set height and show scroll +function setSkinListHeightAndScroll(isFirstTime) { + var height = $(window).height() - ($('.navbar').innerHeight() + $('.right-sidebar .nav-tabs').outerHeight()); + var $el = $('.demo-choose-skin'); + + if (!isFirstTime){ + $el.slimScroll({ destroy: true }).height('auto'); + $el.parent().find('.slimScrollBar, .slimScrollRail').remove(); + } + + $el.slimscroll({ + height: height + 'px', + color: 'rgba(0,0,0,0.5)', + size: '6px', + alwaysVisible: false, + borderRadius: '0', + railBorderRadius: '0' + }); +} + +//Setting tab content set height and show scroll +function setSettingListHeightAndScroll(isFirstTime) { + var height = $(window).height() - ($('.navbar').innerHeight() + $('.right-sidebar .nav-tabs').outerHeight()); + var $el = $('.right-sidebar .demo-settings'); + + if (!isFirstTime){ + $el.slimScroll({ destroy: true }).height('auto'); + $el.parent().find('.slimScrollBar, .slimScrollRail').remove(); + } + + $el.slimscroll({ + height: height + 'px', + color: 'rgba(0,0,0,0.5)', + size: '6px', + alwaysVisible: false, + borderRadius: '0', + railBorderRadius: '0' + }); +} + +//Activate notification and task dropdown on top right menu +function activateNotificationAndTasksScroll() { + $('.navbar-right .dropdown-menu .body .menu').slimscroll({ + height: '254px', + color: 'rgba(0,0,0,0.5)', + size: '4px', + alwaysVisible: false, + borderRadius: '0', + railBorderRadius: '0' + }); +} + +//Google Analiytics ====================================================================================== +addLoadEvent(loadTracking); +var trackingId = 'UA-30038099-6'; + +function addLoadEvent(func) { + var oldonload = window.onload; + if (typeof window.onload != 'function') { + window.onload = func; + } else { + window.onload = function () { + oldonload(); + func(); + } + } +} + +function loadTracking() { + (function (i, s, o, g, r, a, m) { + i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { + (i[r].q = i[r].q || []).push(arguments) + }, i[r].l = 1 * new Date(); a = s.createElement(o), + m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) + })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); + + ga('create', trackingId, 'auto'); + ga('send', 'pageview'); +} +//======================================================================================================== diff --git a/js/helpers.js b/js/helpers.js new file mode 100644 index 0000000..37e3d32 --- /dev/null +++ b/js/helpers.js @@ -0,0 +1,13 @@ +function hexToRgb(hexCode) { + var patt = /^#([\da-fA-F]{2})([\da-fA-F]{2})([\da-fA-F]{2})$/; + var matches = patt.exec(hexCode); + var rgb = "rgb(" + parseInt(matches[1], 16) + "," + parseInt(matches[2], 16) + "," + parseInt(matches[3], 16) + ")"; + return rgb; +} + +function hexToRgba(hexCode, opacity) { + var patt = /^#([\da-fA-F]{2})([\da-fA-F]{2})([\da-fA-F]{2})$/; + var matches = patt.exec(hexCode); + var rgb = "rgba(" + parseInt(matches[1], 16) + "," + parseInt(matches[2], 16) + "," + parseInt(matches[3], 16) + "," + opacity + ")"; + return rgb; +} \ No newline at end of file diff --git a/js/pages/cards/basic.js b/js/pages/cards/basic.js new file mode 100644 index 0000000..dcd55f6 --- /dev/null +++ b/js/pages/cards/basic.js @@ -0,0 +1,21 @@ +$(function () { + initLoading(); +}); + +//Init Loading +function initLoading() { + $('[data-toggle="cardloading"]').on('click', function () { + var effect = $(this).data('loadingEffect'); + var $loading = $(this).parents('.card').waitMe({ + effect: effect, + text: 'Loading...', + bg: 'rgba(255,255,255,0.90)', + color: '#555' + }); + + setTimeout(function () { + //Loading hide + $loading.waitMe('hide'); + }, 3200); + }); +} \ No newline at end of file diff --git a/js/pages/cards/colored.js b/js/pages/cards/colored.js new file mode 100644 index 0000000..230566a --- /dev/null +++ b/js/pages/cards/colored.js @@ -0,0 +1,23 @@ +$(function () { + initLoading(); +}); + +//Init Loading +function initLoading() { + $('[data-toggle="cardloading"]').on('click', function () { + var effect = $(this).data('loadingEffect'); + var color = $.AdminBSB.options.colors[$(this).data('loadingColor')]; + + var $loading = $(this).parents('.card').waitMe({ + effect: effect, + text: 'Loading...', + bg: 'rgba(255,255,255,0.90)', + color: color + }); + + setTimeout(function () { + //Loading hide + $loading.waitMe('hide'); + }, 3200); + }); +} \ No newline at end of file diff --git a/js/pages/charts/chartjs.js b/js/pages/charts/chartjs.js new file mode 100644 index 0000000..fe5b3b9 --- /dev/null +++ b/js/pages/charts/chartjs.js @@ -0,0 +1,117 @@ +$(function () { + new Chart(document.getElementById("line_chart").getContext("2d"), getChartJs('line')); + new Chart(document.getElementById("bar_chart").getContext("2d"), getChartJs('bar')); + new Chart(document.getElementById("radar_chart").getContext("2d"), getChartJs('radar')); + new Chart(document.getElementById("pie_chart").getContext("2d"), getChartJs('pie')); +}); + +function getChartJs(type) { + var config = null; + + if (type === 'line') { + config = { + type: 'line', + data: { + labels: ["January", "February", "March", "April", "May", "June", "July"], + datasets: [{ + label: "My First dataset", + data: [65, 59, 80, 81, 56, 55, 40], + borderColor: 'rgba(0, 188, 212, 0.75)', + backgroundColor: 'rgba(0, 188, 212, 0.3)', + pointBorderColor: 'rgba(0, 188, 212, 0)', + pointBackgroundColor: 'rgba(0, 188, 212, 0.9)', + pointBorderWidth: 1 + }, { + label: "My Second dataset", + data: [28, 48, 40, 19, 86, 27, 90], + borderColor: 'rgba(233, 30, 99, 0.75)', + backgroundColor: 'rgba(233, 30, 99, 0.3)', + pointBorderColor: 'rgba(233, 30, 99, 0)', + pointBackgroundColor: 'rgba(233, 30, 99, 0.9)', + pointBorderWidth: 1 + }] + }, + options: { + responsive: true, + legend: false + } + } + } + else if (type === 'bar') { + config = { + type: 'bar', + data: { + labels: ["January", "February", "March", "April", "May", "June", "July"], + datasets: [{ + label: "My First dataset", + data: [65, 59, 80, 81, 56, 55, 40], + backgroundColor: 'rgba(0, 188, 212, 0.8)' + }, { + label: "My Second dataset", + data: [28, 48, 40, 19, 86, 27, 90], + backgroundColor: 'rgba(233, 30, 99, 0.8)' + }] + }, + options: { + responsive: true, + legend: false + } + } + } + else if (type === 'radar') { + config = { + type: 'radar', + data: { + labels: ["January", "February", "March", "April", "May", "June", "July"], + datasets: [{ + label: "My First dataset", + data: [65, 25, 90, 81, 56, 55, 40], + borderColor: 'rgba(0, 188, 212, 0.8)', + backgroundColor: 'rgba(0, 188, 212, 0.5)', + pointBorderColor: 'rgba(0, 188, 212, 0)', + pointBackgroundColor: 'rgba(0, 188, 212, 0.8)', + pointBorderWidth: 1 + }, { + label: "My Second dataset", + data: [72, 48, 40, 19, 96, 27, 100], + borderColor: 'rgba(233, 30, 99, 0.8)', + backgroundColor: 'rgba(233, 30, 99, 0.5)', + pointBorderColor: 'rgba(233, 30, 99, 0)', + pointBackgroundColor: 'rgba(233, 30, 99, 0.8)', + pointBorderWidth: 1 + }] + }, + options: { + responsive: true, + legend: false + } + } + } + else if (type === 'pie') { + config = { + type: 'pie', + data: { + datasets: [{ + data: [225, 50, 100, 40], + backgroundColor: [ + "rgb(233, 30, 99)", + "rgb(255, 193, 7)", + "rgb(0, 188, 212)", + "rgb(139, 195, 74)" + ], + }], + labels: [ + "Pink", + "Amber", + "Cyan", + "Light Green" + ] + }, + options: { + responsive: true, + legend: false + } + } + } + return config; +} \ No newline at end of file diff --git a/js/pages/charts/flot.js b/js/pages/charts/flot.js new file mode 100644 index 0000000..896ec8b --- /dev/null +++ b/js/pages/charts/flot.js @@ -0,0 +1,251 @@ +var data = [], totalPoints = 110; +var updateInterval = 320; +var realtime = 'on'; + +$(function () { + //Real time ========================================================================================== + var plot = $.plot('#real_time_chart', [getRandomData()], { + series: { + shadowSize: 0, + color: 'rgb(0, 188, 212)' + }, + grid: { + borderColor: '#f3f3f3', + borderWidth: 1, + tickColor: '#f3f3f3' + }, + lines: { + fill: true + }, + yaxis: { + min: 0, + max: 100 + }, + xaxis: { + min: 0, + max: 100 + } + }); + + function updateRealTime() { + plot.setData([getRandomData()]); + plot.draw(); + + var timeout; + if (realtime === 'on') { + timeout = setTimeout(updateRealTime, updateInterval); + } else { + clearTimeout(timeout); + } + } + + updateRealTime(); + + $('#realtime').on('change', function () { + realtime = this.checked ? 'on' : 'off'; + updateRealTime(); + }); + //==================================================================================================== + + //Tracking =========================================================================================== + var sin = [], cos = []; + for (var i = 0; i < 14; i += 0.1) { + sin.push([i, Math.sin(i)]); + cos.push([i, Math.cos(i)]); + } + + var trackingData = [ + { + data: sin, + label: 'sin(x) = -0.00', + color: '#E91E63' + }, + { + data: cos, + label: 'cos(x) = -0.00', + color: '#00BCD4' + } + ]; + + var trackingPlot = $.plot('#tracking_chart', trackingData, { + crosshair: { + mode: 'x' + }, + grid: { + hoverable: true, + autoHighlight: false, + borderColor: '#f3f3f3', + borderWidth: 1, + tickColor: '#f3f3f3' + }, + yaxis: { + min: -1.2, + max: 1.2 + } + }); + + var legends = $('#tracking_chart .legendLabel'); + + legends.each(function () { + $(this).css('width', $(this).width()); + }); + + var updateLegendTimeout = null; + var latestPosition = null; + + function updateLegend() { + updateLegendTimeout = null; + var pos = latestPosition; + + var axes = trackingPlot.getAxes(); + if (pos.x < axes.xaxis.min || pos.x > axes.xaxis.max || + pos.y < axes.yaxis.min || pos.y > axes.yaxis.max) { + return; + } + + var i, j, dataset = trackingPlot.getData(); + for (i = 0; i < dataset.length; ++i) { + var series = dataset[i]; + + for (j = 0; j < series.data.length; ++j) { + if (series.data[j][0] > pos.x) { + break; + } + } + + var y, p1 = series.data[j - 1], p2 = series.data[j]; + + if (p1 == null) { + y = p2[1]; + } else if (p2 == null) { + y = p1[1]; + } else { + y = p1[1] + (p2[1] - p1[1]) * (pos.x - p1[0]) / (p2[0] - p1[0]); + } + + legends.eq(i).text(series.label.replace(/=.*/, '= ' + y.toFixed(2))); + } + } + + $('#tracking_chart').bind('plothover', function (event, pos, item) { + latestPosition = pos; + if (!updateLegendTimeout) { + updateLegendTimeout = setTimeout(updateLegend, 50); + } + }); + //==================================================================================================== + + //MULTIPLE AXIS ====================================================================================== + var oilprices = [[1167692400000, 61.05], [1167778800000, 58.32], [1167865200000, 57.35], [1167951600000, 56.31], [1168210800000, 55.55], [1168297200000, 55.64], [1168383600000, 54.02], [1168470000000, 51.88], [1168556400000, 52.99], [1168815600000, 52.99], [1168902000000, 51.21], [1168988400000, 52.24], [1169074800000, 50.48], [1169161200000, 51.99], [1169420400000, 51.13], [1169506800000, 55.04], [1169593200000, 55.37], [1169679600000, 54.23], [1169766000000, 55.42], [1170025200000, 54.01], [1170111600000, 56.97], [1170198000000, 58.14], [1170284400000, 58.14], [1170370800000, 59.02], [1170630000000, 58.74], [1170716400000, 58.88], [1170802800000, 57.71], [1170889200000, 59.71], [1170975600000, 59.89], [1171234800000, 57.81], [1171321200000, 59.06], [1171407600000, 58.00], [1171494000000, 57.99], [1171580400000, 59.39], [1171839600000, 59.39], [1171926000000, 58.07], [1172012400000, 60.07], [1172098800000, 61.14], [1172444400000, 61.39], [1172530800000, 61.46], [1172617200000, 61.79], [1172703600000, 62.00], [1172790000000, 60.07], [1173135600000, 60.69], [1173222000000, 61.82], [1173308400000, 60.05], [1173654000000, 58.91], [1173740400000, 57.93], [1173826800000, 58.16], [1173913200000, 57.55], [1173999600000, 57.11], [1174258800000, 56.59], [1174345200000, 59.61], [1174518000000, 61.69], [1174604400000, 62.28], [1174860000000, 62.91], [1174946400000, 62.93], [1175032800000, 64.03], [1175119200000, 66.03], [1175205600000, 65.87], [1175464800000, 64.64], [1175637600000, 64.38], [1175724000000, 64.28], [1175810400000, 64.28], [1176069600000, 61.51], [1176156000000, 61.89], [1176242400000, 62.01], [1176328800000, 63.85], [1176415200000, 63.63], [1176674400000, 63.61], [1176760800000, 63.10], [1176847200000, 63.13], [1176933600000, 61.83], [1177020000000, 63.38], [1177279200000, 64.58], [1177452000000, 65.84], [1177538400000, 65.06], [1177624800000, 66.46], [1177884000000, 64.40], [1178056800000, 63.68], [1178143200000, 63.19], [1178229600000, 61.93], [1178488800000, 61.47], [1178575200000, 61.55], [1178748000000, 61.81], [1178834400000, 62.37], [1179093600000, 62.46], [1179180000000, 63.17], [1179266400000, 62.55], [1179352800000, 64.94], [1179698400000, 66.27], [1179784800000, 65.50], [1179871200000, 65.77], [1179957600000, 64.18], [1180044000000, 65.20], [1180389600000, 63.15], [1180476000000, 63.49], [1180562400000, 65.08], [1180908000000, 66.30], [1180994400000, 65.96], [1181167200000, 66.93], [1181253600000, 65.98], [1181599200000, 65.35], [1181685600000, 66.26], [1181858400000, 68.00], [1182117600000, 69.09], [1182204000000, 69.10], [1182290400000, 68.19], [1182376800000, 68.19], [1182463200000, 69.14], [1182722400000, 68.19], [1182808800000, 67.77], [1182895200000, 68.97], [1182981600000, 69.57], [1183068000000, 70.68], [1183327200000, 71.09], [1183413600000, 70.92], [1183586400000, 71.81], [1183672800000, 72.81], [1183932000000, 72.19], [1184018400000, 72.56], [1184191200000, 72.50], [1184277600000, 74.15], [1184623200000, 75.05], [1184796000000, 75.92], [1184882400000, 75.57], [1185141600000, 74.89], [1185228000000, 73.56], [1185314400000, 75.57], [1185400800000, 74.95], [1185487200000, 76.83], [1185832800000, 78.21], [1185919200000, 76.53], [1186005600000, 76.86], [1186092000000, 76.00], [1186437600000, 71.59], [1186696800000, 71.47], [1186956000000, 71.62], [1187042400000, 71.00], [1187301600000, 71.98], [1187560800000, 71.12], [1187647200000, 69.47], [1187733600000, 69.26], [1187820000000, 69.83], [1187906400000, 71.09], [1188165600000, 71.73], [1188338400000, 73.36], [1188511200000, 74.04], [1188856800000, 76.30], [1189116000000, 77.49], [1189461600000, 78.23], [1189548000000, 79.91], [1189634400000, 80.09], [1189720800000, 79.10], [1189980000000, 80.57], [1190066400000, 81.93], [1190239200000, 83.32], [1190325600000, 81.62], [1190584800000, 80.95], [1190671200000, 79.53], [1190757600000, 80.30], [1190844000000, 82.88], [1190930400000, 81.66], [1191189600000, 80.24], [1191276000000, 80.05], [1191362400000, 79.94], [1191448800000, 81.44], [1191535200000, 81.22], [1191794400000, 79.02], [1191880800000, 80.26], [1191967200000, 80.30], [1192053600000, 83.08], [1192140000000, 83.69], [1192399200000, 86.13], [1192485600000, 87.61], [1192572000000, 87.40], [1192658400000, 89.47], [1192744800000, 88.60], [1193004000000, 87.56], [1193090400000, 87.56], [1193176800000, 87.10], [1193263200000, 91.86], [1193612400000, 93.53], [1193698800000, 94.53], [1193871600000, 95.93], [1194217200000, 93.98], [1194303600000, 96.37], [1194476400000, 95.46], [1194562800000, 96.32], [1195081200000, 93.43], [1195167600000, 95.10], [1195426800000, 94.64], [1195513200000, 95.10], [1196031600000, 97.70], [1196118000000, 94.42], [1196204400000, 90.62], [1196290800000, 91.01], [1196377200000, 88.71], [1196636400000, 88.32], [1196809200000, 90.23], [1196982000000, 88.28], [1197241200000, 87.86], [1197327600000, 90.02], [1197414000000, 92.25], [1197586800000, 90.63], [1197846000000, 90.63], [1197932400000, 90.49], [1198018800000, 91.24], [1198105200000, 91.06], [1198191600000, 90.49], [1198710000000, 96.62], [1198796400000, 96.00], [1199142000000, 99.62], [1199314800000, 99.18], [1199401200000, 95.09], [1199660400000, 96.33], [1199833200000, 95.67], [1200351600000, 91.90], [1200438000000, 90.84], [1200524400000, 90.13], [1200610800000, 90.57], [1200956400000, 89.21], [1201042800000, 86.99], [1201129200000, 89.85], [1201474800000, 90.99], [1201561200000, 91.64], [1201647600000, 92.33], [1201734000000, 91.75], [1202079600000, 90.02], [1202166000000, 88.41], [1202252400000, 87.14], [1202338800000, 88.11], [1202425200000, 91.77], [1202770800000, 92.78], [1202857200000, 93.27], [1202943600000, 95.46], [1203030000000, 95.46], [1203289200000, 101.74], [1203462000000, 98.81], [1203894000000, 100.88], [1204066800000, 99.64], [1204153200000, 102.59], [1204239600000, 101.84], [1204498800000, 99.52], [1204585200000, 99.52], [1204671600000, 104.52], [1204758000000, 105.47], [1204844400000, 105.15], [1205103600000, 108.75], [1205276400000, 109.92], [1205362800000, 110.33], [1205449200000, 110.21], [1205708400000, 105.68], [1205967600000, 101.84], [1206313200000, 100.86], [1206399600000, 101.22], [1206486000000, 105.90], [1206572400000, 107.58], [1206658800000, 105.62], [1206914400000, 101.58], [1207000800000, 100.98], [1207173600000, 103.83], [1207260000000, 106.23], [1207605600000, 108.50], [1207778400000, 110.11], [1207864800000, 110.14], [1208210400000, 113.79], [1208296800000, 114.93], [1208383200000, 114.86], [1208728800000, 117.48], [1208815200000, 118.30], [1208988000000, 116.06], [1209074400000, 118.52], [1209333600000, 118.75], [1209420000000, 113.46], [1209592800000, 112.52], [1210024800000, 121.84], [1210111200000, 123.53], [1210197600000, 123.69], [1210543200000, 124.23], [1210629600000, 125.80], [1210716000000, 126.29], [1211148000000, 127.05], [1211320800000, 129.07], [1211493600000, 132.19], [1211839200000, 128.85], [1212357600000, 127.76], [1212703200000, 138.54], [1212962400000, 136.80], [1213135200000, 136.38], [1213308000000, 134.86], [1213653600000, 134.01], [1213740000000, 136.68], [1213912800000, 135.65], [1214172000000, 134.62], [1214258400000, 134.62], [1214344800000, 134.62], [1214431200000, 139.64], [1214517600000, 140.21], [1214776800000, 140.00], [1214863200000, 140.97], [1214949600000, 143.57], [1215036000000, 145.29], [1215381600000, 141.37], [1215468000000, 136.04], [1215727200000, 146.40], [1215986400000, 145.18], [1216072800000, 138.74], [1216159200000, 134.60], [1216245600000, 129.29], [1216332000000, 130.65], [1216677600000, 127.95], [1216850400000, 127.95], [1217282400000, 122.19], [1217455200000, 124.08], [1217541600000, 125.10], [1217800800000, 121.41], [1217887200000, 119.17], [1217973600000, 118.58], [1218060000000, 120.02], [1218405600000, 114.45], [1218492000000, 113.01], [1218578400000, 116.00], [1218751200000, 113.77], [1219010400000, 112.87], [1219096800000, 114.53], [1219269600000, 114.98], [1219356000000, 114.98], [1219701600000, 116.27], [1219788000000, 118.15], [1219874400000, 115.59], [1219960800000, 115.46], [1220306400000, 109.71], [1220392800000, 109.35], [1220565600000, 106.23], [1220824800000, 106.34]]; + + var exchangerates = [[1167606000000, 0.7580], [1167692400000, 0.7580], [1167778800000, 0.75470], [1167865200000, 0.75490], [1167951600000, 0.76130], [1168038000000, 0.76550], [1168124400000, 0.76930], [1168210800000, 0.76940], [1168297200000, 0.76880], [1168383600000, 0.76780], [1168470000000, 0.77080], [1168556400000, 0.77270], [1168642800000, 0.77490], [1168729200000, 0.77410], [1168815600000, 0.77410], [1168902000000, 0.77320], [1168988400000, 0.77270], [1169074800000, 0.77370], [1169161200000, 0.77240], [1169247600000, 0.77120], [1169334000000, 0.7720], [1169420400000, 0.77210], [1169506800000, 0.77170], [1169593200000, 0.77040], [1169679600000, 0.7690], [1169766000000, 0.77110], [1169852400000, 0.7740], [1169938800000, 0.77450], [1170025200000, 0.77450], [1170111600000, 0.7740], [1170198000000, 0.77160], [1170284400000, 0.77130], [1170370800000, 0.76780], [1170457200000, 0.76880], [1170543600000, 0.77180], [1170630000000, 0.77180], [1170716400000, 0.77280], [1170802800000, 0.77290], [1170889200000, 0.76980], [1170975600000, 0.76850], [1171062000000, 0.76810], [1171148400000, 0.7690], [1171234800000, 0.7690], [1171321200000, 0.76980], [1171407600000, 0.76990], [1171494000000, 0.76510], [1171580400000, 0.76130], [1171666800000, 0.76160], [1171753200000, 0.76140], [1171839600000, 0.76140], [1171926000000, 0.76070], [1172012400000, 0.76020], [1172098800000, 0.76110], [1172185200000, 0.76220], [1172271600000, 0.76150], [1172358000000, 0.75980], [1172444400000, 0.75980], [1172530800000, 0.75920], [1172617200000, 0.75730], [1172703600000, 0.75660], [1172790000000, 0.75670], [1172876400000, 0.75910], [1172962800000, 0.75820], [1173049200000, 0.75850], [1173135600000, 0.76130], [1173222000000, 0.76310], [1173308400000, 0.76150], [1173394800000, 0.760], [1173481200000, 0.76130], [1173567600000, 0.76270], [1173654000000, 0.76270], [1173740400000, 0.76080], [1173826800000, 0.75830], [1173913200000, 0.75750], [1173999600000, 0.75620], [1174086000000, 0.7520], [1174172400000, 0.75120], [1174258800000, 0.75120], [1174345200000, 0.75170], [1174431600000, 0.7520], [1174518000000, 0.75110], [1174604400000, 0.7480], [1174690800000, 0.75090], [1174777200000, 0.75310], [1174860000000, 0.75310], [1174946400000, 0.75270], [1175032800000, 0.74980], [1175119200000, 0.74930], [1175205600000, 0.75040], [1175292000000, 0.750], [1175378400000, 0.74910], [1175464800000, 0.74910], [1175551200000, 0.74850], [1175637600000, 0.74840], [1175724000000, 0.74920], [1175810400000, 0.74710], [1175896800000, 0.74590], [1175983200000, 0.74770], [1176069600000, 0.74770], [1176156000000, 0.74830], [1176242400000, 0.74580], [1176328800000, 0.74480], [1176415200000, 0.7430], [1176501600000, 0.73990], [1176588000000, 0.73950], [1176674400000, 0.73950], [1176760800000, 0.73780], [1176847200000, 0.73820], [1176933600000, 0.73620], [1177020000000, 0.73550], [1177106400000, 0.73480], [1177192800000, 0.73610], [1177279200000, 0.73610], [1177365600000, 0.73650], [1177452000000, 0.73620], [1177538400000, 0.73310], [1177624800000, 0.73390], [1177711200000, 0.73440], [1177797600000, 0.73270], [1177884000000, 0.73270], [1177970400000, 0.73360], [1178056800000, 0.73330], [1178143200000, 0.73590], [1178229600000, 0.73590], [1178316000000, 0.73720], [1178402400000, 0.7360], [1178488800000, 0.7360], [1178575200000, 0.7350], [1178661600000, 0.73650], [1178748000000, 0.73840], [1178834400000, 0.73950], [1178920800000, 0.74130], [1179007200000, 0.73970], [1179093600000, 0.73960], [1179180000000, 0.73850], [1179266400000, 0.73780], [1179352800000, 0.73660], [1179439200000, 0.740], [1179525600000, 0.74110], [1179612000000, 0.74060], [1179698400000, 0.74050], [1179784800000, 0.74140], [1179871200000, 0.74310], [1179957600000, 0.74310], [1180044000000, 0.74380], [1180130400000, 0.74430], [1180216800000, 0.74430], [1180303200000, 0.74430], [1180389600000, 0.74340], [1180476000000, 0.74290], [1180562400000, 0.74420], [1180648800000, 0.7440], [1180735200000, 0.74390], [1180821600000, 0.74370], [1180908000000, 0.74370], [1180994400000, 0.74290], [1181080800000, 0.74030], [1181167200000, 0.73990], [1181253600000, 0.74180], [1181340000000, 0.74680], [1181426400000, 0.7480], [1181512800000, 0.7480], [1181599200000, 0.7490], [1181685600000, 0.74940], [1181772000000, 0.75220], [1181858400000, 0.75150], [1181944800000, 0.75020], [1182031200000, 0.74720], [1182117600000, 0.74720], [1182204000000, 0.74620], [1182290400000, 0.74550], [1182376800000, 0.74490], [1182463200000, 0.74670], [1182549600000, 0.74580], [1182636000000, 0.74270], [1182722400000, 0.74270], [1182808800000, 0.7430], [1182895200000, 0.74290], [1182981600000, 0.7440], [1183068000000, 0.7430], [1183154400000, 0.74220], [1183240800000, 0.73880], [1183327200000, 0.73880], [1183413600000, 0.73690], [1183500000000, 0.73450], [1183586400000, 0.73450], [1183672800000, 0.73450], [1183759200000, 0.73520], [1183845600000, 0.73410], [1183932000000, 0.73410], [1184018400000, 0.7340], [1184104800000, 0.73240], [1184191200000, 0.72720], [1184277600000, 0.72640], [1184364000000, 0.72550], [1184450400000, 0.72580], [1184536800000, 0.72580], [1184623200000, 0.72560], [1184709600000, 0.72570], [1184796000000, 0.72470], [1184882400000, 0.72430], [1184968800000, 0.72440], [1185055200000, 0.72350], [1185141600000, 0.72350], [1185228000000, 0.72350], [1185314400000, 0.72350], [1185400800000, 0.72620], [1185487200000, 0.72880], [1185573600000, 0.73010], [1185660000000, 0.73370], [1185746400000, 0.73370], [1185832800000, 0.73240], [1185919200000, 0.72970], [1186005600000, 0.73170], [1186092000000, 0.73150], [1186178400000, 0.72880], [1186264800000, 0.72630], [1186351200000, 0.72630], [1186437600000, 0.72420], [1186524000000, 0.72530], [1186610400000, 0.72640], [1186696800000, 0.7270], [1186783200000, 0.73120], [1186869600000, 0.73050], [1186956000000, 0.73050], [1187042400000, 0.73180], [1187128800000, 0.73580], [1187215200000, 0.74090], [1187301600000, 0.74540], [1187388000000, 0.74370], [1187474400000, 0.74240], [1187560800000, 0.74240], [1187647200000, 0.74150], [1187733600000, 0.74190], [1187820000000, 0.74140], [1187906400000, 0.73770], [1187992800000, 0.73550], [1188079200000, 0.73150], [1188165600000, 0.73150], [1188252000000, 0.7320], [1188338400000, 0.73320], [1188424800000, 0.73460], [1188511200000, 0.73280], [1188597600000, 0.73230], [1188684000000, 0.7340], [1188770400000, 0.7340], [1188856800000, 0.73360], [1188943200000, 0.73510], [1189029600000, 0.73460], [1189116000000, 0.73210], [1189202400000, 0.72940], [1189288800000, 0.72660], [1189375200000, 0.72660], [1189461600000, 0.72540], [1189548000000, 0.72420], [1189634400000, 0.72130], [1189720800000, 0.71970], [1189807200000, 0.72090], [1189893600000, 0.7210], [1189980000000, 0.7210], [1190066400000, 0.7210], [1190152800000, 0.72090], [1190239200000, 0.71590], [1190325600000, 0.71330], [1190412000000, 0.71050], [1190498400000, 0.70990], [1190584800000, 0.70990], [1190671200000, 0.70930], [1190757600000, 0.70930], [1190844000000, 0.70760], [1190930400000, 0.7070], [1191016800000, 0.70490], [1191103200000, 0.70120], [1191189600000, 0.70110], [1191276000000, 0.70190], [1191362400000, 0.70460], [1191448800000, 0.70630], [1191535200000, 0.70890], [1191621600000, 0.70770], [1191708000000, 0.70770], [1191794400000, 0.70770], [1191880800000, 0.70910], [1191967200000, 0.71180], [1192053600000, 0.70790], [1192140000000, 0.70530], [1192226400000, 0.7050], [1192312800000, 0.70550], [1192399200000, 0.70550], [1192485600000, 0.70450], [1192572000000, 0.70510], [1192658400000, 0.70510], [1192744800000, 0.70170], [1192831200000, 0.70], [1192917600000, 0.69950], [1193004000000, 0.69940], [1193090400000, 0.70140], [1193176800000, 0.70360], [1193263200000, 0.70210], [1193349600000, 0.70020], [1193436000000, 0.69670], [1193522400000, 0.6950], [1193612400000, 0.6950], [1193698800000, 0.69390], [1193785200000, 0.6940], [1193871600000, 0.69220], [1193958000000, 0.69190], [1194044400000, 0.69140], [1194130800000, 0.68940], [1194217200000, 0.68910], [1194303600000, 0.69040], [1194390000000, 0.6890], [1194476400000, 0.68340], [1194562800000, 0.68230], [1194649200000, 0.68070], [1194735600000, 0.68150], [1194822000000, 0.68150], [1194908400000, 0.68470], [1194994800000, 0.68590], [1195081200000, 0.68220], [1195167600000, 0.68270], [1195254000000, 0.68370], [1195340400000, 0.68230], [1195426800000, 0.68220], [1195513200000, 0.68220], [1195599600000, 0.67920], [1195686000000, 0.67460], [1195772400000, 0.67350], [1195858800000, 0.67310], [1195945200000, 0.67420], [1196031600000, 0.67440], [1196118000000, 0.67390], [1196204400000, 0.67310], [1196290800000, 0.67610], [1196377200000, 0.67610], [1196463600000, 0.67850], [1196550000000, 0.68180], [1196636400000, 0.68360], [1196722800000, 0.68230], [1196809200000, 0.68050], [1196895600000, 0.67930], [1196982000000, 0.68490], [1197068400000, 0.68330], [1197154800000, 0.68250], [1197241200000, 0.68250], [1197327600000, 0.68160], [1197414000000, 0.67990], [1197500400000, 0.68130], [1197586800000, 0.68090], [1197673200000, 0.68680], [1197759600000, 0.69330], [1197846000000, 0.69330], [1197932400000, 0.69450], [1198018800000, 0.69440], [1198105200000, 0.69460], [1198191600000, 0.69640], [1198278000000, 0.69650], [1198364400000, 0.69560], [1198450800000, 0.69560], [1198537200000, 0.6950], [1198623600000, 0.69480], [1198710000000, 0.69280], [1198796400000, 0.68870], [1198882800000, 0.68240], [1198969200000, 0.67940], [1199055600000, 0.67940], [1199142000000, 0.68030], [1199228400000, 0.68550], [1199314800000, 0.68240], [1199401200000, 0.67910], [1199487600000, 0.67830], [1199574000000, 0.67850], [1199660400000, 0.67850], [1199746800000, 0.67970], [1199833200000, 0.680], [1199919600000, 0.68030], [1200006000000, 0.68050], [1200092400000, 0.6760], [1200178800000, 0.6770], [1200265200000, 0.6770], [1200351600000, 0.67360], [1200438000000, 0.67260], [1200524400000, 0.67640], [1200610800000, 0.68210], [1200697200000, 0.68310], [1200783600000, 0.68420], [1200870000000, 0.68420], [1200956400000, 0.68870], [1201042800000, 0.69030], [1201129200000, 0.68480], [1201215600000, 0.68240], [1201302000000, 0.67880], [1201388400000, 0.68140], [1201474800000, 0.68140], [1201561200000, 0.67970], [1201647600000, 0.67690], [1201734000000, 0.67650], [1201820400000, 0.67330], [1201906800000, 0.67290], [1201993200000, 0.67580], [1202079600000, 0.67580], [1202166000000, 0.6750], [1202252400000, 0.6780], [1202338800000, 0.68330], [1202425200000, 0.68560], [1202511600000, 0.69030], [1202598000000, 0.68960], [1202684400000, 0.68960], [1202770800000, 0.68820], [1202857200000, 0.68790], [1202943600000, 0.68620], [1203030000000, 0.68520], [1203116400000, 0.68230], [1203202800000, 0.68130], [1203289200000, 0.68130], [1203375600000, 0.68220], [1203462000000, 0.68020], [1203548400000, 0.68020], [1203634800000, 0.67840], [1203721200000, 0.67480], [1203807600000, 0.67470], [1203894000000, 0.67470], [1203980400000, 0.67480], [1204066800000, 0.67330], [1204153200000, 0.6650], [1204239600000, 0.66110], [1204326000000, 0.65830], [1204412400000, 0.6590], [1204498800000, 0.6590], [1204585200000, 0.65810], [1204671600000, 0.65780], [1204758000000, 0.65740], [1204844400000, 0.65320], [1204930800000, 0.65020], [1205017200000, 0.65140], [1205103600000, 0.65140], [1205190000000, 0.65070], [1205276400000, 0.6510], [1205362800000, 0.64890], [1205449200000, 0.64240], [1205535600000, 0.64060], [1205622000000, 0.63820], [1205708400000, 0.63820], [1205794800000, 0.63410], [1205881200000, 0.63440], [1205967600000, 0.63780], [1206054000000, 0.64390], [1206140400000, 0.64780], [1206226800000, 0.64810], [1206313200000, 0.64810], [1206399600000, 0.64940], [1206486000000, 0.64380], [1206572400000, 0.63770], [1206658800000, 0.63290], [1206745200000, 0.63360], [1206831600000, 0.63330], [1206914400000, 0.63330], [1207000800000, 0.6330], [1207087200000, 0.63710], [1207173600000, 0.64030], [1207260000000, 0.63960], [1207346400000, 0.63640], [1207432800000, 0.63560], [1207519200000, 0.63560], [1207605600000, 0.63680], [1207692000000, 0.63570], [1207778400000, 0.63540], [1207864800000, 0.6320], [1207951200000, 0.63320], [1208037600000, 0.63280], [1208124000000, 0.63310], [1208210400000, 0.63420], [1208296800000, 0.63210], [1208383200000, 0.63020], [1208469600000, 0.62780], [1208556000000, 0.63080], [1208642400000, 0.63240], [1208728800000, 0.63240], [1208815200000, 0.63070], [1208901600000, 0.62770], [1208988000000, 0.62690], [1209074400000, 0.63350], [1209160800000, 0.63920], [1209247200000, 0.640], [1209333600000, 0.64010], [1209420000000, 0.63960], [1209506400000, 0.64070], [1209592800000, 0.64230], [1209679200000, 0.64290], [1209765600000, 0.64720], [1209852000000, 0.64850], [1209938400000, 0.64860], [1210024800000, 0.64670], [1210111200000, 0.64440], [1210197600000, 0.64670], [1210284000000, 0.65090], [1210370400000, 0.64780], [1210456800000, 0.64610], [1210543200000, 0.64610], [1210629600000, 0.64680], [1210716000000, 0.64490], [1210802400000, 0.6470], [1210888800000, 0.64610], [1210975200000, 0.64520], [1211061600000, 0.64220], [1211148000000, 0.64220], [1211234400000, 0.64250], [1211320800000, 0.64140], [1211407200000, 0.63660], [1211493600000, 0.63460], [1211580000000, 0.6350], [1211666400000, 0.63460], [1211752800000, 0.63460], [1211839200000, 0.63430], [1211925600000, 0.63460], [1212012000000, 0.63790], [1212098400000, 0.64160], [1212184800000, 0.64420], [1212271200000, 0.64310], [1212357600000, 0.64310], [1212444000000, 0.64350], [1212530400000, 0.6440], [1212616800000, 0.64730], [1212703200000, 0.64690], [1212789600000, 0.63860], [1212876000000, 0.63560], [1212962400000, 0.6340], [1213048800000, 0.63460], [1213135200000, 0.6430], [1213221600000, 0.64520], [1213308000000, 0.64670], [1213394400000, 0.65060], [1213480800000, 0.65040], [1213567200000, 0.65030], [1213653600000, 0.64810], [1213740000000, 0.64510], [1213826400000, 0.6450], [1213912800000, 0.64410], [1213999200000, 0.64140], [1214085600000, 0.64090], [1214172000000, 0.64090], [1214258400000, 0.64280], [1214344800000, 0.64310], [1214431200000, 0.64180], [1214517600000, 0.63710], [1214604000000, 0.63490], [1214690400000, 0.63330], [1214776800000, 0.63340], [1214863200000, 0.63380], [1214949600000, 0.63420], [1215036000000, 0.6320], [1215122400000, 0.63180], [1215208800000, 0.6370], [1215295200000, 0.63680], [1215381600000, 0.63680], [1215468000000, 0.63830], [1215554400000, 0.63710], [1215640800000, 0.63710], [1215727200000, 0.63550], [1215813600000, 0.6320], [1215900000000, 0.62770], [1215986400000, 0.62760], [1216072800000, 0.62910], [1216159200000, 0.62740], [1216245600000, 0.62930], [1216332000000, 0.63110], [1216418400000, 0.6310], [1216504800000, 0.63120], [1216591200000, 0.63120], [1216677600000, 0.63040], [1216764000000, 0.62940], [1216850400000, 0.63480], [1216936800000, 0.63780], [1217023200000, 0.63680], [1217109600000, 0.63680], [1217196000000, 0.63680], [1217282400000, 0.6360], [1217368800000, 0.6370], [1217455200000, 0.64180], [1217541600000, 0.64110], [1217628000000, 0.64350], [1217714400000, 0.64270], [1217800800000, 0.64270], [1217887200000, 0.64190], [1217973600000, 0.64460], [1218060000000, 0.64680], [1218146400000, 0.64870], [1218232800000, 0.65940], [1218319200000, 0.66660], [1218405600000, 0.66660], [1218492000000, 0.66780], [1218578400000, 0.67120], [1218664800000, 0.67050], [1218751200000, 0.67180], [1218837600000, 0.67840], [1218924000000, 0.68110], [1219010400000, 0.68110], [1219096800000, 0.67940], [1219183200000, 0.68040], [1219269600000, 0.67810], [1219356000000, 0.67560], [1219442400000, 0.67350], [1219528800000, 0.67630], [1219615200000, 0.67620], [1219701600000, 0.67770], [1219788000000, 0.68150], [1219874400000, 0.68020], [1219960800000, 0.6780], [1220047200000, 0.67960], [1220133600000, 0.68170], [1220220000000, 0.68170], [1220306400000, 0.68320], [1220392800000, 0.68770], [1220479200000, 0.69120], [1220565600000, 0.69140], [1220652000000, 0.70090], [1220738400000, 0.70120], [1220824800000, 0.7010], [1220911200000, 0.70050]]; + + function euroFormatter(v, axis) { + return v.toFixed(axis.tickDecimals) + '€'; + } + + $.plot('#multiple_axis_chart', [ + { data: oilprices, label: 'Oil price ($)', color: '#E91E63' }, + { data: exchangerates, label: 'USD/EUR exchange rate', yaxis: 2, color: '#00BCD4' } + ], { + xaxes: [{ mode: 'time' }], + yaxes: [{ min: 0 }, { + alignTicksWithAxis: 1, + position: 'right', + tickFormatter: euroFormatter + }], + grid: { + hoverable: true, + autoHighlight: false, + borderColor: '#f3f3f3', + borderWidth: 1, + tickColor: '#f3f3f3' + }, + legend: { position: 'sw' } + }); + //==================================================================================================== + + //BAR CHART ========================================================================================== + var barChartData = []; + for (var i = 0; i <= 10; i += 1) { + barChartData.push([i, parseInt(Math.random() * 30)]); + } + + $.plot('#bar_chart', [barChartData], { + series: { + stack: 0, + lines: { + show: false, + fill: true, + steps: false + }, + bars: { + show: true, + barWidth: 0.6 + }, + color: '#00BCD4' + }, + grid: { + hoverable: true, + autoHighlight: false, + borderColor: '#f3f3f3', + borderWidth: 1, + tickColor: '#f3f3f3' + } + }); + //==================================================================================================== + + //PIE CHART ========================================================================================== + var pieChartData = [], pieChartSeries = 4; + var pieChartColors = ['#E91E63', '#03A9F4', '#FFC107', '#009688']; + var pieChartDatas = [45, 17, 28, 10]; + + for (var i = 0; i < pieChartSeries; i++) { + pieChartData[i] = { + label: 'Serie - ' + (i + 1), + data: pieChartDatas[i], + color: pieChartColors[i] + } + } + $.plot('#pie_chart', pieChartData, { + series: { + pie: { + show: true, + radius: 1, + label: { + show: true, + radius: 3 / 4, + formatter: labelFormatter, + background: { + opacity: 0.5 + } + } + } + }, + legend: { + show: false + } + }); + function labelFormatter(label, series) { + return '
' + label + '
' + Math.round(series.percent) + '%
'; + } + //==================================================================================================== +}); + +function getRandomData() { + if (data.length > 0) data = data.slice(1); + + while (data.length < totalPoints) { + var prev = data.length > 0 ? data[data.length - 1] : 50, y = prev + Math.random() * 10 - 5; + if (y < 0) { y = 0; } else if (y > 100) { y = 100; } + + data.push(y); + } + + var res = []; + for (var i = 0; i < data.length; ++i) { + res.push([i, data[i]]) + } + + return res; +} \ No newline at end of file diff --git a/js/pages/charts/jquery-knob.js b/js/pages/charts/jquery-knob.js new file mode 100644 index 0000000..7475262 --- /dev/null +++ b/js/pages/charts/jquery-knob.js @@ -0,0 +1,46 @@ +$(function () { + $('.knob').knob({ + draw: function () { + // "tron" case + if (this.$.data('skin') == 'tron') { + + var a = this.angle(this.cv) // Angle + , sa = this.startAngle // Previous start angle + , sat = this.startAngle // Start angle + , ea // Previous end angle + , eat = sat + a // End angle + , r = true; + + this.g.lineWidth = this.lineWidth; + + this.o.cursor + && (sat = eat - 0.3) + && (eat = eat + 0.3); + + if (this.o.displayPrevious) { + ea = this.startAngle + this.angle(this.value); + this.o.cursor + && (sa = ea - 0.3) + && (ea = ea + 0.3); + this.g.beginPath(); + this.g.strokeStyle = this.previousColor; + this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sa, ea, false); + this.g.stroke(); + } + + this.g.beginPath(); + this.g.strokeStyle = r ? this.o.fgColor : this.fgColor; + this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sat, eat, false); + this.g.stroke(); + + this.g.lineWidth = 2; + this.g.beginPath(); + this.g.strokeStyle = this.o.fgColor; + this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false); + this.g.stroke(); + + return false; + } + } + }); +}); \ No newline at end of file diff --git a/js/pages/charts/morris.js b/js/pages/charts/morris.js new file mode 100644 index 0000000..2370542 --- /dev/null +++ b/js/pages/charts/morris.js @@ -0,0 +1,168 @@ +$(function () { + getMorris('line', 'line_chart'); + getMorris('bar', 'bar_chart'); + getMorris('area', 'area_chart'); + getMorris('donut', 'donut_chart'); +}); + + +function getMorris(type, element) { + if (type === 'line') { + Morris.Line({ + element: element, + data: [{ + 'period': '2011 Q3', + 'licensed': 3407, + 'sorned': 660 + }, { + 'period': '2011 Q2', + 'licensed': 3351, + 'sorned': 629 + }, { + 'period': '2011 Q1', + 'licensed': 3269, + 'sorned': 618 + }, { + 'period': '2010 Q4', + 'licensed': 3246, + 'sorned': 661 + }, { + 'period': '2009 Q4', + 'licensed': 3171, + 'sorned': 676 + }, { + 'period': '2008 Q4', + 'licensed': 3155, + 'sorned': 681 + }, { + 'period': '2007 Q4', + 'licensed': 3226, + 'sorned': 620 + }, { + 'period': '2006 Q4', + 'licensed': 3245, + 'sorned': null + }, { + 'period': '2005 Q4', + 'licensed': 3289, + 'sorned': null + }], + xkey: 'period', + ykeys: ['licensed', 'sorned'], + labels: ['Licensed', 'Off the road'], + lineColors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)'], + lineWidth: 3 + }); + } else if (type === 'bar') { + Morris.Bar({ + element: element, + data: [{ + x: '2011 Q1', + y: 3, + z: 2, + a: 3 + }, { + x: '2011 Q2', + y: 2, + z: null, + a: 1 + }, { + x: '2011 Q3', + y: 0, + z: 2, + a: 4 + }, { + x: '2011 Q4', + y: 2, + z: 4, + a: 3 + }], + xkey: 'x', + ykeys: ['y', 'z', 'a'], + labels: ['Y', 'Z', 'A'], + barColors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)', 'rgb(0, 150, 136)'], + }); + } else if (type === 'area') { + Morris.Area({ + element: element, + data: [{ + period: '2010 Q1', + iphone: 2666, + ipad: null, + itouch: 2647 + }, { + period: '2010 Q2', + iphone: 2778, + ipad: 2294, + itouch: 2441 + }, { + period: '2010 Q3', + iphone: 4912, + ipad: 1969, + itouch: 2501 + }, { + period: '2010 Q4', + iphone: 3767, + ipad: 3597, + itouch: 5689 + }, { + period: '2011 Q1', + iphone: 6810, + ipad: 1914, + itouch: 2293 + }, { + period: '2011 Q2', + iphone: 5670, + ipad: 4293, + itouch: 1881 + }, { + period: '2011 Q3', + iphone: 4820, + ipad: 3795, + itouch: 1588 + }, { + period: '2011 Q4', + iphone: 15073, + ipad: 5967, + itouch: 5175 + }, { + period: '2012 Q1', + iphone: 10687, + ipad: 4460, + itouch: 2028 + }, { + period: '2012 Q2', + iphone: 8432, + ipad: 5713, + itouch: 1791 + }], + xkey: 'period', + ykeys: ['iphone', 'ipad', 'itouch'], + labels: ['iPhone', 'iPad', 'iPod Touch'], + pointSize: 2, + hideHover: 'auto', + lineColors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)', 'rgb(0, 150, 136)'] + }); + } else if (type === 'donut') { + Morris.Donut({ + element: element, + data: [{ + label: 'Jam', + value: 25 + }, { + label: 'Frosted', + value: 40 + }, { + label: 'Custard', + value: 25 + }, { + label: 'Sugar', + value: 10 + }], + colors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)', 'rgb(255, 152, 0)', 'rgb(0, 150, 136)'], + formatter: function (y) { + return y + '%' + } + }); + } +} \ No newline at end of file diff --git a/js/pages/charts/sparkline.js b/js/pages/charts/sparkline.js new file mode 100644 index 0000000..4bdb413 --- /dev/null +++ b/js/pages/charts/sparkline.js @@ -0,0 +1,156 @@ +$(function () { + $(".sparkline").each(function () { + var $this = $(this); + $this.sparkline('html', $this.data()); + }); + + $('.sparkline-pie').sparkline('html', { + type: 'pie', + offset: 90, + width: '150px', + height: '150px', + sliceColors: ['#E91E63', '#00BCD4', '#FFC107'] + }) + + drawDocSparklines(); + drawMouseSpeedDemo(); +}); + +//Taken from http://omnipotent.net/jquery.sparkline ================ +function drawDocSparklines() { + + // Bar + line composite charts + $('#compositebar').sparkline('html', { type: 'bar', barColor: '#aaf' }); + $('#compositebar').sparkline([4, 1, 5, 7, 9, 9, 8, 7, 6, 6, 4, 7, 8, 4, 3, 2, 2, 5, 6, 7], + { composite: true, fillColor: false, lineColor: 'red' }); + + + // Line charts taking their values from the tag + $('.sparkline-1').sparkline(); + + // Larger line charts for the docs + $('.largeline').sparkline('html', + { type: 'line', height: '2.5em', width: '4em' }); + + // Customized line chart + $('#linecustom').sparkline('html', + { + height: '1.5em', width: '8em', lineColor: '#f00', fillColor: '#ffa', + minSpotColor: false, maxSpotColor: false, spotColor: '#77f', spotRadius: 3 + }); + + // Bar charts using inline values + $('.sparkbar').sparkline('html', { type: 'bar' }); + + $('.barformat').sparkline([1, 3, 5, 3, 8], { + type: 'bar', + tooltipFormat: '{{value:levels}} - {{value}}', + tooltipValueLookups: { + levels: $.range_map({ ':2': 'Low', '3:6': 'Medium', '7:': 'High' }) + } + }); + + // Tri-state charts using inline values + $('.sparktristate').sparkline('html', { type: 'tristate' }); + $('.sparktristatecols').sparkline('html', + { type: 'tristate', colorMap: { '-2': '#fa7', '2': '#44f' } }); + + // Composite line charts, the second using values supplied via javascript + $('#compositeline').sparkline('html', { fillColor: false, changeRangeMin: 0, chartRangeMax: 10 }); + $('#compositeline').sparkline([4, 1, 5, 7, 9, 9, 8, 7, 6, 6, 4, 7, 8, 4, 3, 2, 2, 5, 6, 7], + { composite: true, fillColor: false, lineColor: 'red', changeRangeMin: 0, chartRangeMax: 10 }); + + // Line charts with normal range marker + $('#normalline').sparkline('html', + { fillColor: false, normalRangeMin: -1, normalRangeMax: 8 }); + $('#normalExample').sparkline('html', + { fillColor: false, normalRangeMin: 80, normalRangeMax: 95, normalRangeColor: '#4f4' }); + + // Discrete charts + $('.discrete1').sparkline('html', + { type: 'discrete', lineColor: 'blue', xwidth: 18 }); + $('#discrete2').sparkline('html', + { type: 'discrete', lineColor: 'blue', thresholdColor: 'red', thresholdValue: 4 }); + + // Bullet charts + $('.sparkbullet').sparkline('html', { type: 'bullet' }); + + // Pie charts + $('.sparkpie').sparkline('html', { type: 'pie', height: '1.0em' }); + + // Box plots + $('.sparkboxplot').sparkline('html', { type: 'box' }); + $('.sparkboxplotraw').sparkline([1, 3, 5, 8, 10, 15, 18], + { type: 'box', raw: true, showOutliers: true, target: 6 }); + + // Box plot with specific field order + $('.boxfieldorder').sparkline('html', { + type: 'box', + tooltipFormatFieldlist: ['med', 'lq', 'uq'], + tooltipFormatFieldlistKey: 'field' + }); + + // click event demo sparkline + $('.clickdemo').sparkline(); + $('.clickdemo').bind('sparklineClick', function (ev) { + var sparkline = ev.sparklines[0], + region = sparkline.getCurrentRegionFields(); + value = region.y; + alert("Clicked on x=" + region.x + " y=" + region.y); + }); + + // mouseover event demo sparkline + $('.mouseoverdemo').sparkline(); + $('.mouseoverdemo').bind('sparklineRegionChange', function (ev) { + var sparkline = ev.sparklines[0], + region = sparkline.getCurrentRegionFields(); + value = region.y; + $('.mouseoverregion').text("x=" + region.x + " y=" + region.y); + }).bind('mouseleave', function () { + $('.mouseoverregion').text(''); + }); +} + +/** + ** Draw the little mouse speed animated graph + ** This just attaches a handler to the mousemove event to see + ** (roughly) how far the mouse has moved + ** and then updates the display a couple of times a second via + ** setTimeout() + **/ +function drawMouseSpeedDemo() { + var mrefreshinterval = 500; // update display every 500ms + var lastmousex = -1; + var lastmousey = -1; + var lastmousetime; + var mousetravel = 0; + var mpoints = []; + var mpoints_max = 30; + $('html').mousemove(function (e) { + var mousex = e.pageX; + var mousey = e.pageY; + if (lastmousex > -1) { + mousetravel += Math.max(Math.abs(mousex - lastmousex), Math.abs(mousey - lastmousey)); + } + lastmousex = mousex; + lastmousey = mousey; + }); + var mdraw = function () { + var md = new Date(); + var timenow = md.getTime(); + if (lastmousetime && lastmousetime != timenow) { + var pps = Math.round(mousetravel / (timenow - lastmousetime) * 1000); + mpoints.push(pps); + if (mpoints.length > mpoints_max) + mpoints.splice(0, 1); + mousetravel = 0; + $('#mousespeed').sparkline(mpoints, { width: mpoints.length * 2, tooltipSuffix: ' pixels per second' }); + } + lastmousetime = timenow; + setTimeout(mdraw, mrefreshinterval); + }; + // We could use setInterval instead, but I prefer to do it this way + setTimeout(mdraw, mrefreshinterval); +} + +//================================================================= \ No newline at end of file diff --git a/js/pages/examples/forgot-password.js b/js/pages/examples/forgot-password.js new file mode 100644 index 0000000..809e174 --- /dev/null +++ b/js/pages/examples/forgot-password.js @@ -0,0 +1,14 @@ +$(function () { + $('#forgot_password').validate({ + highlight: function (input) { + console.log(input); + $(input).parents('.form-line').addClass('error'); + }, + unhighlight: function (input) { + $(input).parents('.form-line').removeClass('error'); + }, + errorPlacement: function (error, element) { + $(element).parents('.input-group').append(error); + } + }); +}); \ No newline at end of file diff --git a/js/pages/examples/profile.js b/js/pages/examples/profile.js new file mode 100644 index 0000000..dea4a6a --- /dev/null +++ b/js/pages/examples/profile.js @@ -0,0 +1,3 @@ +$(function () { + +}); \ No newline at end of file diff --git a/js/pages/examples/sign-in.js b/js/pages/examples/sign-in.js new file mode 100644 index 0000000..026d5c6 --- /dev/null +++ b/js/pages/examples/sign-in.js @@ -0,0 +1,14 @@ +$(function () { + $('#sign_in').validate({ + highlight: function (input) { + console.log(input); + $(input).parents('.form-line').addClass('error'); + }, + unhighlight: function (input) { + $(input).parents('.form-line').removeClass('error'); + }, + errorPlacement: function (error, element) { + $(element).parents('.input-group').append(error); + } + }); +}); \ No newline at end of file diff --git a/js/pages/examples/sign-up.js b/js/pages/examples/sign-up.js new file mode 100644 index 0000000..2d9c422 --- /dev/null +++ b/js/pages/examples/sign-up.js @@ -0,0 +1,23 @@ +$(function () { + $('#sign_up').validate({ + rules: { + 'terms': { + required: true + }, + 'confirm': { + equalTo: '[name="password"]' + } + }, + highlight: function (input) { + console.log(input); + $(input).parents('.form-line').addClass('error'); + }, + unhighlight: function (input) { + $(input).parents('.form-line').removeClass('error'); + }, + errorPlacement: function (error, element) { + $(element).parents('.input-group').append(error); + $(element).parents('.form-group').append(error); + } + }); +}); \ No newline at end of file diff --git a/js/pages/forms/advanced-form-elements.js b/js/pages/forms/advanced-form-elements.js new file mode 100644 index 0000000..d072c12 --- /dev/null +++ b/js/pages/forms/advanced-form-elements.js @@ -0,0 +1,85 @@ +$(function () { + $('.colorpicker').colorpicker(); + + //Dropzone + Dropzone.options.frmFileUpload = { + paramName: "file", + maxFilesize: 2 + }; + + //Masked Input ============================================================================================================================ + var $demoMaskedInput = $('.demo-masked-input'); + + //Date + $demoMaskedInput.find('.date').inputmask('dd/mm/yyyy', { placeholder: '__/__/____' }); + + //Time + $demoMaskedInput.find('.time12').inputmask('hh:mm t', { placeholder: '__:__ _m', alias: 'time12', hourFormat: '12' }); + $demoMaskedInput.find('.time24').inputmask('hh:mm', { placeholder: '__:__ _m', alias: 'time24', hourFormat: '24' }); + + //Date Time + $demoMaskedInput.find('.datetime').inputmask('d/m/y h:s', { placeholder: '__/__/____ __:__', alias: "datetime", hourFormat: '24' }); + + //Mobile Phone Number + $demoMaskedInput.find('.mobile-phone-number').inputmask('+99 (999) 999-99-99', { placeholder: '+__ (___) ___-__-__' }); + //Phone Number + $demoMaskedInput.find('.phone-number').inputmask('+99 (999) 999-99-99', { placeholder: '+__ (___) ___-__-__' }); + + //Dollar Money + $demoMaskedInput.find('.money-dollar').inputmask('99,99 $', { placeholder: '__,__ $' }); + //Euro Money + $demoMaskedInput.find('.money-euro').inputmask('99,99 €', { placeholder: '__,__ €' }); + + //IP Address + $demoMaskedInput.find('.ip').inputmask('999.999.999.999', { placeholder: '___.___.___.___' }); + + //Credit Card + $demoMaskedInput.find('.credit-card').inputmask('9999 9999 9999 9999', { placeholder: '____ ____ ____ ____' }); + + //Email + $demoMaskedInput.find('.email').inputmask({ alias: "email" }); + + //Serial Key + $demoMaskedInput.find('.key').inputmask('****-****-****-****', { placeholder: '____-____-____-____' }); + //=========================================================================================================================================== + + //Multi-select + $('#optgroup').multiSelect({ selectableOptgroup: true }); + + //noUISlider + var sliderBasic = document.getElementById('nouislider_basic_example'); + noUiSlider.create(sliderBasic, { + start: [30], + connect: 'lower', + step: 1, + range: { + 'min': [0], + 'max': [100] + } + }); + getNoUISliderValue(sliderBasic, true); + + //Range Example + var rangeSlider = document.getElementById('nouislider_range_example'); + noUiSlider.create(rangeSlider, { + start: [32500, 62500], + connect: true, + range: { + 'min': 25000, + 'max': 100000 + } + }); + getNoUISliderValue(rangeSlider, false); +}); + +//Get noUISlider Value and write on +function getNoUISliderValue(slider, percentage) { + slider.noUiSlider.on('update', function () { + var val = slider.noUiSlider.get(); + if (percentage) { + val = parseInt(val); + val += '%'; + } + $(slider).parent().find('span.js-nouislider-value').text(val); + }); +} \ No newline at end of file diff --git a/js/pages/forms/basic-form-elements.js b/js/pages/forms/basic-form-elements.js new file mode 100644 index 0000000..713f1c9 --- /dev/null +++ b/js/pages/forms/basic-form-elements.js @@ -0,0 +1,40 @@ +$(function () { + //Textarea auto growth + autosize($('textarea.auto-growth')); + + //Datetimepicker plugin + $('.datetimepicker').bootstrapMaterialDatePicker({ + format: 'dddd DD MMMM YYYY - HH:mm', + clearButton: true, + weekStart: 1 + }); + + $('.datepicker').bootstrapMaterialDatePicker({ + format: 'dddd DD MMMM YYYY', + clearButton: true, + weekStart: 1, + time: false + }); + + $('.timepicker').bootstrapMaterialDatePicker({ + format: 'HH:mm', + clearButton: true, + date: false + }); + + //Bootstrap datepicker plugin + $('#bs_datepicker_container input').datepicker({ + autoclose: true, + container: '#bs_datepicker_container' + }); + + $('#bs_datepicker_component_container').datepicker({ + autoclose: true, + container: '#bs_datepicker_component_container' + }); + // + $('#bs_datepicker_range_container').datepicker({ + autoclose: true, + container: '#bs_datepicker_range_container' + }); +}); \ No newline at end of file diff --git a/js/pages/forms/editors.js b/js/pages/forms/editors.js new file mode 100644 index 0000000..b7f4ace --- /dev/null +++ b/js/pages/forms/editors.js @@ -0,0 +1,23 @@ +$(function () { + //CKEditor + CKEDITOR.replace('ckeditor'); + CKEDITOR.config.height = 300; + + //TinyMCE + tinymce.init({ + selector: "textarea#tinymce", + theme: "modern", + height: 300, + plugins: [ + 'advlist autolink lists link image charmap print preview hr anchor pagebreak', + 'searchreplace wordcount visualblocks visualchars code fullscreen', + 'insertdatetime media nonbreaking save table contextmenu directionality', + 'emoticons template paste textcolor colorpicker textpattern imagetools' + ], + toolbar1: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image', + toolbar2: 'print preview media | forecolor backcolor emoticons', + image_advtab: true + }); + tinymce.suffix = ".min"; + tinyMCE.baseURL = '../../plugins/tinymce'; +}); \ No newline at end of file diff --git a/js/pages/forms/form-validation.js b/js/pages/forms/form-validation.js new file mode 100644 index 0000000..9d52667 --- /dev/null +++ b/js/pages/forms/form-validation.js @@ -0,0 +1,58 @@ +$(function () { + $('#form_validation').validate({ + rules: { + 'checkbox': { + required: true + }, + 'gender': { + required: true + } + }, + highlight: function (input) { + $(input).parents('.form-line').addClass('error'); + }, + unhighlight: function (input) { + $(input).parents('.form-line').removeClass('error'); + }, + errorPlacement: function (error, element) { + $(element).parents('.form-group').append(error); + } + }); + + //Advanced Form Validation + $('#form_advanced_validation').validate({ + rules: { + 'date': { + customdate: true + }, + 'creditcard': { + creditcard: true + } + }, + highlight: function (input) { + $(input).parents('.form-line').addClass('error'); + }, + unhighlight: function (input) { + $(input).parents('.form-line').removeClass('error'); + }, + errorPlacement: function (error, element) { + $(element).parents('.form-group').append(error); + } + }); + + //Custom Validations =============================================================================== + //Date + $.validator.addMethod('customdate', function (value, element) { + return value.match(/^\d\d\d\d?-\d\d?-\d\d$/); + }, + 'Please enter a date in the format YYYY-MM-DD.' + ); + + //Credit card + $.validator.addMethod('creditcard', function (value, element) { + return value.match(/^\d\d\d\d?-\d\d\d\d?-\d\d\d\d?-\d\d\d\d$/); + }, + 'Please enter a credit card in the format XXXX-XXXX-XXXX-XXXX.' + ); + //================================================================================================== +}); \ No newline at end of file diff --git a/js/pages/forms/form-wizard.js b/js/pages/forms/form-wizard.js new file mode 100644 index 0000000..5edfc9e --- /dev/null +++ b/js/pages/forms/form-wizard.js @@ -0,0 +1,90 @@ +$(function () { + //Horizontal form basic + $('#wizard_horizontal').steps({ + headerTag: 'h2', + bodyTag: 'section', + transitionEffect: 'slideLeft', + onInit: function (event, currentIndex) { + setButtonWavesEffect(event); + }, + onStepChanged: function (event, currentIndex, priorIndex) { + setButtonWavesEffect(event); + } + }); + + //Vertical form basic + $('#wizard_vertical').steps({ + headerTag: 'h2', + bodyTag: 'section', + transitionEffect: 'slideLeft', + stepsOrientation: 'vertical', + onInit: function (event, currentIndex) { + setButtonWavesEffect(event); + }, + onStepChanged: function (event, currentIndex, priorIndex) { + setButtonWavesEffect(event); + } + }); + + //Advanced form with validation + var form = $('#wizard_with_validation').show(); + form.steps({ + headerTag: 'h3', + bodyTag: 'fieldset', + transitionEffect: 'slideLeft', + onInit: function (event, currentIndex) { + $.AdminBSB.input.activate(); + + //Set tab width + var $tab = $(event.currentTarget).find('ul[role="tablist"] li'); + var tabCount = $tab.length; + $tab.css('width', (100 / tabCount) + '%'); + + //set button waves effect + setButtonWavesEffect(event); + }, + onStepChanging: function (event, currentIndex, newIndex) { + if (currentIndex > newIndex) { return true; } + + if (currentIndex < newIndex) { + form.find('.body:eq(' + newIndex + ') label.error').remove(); + form.find('.body:eq(' + newIndex + ') .error').removeClass('error'); + } + + form.validate().settings.ignore = ':disabled,:hidden'; + return form.valid(); + }, + onStepChanged: function (event, currentIndex, priorIndex) { + setButtonWavesEffect(event); + }, + onFinishing: function (event, currentIndex) { + form.validate().settings.ignore = ':disabled'; + return form.valid(); + }, + onFinished: function (event, currentIndex) { + swal("Good job!", "Submitted!", "success"); + } + }); + + form.validate({ + highlight: function (input) { + $(input).parents('.form-line').addClass('error'); + }, + unhighlight: function (input) { + $(input).parents('.form-line').removeClass('error'); + }, + errorPlacement: function (error, element) { + $(element).parents('.form-group').append(error); + }, + rules: { + 'confirm': { + equalTo: '#password' + } + } + }); +}); + +function setButtonWavesEffect(event) { + $(event.currentTarget).find('[role="menu"] li a').removeClass('waves-effect'); + $(event.currentTarget).find('[role="menu"] li:not(.disabled) a').addClass('waves-effect'); +} \ No newline at end of file diff --git a/js/pages/index.js b/js/pages/index.js new file mode 100644 index 0000000..c9ca25e --- /dev/null +++ b/js/pages/index.js @@ -0,0 +1,115 @@ +$(function () { + //Widgets count + $('.count-to').countTo(); + + //Sales count to + $('.sales-count-to').countTo({ + formatter: function (value, options) { + return '$' + value.toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, ' ').replace('.', ','); + } + }); + + initRealTimeChart(); + initDonutChart(); + initSparkline(); +}); + +var realtime = 'on'; +function initRealTimeChart() { + //Real time ========================================================================================== + var plot = $.plot('#real_time_chart', [getRandomData()], { + series: { + shadowSize: 0, + color: 'rgb(0, 188, 212)' + }, + grid: { + borderColor: '#f3f3f3', + borderWidth: 1, + tickColor: '#f3f3f3' + }, + lines: { + fill: true + }, + yaxis: { + min: 0, + max: 100 + }, + xaxis: { + min: 0, + max: 100 + } + }); + + function updateRealTime() { + plot.setData([getRandomData()]); + plot.draw(); + + var timeout; + if (realtime === 'on') { + timeout = setTimeout(updateRealTime, 320); + } else { + clearTimeout(timeout); + } + } + + updateRealTime(); + + $('#realtime').on('change', function () { + realtime = this.checked ? 'on' : 'off'; + updateRealTime(); + }); + //==================================================================================================== +} + +function initSparkline() { + $(".sparkline").each(function () { + var $this = $(this); + $this.sparkline('html', $this.data()); + }); +} + +function initDonutChart() { + Morris.Donut({ + element: 'donut_chart', + data: [{ + label: 'Chrome', + value: 37 + }, { + label: 'Firefox', + value: 30 + }, { + label: 'Safari', + value: 18 + }, { + label: 'Opera', + value: 12 + }, + { + label: 'Other', + value: 3 + }], + colors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)', 'rgb(255, 152, 0)', 'rgb(0, 150, 136)', 'rgb(96, 125, 139)'], + formatter: function (y) { + return y + '%' + } + }); +} + +var data = [], totalPoints = 110; +function getRandomData() { + if (data.length > 0) data = data.slice(1); + + while (data.length < totalPoints) { + var prev = data.length > 0 ? data[data.length - 1] : 50, y = prev + Math.random() * 10 - 5; + if (y < 0) { y = 0; } else if (y > 100) { y = 100; } + + data.push(y); + } + + var res = []; + for (var i = 0; i < data.length; ++i) { + res.push([i, data[i]]); + } + + return res; +} \ No newline at end of file diff --git a/js/pages/maps/google.js b/js/pages/maps/google.js new file mode 100644 index 0000000..d984441 --- /dev/null +++ b/js/pages/maps/google.js @@ -0,0 +1,98 @@ +$(function () { + //Basic Map + var basicMap = new GMaps({ + el: '#gmap_basic_example', + lat: -12.043333, + lng: -77.028333 + }); + + //Markers + var markers = new GMaps({ + div: '#gmap_markers', + lat: -12.043333, + lng: -77.028333 + }); + markers.addMarker({ + lat: -12.043333, + lng: -77.03, + title: 'Lima', + details: { + database_id: 42, + author: 'HPNeo' + }, + click: function (e) { + if (console.log) + console.log(e); + alert('You clicked in this marker'); + } + }); + markers.addMarker({ + lat: -12.042, + lng: -77.028333, + title: 'Marker with InfoWindow', + infoWindow: { + content: '

HTML Content

' + } + }); + + //Static maps + var staticMap = GMaps.staticMapURL({ + size: [$('#gmap_static_map').width(), 400], + lat: -12.043333, + lng: -77.028333 + }); + + $('').attr('src', staticMap).appendTo('#gmap_static_map'); + + //Static maps with markers + var staticMapWithMarkers = GMaps.staticMapURL({ + size: [$('#gmap_static_map_with_markers').width(), 400], + lat: -12.043333, + lng: -77.028333, + markers: [ + { lat: -12.043333, lng: -77.028333 }, + { + lat: -12.045333, lng: -77.034, + size: 'small' + }, + { + lat: -12.045633, lng: -77.022, + color: 'blue' + } + ] + }); + + $('').attr('src', staticMapWithMarkers).appendTo('#gmap_static_map_with_markers'); + + //Static maps with polyline + var path = [ + [-12.040397656836609, -77.03373871559225], + [-12.040248585302038, -77.03993927003302], + [-12.050047116528843, -77.02448169303511], + [-12.044804866577001, -77.02154422636042], + [-12.040397656836609, -77.03373871559225], + ]; + + var staticMapPolyline = GMaps.staticMapURL({ + size: [$('#gmap_static_map_polyline').width(), 400], + lat: -12.043333, + lng: -77.028333, + + polyline: { + path: path, + strokeColor: '#131540', + strokeOpacity: 0.6, + strokeWeight: 6 + // fillColor: '#ffaf2ecc' + } + }); + + $('').attr('src', staticMapPolyline).appendTo('#gmap_static_map_polyline'); + + //Panorama + var panorama = GMaps.createPanorama({ + el: '#gmap_panorama', + lat: 42.3455, + lng: -71.0983 + }); +}); \ No newline at end of file diff --git a/js/pages/maps/jvectormap.js b/js/pages/maps/jvectormap.js new file mode 100644 index 0000000..4c2088d --- /dev/null +++ b/js/pages/maps/jvectormap.js @@ -0,0 +1,51 @@ +$(function () { + $('#world-map-markers').vectorMap({ + map: 'world_mill_en', + normalizeFunction: 'polynomial', + hoverOpacity: 0.7, + hoverColor: false, + backgroundColor: 'transparent', + regionStyle: { + initial: { + fill: 'rgba(210, 214, 222, 1)', + "fill-opacity": 1, + stroke: 'none', + "stroke-width": 0, + "stroke-opacity": 1 + }, + hover: { + "fill-opacity": 0.7, + cursor: 'pointer' + }, + selected: { + fill: 'yellow' + }, + selectedHover: {} + }, + markerStyle: { + initial: { + fill: '#009688', + stroke: '#000' + } + }, + markers: [ + { latLng: [41.90, 12.45], name: 'Vatican City' }, + { latLng: [43.73, 7.41], name: 'Monaco' }, + { latLng: [-0.52, 166.93], name: 'Nauru' }, + { latLng: [-8.51, 179.21], name: 'Tuvalu' }, + { latLng: [43.93, 12.46], name: 'San Marino' }, + { latLng: [47.14, 9.52], name: 'Liechtenstein' }, + { latLng: [7.11, 171.06], name: 'Marshall Islands' }, + { latLng: [17.3, -62.73], name: 'Saint Kitts and Nevis' }, + { latLng: [3.2, 73.22], name: 'Maldives' }, + { latLng: [35.88, 14.5], name: 'Malta' }, + { latLng: [12.05, -61.75], name: 'Grenada' }, + { latLng: [13.16, -61.23], name: 'Saint Vincent and the Grenadines' }, + { latLng: [13.16, -59.55], name: 'Barbados' }, + { latLng: [17.11, -61.85], name: 'Antigua and Barbuda' }, + { latLng: [-4.61, 55.45], name: 'Seychelles' }, + { latLng: [7.35, 134.46], name: 'Palau' }, + { latLng: [42.5, 1.51], name: 'Andorra' } + ] + }); +}); \ No newline at end of file diff --git a/js/pages/medias/image-gallery.js b/js/pages/medias/image-gallery.js new file mode 100644 index 0000000..2f3737a --- /dev/null +++ b/js/pages/medias/image-gallery.js @@ -0,0 +1,6 @@ +$(function () { + $('#aniimated-thumbnials').lightGallery({ + thumbnail: true, + selector: 'a' + }); +}); \ No newline at end of file diff --git a/js/pages/tables/editable-table.js b/js/pages/tables/editable-table.js new file mode 100644 index 0000000..101b15e --- /dev/null +++ b/js/pages/tables/editable-table.js @@ -0,0 +1,3 @@ +$(function () { + $('#mainTable').editableTableWidget(); +}); \ No newline at end of file diff --git a/js/pages/tables/jquery-datatable.js b/js/pages/tables/jquery-datatable.js new file mode 100644 index 0000000..56f09c5 --- /dev/null +++ b/js/pages/tables/jquery-datatable.js @@ -0,0 +1,14 @@ +$(function () { + $('.js-basic-example').DataTable({ + responsive: true + }); + + //Exportable table + $('.js-exportable').DataTable({ + dom: 'Bfrtip', + responsive: true, + buttons: [ + 'copy', 'csv', 'excel', 'pdf', 'print' + ] + }); +}); \ No newline at end of file diff --git a/js/pages/ui/animations.js b/js/pages/ui/animations.js new file mode 100644 index 0000000..212052a --- /dev/null +++ b/js/pages/ui/animations.js @@ -0,0 +1,16 @@ +$(function () { + $('.js-animations').bind('change', function () { + var animation = $(this).val(); + $('.js-animating-object').animateCss(animation); + }); +}); + +//Copied from https://github.com/daneden/animate.css +$.fn.extend({ + animateCss: function (animationName) { + var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend'; + $(this).addClass('animated ' + animationName).one(animationEnd, function() { + $(this).removeClass('animated ' + animationName); + }); + } +}); \ No newline at end of file diff --git a/js/pages/ui/dialogs.js b/js/pages/ui/dialogs.js new file mode 100644 index 0000000..cdb90c2 --- /dev/null +++ b/js/pages/ui/dialogs.js @@ -0,0 +1,140 @@ +$(function () { + $('.js-sweetalert button').on('click', function () { + var type = $(this).data('type'); + if (type === 'basic') { + showBasicMessage(); + } + else if (type === 'with-title') { + showWithTitleMessage(); + } + else if (type === 'success') { + showSuccessMessage(); + } + else if (type === 'confirm') { + showConfirmMessage(); + } + else if (type === 'cancel') { + showCancelMessage(); + } + else if (type === 'with-custom-icon') { + showWithCustomIconMessage(); + } + else if (type === 'html-message') { + showHtmlMessage(); + } + else if (type === 'autoclose-timer') { + showAutoCloseTimerMessage(); + } + else if (type === 'prompt') { + showPromptMessage(); + } + else if (type === 'ajax-loader') { + showAjaxLoaderMessage(); + } + }); +}); + +//These codes takes from http://t4t5.github.io/sweetalert/ +function showBasicMessage() { + swal("Here's a message!"); +} + +function showWithTitleMessage() { + swal("Here's a message!", "It's pretty, isn't it?"); +} + +function showSuccessMessage() { + swal("Good job!", "You clicked the button!", "success"); +} + +function showConfirmMessage() { + swal({ + title: "Are you sure?", + text: "You will not be able to recover this imaginary file!", + type: "warning", + showCancelButton: true, + confirmButtonColor: "#DD6B55", + confirmButtonText: "Yes, delete it!", + closeOnConfirm: false + }, function () { + swal("Deleted!", "Your imaginary file has been deleted.", "success"); + }); +} + +function showCancelMessage() { + swal({ + title: "Are you sure?", + text: "You will not be able to recover this imaginary file!", + type: "warning", + showCancelButton: true, + confirmButtonColor: "#DD6B55", + confirmButtonText: "Yes, delete it!", + cancelButtonText: "No, cancel plx!", + closeOnConfirm: false, + closeOnCancel: false + }, function (isConfirm) { + if (isConfirm) { + swal("Deleted!", "Your imaginary file has been deleted.", "success"); + } else { + swal("Cancelled", "Your imaginary file is safe :)", "error"); + } + }); +} + +function showWithCustomIconMessage() { + swal({ + title: "Sweet!", + text: "Here's a custom image.", + imageUrl: "../../images/thumbs-up.png" + }); +} + +function showHtmlMessage() { + swal({ + title: "HTML Title!", + text: "A custom html message.", + html: true + }); +} + +function showAutoCloseTimerMessage() { + swal({ + title: "Auto close alert!", + text: "I will close in 2 seconds.", + timer: 2000, + showConfirmButton: false + }); +} + +function showPromptMessage() { + swal({ + title: "An input!", + text: "Write something interesting:", + type: "input", + showCancelButton: true, + closeOnConfirm: false, + animation: "slide-from-top", + inputPlaceholder: "Write something" + }, function (inputValue) { + if (inputValue === false) return false; + if (inputValue === "") { + swal.showInputError("You need to write something!"); return false + } + swal("Nice!", "You wrote: " + inputValue, "success"); + }); +} + +function showAjaxLoaderMessage() { + swal({ + title: "Ajax request example", + text: "Submit to run ajax request", + type: "info", + showCancelButton: true, + closeOnConfirm: false, + showLoaderOnConfirm: true, + }, function () { + setTimeout(function () { + swal("Ajax request finished!"); + }, 2000); + }); +} \ No newline at end of file diff --git a/js/pages/ui/modals.js b/js/pages/ui/modals.js new file mode 100644 index 0000000..6961e21 --- /dev/null +++ b/js/pages/ui/modals.js @@ -0,0 +1,7 @@ +$(function () { + $('.js-modal-buttons .btn').on('click', function () { + var color = $(this).data('color'); + $('#mdModal .modal-content').removeAttr('class').addClass('modal-content modal-col-' + color); + $('#mdModal').modal('show'); + }); +}); \ No newline at end of file diff --git a/js/pages/ui/notifications.js b/js/pages/ui/notifications.js new file mode 100644 index 0000000..fa7b23c --- /dev/null +++ b/js/pages/ui/notifications.js @@ -0,0 +1,47 @@ +$(function () { + $('.jsdemo-notification-button button').on('click', function () { + var placementFrom = $(this).data('placement-from'); + var placementAlign = $(this).data('placement-align'); + var animateEnter = $(this).data('animate-enter'); + var animateExit = $(this).data('animate-exit'); + var colorName = $(this).data('color-name'); + + showNotification(colorName, null, placementFrom, placementAlign, animateEnter, animateExit); + }); +}); + +function showNotification(colorName, text, placementFrom, placementAlign, animateEnter, animateExit) { + if (colorName === null || colorName === '') { colorName = 'bg-black'; } + if (text === null || text === '') { text = 'Turning standard Bootstrap alerts'; } + if (animateEnter === null || animateEnter === '') { animateEnter = 'animated fadeInDown'; } + if (animateExit === null || animateExit === '') { animateExit = 'animated fadeOutUp'; } + var allowDismiss = true; + + $.notify({ + message: text + }, + { + type: colorName, + allow_dismiss: allowDismiss, + newest_on_top: true, + timer: 1000, + placement: { + from: placementFrom, + align: placementAlign + }, + animate: { + enter: animateEnter, + exit: animateExit + }, + template: '' + }); +} \ No newline at end of file diff --git a/js/pages/ui/range-sliders.js b/js/pages/ui/range-sliders.js new file mode 100644 index 0000000..96b1cf0 --- /dev/null +++ b/js/pages/ui/range-sliders.js @@ -0,0 +1,93 @@ +$(function () { + //Taken from http://ionden.com/a/plugins/ion.rangeSlider/demo.html + + $("#range_01").ionRangeSlider(); + + $("#range_02").ionRangeSlider({ + min: 100, + max: 1000, + from: 550 + }); + + $("#range_03").ionRangeSlider({ + type: "double", + grid: true, + min: 0, + max: 1000, + from: 200, + to: 800, + prefix: "$" + }); + + $("#range_04").ionRangeSlider({ + type: "double", + grid: true, + min: -1000, + max: 1000, + from: -500, + to: 500 + }); + + $("#range_05").ionRangeSlider({ + type: "double", + grid: true, + min: -1000, + max: 1000, + from: -500, + to: 500, + step: 250 + }); + + + $("#range_06").ionRangeSlider({ + type: "double", + grid: true, + min: -12.8, + max: 12.8, + from: -3.2, + to: 3.2, + step: 0.1 + }); + + $("#range_07").ionRangeSlider({ + type: "double", + grid: true, + from: 1, + to: 5, + values: [0, 10, 100, 1000, 10000, 100000, 1000000] + }); + + + $("#range_08").ionRangeSlider({ + grid: true, + from: 5, + values: [ + "zero", "one", + "two", "three", + "four", "five", + "six", "seven", + "eight", "nine", + "ten" + ] + }); + + $("#range_09").ionRangeSlider({ + grid: true, + from: 3, + values: [ + "January", "February", "March", + "April", "May", "June", + "July", "August", "September", + "October", "November", "December" + ] + }); + + $("#range_10").ionRangeSlider({ + grid: true, + min: 1000, + max: 1000000, + from: 100000, + step: 1000, + prettify_enabled: false + }); +}); \ No newline at end of file diff --git a/js/pages/ui/sortable-nestable.js b/js/pages/ui/sortable-nestable.js new file mode 100644 index 0000000..b2ed024 --- /dev/null +++ b/js/pages/ui/sortable-nestable.js @@ -0,0 +1,10 @@ +$(function () { + $('.dd').nestable(); + + $('.dd').on('change', function () { + var $this = $(this); + var serializedData = window.JSON.stringify($($this).nestable('serialize')); + + $this.parents('div.body').find('textarea').val(serializedData); + }); +}); \ No newline at end of file diff --git a/js/pages/ui/tooltips-popovers.js b/js/pages/ui/tooltips-popovers.js new file mode 100644 index 0000000..65d4f35 --- /dev/null +++ b/js/pages/ui/tooltips-popovers.js @@ -0,0 +1,9 @@ +$(function () { + //Tooltip + $('[data-toggle="tooltip"]').tooltip({ + container: 'body' + }); + + //Popover + $('[data-toggle="popover"]').popover(); +}) \ No newline at end of file diff --git a/js/pages/widgets/infobox/infobox-1.js b/js/pages/widgets/infobox/infobox-1.js new file mode 100644 index 0000000..c2e06de --- /dev/null +++ b/js/pages/widgets/infobox/infobox-1.js @@ -0,0 +1,43 @@ +$(function () { + initCounters(); + initCharts(); +}); + +//Widgets count plugin +function initCounters() { + $('.count-to').countTo(); +} + +//Charts +function initCharts() { + //Chart Bar + $('.chart.chart-bar').sparkline(undefined, { + type: 'bar', + barColor: '#fff', + negBarColor: '#fff', + barWidth: '4px', + height: '34px' + }); + + //Chart Pie + $('.chart.chart-pie').sparkline(undefined, { + type: 'pie', + height: '50px', + sliceColors: ['rgba(255,255,255,0.70)', 'rgba(255,255,255,0.85)', 'rgba(255,255,255,0.95)', 'rgba(255,255,255,1)'] + }); + + //Chart Line + $('.chart.chart-line').sparkline(undefined, { + type: 'line', + width: '60px', + height: '45px', + lineColor: '#fff', + lineWidth: 1.3, + fillColor: 'rgba(0,0,0,0)', + spotColor: 'rgba(255,255,255,0.40)', + maxSpotColor: 'rgba(255,255,255,0.40)', + minSpotColor: 'rgba(255,255,255,0.40)', + spotRadius: 3, + highlightSpotColor: '#fff' + }); +} \ No newline at end of file diff --git a/js/pages/widgets/infobox/infobox-2.js b/js/pages/widgets/infobox/infobox-2.js new file mode 100644 index 0000000..c2e06de --- /dev/null +++ b/js/pages/widgets/infobox/infobox-2.js @@ -0,0 +1,43 @@ +$(function () { + initCounters(); + initCharts(); +}); + +//Widgets count plugin +function initCounters() { + $('.count-to').countTo(); +} + +//Charts +function initCharts() { + //Chart Bar + $('.chart.chart-bar').sparkline(undefined, { + type: 'bar', + barColor: '#fff', + negBarColor: '#fff', + barWidth: '4px', + height: '34px' + }); + + //Chart Pie + $('.chart.chart-pie').sparkline(undefined, { + type: 'pie', + height: '50px', + sliceColors: ['rgba(255,255,255,0.70)', 'rgba(255,255,255,0.85)', 'rgba(255,255,255,0.95)', 'rgba(255,255,255,1)'] + }); + + //Chart Line + $('.chart.chart-line').sparkline(undefined, { + type: 'line', + width: '60px', + height: '45px', + lineColor: '#fff', + lineWidth: 1.3, + fillColor: 'rgba(0,0,0,0)', + spotColor: 'rgba(255,255,255,0.40)', + maxSpotColor: 'rgba(255,255,255,0.40)', + minSpotColor: 'rgba(255,255,255,0.40)', + spotRadius: 3, + highlightSpotColor: '#fff' + }); +} \ No newline at end of file diff --git a/js/pages/widgets/infobox/infobox-3.js b/js/pages/widgets/infobox/infobox-3.js new file mode 100644 index 0000000..c2e06de --- /dev/null +++ b/js/pages/widgets/infobox/infobox-3.js @@ -0,0 +1,43 @@ +$(function () { + initCounters(); + initCharts(); +}); + +//Widgets count plugin +function initCounters() { + $('.count-to').countTo(); +} + +//Charts +function initCharts() { + //Chart Bar + $('.chart.chart-bar').sparkline(undefined, { + type: 'bar', + barColor: '#fff', + negBarColor: '#fff', + barWidth: '4px', + height: '34px' + }); + + //Chart Pie + $('.chart.chart-pie').sparkline(undefined, { + type: 'pie', + height: '50px', + sliceColors: ['rgba(255,255,255,0.70)', 'rgba(255,255,255,0.85)', 'rgba(255,255,255,0.95)', 'rgba(255,255,255,1)'] + }); + + //Chart Line + $('.chart.chart-line').sparkline(undefined, { + type: 'line', + width: '60px', + height: '45px', + lineColor: '#fff', + lineWidth: 1.3, + fillColor: 'rgba(0,0,0,0)', + spotColor: 'rgba(255,255,255,0.40)', + maxSpotColor: 'rgba(255,255,255,0.40)', + minSpotColor: 'rgba(255,255,255,0.40)', + spotRadius: 3, + highlightSpotColor: '#fff' + }); +} \ No newline at end of file diff --git a/js/pages/widgets/infobox/infobox-4.js b/js/pages/widgets/infobox/infobox-4.js new file mode 100644 index 0000000..fdbe2cc --- /dev/null +++ b/js/pages/widgets/infobox/infobox-4.js @@ -0,0 +1,52 @@ +$(function () { + initCounters(); + initCharts(); +}); + +//Widgets count plugin +function initCounters() { + $('.count-to').countTo(); +} + +//Charts +function initCharts() { + //Chart Bar + $('.chart.chart-bar:not(.reverse)').sparkline(undefined, { + type: 'bar', + barColor: 'rgba(0, 0, 0, 0.15)', + negBarColor: 'rgba(0, 0, 0, 0.15)', + barWidth: '8px', + height: '34px' + }); + + //Chart Bar Reverse + $('.chart.chart-bar.reverse').sparkline(undefined, { + type: 'bar', + barColor: 'rgba(255, 255, 255, 0.15)', + negBarColor: 'rgba(255, 255, 255, 0.15)', + barWidth: '8px', + height: '34px' + }); + + //Chart Pie + $('.chart.chart-pie').sparkline(undefined, { + type: 'pie', + height: '50px', + sliceColors: ['rgba(0,0,0,0.10)', 'rgba(0,0,0,0.15)', 'rgba(0,0,0,0.20)', 'rgba(0,0,0,0.25)'] + }); + + //Chart Line + $('.chart.chart-line').sparkline(undefined, { + type: 'line', + width: '60px', + height: '45px', + lineColor: 'rgba(0, 0, 0, 0.15)', + lineWidth: 2, + fillColor: 'rgba(0,0,0,0)', + spotColor: 'rgba(0, 0, 0, 0.15)', + maxSpotColor: 'rgba(0, 0, 0, 0.15)', + minSpotColor: 'rgba(0, 0, 0, 0.15)', + spotRadius: 3, + highlightSpotColor: 'rgba(0, 0, 0, 0.15)' + }); +} \ No newline at end of file diff --git a/js/pages/widgets/infobox/infobox-5.js b/js/pages/widgets/infobox/infobox-5.js new file mode 100644 index 0000000..45f8dbf --- /dev/null +++ b/js/pages/widgets/infobox/infobox-5.js @@ -0,0 +1,52 @@ +$(function () { + initCounters(); + initCharts(); +}); + +//Widgets count plugin +function initCounters() { + $('.count-to').countTo(); +} + +//Charts +function initCharts() { + //Chart Bar + $.each($('.chart.chart-bar'), function (i, key) { + var chartColor = $.AdminBSB.options.colors[$(key).data('chartcolor')]; + $(key).sparkline(undefined, { + type: 'bar', + barColor: chartColor, + negBarColor: chartColor, + barWidth: '8px', + height: '34px' + }); + }); + + //Chart Pie + $.each($('.chart.chart-pie'), function (i, key) { + var chartColor = $.AdminBSB.options.colors[$(key).data('chartcolor')]; + $(key).sparkline(undefined, { + type: 'pie', + height: '50px', + sliceColors: [hexToRgba(chartColor, '0.55'), hexToRgba(chartColor, '0.70'), hexToRgba(chartColor, '0.85'), hexToRgba(chartColor, '1')] + }); + }); + + //Chart Line + $.each($('.chart.chart-line'), function (i, key) { + var chartColor = $.AdminBSB.options.colors[$(key).data('chartcolor')]; + $(key).sparkline(undefined, { + type: 'line', + width: '60px', + height: '45px', + lineColor: chartColor, + lineWidth: 1.3, + fillColor: 'rgba(0,0,0,0)', + spotColor: chartColor, + maxSpotColor: chartColor, + minSpotColor: chartColor, + spotRadius: 3, + highlightSpotColor: chartColor + }); + }); +} \ No newline at end of file diff --git a/js/script.js b/js/script.js new file mode 100644 index 0000000..5f28270 --- /dev/null +++ b/js/script.js @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/login.php b/login.php new file mode 100755 index 0000000..f0a2cd1 --- /dev/null +++ b/login.php @@ -0,0 +1,101 @@ +real_escape_string($_POST['username'])."'"; + $result = $conn->query($sql); + if ($result != TRUE) { + $loginerror = "Adatbázishiba: ".$conn->error; + }else{ + if (!empty($result) && $result->num_rows > 0) { + $sqlvals = $result->fetch_assoc(); + if(password_verify($_POST["password"], $sqlvals["password"])){ + $_SESSION["login"] = true; + $_SESSION["id"] = $sqlvals["id"]; + if(isset($_POST["rememberme"])){ + $params = session_get_cookie_params(); + setcookie(session_name(), $_COOKIE[session_name()], time() + 60*60*24*30, $params["path"], $params["domain"], $params["secure"], $params["httponly"]); + } + header("Location: index.php"); + }else{ + $loginerror = "Nincs ilyen felhasználónév/jelszó."; + } + }else{ + $loginerror = "Nincs ilyen felhasználónév/jelszó."; + } + mysqli_free_result($result); + } + $conn->close(); + } +} +?> + + + + + + \ No newline at end of file diff --git a/plugins/animate-css/animate.css b/plugins/animate-css/animate.css new file mode 100644 index 0000000..188e78f --- /dev/null +++ b/plugins/animate-css/animate.css @@ -0,0 +1,3340 @@ +@charset "UTF-8"; + +/*! + * animate.css -http://daneden.me/animate + * Version - 3.5.0 + * 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; +} diff --git a/plugins/animate-css/animate.min.css b/plugins/animate-css/animate.min.css new file mode 100644 index 0000000..9959541 --- /dev/null +++ b/plugins/animate-css/animate.min.css @@ -0,0 +1,11 @@ +@charset "UTF-8"; + +/*! + * animate.css -http://daneden.me/animate + * Version - 3.5.0 + * 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} \ No newline at end of file diff --git a/plugins/autosize/autosize.js b/plugins/autosize/autosize.js new file mode 100644 index 0000000..49b8b0b --- /dev/null +++ b/plugins/autosize/autosize.js @@ -0,0 +1,262 @@ +/*! + Autosize 3.0.17 + license: MIT + http://www.jacklmoore.com/autosize +*/ +(function (global, factory) { + if (typeof define === 'function' && define.amd) { + define(['exports', 'module'], factory); + } else if (typeof exports !== 'undefined' && typeof module !== 'undefined') { + factory(exports, module); + } else { + var mod = { + exports: {} + }; + factory(mod.exports, mod); + global.autosize = mod.exports; + } +})(this, function (exports, module) { + 'use strict'; + + var set = typeof Set === 'function' ? new Set() : (function () { + var list = []; + + return { + has: function has(key) { + return Boolean(list.indexOf(key) > -1); + }, + add: function add(key) { + list.push(key); + }, + 'delete': function _delete(key) { + list.splice(list.indexOf(key), 1); + } }; + })(); + + var createEvent = function createEvent(name) { + return new Event(name); + }; + try { + new Event('test'); + } catch (e) { + // IE does not support `new Event()` + createEvent = function (name) { + var evt = document.createEvent('Event'); + evt.initEvent(name, true, false); + return evt; + }; + } + + function assign(ta) { + if (!ta || !ta.nodeName || ta.nodeName !== 'TEXTAREA' || set.has(ta)) return; + + var heightOffset = null; + var clientWidth = ta.clientWidth; + var cachedHeight = null; + + function init() { + var style = window.getComputedStyle(ta, null); + + if (style.resize === 'vertical') { + ta.style.resize = 'none'; + } else if (style.resize === 'both') { + ta.style.resize = 'horizontal'; + } + + if (style.boxSizing === 'content-box') { + heightOffset = -(parseFloat(style.paddingTop) + parseFloat(style.paddingBottom)); + } else { + heightOffset = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth); + } + // Fix when a textarea is not on document body and heightOffset is Not a Number + if (isNaN(heightOffset)) { + heightOffset = 0; + } + + update(); + } + + function changeOverflow(value) { + { + // Chrome/Safari-specific fix: + // When the textarea y-overflow is hidden, Chrome/Safari do not reflow the text to account for the space + // made available by removing the scrollbar. The following forces the necessary text reflow. + var width = ta.style.width; + ta.style.width = '0px'; + // Force reflow: + /* jshint ignore:start */ + ta.offsetWidth; + /* jshint ignore:end */ + ta.style.width = width; + } + + ta.style.overflowY = value; + + resize(); + } + + function getParentOverflows(el) { + var arr = []; + + while (el && el.parentNode && el.parentNode instanceof Element) { + if (el.parentNode.scrollTop) { + arr.push({ + node: el.parentNode, + scrollTop: el.parentNode.scrollTop }); + } + el = el.parentNode; + } + + return arr; + } + + function resize() { + var originalHeight = ta.style.height; + var overflows = getParentOverflows(ta); + var docTop = document.documentElement && document.documentElement.scrollTop; // Needed for Mobile IE (ticket #240) + + ta.style.height = 'auto'; + + var endHeight = ta.scrollHeight + heightOffset; + + if (ta.scrollHeight === 0) { + // If the scrollHeight is 0, then the element probably has display:none or is detached from the DOM. + ta.style.height = originalHeight; + return; + } + + ta.style.height = endHeight + 'px'; + + // used to check if an update is actually necessary on window.resize + clientWidth = ta.clientWidth; + + // prevents scroll-position jumping + overflows.forEach(function (el) { + el.node.scrollTop = el.scrollTop; + }); + + if (docTop) { + document.documentElement.scrollTop = docTop; + } + } + + function update() { + resize(); + + var computed = window.getComputedStyle(ta, null); + var computedHeight = Math.round(parseFloat(computed.height)); + var styleHeight = Math.round(parseFloat(ta.style.height)); + + // The computed height not matching the height set via resize indicates that + // the max-height has been exceeded, in which case the overflow should be set to visible. + if (computedHeight !== styleHeight) { + if (computed.overflowY !== 'visible') { + changeOverflow('visible'); + } + } else { + // Normally keep overflow set to hidden, to avoid flash of scrollbar as the textarea expands. + if (computed.overflowY !== 'hidden') { + changeOverflow('hidden'); + } + } + + if (cachedHeight !== computedHeight) { + cachedHeight = computedHeight; + var evt = createEvent('autosize:resized'); + ta.dispatchEvent(evt); + } + } + + var pageResize = function pageResize() { + if (ta.clientWidth !== clientWidth) { + update(); + } + }; + + var destroy = (function (style) { + window.removeEventListener('resize', pageResize, false); + ta.removeEventListener('input', update, false); + ta.removeEventListener('keyup', update, false); + ta.removeEventListener('autosize:destroy', destroy, false); + ta.removeEventListener('autosize:update', update, false); + set['delete'](ta); + + Object.keys(style).forEach(function (key) { + ta.style[key] = style[key]; + }); + }).bind(ta, { + height: ta.style.height, + resize: ta.style.resize, + overflowY: ta.style.overflowY, + overflowX: ta.style.overflowX, + wordWrap: ta.style.wordWrap }); + + ta.addEventListener('autosize:destroy', destroy, false); + + // IE9 does not fire onpropertychange or oninput for deletions, + // so binding to onkeyup to catch most of those events. + // There is no way that I know of to detect something like 'cut' in IE9. + if ('onpropertychange' in ta && 'oninput' in ta) { + ta.addEventListener('keyup', update, false); + } + + window.addEventListener('resize', pageResize, false); + ta.addEventListener('input', update, false); + ta.addEventListener('autosize:update', update, false); + set.add(ta); + ta.style.overflowX = 'hidden'; + ta.style.wordWrap = 'break-word'; + + init(); + } + + function destroy(ta) { + if (!(ta && ta.nodeName && ta.nodeName === 'TEXTAREA')) return; + var evt = createEvent('autosize:destroy'); + ta.dispatchEvent(evt); + } + + function update(ta) { + if (!(ta && ta.nodeName && ta.nodeName === 'TEXTAREA')) return; + var evt = createEvent('autosize:update'); + ta.dispatchEvent(evt); + } + + var autosize = null; + + // Do nothing in Node.js environment and IE8 (or lower) + if (typeof window === 'undefined' || typeof window.getComputedStyle !== 'function') { + autosize = function (el) { + return el; + }; + autosize.destroy = function (el) { + return el; + }; + autosize.update = function (el) { + return el; + }; + } else { + autosize = function (el, options) { + if (el) { + Array.prototype.forEach.call(el.length ? el : [el], function (x) { + return assign(x, options); + }); + } + return el; + }; + autosize.destroy = function (el) { + if (el) { + Array.prototype.forEach.call(el.length ? el : [el], destroy); + } + return el; + }; + autosize.update = function (el) { + if (el) { + Array.prototype.forEach.call(el.length ? el : [el], update); + } + return el; + }; + } + + module.exports = autosize; +}); \ No newline at end of file diff --git a/plugins/autosize/autosize.min.js b/plugins/autosize/autosize.min.js new file mode 100644 index 0000000..2108e90 --- /dev/null +++ b/plugins/autosize/autosize.min.js @@ -0,0 +1,6 @@ +/*! + Autosize 3.0.17 + license: MIT + http://www.jacklmoore.com/autosize +*/ +!function(e,t){if("function"==typeof define&&define.amd)define(["exports","module"],t);else if("undefined"!=typeof exports&&"undefined"!=typeof module)t(exports,module);else{var n={exports:{}};t(n.exports,n),e.autosize=n.exports}}(this,function(e,t){"use strict";function n(e){function t(){var t=window.getComputedStyle(e,null);"vertical"===t.resize?e.style.resize="none":"both"===t.resize&&(e.style.resize="horizontal"),l="content-box"===t.boxSizing?-(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)):parseFloat(t.borderTopWidth)+parseFloat(t.borderBottomWidth),isNaN(l)&&(l=0),a()}function n(t){var n=e.style.width;e.style.width="0px",e.offsetWidth,e.style.width=n,e.style.overflowY=t,r()}function o(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}function r(){var t=e.style.height,n=o(e),r=document.documentElement&&document.documentElement.scrollTop;e.style.height="auto";var i=e.scrollHeight+l;return 0===e.scrollHeight?void(e.style.height=t):(e.style.height=i+"px",s=e.clientWidth,n.forEach(function(e){e.node.scrollTop=e.scrollTop}),void(r&&(document.documentElement.scrollTop=r)))}function a(){r();var t=window.getComputedStyle(e,null),o=Math.round(parseFloat(t.height)),i=Math.round(parseFloat(e.style.height));if(o!==i?"visible"!==t.overflowY&&n("visible"):"hidden"!==t.overflowY&&n("hidden"),u!==o){u=o;var a=d("autosize:resized");e.dispatchEvent(a)}}if(e&&e.nodeName&&"TEXTAREA"===e.nodeName&&!i.has(e)){var l=null,s=e.clientWidth,u=null,c=function(){e.clientWidth!==s&&a()},p=function(t){window.removeEventListener("resize",c,!1),e.removeEventListener("input",a,!1),e.removeEventListener("keyup",a,!1),e.removeEventListener("autosize:destroy",p,!1),e.removeEventListener("autosize:update",a,!1),i["delete"](e),Object.keys(t).forEach(function(n){e.style[n]=t[n]})}.bind(e,{height:e.style.height,resize:e.style.resize,overflowY:e.style.overflowY,overflowX:e.style.overflowX,wordWrap:e.style.wordWrap});e.addEventListener("autosize:destroy",p,!1),"onpropertychange"in e&&"oninput"in e&&e.addEventListener("keyup",a,!1),window.addEventListener("resize",c,!1),e.addEventListener("input",a,!1),e.addEventListener("autosize:update",a,!1),i.add(e),e.style.overflowX="hidden",e.style.wordWrap="break-word",t()}}function o(e){if(e&&e.nodeName&&"TEXTAREA"===e.nodeName){var t=d("autosize:destroy");e.dispatchEvent(t)}}function r(e){if(e&&e.nodeName&&"TEXTAREA"===e.nodeName){var t=d("autosize:update");e.dispatchEvent(t)}}var i="function"==typeof Set?new Set:function(){var e=[];return{has:function(t){return Boolean(e.indexOf(t)>-1)},add:function(t){e.push(t)},"delete":function(t){e.splice(e.indexOf(t),1)}}}(),d=function(e){return new Event(e)};try{new Event("test")}catch(a){d=function(e){var t=document.createEvent("Event");return t.initEvent(e,!0,!1),t}}var l=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?(l=function(e){return e},l.destroy=function(e){return e},l.update=function(e){return e}):(l=function(e,t){return e&&Array.prototype.forEach.call(e.length?e:[e],function(e){return n(e,t)}),e},l.destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],o),e},l.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],r),e}),t.exports=l}); \ No newline at end of file diff --git a/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css b/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css new file mode 100644 index 0000000..74ed897 --- /dev/null +++ b/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css @@ -0,0 +1,222 @@ +/*! + * Bootstrap Colorpicker v2.3.3 + * http://mjolnic.github.io/bootstrap-colorpicker/ + * + * Originally written by (c) 2012 Stefan Petre + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0.txt + * + */ +.colorpicker-saturation { + width: 100px; + height: 100px; + background-image: url("../img/bootstrap-colorpicker/saturation.png"); + cursor: crosshair; + float: left; +} +.colorpicker-saturation i { + display: block; + height: 5px; + width: 5px; + border: 1px solid #000; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + position: absolute; + top: 0; + left: 0; + margin: -4px 0 0 -4px; +} +.colorpicker-saturation i b { + display: block; + height: 5px; + width: 5px; + border: 1px solid #fff; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.colorpicker-hue, +.colorpicker-alpha { + width: 15px; + height: 100px; + float: left; + cursor: row-resize; + margin-left: 4px; + margin-bottom: 4px; +} +.colorpicker-hue i, +.colorpicker-alpha i { + display: block; + height: 1px; + background: #000; + border-top: 1px solid #fff; + position: absolute; + top: 0; + left: 0; + width: 100%; + margin-top: -1px; +} +.colorpicker-hue { + background-image: url("../img/bootstrap-colorpicker/hue.png"); +} +.colorpicker-alpha { + background-image: url("../img/bootstrap-colorpicker/alpha.png"); + display: none; +} +.colorpicker-saturation, +.colorpicker-hue, +.colorpicker-alpha { + background-size: contain; +} +.colorpicker { + padding: 4px; + min-width: 130px; + margin-top: 1px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + z-index: 2500; +} +.colorpicker:before, +.colorpicker:after { + display: table; + content: ""; + line-height: 0; +} +.colorpicker:after { + clear: both; +} +.colorpicker:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-bottom-color: rgba(0, 0, 0, 0.2); + position: absolute; + top: -7px; + left: 6px; +} +.colorpicker:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #ffffff; + position: absolute; + top: -6px; + left: 7px; +} +.colorpicker div { + position: relative; +} +.colorpicker.colorpicker-with-alpha { + min-width: 140px; +} +.colorpicker.colorpicker-with-alpha .colorpicker-alpha { + display: block; +} +.colorpicker-color { + height: 10px; + margin-top: 5px; + clear: both; + background-image: url("../img/bootstrap-colorpicker/alpha.png"); + background-position: 0 100%; +} +.colorpicker-color div { + height: 10px; +} +.colorpicker-selectors { + display: none; + height: 10px; + margin-top: 5px; + clear: both; +} +.colorpicker-selectors i { + cursor: pointer; + float: left; + height: 10px; + width: 10px; +} +.colorpicker-selectors i + i { + margin-left: 3px; +} +.colorpicker-element .input-group-addon i, +.colorpicker-element .add-on i { + display: inline-block; + cursor: pointer; + height: 16px; + vertical-align: text-top; + width: 16px; +} +.colorpicker.colorpicker-inline { + position: relative; + display: inline-block; + float: none; + z-index: auto; +} +.colorpicker.colorpicker-horizontal { + width: 110px; + min-width: 110px; + height: auto; +} +.colorpicker.colorpicker-horizontal .colorpicker-saturation { + margin-bottom: 4px; +} +.colorpicker.colorpicker-horizontal .colorpicker-color { + width: 100px; +} +.colorpicker.colorpicker-horizontal .colorpicker-hue, +.colorpicker.colorpicker-horizontal .colorpicker-alpha { + width: 100px; + height: 15px; + float: left; + cursor: col-resize; + margin-left: 0px; + margin-bottom: 4px; +} +.colorpicker.colorpicker-horizontal .colorpicker-hue i, +.colorpicker.colorpicker-horizontal .colorpicker-alpha i { + display: block; + height: 15px; + background: #ffffff; + position: absolute; + top: 0; + left: 0; + width: 1px; + border: none; + margin-top: 0px; +} +.colorpicker.colorpicker-horizontal .colorpicker-hue { + background-image: url("../img/bootstrap-colorpicker/hue-horizontal.png"); +} +.colorpicker.colorpicker-horizontal .colorpicker-alpha { + background-image: url("../img/bootstrap-colorpicker/alpha-horizontal.png"); +} +.colorpicker.colorpicker-hidden { + display: none; +} +.colorpicker.colorpicker-visible { + display: block; +} +.colorpicker-inline.colorpicker-visible { + display: inline-block; +} +.colorpicker-right:before { + left: auto; + right: 6px; +} +.colorpicker-right:after { + left: auto; + right: 7px; +} +.colorpicker-no-arrow:before { + border-right: 0; + border-left: 0; +} +.colorpicker-no-arrow:after { + border-right: 0; + border-left: 0; +} +/*# sourceMappingURL=bootstrap-colorpicker.css.map */ \ No newline at end of file diff --git a/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css.map b/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css.map new file mode 100644 index 0000000..e61413a --- /dev/null +++ b/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["src/less/colorpicker.less"],"names":[],"mappings":";;;;;;;;;AAqBA;EACE,YAAA;EACA,aAAA;EAXA,sBAAsB,8CAAtB;EAaA,iBAAA;EACA,WAAA;;AALF,uBAME;EACE,cAAA;EACA,WAAA;EACA,UAAA;EACA,sBAAA;EAfF,0BAAA;EACA,uBAAA;EACA,kBAAA;EAeE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,qBAAA;;AAfJ,uBAME,EAUE;EACE,cAAA;EACA,WAAA;EACA,UAAA;EACA,sBAAA;EAzBJ,0BAAA;EACA,uBAAA;EACA,kBAAA;;AA6BF;AACA;EACE,WAAA;EACA,aAAA;EACA,WAAA;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;;AAGF,gBAAiB;AACjB,kBAAmB;EACjB,cAAA;EACA,WAAA;EACA,gBAAA;EACA,0BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,gBAAA;;AAGF;EA1DE,sBAAsB,uCAAtB;;AA8DF;EA9DE,sBAAsB,yCAAtB;EAgEA,aAAA;;AAGF;AACA;AACA;EACE,wBAAA;;AAGF;EACE,YAAA;EACA,gBAAA;EACA,eAAA;EAxEA,0BAAA;EACA,uBAAA;EACA,kBAAA;EAwEA,aAAA;;AAGF,YAAY;AACZ,YAAY;EACV,cAAA;EACA,SAAS,EAAT;EACA,cAAA;;AAGF,YAAY;EACV,WAAA;;AAGF,YAAY;EACV,SAAS,EAAT;EACA,qBAAA;EACA,kCAAA;EACA,mCAAA;EACA,6BAAA;EACA,uCAAA;EACA,kBAAA;EACA,SAAA;EACA,SAAA;;AAGF,YAAY;EACV,SAAS,EAAT;EACA,qBAAA;EACA,kCAAA;EACA,mCAAA;EACA,gCAAA;EACA,kBAAA;EACA,SAAA;EACA,SAAA;;AAGF,YAAa;EACX,kBAAA;;AAGF,YAAY;EACV,gBAAA;;AAGF,YAAY,uBAAwB;EAClC,cAAA;;AAGF;EACE,YAAA;EACA,eAAA;EACA,WAAA;EAlIA,sBAAsB,yCAAtB;EAoIA,2BAAA;;AAGF,kBAAmB;EACjB,YAAA;;AAGF;EACE,aAAA;EACA,YAAA;EACA,eAAA;EACA,WAAA;;AAGF,sBAAuB;EACrB,eAAA;EACA,WAAA;EACA,YAAA;EACA,WAAA;;AAGF,sBAAuB,EAAE;EACvB,gBAAA;;AAGF,oBAAqB,mBAAmB;AACxC,oBAAqB,QAAQ;EAC3B,qBAAA;EACA,eAAA;EACA,YAAA;EACA,wBAAA;EACA,WAAA;;AAGF,YAAY;EACV,kBAAA;EACA,qBAAA;EACA,WAAA;EACA,aAAA;;AAGF,YAAY;EACV,YAAA;EACA,gBAAA;EACA,YAAA;;AAGF,YAAY,uBAAwB;EAClC,kBAAA;;AAGF,YAAY,uBAAwB;EAClC,YAAA;;AAGF,YAAY,uBAAwB;AACpC,YAAY,uBAAwB;EAClC,YAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;;AAGF,YAAY,uBAAwB,iBAAiB;AACrD,YAAY,uBAAwB,mBAAmB;EACrD,cAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,UAAA;EACA,YAAA;EACA,eAAA;;AAGF,YAAY,uBAAwB;EAlNlC,sBAAsB,kDAAtB;;AAsNF,YAAY,uBAAwB;EAtNlC,sBAAsB,oDAAtB;;AA0NF,YAAY;EACV,aAAA;;AAGF,YAAY;EACV,cAAA;;AAGF,mBAAmB;EACjB,qBAAA;;AAGF,kBAAkB;EAChB,UAAA;EACA,UAAA;;AAGF,kBAAkB;EAChB,UAAA;EACA,UAAA;;AAGF,qBAAqB;EACnB,eAAA;EACA,cAAA;;AAGF,qBAAqB;EACnB,eAAA;EACA,cAAA","sourcesContent":["/*!\n * Bootstrap Colorpicker v2.3.3\n * http://mjolnic.github.io/bootstrap-colorpicker/\n *\n * Originally written by (c) 2012 Stefan Petre\n * Licensed under the Apache License v2.0\n * http://www.apache.org/licenses/LICENSE-2.0.txt\n *\n */\n@imgPath: \"../img/bootstrap-colorpicker/\";\n\n.bgImg(@imgFilename) {\n background-image: url(\"@{imgPath}@{imgFilename}\");\n}\n\n.borderRadius(@size) {\n -webkit-border-radius: @size;\n -moz-border-radius: @size;\n border-radius: @size;\n}\n\n.colorpicker-saturation {\n width: 100px;\n height: 100px;\n .bgImg('saturation.png');\n cursor: crosshair;\n float: left;\n i {\n display: block;\n height: 5px;\n width: 5px;\n border: 1px solid #000;\n .borderRadius(5px);\n position: absolute;\n top: 0;\n left: 0;\n margin: -4px 0 0 -4px;\n b {\n display: block;\n height: 5px;\n width: 5px;\n border: 1px solid #fff;\n .borderRadius(5px);\n }\n }\n}\n\n.colorpicker-hue,\n.colorpicker-alpha {\n width: 15px;\n height: 100px;\n float: left;\n cursor: row-resize;\n margin-left: 4px;\n margin-bottom: 4px;\n}\n\n.colorpicker-hue i,\n.colorpicker-alpha i {\n display: block;\n height: 1px;\n background: #000;\n border-top: 1px solid #fff;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n margin-top: -1px;\n}\n\n.colorpicker-hue {\n .bgImg('hue.png');\n}\n\n.colorpicker-alpha {\n .bgImg('alpha.png');\n display: none;\n}\n\n.colorpicker-saturation,\n.colorpicker-hue,\n.colorpicker-alpha {\n background-size: contain;\n}\n\n.colorpicker {\n padding: 4px;\n min-width: 130px;\n margin-top: 1px;\n .borderRadius(4px);\n z-index: 2500;\n}\n\n.colorpicker:before,\n.colorpicker:after {\n display: table;\n content: \"\";\n line-height: 0;\n}\n\n.colorpicker:after {\n clear: both;\n}\n\n.colorpicker:before {\n content: '';\n display: inline-block;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-bottom: 7px solid #ccc;\n border-bottom-color: rgba(0, 0, 0, 0.2);\n position: absolute;\n top: -7px;\n left: 6px;\n}\n\n.colorpicker:after {\n content: '';\n display: inline-block;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 6px solid #ffffff;\n position: absolute;\n top: -6px;\n left: 7px;\n}\n\n.colorpicker div {\n position: relative;\n}\n\n.colorpicker.colorpicker-with-alpha {\n min-width: 140px;\n}\n\n.colorpicker.colorpicker-with-alpha .colorpicker-alpha {\n display: block;\n}\n\n.colorpicker-color {\n height: 10px;\n margin-top: 5px;\n clear: both;\n .bgImg('alpha.png');\n background-position: 0 100%;\n}\n\n.colorpicker-color div {\n height: 10px;\n}\n\n.colorpicker-selectors {\n display: none;\n height: 10px;\n margin-top: 5px;\n clear: both;\n}\n\n.colorpicker-selectors i {\n cursor: pointer;\n float: left;\n height: 10px;\n width: 10px;\n}\n\n.colorpicker-selectors i + i {\n margin-left: 3px;\n}\n\n.colorpicker-element .input-group-addon i,\n.colorpicker-element .add-on i {\n display: inline-block;\n cursor: pointer;\n height: 16px;\n vertical-align: text-top;\n width: 16px;\n}\n\n.colorpicker.colorpicker-inline {\n position: relative;\n display: inline-block;\n float: none;\n z-index: auto;\n}\n\n.colorpicker.colorpicker-horizontal {\n width: 110px;\n min-width: 110px;\n height: auto;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-saturation {\n margin-bottom: 4px;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-color {\n width: 100px;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-hue,\n.colorpicker.colorpicker-horizontal .colorpicker-alpha {\n width: 100px;\n height: 15px;\n float: left;\n cursor: col-resize;\n margin-left: 0px;\n margin-bottom: 4px;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-hue i,\n.colorpicker.colorpicker-horizontal .colorpicker-alpha i {\n display: block;\n height: 15px;\n background: #ffffff;\n position: absolute;\n top: 0;\n left: 0;\n width: 1px;\n border: none;\n margin-top: 0px;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-hue {\n .bgImg('hue-horizontal.png');\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-alpha {\n .bgImg('alpha-horizontal.png');\n}\n\n.colorpicker.colorpicker-hidden {\n display: none;\n}\n\n.colorpicker.colorpicker-visible {\n display: block;\n}\n\n.colorpicker-inline.colorpicker-visible {\n display: inline-block;\n}\n\n.colorpicker-right:before {\n left: auto;\n right: 6px;\n}\n\n.colorpicker-right:after {\n left: auto;\n right: 7px;\n}\n\n.colorpicker-no-arrow:before {\n border-right: 0;\n border-left: 0;\n}\n\n.colorpicker-no-arrow:after {\n border-right: 0;\n border-left: 0;\n}\n"]} \ No newline at end of file diff --git a/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css b/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css new file mode 100644 index 0000000..22e5c37 --- /dev/null +++ b/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css @@ -0,0 +1,10 @@ +/*! + * Bootstrap Colorpicker v2.3.3 + * http://mjolnic.github.io/bootstrap-colorpicker/ + * + * Originally written by (c) 2012 Stefan Petre + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0.txt + * + */.colorpicker-saturation{width:100px;height:100px;background-image:url(../img/bootstrap-colorpicker/saturation.png);cursor:crosshair;float:left}.colorpicker-saturation i{display:block;height:5px;width:5px;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;top:0;left:0;margin:-4px 0 0 -4px}.colorpicker-saturation i b{display:block;height:5px;width:5px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-alpha,.colorpicker-hue{width:15px;height:100px;float:left;cursor:row-resize;margin-left:4px;margin-bottom:4px}.colorpicker-alpha i,.colorpicker-hue i{display:block;height:1px;background:#000;border-top:1px solid #fff;position:absolute;top:0;left:0;width:100%;margin-top:-1px}.colorpicker-hue{background-image:url(../img/bootstrap-colorpicker/hue.png)}.colorpicker-alpha{background-image:url(../img/bootstrap-colorpicker/alpha.png);display:none}.colorpicker-alpha,.colorpicker-hue,.colorpicker-saturation{background-size:contain}.colorpicker{padding:4px;min-width:130px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:2500}.colorpicker:after,.colorpicker:before{display:table;content:"";line-height:0}.colorpicker:after{clear:both}.colorpicker:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:6px}.colorpicker:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.colorpicker div{position:relative}.colorpicker.colorpicker-with-alpha{min-width:140px}.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block}.colorpicker-color{height:10px;margin-top:5px;clear:both;background-image:url(../img/bootstrap-colorpicker/alpha.png);background-position:0 100%}.colorpicker-color div{height:10px}.colorpicker-selectors{display:none;height:10px;margin-top:5px;clear:both}.colorpicker-selectors i{cursor:pointer;float:left;height:10px;width:10px}.colorpicker-selectors i+i{margin-left:3px}.colorpicker-element .add-on i,.colorpicker-element .input-group-addon i{display:inline-block;cursor:pointer;height:16px;vertical-align:text-top;width:16px}.colorpicker.colorpicker-inline{position:relative;display:inline-block;float:none;z-index:auto}.colorpicker.colorpicker-horizontal{width:110px;min-width:110px;height:auto}.colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-color{width:100px}.colorpicker.colorpicker-horizontal .colorpicker-alpha,.colorpicker.colorpicker-horizontal .colorpicker-hue{width:100px;height:15px;float:left;cursor:col-resize;margin-left:0;margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-alpha i,.colorpicker.colorpicker-horizontal .colorpicker-hue i{display:block;height:15px;background:#fff;position:absolute;top:0;left:0;width:1px;border:none;margin-top:0}.colorpicker.colorpicker-horizontal .colorpicker-hue{background-image:url(../img/bootstrap-colorpicker/hue-horizontal.png)}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url(../img/bootstrap-colorpicker/alpha-horizontal.png)}.colorpicker.colorpicker-hidden{display:none}.colorpicker.colorpicker-visible{display:block}.colorpicker-inline.colorpicker-visible{display:inline-block}.colorpicker-right:before{left:auto;right:6px}.colorpicker-right:after{left:auto;right:7px}.colorpicker-no-arrow:before{border-right:0;border-left:0}.colorpicker-no-arrow:after{border-right:0;border-left:0} +/*# sourceMappingURL=bootstrap-colorpicker.min.css.map */ \ No newline at end of file diff --git a/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css.map b/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css.map new file mode 100644 index 0000000..f61ccb3 --- /dev/null +++ b/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["src/less/colorpicker.less"],"names":[],"mappings":";;;;;;;;AAqBA,wBACE,MAAA,MACA,OAAA,MAXA,iBAAsB,iDAatB,OAAA,UACA,MAAA,KACA,0BACE,QAAA,MACA,OAAA,IACA,MAAA,IACA,OAAA,IAAA,MAAA,KAfF,sBAAA,IACA,mBAAA,IACA,cAAA,IAeE,SAAA,SACA,IAAA,EACA,KAAA,EACA,OAAA,KAAA,EAAA,EAAA,KACA,4BACE,QAAA,MACA,OAAA,IACA,MAAA,IACA,OAAA,IAAA,MAAA,KAzBJ,sBAAA,IACA,mBAAA,IACA,cAAA,IA8BF,mBADA,iBAEE,MAAA,KACA,OAAA,MACA,MAAA,KACA,OAAA,WACA,YAAA,IACA,cAAA,IAIiB,qBADF,mBAEf,QAAA,MACA,OAAA,IACA,WAAA,KACA,WAAA,IAAA,MAAA,KACA,SAAA,SACA,IAAA,EACA,KAAA,EACA,MAAA,KACA,WAAA,KAGF,iBA1DE,iBAAsB,0CA8DxB,mBA9DE,iBAAsB,4CAgEtB,QAAA,KAKF,mBADA,iBADA,wBAGE,gBAAA,QAGF,aACE,QAAA,IACA,UAAA,MACA,WAAA,IAxEA,sBAAA,IACA,mBAAA,IACA,cAAA,IAwEA,QAAA,KAIU,mBADA,oBAEV,QAAA,MACA,QAAA,GACA,YAAA,EAGU,mBACV,MAAA,KAGU,oBACV,QAAA,GACA,QAAA,aACA,YAAA,IAAA,MAAA,YACA,aAAA,IAAA,MAAA,YACA,cAAA,IAAA,MAAA,KACA,oBAAA,eACA,SAAA,SACA,IAAA,KACA,KAAA,IAGU,mBACV,QAAA,GACA,QAAA,aACA,YAAA,IAAA,MAAA,YACA,aAAA,IAAA,MAAA,YACA,cAAA,IAAA,MAAA,KACA,SAAA,SACA,IAAA,KACA,KAAA,IAGW,iBACX,SAAA,SAGU,oCACV,UAAA,MAGkC,uDAClC,QAAA,MAGF,mBACE,OAAA,KACA,WAAA,IACA,MAAA,KAlIA,iBAAsB,4CAoItB,oBAAA,EAAA,KAGiB,uBACjB,OAAA,KAGF,uBACE,QAAA,KACA,OAAA,KACA,WAAA,IACA,MAAA,KAGqB,yBACrB,OAAA,QACA,MAAA,KACA,OAAA,KACA,MAAA,KAGuB,2BACvB,YAAA,IAI2B,+BADW,0CAEtC,QAAA,aACA,OAAA,QACA,OAAA,KACA,eAAA,SACA,MAAA,KAGU,gCACV,SAAA,SACA,QAAA,aACA,MAAA,KACA,QAAA,KAGU,oCACV,MAAA,MACA,UAAA,MACA,OAAA,KAGkC,4DAClC,cAAA,IAGkC,uDAClC,MAAA,MAIkC,uDADA,qDAElC,MAAA,MACA,OAAA,KACA,MAAA,KACA,OAAA,WACA,YAAA,EACA,cAAA,IAIqD,yDADF,uDAEnD,QAAA,MACA,OAAA,KACA,WAAA,KACA,SAAA,SACA,IAAA,EACA,KAAA,EACA,MAAA,IACA,OAAA,KACA,WAAA,EAGkC,qDAlNlC,iBAAsB,qDAsNY,uDAtNlC,iBAAsB,uDA0NZ,gCACV,QAAA,KAGU,iCACV,QAAA,MAGiB,wCACjB,QAAA,aAGgB,0BAChB,KAAA,KACA,MAAA,IAGgB,yBAChB,KAAA,KACA,MAAA,IAGmB,6BACnB,aAAA,EACA,YAAA,EAGmB,4BACnB,aAAA,EACA,YAAA"} \ No newline at end of file diff --git a/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/alpha-horizontal.png b/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/alpha-horizontal.png new file mode 100644 index 0000000..f831889 Binary files /dev/null and b/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/alpha-horizontal.png differ diff --git a/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/alpha.png b/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/alpha.png new file mode 100644 index 0000000..2e53a30 Binary files /dev/null and b/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/alpha.png differ diff --git a/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/hue-horizontal.png b/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/hue-horizontal.png new file mode 100644 index 0000000..3dcd594 Binary files /dev/null and b/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/hue-horizontal.png differ diff --git a/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/hue.png b/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/hue.png new file mode 100644 index 0000000..6f5ec2e Binary files /dev/null and b/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/hue.png differ diff --git a/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/saturation.png b/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/saturation.png new file mode 100644 index 0000000..170841c Binary files /dev/null and b/plugins/bootstrap-colorpicker/img/bootstrap-colorpicker/saturation.png differ diff --git a/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js b/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js new file mode 100644 index 0000000..758ebc3 --- /dev/null +++ b/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js @@ -0,0 +1,1106 @@ +/*! + * Bootstrap Colorpicker v2.3.3 + * http://mjolnic.github.io/bootstrap-colorpicker/ + * + * Originally written by (c) 2012 Stefan Petre + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0.txt + * + */ + +(function(factory) { + "use strict"; + if (typeof exports === 'object') { + module.exports = factory(window.jQuery); + } else if (typeof define === 'function' && define.amd) { + define(['jquery'], factory); + } else if (window.jQuery && !window.jQuery.fn.colorpicker) { + factory(window.jQuery); + } +}(function($) { + 'use strict'; + + /** + * Color manipulation helper class + * + * @param {Object|String} val + * @param {Object} predefinedColors + * @constructor + */ + var Color = function(val, predefinedColors) { + this.value = { + h: 0, + s: 0, + b: 0, + a: 1 + }; + this.origFormat = null; // original string format + if (predefinedColors) { + $.extend(this.colors, predefinedColors); + } + if (val) { + if (val.toLowerCase !== undefined) { + // cast to string + val = val + ''; + this.setColor(val); + } else if (val.h !== undefined) { + this.value = val; + } + } + }; + + Color.prototype = { + constructor: Color, + // 140 predefined colors from the HTML Colors spec + colors: { + "aliceblue": "#f0f8ff", + "antiquewhite": "#faebd7", + "aqua": "#00ffff", + "aquamarine": "#7fffd4", + "azure": "#f0ffff", + "beige": "#f5f5dc", + "bisque": "#ffe4c4", + "black": "#000000", + "blanchedalmond": "#ffebcd", + "blue": "#0000ff", + "blueviolet": "#8a2be2", + "brown": "#a52a2a", + "burlywood": "#deb887", + "cadetblue": "#5f9ea0", + "chartreuse": "#7fff00", + "chocolate": "#d2691e", + "coral": "#ff7f50", + "cornflowerblue": "#6495ed", + "cornsilk": "#fff8dc", + "crimson": "#dc143c", + "cyan": "#00ffff", + "darkblue": "#00008b", + "darkcyan": "#008b8b", + "darkgoldenrod": "#b8860b", + "darkgray": "#a9a9a9", + "darkgreen": "#006400", + "darkkhaki": "#bdb76b", + "darkmagenta": "#8b008b", + "darkolivegreen": "#556b2f", + "darkorange": "#ff8c00", + "darkorchid": "#9932cc", + "darkred": "#8b0000", + "darksalmon": "#e9967a", + "darkseagreen": "#8fbc8f", + "darkslateblue": "#483d8b", + "darkslategray": "#2f4f4f", + "darkturquoise": "#00ced1", + "darkviolet": "#9400d3", + "deeppink": "#ff1493", + "deepskyblue": "#00bfff", + "dimgray": "#696969", + "dodgerblue": "#1e90ff", + "firebrick": "#b22222", + "floralwhite": "#fffaf0", + "forestgreen": "#228b22", + "fuchsia": "#ff00ff", + "gainsboro": "#dcdcdc", + "ghostwhite": "#f8f8ff", + "gold": "#ffd700", + "goldenrod": "#daa520", + "gray": "#808080", + "green": "#008000", + "greenyellow": "#adff2f", + "honeydew": "#f0fff0", + "hotpink": "#ff69b4", + "indianred": "#cd5c5c", + "indigo": "#4b0082", + "ivory": "#fffff0", + "khaki": "#f0e68c", + "lavender": "#e6e6fa", + "lavenderblush": "#fff0f5", + "lawngreen": "#7cfc00", + "lemonchiffon": "#fffacd", + "lightblue": "#add8e6", + "lightcoral": "#f08080", + "lightcyan": "#e0ffff", + "lightgoldenrodyellow": "#fafad2", + "lightgrey": "#d3d3d3", + "lightgreen": "#90ee90", + "lightpink": "#ffb6c1", + "lightsalmon": "#ffa07a", + "lightseagreen": "#20b2aa", + "lightskyblue": "#87cefa", + "lightslategray": "#778899", + "lightsteelblue": "#b0c4de", + "lightyellow": "#ffffe0", + "lime": "#00ff00", + "limegreen": "#32cd32", + "linen": "#faf0e6", + "magenta": "#ff00ff", + "maroon": "#800000", + "mediumaquamarine": "#66cdaa", + "mediumblue": "#0000cd", + "mediumorchid": "#ba55d3", + "mediumpurple": "#9370d8", + "mediumseagreen": "#3cb371", + "mediumslateblue": "#7b68ee", + "mediumspringgreen": "#00fa9a", + "mediumturquoise": "#48d1cc", + "mediumvioletred": "#c71585", + "midnightblue": "#191970", + "mintcream": "#f5fffa", + "mistyrose": "#ffe4e1", + "moccasin": "#ffe4b5", + "navajowhite": "#ffdead", + "navy": "#000080", + "oldlace": "#fdf5e6", + "olive": "#808000", + "olivedrab": "#6b8e23", + "orange": "#ffa500", + "orangered": "#ff4500", + "orchid": "#da70d6", + "palegoldenrod": "#eee8aa", + "palegreen": "#98fb98", + "paleturquoise": "#afeeee", + "palevioletred": "#d87093", + "papayawhip": "#ffefd5", + "peachpuff": "#ffdab9", + "peru": "#cd853f", + "pink": "#ffc0cb", + "plum": "#dda0dd", + "powderblue": "#b0e0e6", + "purple": "#800080", + "red": "#ff0000", + "rosybrown": "#bc8f8f", + "royalblue": "#4169e1", + "saddlebrown": "#8b4513", + "salmon": "#fa8072", + "sandybrown": "#f4a460", + "seagreen": "#2e8b57", + "seashell": "#fff5ee", + "sienna": "#a0522d", + "silver": "#c0c0c0", + "skyblue": "#87ceeb", + "slateblue": "#6a5acd", + "slategray": "#708090", + "snow": "#fffafa", + "springgreen": "#00ff7f", + "steelblue": "#4682b4", + "tan": "#d2b48c", + "teal": "#008080", + "thistle": "#d8bfd8", + "tomato": "#ff6347", + "turquoise": "#40e0d0", + "violet": "#ee82ee", + "wheat": "#f5deb3", + "white": "#ffffff", + "whitesmoke": "#f5f5f5", + "yellow": "#ffff00", + "yellowgreen": "#9acd32", + "transparent": "transparent" + }, + _sanitizeNumber: function(val) { + if (typeof val === 'number') { + return val; + } + if (isNaN(val) || (val === null) || (val === '') || (val === undefined)) { + return 1; + } + if (val === '') { + return 0; + } + if (val.toLowerCase !== undefined) { + if (val.match(/^\./)) { + val = "0" + val; + } + return Math.ceil(parseFloat(val) * 100) / 100; + } + return 1; + }, + isTransparent: function(strVal) { + if (!strVal) { + return false; + } + strVal = strVal.toLowerCase().trim(); + return (strVal === 'transparent') || (strVal.match(/#?00000000/)) || (strVal.match(/(rgba|hsla)\(0,0,0,0?\.?0\)/)); + }, + rgbaIsTransparent: function(rgba) { + return ((rgba.r === 0) && (rgba.g === 0) && (rgba.b === 0) && (rgba.a === 0)); + }, + //parse a string to HSB + setColor: function(strVal) { + strVal = strVal.toLowerCase().trim(); + if (strVal) { + if (this.isTransparent(strVal)) { + this.value = { + h: 0, + s: 0, + b: 0, + a: 0 + }; + } else { + this.value = this.stringToHSB(strVal) || { + h: 0, + s: 0, + b: 0, + a: 1 + }; // if parser fails, defaults to black + } + } + }, + stringToHSB: function(strVal) { + strVal = strVal.toLowerCase(); + var alias; + if (typeof this.colors[strVal] !== 'undefined') { + strVal = this.colors[strVal]; + alias = 'alias'; + } + var that = this, + result = false; + $.each(this.stringParsers, function(i, parser) { + var match = parser.re.exec(strVal), + values = match && parser.parse.apply(that, [match]), + format = alias || parser.format || 'rgba'; + if (values) { + if (format.match(/hsla?/)) { + result = that.RGBtoHSB.apply(that, that.HSLtoRGB.apply(that, values)); + } else { + result = that.RGBtoHSB.apply(that, values); + } + that.origFormat = format; + return false; + } + return true; + }); + return result; + }, + setHue: function(h) { + this.value.h = 1 - h; + }, + setSaturation: function(s) { + this.value.s = s; + }, + setBrightness: function(b) { + this.value.b = 1 - b; + }, + setAlpha: function(a) { + this.value.a = Math.round((parseInt((1 - a) * 100, 10) / 100) * 100) / 100; + }, + toRGB: function(h, s, b, a) { + if (!h) { + h = this.value.h; + s = this.value.s; + b = this.value.b; + } + h *= 360; + var R, G, B, X, C; + h = (h % 360) / 60; + C = b * s; + X = C * (1 - Math.abs(h % 2 - 1)); + R = G = B = b - C; + + h = ~~h; + R += [C, X, 0, 0, X, C][h]; + G += [X, C, C, X, 0, 0][h]; + B += [0, 0, X, C, C, X][h]; + return { + r: Math.round(R * 255), + g: Math.round(G * 255), + b: Math.round(B * 255), + a: a || this.value.a + }; + }, + toHex: function(h, s, b, a) { + var rgb = this.toRGB(h, s, b, a); + if (this.rgbaIsTransparent(rgb)) { + return 'transparent'; + } + return '#' + ((1 << 24) | (parseInt(rgb.r) << 16) | (parseInt(rgb.g) << 8) | parseInt(rgb.b)).toString(16).substr(1); + }, + toHSL: function(h, s, b, a) { + h = h || this.value.h; + s = s || this.value.s; + b = b || this.value.b; + a = a || this.value.a; + + var H = h, + L = (2 - s) * b, + S = s * b; + if (L > 0 && L <= 1) { + S /= L; + } else { + S /= 2 - L; + } + L /= 2; + if (S > 1) { + S = 1; + } + return { + h: isNaN(H) ? 0 : H, + s: isNaN(S) ? 0 : S, + l: isNaN(L) ? 0 : L, + a: isNaN(a) ? 0 : a + }; + }, + toAlias: function(r, g, b, a) { + var rgb = this.toHex(r, g, b, a); + for (var alias in this.colors) { + if (this.colors[alias] === rgb) { + return alias; + } + } + return false; + }, + RGBtoHSB: function(r, g, b, a) { + r /= 255; + g /= 255; + b /= 255; + + var H, S, V, C; + V = Math.max(r, g, b); + C = V - Math.min(r, g, b); + H = (C === 0 ? null : + V === r ? (g - b) / C : + V === g ? (b - r) / C + 2 : + (r - g) / C + 4 + ); + H = ((H + 360) % 6) * 60 / 360; + S = C === 0 ? 0 : C / V; + return { + h: this._sanitizeNumber(H), + s: S, + b: V, + a: this._sanitizeNumber(a) + }; + }, + HueToRGB: function(p, q, h) { + if (h < 0) { + h += 1; + } else if (h > 1) { + h -= 1; + } + if ((h * 6) < 1) { + return p + (q - p) * h * 6; + } else if ((h * 2) < 1) { + return q; + } else if ((h * 3) < 2) { + return p + (q - p) * ((2 / 3) - h) * 6; + } else { + return p; + } + }, + HSLtoRGB: function(h, s, l, a) { + if (s < 0) { + s = 0; + } + var q; + if (l <= 0.5) { + q = l * (1 + s); + } else { + q = l + s - (l * s); + } + + var p = 2 * l - q; + + var tr = h + (1 / 3); + var tg = h; + var tb = h - (1 / 3); + + var r = Math.round(this.HueToRGB(p, q, tr) * 255); + var g = Math.round(this.HueToRGB(p, q, tg) * 255); + var b = Math.round(this.HueToRGB(p, q, tb) * 255); + return [r, g, b, this._sanitizeNumber(a)]; + }, + toString: function(format) { + format = format || 'rgba'; + var c = false; + switch (format) { + case 'rgb': + { + c = this.toRGB(); + if (this.rgbaIsTransparent(c)) { + return 'transparent'; + } + return 'rgb(' + c.r + ',' + c.g + ',' + c.b + ')'; + } + break; + case 'rgba': + { + c = this.toRGB(); + return 'rgba(' + c.r + ',' + c.g + ',' + c.b + ',' + c.a + ')'; + } + break; + case 'hsl': + { + c = this.toHSL(); + return 'hsl(' + Math.round(c.h * 360) + ',' + Math.round(c.s * 100) + '%,' + Math.round(c.l * 100) + '%)'; + } + break; + case 'hsla': + { + c = this.toHSL(); + return 'hsla(' + Math.round(c.h * 360) + ',' + Math.round(c.s * 100) + '%,' + Math.round(c.l * 100) + '%,' + c.a + ')'; + } + break; + case 'hex': + { + return this.toHex(); + } + break; + case 'alias': + return this.toAlias() || this.toHex(); + default: + { + return c; + } + break; + } + }, + // a set of RE's that can match strings and generate color tuples. + // from John Resig color plugin + // https://github.com/jquery/jquery-color/ + stringParsers: [{ + re: /rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*?\)/, + format: 'rgb', + parse: function(execResult) { + return [ + execResult[1], + execResult[2], + execResult[3], + 1 + ]; + } + }, { + re: /rgb\(\s*(\d*(?:\.\d+)?)\%\s*,\s*(\d*(?:\.\d+)?)\%\s*,\s*(\d*(?:\.\d+)?)\%\s*?\)/, + format: 'rgb', + parse: function(execResult) { + return [ + 2.55 * execResult[1], + 2.55 * execResult[2], + 2.55 * execResult[3], + 1 + ]; + } + }, { + re: /rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d*(?:\.\d+)?)\s*)?\)/, + format: 'rgba', + parse: function(execResult) { + return [ + execResult[1], + execResult[2], + execResult[3], + execResult[4] + ]; + } + }, { + re: /rgba\(\s*(\d*(?:\.\d+)?)\%\s*,\s*(\d*(?:\.\d+)?)\%\s*,\s*(\d*(?:\.\d+)?)\%\s*(?:,\s*(\d*(?:\.\d+)?)\s*)?\)/, + format: 'rgba', + parse: function(execResult) { + return [ + 2.55 * execResult[1], + 2.55 * execResult[2], + 2.55 * execResult[3], + execResult[4] + ]; + } + }, { + re: /hsl\(\s*(\d*(?:\.\d+)?)\s*,\s*(\d*(?:\.\d+)?)\%\s*,\s*(\d*(?:\.\d+)?)\%\s*?\)/, + format: 'hsl', + parse: function(execResult) { + return [ + execResult[1] / 360, + execResult[2] / 100, + execResult[3] / 100, + execResult[4] + ]; + } + }, { + re: /hsla\(\s*(\d*(?:\.\d+)?)\s*,\s*(\d*(?:\.\d+)?)\%\s*,\s*(\d*(?:\.\d+)?)\%\s*(?:,\s*(\d*(?:\.\d+)?)\s*)?\)/, + format: 'hsla', + parse: function(execResult) { + return [ + execResult[1] / 360, + execResult[2] / 100, + execResult[3] / 100, + execResult[4] + ]; + } + }, { + re: /#?([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/, + format: 'hex', + parse: function(execResult) { + return [ + parseInt(execResult[1], 16), + parseInt(execResult[2], 16), + parseInt(execResult[3], 16), + 1 + ]; + } + }, { + re: /#?([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/, + format: 'hex', + parse: function(execResult) { + return [ + parseInt(execResult[1] + execResult[1], 16), + parseInt(execResult[2] + execResult[2], 16), + parseInt(execResult[3] + execResult[3], 16), + 1 + ]; + } + }], + colorNameToHex: function(name) { + if (typeof this.colors[name.toLowerCase()] !== 'undefined') { + return this.colors[name.toLowerCase()]; + } + return false; + } + }; + + /* + * Default plugin options + */ + var defaults = { + horizontal: false, // horizontal mode layout ? + inline: false, //forces to show the colorpicker as an inline element + color: false, //forces a color + format: false, //forces a format + input: 'input', // children input selector + container: false, // container selector + component: '.add-on, .input-group-addon', // children component selector + sliders: { + saturation: { + maxLeft: 100, + maxTop: 100, + callLeft: 'setSaturation', + callTop: 'setBrightness' + }, + hue: { + maxLeft: 0, + maxTop: 100, + callLeft: false, + callTop: 'setHue' + }, + alpha: { + maxLeft: 0, + maxTop: 100, + callLeft: false, + callTop: 'setAlpha' + } + }, + slidersHorz: { + saturation: { + maxLeft: 100, + maxTop: 100, + callLeft: 'setSaturation', + callTop: 'setBrightness' + }, + hue: { + maxLeft: 100, + maxTop: 0, + callLeft: 'setHue', + callTop: false + }, + alpha: { + maxLeft: 100, + maxTop: 0, + callLeft: 'setAlpha', + callTop: false + } + }, + template: '